<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
        <title>首页 - 赛维时代</title>
        <meta name="keywords" content="赛维时代">
        <meta name="description" content="">
		<link rel='shortcut icon' type='image/x-icon' href='templates/default/cn/ico/favicon.ico' />
		<link href="templates/default/cn/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<link href="templates/default/cn/css/swiper-bundle.min.css" type="text/css" rel="stylesheet" />
		<link href="templates/default/cn/css/animate.min.css" type="text/css" rel="stylesheet" />
		<link href="templates/default/cn/css/aos.css" type="text/css" rel="stylesheet" />
		<link href="templates/default/cn/css/base.css" type="text/css" rel="stylesheet" />
		<link href="templates/default/cn/css/media.css" type="text/css" rel="stylesheet" />
	</head>
	<body>
		
		
		<header class="hidden-sm hidden-xs ">
			<div class="w1600">
				<div class="content-main">
					<div class="logo"><a href="index.html"></a></div>
					<div class="menu">
						<ul>
                                                                                                	                        	                            <li class="active " data-menuindex="0">
                            	<a href="index.html">首页</a>
                            </li>
                                                	                        	                            <li class=" select" data-menuindex="1">
                            	<a href="aboutus.html">关于赛维</a>
                            </li>
                                                	                        	                            <li class=" select" data-menuindex="2">
                            	<a href="business.html">业务范围</a>
                            </li>
                                                	                        	                            <li class=" select" data-menuindex="3">
                            	<a href="news.html">新闻中心</a>
                            </li>
                                                	                        	                            <li class=" " data-menuindex="4">
                            	<a href="development.html">研发中心</a>
                            </li>
                                                	                        	                            <li class=" select" data-menuindex="5">
                            	<a href="investor.html">投资者关系</a>
                            </li>
                                                	                        	                            <li class=" select" data-menuindex="6">
                            	<a href="cooperation.html">品牌展示</a>
                            </li>
                                                	                        	                            <li class=" select" data-menuindex="7">
                            	<a href="joinus.html">加入我们</a>
                            </li>
                        						</ul>
					</div>
					<div class="language">
																																	<a href="index.html" class="active">中文</a>
																												<span>/</span>
														<a href="index-en.html" >英文</a>
											</div>
					<div class="right-menu">
						<i></i>
					</div>
				</div>
			</div>
		</header>
		<div class="menu-dropdown">
			<ul>
                        					<li>
                					</li>
                        					<li>
                	                        <a href="aboutus.html">赛维简介</a>
                                            <a href="aboutus.html#structure">公司架构</a>
                                            <a href="aboutus.html#culture">企业文化</a>
                                            <a href="aboutus.html#partner">合作平台</a>
                    				</li>
                        					<li>
                	                        <a href="business.html">全球布局</a>
                                            <a href="business.html#coverage">覆盖范围</a>
                    				</li>
                        					<li>
                	                        <a href="news_list_1.html">行业资讯</a>
                                            <a href="news_list_2.html">公司新闻</a>
                                            <a href="team.html">员工天地</a>
                    				</li>
                        					<li>
                					</li>
                        					<li>
                	                        <a href="investor.html">公告</a>
                                            <a href="hotline.html">投资者热线</a>
                    				</li>
                        					<li>
                	                        <a href="cooperation.html">品牌介绍</a>
                                            <a href="pro.html">产品展示</a>
                    				</li>
                        					<li>
                	                        
                                            <a href="joinus.html#contactus">联系方式</a>
                                            <a href="joinus.html">岗位招聘</a>
                    				</li>
            			</ul>
		</div>
		
		
		
		<div class="m-header ">
			<div class="m-header-logo"><a href="index.html"></a></div>
			<div class="m-header-menu-icon">
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
		
		
		<div class="side-nav">
			<div class="side-close"><a href="javascrip:void(0);"><img src="templates/default/cn/images/icons/close-dark.png"></a></div>
			<div class="side-navs">
				<ul>
                                    <li>
                        <a href="index.html">首页</a>
                                                                    </li>
                                    <li>
                        <a href="aboutus.html">关于赛维</a>
                                                                          <div class="side-dropdown">
                                                            <p><a href="aboutus.html">赛维简介</a></p>
                                                            <p><a href="aboutus.html#structure">公司架构</a></p>
                                                            <p><a href="aboutus.html#culture">企业文化</a></p>
                                                            <p><a href="aboutus.html#partner">合作平台</a></p>
                                                      </div>
                                            </li>
                                    <li>
                        <a href="business.html">业务范围</a>
                                                                          <div class="side-dropdown">
                                                            <p><a href="business.html">全球布局</a></p>
                                                            <p><a href="business.html#coverage">覆盖范围</a></p>
                                                      </div>
                                            </li>
                                    <li>
                        <a href="news.html">新闻中心</a>
                                                                          <div class="side-dropdown">
                                                            <p><a href="news_list_1.html">行业资讯</a></p>
                                                            <p><a href="news_list_2.html">公司新闻</a></p>
                                                            <p><a href="team.html">员工天地</a></p>
                                                      </div>
                                            </li>
                                    <li>
                        <a href="development.html">研发中心</a>
                                                                    </li>
                                    <li>
                        <a href="investor.html">投资者关系</a>
                                                                          <div class="side-dropdown">
                                                            <p><a href="investor.html">公告</a></p>
                                                            <p><a href="hotline.html">投资者热线</a></p>
                                                      </div>
                                            </li>
                                    <li>
                        <a href="cooperation.html">品牌展示</a>
                                                                          <div class="side-dropdown">
                                                            <p><a href="cooperation.html">品牌介绍</a></p>
                                                            <p><a href="pro.html">产品展示</a></p>
                                                      </div>
                                            </li>
                                    <li>
                        <a href="joinus.html">加入我们</a>
                                                                          <div class="side-dropdown">
                                                            <p></p>
                                                            <p><a href="joinus.html#contactus">联系方式</a></p>
                                                            <p><a href="joinus.html">岗位招聘</a></p>
                                                      </div>
                                            </li>
                				<li class="language">
																												<a href="index.html" class="active">中文</a>
																								<span>/</span>
												<a href="index-en.html" >英文</a>
									</li>
				</ul>
				<div class="followUs">
					<p>FOLLOW US</p>
					<a class="javascript:viod(0)">
						<img src="templates/default/cn/images/icons/icon-wechat-gary.png">
						<div class="QRcode">
							<img src="templates/default/cn/images/icons/QRcode.png" />
							<p>扫码关注</p>
							<p>赛维时代公众号</p>
						</div>
					</a>
				</div>
			</div>
		</div>
		<div class="side-nav-mask"></div>
				
		
		<div class="banner">
			<a href="javascript:void(0);" class="scene-nav scene-nav--prev" data-nav="previous"><img src="templates/default/cn/images/icons/arrow-left.png"></a>
			<a href="javascript:void(0);" class="scene-nav scene-nav--next" data-nav="next"><img src="templates/default/cn/images/icons/arrow-right.png"></a>
			<div class="swiper-container">
				<div class="swiper-wrapper">
                					<div class="swiper-slide" style="background: url(./upload/logo-gif.gif) 50% 50% no-repeat; background-size: cover;">
						<div class="w1600">
							<h1 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.3s">让美好生活触手可及</h1>
							<div class="view-more ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.6s">
								<a href="//www.sailvantimes.com/aboutus.html">VIEW MORE <img src="templates/default/cn/images/icons/arrow-circle.png"></a>
							</div>
						</div>
					</div>
                					<div class="swiper-slide" style="background: url(./upload/pic19.jpg) 50% 50% no-repeat; background-size: cover;">
						<div class="w1600">
							<h1 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.3s">构建智能商业平台</h1>
							<div class="view-more ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.6s">
								<a href="//www.sailvantimes.com/business.html">VIEW MORE <img src="templates/default/cn/images/icons/arrow-circle.png"></a>
							</div>
						</div>
					</div>
                				</div>
			</div>
			<div class="slide-dots">
				<div class="w1600">
					<div class="slide-dot-lg"></div>
					<div class="slide-dot-xs"></div>
				</div>
			</div>
		</div>
		
		<section class="index-about" id="index-about">
        				<div class="w1600">
				<div class="index-about-tit">
					<span aos="fade-right" aos-delay="300">关于赛维时代</span>
					<a href="aboutus.html" aos="fade-left" aos-delay="300">MORE</a>
				</div>
				<dl>
					<dd aos="fade-right" aos-delay="300">
						<div class="index-about-content">
                            <p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px; padding: 0px; outline: none; color: rgb(51, 51, 51); font-family: " pingfang="" lantinghei="" microsoft="" hanhei="" helvetica="" open="" hiragino="" sans="" wenquanyi="" micro="" font-size:="" white-space:="" background-color:="">赛维时代科技股份有限公司成立于2012年，国家高新技术企业。公司秉承“让美好生活触手可及”的使命，致力于成为技术驱动的智能商业平台。</p><p>为满足全球消费者对高品质、个性化的时尚生活需求，公司在基础平台层、销售端和供应端持续深耕，已逐步打磨出集产品开发设计、品牌孵化及运营、供应链整合等于一体的平台化快速反应能力。在基础平台层，公司已具备全链路数字化能力，并搭建了“小前端+大中台”的敏捷型组织架构；在销售端，公司基于跨区域、跨平台的销售网络，构建品牌矩阵支撑的多品类延伸能力；在供应端，公司依托庞大而优质的供应商生态、全球仓储物流网络布局，并通过自研的服装柔性供应链系统赋能生产，构建高效供应能力。</p><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px; padding: 0px; outline: none; color: rgb(51, 51, 51);" pingfang="" lantinghei="" microsoft="" hanhei="" helvetica="" open="" hiragino="" sans="" wenquanyi="" micro="" font-size:="" white-space:="" background-color:=""><br/></p>
						</div>
						<div class="more">MORE</div> 
						<ul>
							<li>
								<b>约<span class="number" id="num1" data-num="35000"></span>+</b>
								<p>平方米办公楼</p>
							</li>
							<li>
								<b>约<span class="number" id="num2" data-num="2700"></span>+</b>
								<p>名企业员工</p>
							</li>
							<li>
								<b>约<span class="number" id="num3" data-num="1000"></span>+</b>
								<p>项专利、软著、商标、版权</p>
							</li>
						</ul>
					</dd>
					<dt aos="fade-left" aos-delay="300">
						<img src="templates/default/cn/images/pic2.jpg" />
						
					</dt>
				</dl>
			</div>
		</section>
		
		<section class="index-pro" id="index-pro" v-cloak>
			<div class="w1600">
				<div class="index-pro-tit" aos="fade-up" aos-delay="100">产品展示</div>
				<div class="index-pro-tabs" aos="fade-up" aos-delay="200">
					<ul>
						<li v-for="(data,index) in tabs" :key="index"><a :href="data.link">{{data.name}}</a></li>
					</ul>
				</div>
				<div class="index-pro-list clearfix">
					<div 
						class="col-xs-6 col-md-4 col-lg-3 index-pro-item" 
						v-for="(data,index) in proList" 
						:key="index" 
						@click="showProData(data)" 
						aos="fade-up" :aos-delay="(index+1)*100">
						<a href="javascript:void(0)"><img :src="data.p_img"></a>
					</div>
				</div>
			</div>
			
			<div class="pro-detaild">
				<div class="pro-detaild-close"><a href="javascript:void(0)"><img src="templates/default/cn/images/icons/close-dark.png"></a></div>
				<div class="pro-detaild-pics">
					<div class="pro-detaild-pics-big">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide" v-for="(data,index) in proInfo.big" :key="index"><img :src="data"></div>
							</div>
						</div>
					</div>
					<div class="pro-detaild-pics-small"></div>
				</div>
				<div class="pro-detaild-info">
					<p>{{proInfo.class_name}}</p>
					<h1>{{proInfo.subject}}</h1>
				</div>
			</div>
			<div class="pro-detaild-mask"></div>
			
		</section>
		
		<section class="index-news" id="index-news" v-cloak>
			<div class="w1600">
				<div class="index-news-tit">
					<span aos="fade" aos-delay="300">新闻中心</span>
					<a href="news.html" aos="fade" aos-delay="300">MORE</a>
				</div>
				<div class="index-news-tabs" aos="fade" aos-delay="300">
					<ul>
						<li v-for="(data,index) in tabs" :key="index"><a href="javascript:void(0);"　@click="jump(data.link)">{{data.name}}</a></li>
					</ul>
				</div>
				<div class="index-news-list clearfix">
					<div class="col-md-12 col-lg-4">
						<a href="javascript:void(0);" class="index-news-item" @click="showNewsInfo(itemOne)" aos="fade" aos-delay="100">
							<img :src="itemOne.img" />
							<div class="index-news-item-info">
								<div class="time">
									<div class="time-box">
										<p class="time-day">{{new Date(itemOne.postdate).Format('dd')}}</p>
										<p class="time-year-month">{{new Date(itemOne.postdate).Format('yyyy-MM')}}</p>
									</div>
									<span class="arrow"></span>
								</div>
								<div class="news-title">{{itemOne.subject}}</div>
								<div class="news-des">{{itemOne.decr}}</div>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-lg-4">
						<a href="javascript:void(0);" 
							v-for="(data,index) in itemTwo" 
							:key="index" 
							class="index-news-item index-news-itemTwo-item" 
							@click="showNewsInfo(data)"
							aos="fade" :aos-delay="(index+1)*100">
							<div class="index-news-item-info">
								<div class="time">
									<div class="time-box">
										<p class="time-day">{{new Date(data.postdate).Format('dd')}}</p>
										<p class="time-year-month">{{new Date(data.postdate).Format('yyyy-MM')}}</p>
									</div>
									<span class="arrow"></span>
								</div>
								<div class="news-title">{{data.subject}}</div>
								<div class="news-des">{{data.decr}}</div>
							</div>
						</a>
					</div>
					<div class="col-md-12 col-lg-4">
						<a href="javascript:void(0);" 
							v-for="(data,index) in itemThree" 
							:key="index" 
							class="index-news-item index-news-itemThree-item" 
							@click="showNewsInfo(data)"
							aos="fade" :aos-delay="(index+1)*100">
							<div class="index-news-item-info">
								<div class="time">
									<div class="time-box">
										<p class="time-day">{{new Date(data.postdate).Format('dd')}}</p>
										<p class="time-year-month">{{new Date(data.postdate).Format('yyyy-MM')}}</p>
									</div>
								</div>
								<div class="news-title">{{data.subject}}</div>
								<span class="arrow"></span>
							</div>
						</a>
					</div>
				</div>
			</div>
			
			
			<div class="news-info">
				<div class="news-info-close"><a href="javascript:void(0);"><img src="templates/default/cn/images/icons/close-dark.png"></a></div>
				<div class="news-info-title">
					<h1>{{newsInfo.subject}}</h1>
					<div class="news-info-author"><time>{{new Date(newsInfo.postdate).Format('yyyy.MM.dd')}}</time><span>文 / {{newsInfo.fromer}}</span></div>
				</div>
				<div class="news-info-content" v-html="newsInfo.details"></div>
				<div class="news-paging">
					<div class="news-paging-box news-paging-prev">
						<a href="javascript:void(0);"><b> < </b>PREVIOUS</a>
						<div class="news-main-img">
							<img src="templates/default/cn/images/pic15.jpg">
							<p>大促来袭，赛维人众志成”橙“搞业绩!</p>
						</div>
					</div>
					<div class="news-paging-box news-paging-next">
						<a href="javascript:void(0);">NEXT<b> > </b></a>
						<div class="news-main-img">
							<img src="templates/default/cn/images/pic16.jpg">
							<p>大促来袭，赛维人众志成”橙“搞业绩!</p>
						</div>
					</div>
				</div>
			</div>
			<div class="news-info-mask"></div>
			
			
		</section>
		

		<footer class="footer">
			<div class="footer-info">
				<div class="w1600">
					<div class="footer-info-left">
						<p><a href=""><img src="templates/default/cn/images/logo-1.png"></a></p>
						<div class="followUs">
							<p>FOLLOW US</p>
							<a class="javascript:viod(0)">
								<img src="templates/default/cn/images/icons/icon-wechat.png">
								<div class="QRcode">
									<img src="templates/default/cn/images/icons/QRcode.png" />
									<p>扫码关注</p>
									<p>赛维时代公众号</p>
								</div>
							</a>
						</div>
					</div>
					<div class="footer-info-center">
						<h1>关于赛维</h1>
						<div class="footer-info-center-info">
							<ul>
                        	  								<li><a href="aboutus.html">赛维简介</a></li>
                              								<li><a href="aboutus.html#structure">公司架构</a></li>
                              								<li><a href="aboutus.html#culture">企业文化</a></li>
                              								<li><a href="aboutus.html#partner">合作平台</a></li>
                                
							</ul>
							<img src="templates/default/cn/images/pic3.jpg" />
						</div>
					</div>
					<div class="footer-info-right">
						<ul>
                                                	                                                	                                                	                            <li><b>业务范围</b>
                                                                                                <div class="footer-dropdown">
                                                                    <p><a href="business.html">全球布局</a></p>
                                                                    <p><a href="business.html#coverage">覆盖范围</a></p>
                                                                </div>
                                                            </li>
                                                                            	                            <li><b>新闻中心</b>
                                                                                                <div class="footer-dropdown">
                                                                    <p><a href="news_list_1.html">行业资讯</a></p>
                                                                    <p><a href="news_list_2.html">公司新闻</a></p>
                                                                    <p><a href="team.html">员工天地</a></p>
                                                                </div>
                                                            </li>
                                                                            	                            <li><b>研发中心</b>
                                                                                            </li>
                                                                            	                            <li><b>投资者关系</b>
                                                                                                <div class="footer-dropdown">
                                                                    <p><a href="investor.html">公告</a></p>
                                                                    <p><a href="hotline.html">投资者热线</a></p>
                                                                </div>
                                                            </li>
                                                                            	                            <li><b>品牌展示</b>
                                                                                                <div class="footer-dropdown">
                                                                    <p><a href="cooperation.html">品牌介绍</a></p>
                                                                    <p><a href="pro.html">产品展示</a></p>
                                                                </div>
                                                            </li>
                                                                            	                            <li><b>加入我们</b>
                                                                                                <div class="footer-dropdown">
                                                                    <p></p>
                                                                    <p><a href="joinus.html#contactus">联系方式</a></p>
                                                                    <p><a href="joinus.html">岗位招聘</a></p>
                                                                </div>
                                                            </li>
                                                    						</ul>
					</div>
				</div>
			</div>
			<div class="footer-copyright">
				<div class="w1600">
					<div class="footer-copyright-left">
						<span>©版权所有Copyright 赛维时代科技股份有限公司</span>
						<span></span>
						<span><img src="templates/default/cn/images/jhicon.png" style="width:16px;height:16px;">&nbsp;</span>
						<span><a href="legal.html">法律声明</a></span>
						 
					</div>
					<div class="footer-copyright-right"><a href="javascript:void(0);"><img src="templates/default/cn/images/icons/arrow-back-top.png"></a></div>
				</div>
			</div>
		</footer>
				
	</body>
</html>









<script>
	var height = $(window).height()
	$('.banner').height(height)
	$(window).resize(function(){
		height = $(window).height()
		$('.banner').height(height)
	})
	var options = {
		useEasing: true,
	  useGrouping: false
	};
	$(window).scroll(function () {
		if($('.index-about').hasClass('into')) return false
		var a = document.getElementById('index-about').offsetTop;
		if (a >= $(window).scrollTop() && a < ($(window).scrollTop()+$(window).height())) {
			$('.index-about').addClass('into')
			new countUp("num1", 0, 35000, 0, 5, options).start();
			new countUp("num2", 0, 3000, 0, 5, options).start();
			new countUp("num3", 0, 1000, 0, 5, options).start();
		}
	});
	var app = new Vue({
		el: '#index-pro',
		data: {
			tabs: [
							{link: 'pro_list_1.html',name: '服装配饰'},
            				{link: 'pro_list_2.html',name: '百货家居'},
            				{link: 'pro_list_3.html',name: '运动娱乐'},
            				{link: 'pro_list_4.html',name: '数码汽摩'},
            ],
			proList: [],
			proInfo: ''
		},
		methods:{
			initProList(){
				var _this = this
				$.ajax({
					url:'/item_json_allList.html?module_id=10&istop=1&class_id=0',
					dataType:'json',
					success: function(data){
						_this.proList = data
						// 数据加载完后动画初始化
						setTimeout(function(){
							AOS.init({
								startEvent:'someCoolEvent'
							});
							AOS.refresh();
						},100)
					}
				})
			},
			showProData(data){
				let _this = this
				this.proInfo = ''
				this.$nextTick(function(){
					_this.proInfo = data
					var swiper = new Swiper('.pro-detaild-pics-big .swiper-container', {
						observer:true,
						observeParents:true,
						observeSlideChildren:true,
						speed: 1000,
						pagination: {
							el: '.pro-detaild-pics-small',
							clickable: true,
							renderBullet: function (index, className) {
								return '<span class="'+className+'"><img src='+_this.proInfo.small[index]+' /></span>';
							},
						},
					});
				})
				$('.pro-detaild').addClass('active')
				$('.pro-detaild-mask').fadeIn()
				$('body').addClass('overflowhidden')
			}
		},
		mounted() {
			this.initProList()
			$('.pro-detaild-close,.pro-detaild-mask').on('click',function(){
				$('.pro-detaild').removeClass('active')
				$('.pro-detaild-mask').fadeOut()
				$('body').removeClass('overflowhidden')
			})
		}
	})
	var indexNews = new Vue({
		el: '#index-news',
		data: {
			tabs: [{
				link: 'news_list_1.html',
				name: '行业资讯'
			},{
				link: 'news_list_2.html',
				name: '公司新闻'
			},{
				link: 'team.html',
				name: '员工天地'
			}],
			allNewsList: [],
			itemOne: {},
			itemTwo: [],
			itemThree: [],
			newsInfo: ''
		},
		methods: {
			initNews(){
				var _this = this
				$.ajax({
					url:'/item_json_allList.html?module_id=4&istop=1&class_id=0',
					dataType:'json',
					success: function(data){
						_this.allNewsList = data
						_this.itemOne = _this.allNewsList[0]
						_this.itemTwo = _this.allNewsList.slice(1,3)
						console.log('_this.itemTwo',_this.itemTwo);
						_this.itemThree = _this.allNewsList.slice(3,_this.allNewsList.length)
						// 数据加载完后动画初始化
						setTimeout(function(){
							AOS.init({
								startEvent:'someCoolEvent'
							});
							AOS.refresh();
						},100)
					}
				})
			},
			showNewsInfo(data){
				this.newsInfo = ''
				this.$nextTick(function(){
					this.newsInfo = data
					$('.news-info').addClass('active')
					$('.news-info-mask').fadeIn()
					$('body').addClass('overflowhidden')
				})
			},
			jump(url){
				if(url){
					window.location.href = url
				}else{
					alert('暂未开放')
				}
			}
		},
		mounted() {
			this.initNews()
		}
	})
	$('.news-paging-box a').hover(function(){
		$(this).siblings('.news-main-img').addClass('active')
	},function(){
		$(this).siblings('.news-main-img').removeClass('active')
	})
	$('.news-info-close,.news-info-mask').on('click',function(){
		$('.news-info').removeClass('active')
		$('.news-info-mask').fadeOut()
		$('body').removeClass('overflowhidden')
	})
</script>