<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="IE=edge" http-equiv="X-UA-Compatible" />
		<meta content="yes" name="mobile-web-app-capable" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="width=device-width,minimum-scale=1,maximum-scale=5,initial-scale=1,user-scalable=no"
			name="viewport" />
		<title>富和家具</title>
		<link href="./css/reset.css" rel="stylesheet" />
		<link href="./css/index.css" rel="stylesheet" />
		<script src="js/jquery.2.1.4.min.js"></script>
		<script src="js/vue.min.js"></script>
		<script src="js/common.js"></script>
		<script src="js/swiper.min.js"></script>
	</head>
	<body>
		<div id="get_scroll"></div>
		<div class="canvas" id="canvas">
			<div class="header_container"></div>
			<main class="site-content">
				<div itemscope="" itemtype="http://schema.org/website">
					<div class="video-banner swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<img src="./images/index/banner1.jpg" class="pc_img">
								<img src="./images/index/banner1_mb.jpg" class="mobile_img">
							</div>
							<div class="swiper-slide">
								<img src="./images/index/banner2.jpg" class="pc_img">
								<img src="./images/index/banner2_mb.jpg" class="mobile_img">
							</div>
							<div class="swiper-slide">
								<img src="./images/index/banner3.jpg" class="pc_img">
								<img src="./images/index/banner3_mb.jpg" class="mobile_img">
							</div>
							<div class="swiper-slide">
								<img src="./images/index/banner4.jpg" class="pc_img">
								<img src="./images/index/banner4_mb.jpg" class="mobile_img">
							</div>
						</div>
						<!-- <video autobuffer="autobuffer" autoplay=""
							class="image-banner__video animation--video" id="video" loop="loop" muted=""
							playsinline="playsinline">
							<source src="https://www.datocms-assets.com/42433/1654497909-homep.mp4" type="video/mp4" />
							<source src="https://www.datocms-assets.com/42433/1654497909-homep.mp4" type="video/webm" />
						</video> -->
						<div class="hero__inner__home">
							<h2 class="hero__title">{{index_word.banner|show_word(language)}}</h2>
						</div>
					</div> 
					<section class="section">

						<div class="wrap">
							<div class="flex">
								<div class="flex__item lap-5-12 margin--bottom-1-on-lte-tab">
									<div class="intro__title">
										<h2>{{index_word.word1|show_word(language)}}</h2>
									</div>
								</div>
								<div class="flex__item lap-6-12 lap-push-1-12">
									<div class="intro__title--small">
										<p>
											<span class=" author-d-1gg9uz65z1iz85zgdz68zmqkz84zo2qoxwez67znz77zxtoz82z8z69zfz89zz90zz70z52z77zz86zwz80z0ez83zqiz66zz83zkjn">{{index_word.word2|show_word(language)}}
											</span>
										</p>
									</div>
								</div>
							</div>
							<div class="margin--top-3 margin--top-6-on-tab">
								<div class="family-menu__grid">
									<div class="card--big 0">
										<a href="./detail.html?id=2" class="card__hover">
											<div class="card__image--big">
												<img src="./images/index/01.jpg" class="lazyload lazyload image" />
											</div>
											<div class="card__title">{{index_word.word3|show_word(language)}}</div>
										</a>
									</div>
									<div class="card--big 1">
										<a href="./detail.html?id=13" class="card__hover">
											<div class="card__image--big">
												<img src="./images/index/02.jpg" class="lazyload lazyload image" />
											</div>
											<div class="card__title">{{index_word.word4|show_word(language)}}</div>
										</a>
									</div>
									<div class="card--big 2">
										<a href="./detail.html?id=19" class="card__hover">
											<div class="card__image--big">
												<img src="./images/index/03.jpg" class="lazyload lazyload image" />
											</div>
											<div class="card__title">{{index_word.word5|show_word(language)}}</div>
										</a>
									</div>
									<div class="card--big 3">
										<a href="./detail.html?id=10" class="card__hover">
											<div class="card__image--big">
												<img src="./images/index/04.jpg" class="lazyload lazyload image" />
											</div>
											<div class="card__title">{{index_word.word6|show_word(language)}}</div>
										</a>
									</div>
									<div class="card--big 4">
										<a href="./detail.html?id=40" class="card__hover">
											<div class="card__image--big">
												<img src="./images/index/05.jpg" class="lazyload lazyload image" />
											</div>
											<div class="card__title">{{index_word.word7|show_word(language)}}</div>
										</a>
									</div>
									<div class="card--big 5">
										<a href="./detail.html?id=36" class="card__hover">
											<div class="card__image--big">
												<img src="./images/index/06.jpg" class="lazyload lazyload image" />
											</div>
											<div class="card__title">{{index_word.word8|show_word(language)}}</div>
										</a>
									</div>
								</div>
							</div>
							<div class="button--rectangular--big--contain margin--top-4">
								<div class="button--rectangular--big open-menu-products">{{index_word.word9|show_word(language)}}</div>
							</div>
						</div>
					</section>
					<section class="section--yellow">
						<div class="wrap--small">
							<div class="flex">
								<div class="flex__item lap-3-12 margin--bottom-1-on-lte-tab">
									<div class="intro__prefix--uppercase">{{index_word.word10|show_word(language)}}</div>
								</div>
								<div class="flex__item lap-9-12">
									<div class="intro__title">
										<!-- <h2><span></span></h2> -->
										<div><span>{{index_word.word11|show_word(language)}}</span></div>
									</div>
								</div>
							</div>
							<div class="margin--top-3 margin--top-6-on-lap">
								<div class=reference>
									<a href="./projects.html"
										class=reference__hover>
										<div class=image--with-layer-transparent>
											<img src="./images/index/works1.jpg" class="lazyload lazyload image" />
										</div>
										<div class=reference__info>
											<div class=reference__prefix>{{index_word.word3|show_word(language)}}</div>
											<div class=reference__title>{{index_word.word12|show_word(language)}}</div>
										</div>
										<div class=visible--on-lap>
											<div class=button--small>
												<div class=button--small__label>{{index_word.word21|show_word(language)}}</div><svg role=img
													focusable=false class="icon--white icon-svg--small_arrow">
													<use xlink:href="#icons-small_arrow"></use>
												</svg>
											</div>
										</div>
									</a>
								</div>
								<div class=reference>
									<a href="./projects.html" class=reference__hover
										title="Iris Ceramiche">
										<div class=image--with-layer-transparent>
											<img src="./images/index/works2.jpg" class="lazyload lazyload image" />
										</div>
										<div class=reference__info>
											<div class=reference__prefix>{{index_word.word14|show_word(language)}}</div>
											<div class=reference__title>{{index_word.word13|show_word(language)}}</div>
										</div>
										<div class=visible--on-lap>
											<div class=button--small>
												<div class=button--small__label>{{index_word.word21|show_word(language)}}</div><svg role=img
													focusable=false class="icon--white icon-svg--small_arrow">
													<use xlink:href="#icons-small_arrow"></use>
												</svg>
											</div>
										</div>
									</a>
								</div>
								<div class=reference>
									<a href="./projects.html" class=reference__hover
										title="Voip Voice">
										<div class=image--with-layer-transparent>
											<img src="./images/index/works3.jpg" class="lazyload lazyload image" />
										</div>
										<div class=reference__info>
											<div class=reference__prefix>{{index_word.word15|show_word(language)}}</div>
											<div class=reference__title>{{index_word.word16|show_word(language)}}</div>
										</div>
										<div class=visible--on-lap>
											<div class=button--small>
												<div class=button--small__label>{{index_word.word21|show_word(language)}}</div><svg role=img
													focusable=false class="icon--white icon-svg--small_arrow">
													<use xlink:href="#icons-small_arrow"></use>
												</svg>
											</div>
										</div>
									</a>
								</div>
								<div class=reference>
									<a href="./projects.html" class=reference__hover
										title="Voip Voice">
										<div class=image--with-layer-transparent>
											<img src="./images/index/works4.jpg" class="lazyload lazyload image" />
										</div>
										<div class=reference__info>
											<div class=reference__prefix>{{index_word.word17|show_word(language)}}</div>
											<div class=reference__title>{{index_word.word18|show_word(language)}}</div>
										</div>
										<div class=visible--on-lap>
											<div class=button--small>
												<div class=button--small__label>{{index_word.word21|show_word(language)}}</div><svg role=img
													focusable=false class="icon--white icon-svg--small_arrow">
													<use xlink:href="#icons-small_arrow"></use>
												</svg>
											</div>
										</div>
									</a>
								</div>
								<div class=reference>
									<a href="./projects.html" class=reference__hover
										title="Voip Voice">
										<div class=image--with-layer-transparent>
											<img src="./images/index/works5.jpg" class="lazyload lazyload image" />
										</div>
										<div class=reference__info>
											<div class=reference__prefix>{{index_word.word19|show_word(language)}}</div>
											<div class=reference__title>{{index_word.word20|show_word(language)}}</div>
										</div>
										<div class=visible--on-lap>
											<div class=button--small>
												<div class=button--small__label>{{index_word.word21|show_word(language)}}</div><svg role=img
													focusable=false class="icon--white icon-svg--small_arrow">
													<use xlink:href="#icons-small_arrow"></use>
												</svg>
											</div>
										</div>
									</a>
								</div>
								<div class="margin--top-4 margin--top-6-on-lap">
									<div class=button--rectangular--big--contain><a href="./projects.html"
											class=button--rectangular--big title=Projects>{{index_word.word22|show_word(language)}}</a></div>
								</div>
							</div>
						</div>
					</section>
					<section class=section>
						<div class=wrap>
							<div class="intro__prefix margin--bottom-2">{{index_word.word23|show_word(language)}}</div>
							<div class="flex margin--bottom-2">
								<div class="flex__item lap-5-12 margin--bottom-1-on-lte-tab">
									<div class=intro__title>
										<h2>{{index_word.word24|show_word(language)}}</h2>
									</div>
								</div>
								<div class="flex__item lap-6-12 lap-push-1-12">
									<div class="intro__title--small">
										<p>{{index_word.word25|show_word(language)}}</p>
										<p>{{index_word.word26|show_word(language)}}</p>
										<p>{{index_word.word27|show_word(language)}}</p>
									</div>
								</div>
							</div>
						</div>
						<div class="image__about_us margin--both-4">
							<img src="./images/index/banner5.jpg" class="pc_img lazyload lazyload image">
							<img src="./images/index/banner5_mb.jpg" class="mobile_img lazyload lazyload image">
						</div>
						<div class="image__about_us margin--both-4">
							<img src="./images/index/banner6.jpg" class="pc_img lazyload lazyload image">
							<img src="./images/index/banner6_mb.jpg" class="mobile_img lazyload lazyload image">
						</div>
					</section>
				</div>
			</main>
			<div class="nav_container"></div>
			<div class="product_container"></div>
			<div class="footer_container"></div>
		</div>
	</body>
	<script>
		var index_language = {
			banner:{
				cn:'舒服至上',
				en:'Comfort is our ultimate goal'
			},
			word1:{
				cn:'联丰为办公、居家人群设计生产椅子，简洁利落的整体造型与细致的功能融为一体',
				en:'LIANFENG design and produce Chairs for office and home, which has integrated Concise and Neat overall shape with thoughtful functions.'
			},
			word2:{
				cn:'联丰自有的设计师团队，设计师对电脑椅注入自己的独特见解，不断自主创新，跟进舒适潮流的脚步',
				en:'LIANFENG internal design team always strive to inject their unique insights into computer chairs, continue to innovate independently, and follow the footsteps of comfortable trends.'
			},
			word3:{
				cn:'人体工学',
				en:'Ergonomics'
			},
			word4:{
				cn:'工学家用',
				en:'Home office'
			},
			word5:{
				cn:'会议必备',
				en:'Meeting essential'
			},
			word6:{
				cn:'工学电竞椅',
				en:'Ergonomic gaming chair'
			},
			word7:{
				cn:'轻奢家用',
				en:'Light luxury home'
			},
			word8:{
				cn:'现代简约',
				en:'Modern simplicity'
			},
			word9:{
				cn:'查看所有产品',
				en:'View all products'
			},
			word10:{
				cn:'坚持生产“中高端电脑椅”，用设计解决问题，高度重视设设计、外观、环境以及客户幸福指数',
				en:'Adheres to the production of "medium and high level computer chairs", Solve problems with R&D, Attach great importance to design, appearance, environment and customer happiness index'
			},
			word11:{
				cn:'联丰致力于前沿技术和人体工学椅的研究，从原材料到生产，都在不断推动人们建立健康舒适的生活方式',
				en:'LIANFENG is committed to the research of cutting-edge technology and ergonomic chairs. From raw materials to production, they are constantly promoting people to establish a healthy and comfortable lifestyle.'
			},
			word12:{
				cn:'蝶翼腰靠',
				en:' Butterfly-wing'
			},
			word13:{
				cn:'韧性椅背',
				en:'Flexible Backrest'
			},
			word14:{
				cn:'职场办公',
				en:'Career Office'
			},
			word15:{
				cn:'灵活空间',
				en:'Flexible adaptation to various space'
			},
			word16:{
				cn:'操作方便',
				en:'Easy installation and operation'
			},
			word17:{
				cn:'休闲家居',
				en:'Leisure home'
			},
			word18:{
				cn:'框架支撑',
				en:'Safer metal frame support'
			},
			word19:{
				cn:'家用办公',
				en:'Home Office'
			},
			word20:{
				cn:'稳固舒适',
				en:'Stable and Comfortable'
			},
			word21:{
				cn:'发现更多',
				en:'Find out more'
			},
			word22:{
				cn:'查看参考资料',
				en:'View references'
			},
			word23:{
				cn:'关于我们',
				en:'About Us'
			},
			word24:{
				cn:'我们是谁',
				en:'Who we are'
			},
			word25:{
				cn:'安吉富和家具有限公司成立于2003年11月，是一家集中产品设计、生产、销售于一体的坐具制造商，公司位于浙江安吉，中国著名的转椅之乡，年产能达2百万张，致力于椅业20年，目前已成为中国椅业的领导者之一',
				en:"Anji Fuhe Furniture Co., Ltd. was established in November 2003. It's a professional seat manufacturer integrating design, production with sales. The company is located in Anji, Zhejiang, the most famous hometown of swivel chairs in China, with an annual production capacity of 2 million pieces. After 20 years development in chairs, it has become one of the leaders in China's chair industry."
			},
			word26:{
				cn:'公司始终将创新、优秀的产品作为我司的核心发展力，着重在五个地方下大功夫：一是控制产品质量源头，二是加强工序管理力度，三是建立全套检测设备确保产品品质数据化。四是着力于管理体系与现代企业管理制度的接轨，五是不断自主创新，促进产品的更新换代',
				en:'The company always regards innovation and excellent products as the core development force. Focuses on five areas: First is to control the source material of product quality, Second is to strengthen process management, Third is to Establish a complete set of testing equipment to ensure product quality data. Fourth is to focus on the integration with the modern enterprise management system, and the Fifth is Continuous independent innovation to promote product upgrading.'
			},
			word27:{
				cn:'立足现在、展望未来，富和人将以“团结、创新、严谨、高效”的企业精神，“稳健理性、诚实守信、创造市场、互惠双赢”的经营理念，为客户、为员工、为企业、为社会而不断努力',
				en:"Based on the present and looking forward to the future, Fuhe people will adhere to the enterprise spirit of 'unity, innovation, rigor and efficiency', and the business philosophy of 'stable rationality, honesty and trustworthiness, market creation, mutual benefit and win-win', to serve customers, employees, enterprises, Continue to contribute for the society."
			}
		}
		var index_vm = new Vue({
			el:'#canvas',
			data:{
				language:language_type,
				index_word:index_language
			},
			filters:{
				show_word(val,type){
					if(type=='en'){
						return val.en;
					}else if(type=='cn'){
						return val.cn;
					}else{
						return ''
					}
				}
			}
		})
		$(function(){
			new Swiper('.video-banner', {
				autoplay: true,
				loop:true,
				speed:800
			})
		})
	</script>
</html>
