<!DOCTYPE html>
<html lang="en">
<head> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>浙江天圣控股集团-首页</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="/css/aos.css" />
    <link rel="stylesheet" href="/css/xgplayer.css" />
    <link rel="stylesheet" href="/css/bootstrap-icons.css" />
    <link rel="stylesheet" href="/css/public.css" />
</head>







<body>
    <header b-2twgr75ut3> <meta name="keywords" content="keywords_temp" />
<meta name="description" content="description_temp" />

        <div b-2twgr75ut3 class="main-header main-header-bg">
            <nav b-2twgr75ut3 class="navbar navbar-expand-lg">
                <div b-2twgr75ut3 class="container-fluid">
                    <a b-2twgr75ut3 href="/Home/Index" class="navbar-brand"><img class="tslogo" src="/img/tslogo.png" /></a>
                    <button b-2twgr75ut3 class="navbar-toggler" type="button" data-bs-toggle="collapse"
                            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                            aria-expanded="false" aria-label="Toggle navigation">
                        <span b-2twgr75ut3 class="navbar-toggler-icon"></span>
                    </button>
                    <div b-2twgr75ut3 class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul b-2twgr75ut3 class="navbar-nav mb-2 mb-lg-0">
                            <li b-2twgr75ut3 class="nav-item">
                                <a b-2twgr75ut3 class="nav-link focusItem" href="/Home/Index">首页</a>
                            </li>
                            <li b-2twgr75ut3 class="nav-item dropdown">
                                <a b-2twgr75ut3 href="/About/Index" class="nav-link dropdown-toggle focusItem" role="button"
                                   data-bs-toggle="dropdown" aria-expanded="false">
                                    集团概况
                                </a>
                                <ul b-2twgr75ut3 class="dropdown-menu">
                                    <li b-2twgr75ut3><a b-2twgr75ut3 class="dropdown-item focusItem" href="/About/Index#speech">董事长致词</a></li>
                                    <li b-2twgr75ut3><a b-2twgr75ut3 class="dropdown-item focusItem" href="/About/Index#synopsis">集团简介</a></li>
                                    <li b-2twgr75ut3><a b-2twgr75ut3 class="dropdown-item focusItem" href="/About/Index#culture">企业文化</a></li>
                                    <li b-2twgr75ut3><a b-2twgr75ut3 class="dropdown-item focusItem" href="/About/Index#phylogeny">发展历程</a></li>
                                    <li b-2twgr75ut3><a b-2twgr75ut3 class="dropdown-item focusItem" href="/About/Index#honer">荣誉荣咨</a></li>
                                </ul>
                            </li>
                            <li b-2twgr75ut3 class="nav-item">
                                <a b-2twgr75ut3 href="/Industy/Index" class="nav-link focusItem">
                                    集团产业
                                </a>
                            </li>
                            <li b-2twgr75ut3 class="nav-item dropdown">
                                <a b-2twgr75ut3 href="/News/Index" class="nav-link dropdown-toggle focusItem" role="button"
                                   data-bs-toggle="dropdown" aria-expanded="false">
                                    新闻中心
                                </a>
                                <ul b-2twgr75ut3 class="dropdown-menu">
                                    <li b-2twgr75ut3><a b-2twgr75ut3 href="/News/Index?type=1" class="dropdown-item focusItem">新闻动态</a></li>
                                    <li b-2twgr75ut3><a b-2twgr75ut3 href="/News/Index?type=2" class="dropdown-item focusItem">企业党建</a></li>
                                    <li b-2twgr75ut3><a b-2twgr75ut3 href="/News/Index?type=3" class="dropdown-item focusItem">企业工会</a></li>
                                    <li b-2twgr75ut3><a b-2twgr75ut3 href="/News/Index?type=4" class="dropdown-item focusItem">社会责任</a></li>
                                </ul>
                            </li>
                            
                            <li b-2twgr75ut3 class="nav-item">
                                <a b-2twgr75ut3 class="nav-link focusItem" href="/Message/Index">人才招聘</a>
                            </li>
                            <li b-2twgr75ut3 class="nav-item">
                                <a b-2twgr75ut3 id="language" onclick="SetLanguage(this)" class="nav-link focusItem" style="font-weight:300;padding: 8px 10px;" href="#">EN</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </header>
    <div b-2twgr75ut3>
        <link rel="stylesheet" href="/css/index.css" />

<div>
	<div class="swiper mySwiper" id="mySwiper">
		<div class="swiper-wrapper">
		</div>
	</div>
	<div class="aboutus">
		<div class="container">
			<div class="row">
				<div class="col-lg-7" data-aos="fade-right" data-aos-duration="800" data-aos-offset="50">
					<div class="introduction">
						<div>
							<p class="title">关于天圣集团</p>
							<p class="content" id="aboutinfo">
							</p>
							<p class="more" onclick="window.location.href='/About/Index'">了解更多<i style="padding-left: 5px;" class="bi bi-arrow-right"></i></p>
						</div>
					</div>
				</div>
				<div class="col-lg-5" data-aos="fade-left" data-aos-duration="800" data-aos-offset="50">
					<div class="mainVideo">
						<div id="mainVideo"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="industry">
		<div class="container">
			<h2 class="title" data-aos="fade-up" data-aos-duration="800" data-aos-offset="50">天圣产业</h2>
			<div id="squeezebox" class="squeezebox" data-aos="fade-up" data-aos-duration="800" data-aos-offset="50">

			</div>
		</div>
	</div>
	<div class="industryMobile" data-aos="fade-up" data-aos-duration="800" data-aos-offset="50">
		<h2 class="title">天圣产业</h2>
		<div class="swiper industrySwiper" id="industrySwiper">
			<div class="swiper-wrapper">
				
			</div>
		</div>
	</div>
	<div class="news">
		<div class="newsBox">
			<div class="container">
				<h2 class="title" data-aos="fade-up" data-aos-duration="800" data-aos-offset="50">最新动态</h2>
				<div class="row" id="newsList">
					
				</div>
			</div>
		</div>
	</div>
</div>

<script>

	const lang = top.document.getElementById('language').innerText;
	var mySwiper;
	$(document).ready(function () {
		mySwiper = new Swiper('#mySwiper', {
			slidesPerView: 1,
			// loop: true,
			effect: 'fade',
			fadeEffect: {
				crossFade: true
			},
			autoplay: {
				delay: 5000,
				stopOnLastSlide: false,
				disableOnInteraction: false,
			},
			observer: true,
			observeParents: true,
			observeSlideChildren: true,
			// pagination: {
			// 	el: ".swiper-pagination",
			// },
		});

		var industrySwiper = new Swiper('#industrySwiper', {
			slidesPerView: 1,
			speed: 800,
			loop: true,
			effect: 'fade',
			fadeEffect: {
				crossFade: true
			},
			observer: true,
			observeParents: true,
			observeSlideChildren: true,
			autoplay: {
				delay: 5000,
				stopOnLastSlide: false,
				disableOnInteraction: false,
			},
			// pagination: {
			// 	el: ".swiper-pagination",
			// },
		});




		

		$('#navbarSupportedContent').on('show.bs.collapse', function () {
			// console.log('Navbar is expanding...');
			var windowpos = $(window).scrollTop();
			var siteHeader = $('.main-header');
			// var scrollLink = $('.scroll-top');
			if (windowpos >= 50) {
				// siteHeader.addClass('main-header-bg');
				// scrollLink.fadeIn(300);
			} else {
				siteHeader.addClass('main-header-bg');
				// $('.main-header .tslogo').removeClass('whiteImg');
				// scrollLink.fadeOut(300);
			}
		});
		$('#navbarSupportedContent').on('hidden.bs.collapse', function () {
			// console.log('Navbar is now collapsed/closed');
			var windowpos = $(window).scrollTop();
			var siteHeader = $('.main-header');
			// var scrollLink = $('.scroll-top');
			if (windowpos >= 50) {
				// siteHeader.addClass('main-header-bg');
				// scrollLink.fadeIn(300);
				siteHeader.addClass('main-header-bg');
			} else {
				// siteHeader.removeClass('main-header-bg');
				// $('.main-header .tslogo').addClass('whiteImg');
				// scrollLink.fadeOut(300);
			}

		});



		$.post('/Manage/getNewsList', {
			pageSize: 3,
			pageIndex: 1,
			type:"新闻动态",
			language: lang == '中文'?1:0,
			state: 1
		}, function (res) {
			console.log(res);
			let data = res.name;
			let html = '';
			for (let i = 0; i < data.length; i++) {
				html += `<div class="col-lg-4" data-aos="fade-up" data-aos-duration="800" data-aos-offset="50" onclick="goNewsInfo('${data[i].id}')">
								<div class="image">
										<img src="${data[i].cover||'/img/1.webp'}" />
								</div>
								<div class="content">
									<div class="inner-content">
										<div class="date">${data[i].addtime.replace('T',' ')}</div>
										<div class="title">${data[i].title}</div>
									</div>
								</div>
							</div>`
			}

			$('#newsList').html(html);
			

		});

		getAboutList();
		getAboutAudio();
		getIndustyList();
		getSlideList();
	});

	function getIndustyList() {
		$.post('/Manage/getIndustyList', {
			pageSize: 100,
			pageIndex: 1,
			state: 1
		}, function (res) {
			let data = res.name;
			let len = data.length;
			let html = ``;
			let mhtml = ``;
			if (len<4) {
				let percent = 100/ len;
				html = `
					<style>
						.squeeze {
							width: calc(${percent}% - ${(len-1)*20}px);
						}
						.is-active.squeeze {
							width: calc(${percent}% - ${(len-1)*20}px);
						}
					</style>
				`;
			} else  {
				let percent = 60 / (len - 1);
				html = `
					<style>
						.squeeze {
							width: calc(${percent}% - 20px);
						}
						.is-active.squeeze {
							width: calc(40% - 80px);
						}
					</style>
				`;
			}

			data.sort(function (a, b) {
				return a.sort - b.sort;
			});

			
			for (let i in data) {
				let cover = data[i].cover ? data[i].cover.split(',') : [];
				let coverHtml = '';
				for (let j = 0; j < 1; j++) {
					coverHtml += `
						<div class="image">
									<img src="${cover[j]}" />
							</div>
						`;
				}
				html += `<div class="squeeze ${i==0?'is-active':''}">
					<div class="industryBox">
							${coverHtml}
						<div class="content">
							<div>
								<div class="title">${lang == '中文' ? data[i].entitle : data[i].title}</div>
								<div class="more">了解更多<i style="padding-left: 5px;" class="bi bi-arrow-right"></i></div>
							</div>
						</div>
					</div>
				</div>`;

				mhtml += `
					<div class="swiper-slide">
						<div>
							<img src="${cover[0]||''}" />
						</div>
						<div class="contentBox">
							<div class="content">
									<div class="title">${lang == '中文' ? data[i].entitle : data[i].title}</div>
								<div style="text-align: center;padding-bottom: 30px;">
									<div class="more">了解更多<i style="padding-left: 5px;" class="bi bi-arrow-right"></i></div>
								</div>
							</div>
						</div>
					</div>
				`;
			}

			$('#industrySwiper .swiper-wrapper').html(mhtml);
			$('#squeezebox').html(html);

			$('.squeeze').on({
				"mouseover": function () {
					console.log('over');
					$('.squeeze').removeClass('is-active')
					$(this).addClass('is-active')
				},
				"mouseout": function () {
					console.log('out');
				}
			});

			$('.industry .more,.industryMobile .more').click(function () {
				window.location.href = '/Industy/Index';
			})


			
		});

	}

	function getSlideList() {
		$.post('/Manage/getSlideList', {
			pageSize: 100,
			pageIndex: 1,
			state: 1,
		}, function (res) {
			console.log(res);
			let data = res.name;
			data.sort(function (a,b) { 
				return a.sort - b.sort;
			});
			let html = '';
			for (let i in data) {
				html += `
					<div class="swiper-slide">
						<img src="${data[i].cover}" />
						<div class="content">
							<div class="title">${lang == '中文' ? data[i].entitle:data[i].title}</div>
							<div class="inner-content">${lang == '中文' ? data[i].encontent:data[i].content}</div>
						</div>
					</div>
				`;
			}
			$('#mySwiper .swiper-wrapper').html(html);
			mySwiper.update(true);
		});
	}




	function getAboutAudio() {

		$.post('/Manage/getVideoList', {
			pageSize: 1,
			pageIndex: 1,
			state: 0,
			type: 3
		}, function (res) {
			console.log(res);
			let data = res.name;
			if (data.length > 0) {
				var player = new Player({
					id: 'mainVideo',
					url: lang == '中文' ? data[0].enmediapath:data[0].mediapath,
					width: 300,
					height: 250,
					fluid: true,
					poster: lang == '中文' ? data[0].enpath : data[0].path,
					cssFullscreen: false,
					playbackRate: false
				});
			} else {
				var player = new Player({
					id: 'mainVideo',
					url: '/video/introduction.mp4',
					width: 300,
					height: 250,
					fluid: true,
					poster: '/img/videomask.jpg',
					cssFullscreen: false,
					playbackRate: false
				});
			}
		});
	}

	function getAboutList() {
		$.post('/Manage/getAboutList', {
			pageSize: 1,
			pageIndex: 1,
			state: 1,
		}, function (res) {
			data = res.name[0];
			$('#aboutinfo').html(lang == '中文' ? data.encontent : data.content);
			// $('#synopsis img').attr('src', data.cover);
		});
	}


	function goNewsInfo(id) {
		window.location.href = '/News/NewsInfo?id=' + id;
	}

</script>

    </div>


    <div b-2twgr75ut3 class="footer">
        <div b-2twgr75ut3 class="container">
            <div b-2twgr75ut3 class="row">
                <div b-2twgr75ut3 class="col-lg-4">
                    <div b-2twgr75ut3 class="footerbox">
                        <div b-2twgr75ut3 class="title">联系我们</div>
                        <div b-2twgr75ut3 class="content">电话：0086-575-84883527</div>
                        <div b-2twgr75ut3 class="content">传真：0086-575-84885578</div>
                        <div b-2twgr75ut3 class="content">E-mail：zjts@zjts.com</div>
                    </div>
                </div>
                <div b-2twgr75ut3 class="col-lg-4">
                    <div b-2twgr75ut3 class="footerbox">
                        <div b-2twgr75ut3 class="title">公司地址</div>
                        <div b-2twgr75ut3 class="content">工厂地址：绍兴市柯桥区滨海工业区兴滨路6756号</div>
                        <div b-2twgr75ut3 class="content">办公地址：浙江省绍兴市越城区本觉路58号天圣大厦</div>
                    </div>
                </div>
                <div b-2twgr75ut3 class="col-lg-4">
                    <div b-2twgr75ut3 class="footerbox">
                        <div b-2twgr75ut3 class="title">投诉监督</div>
                        <div b-2twgr75ut3>
                            <img src="/img/tsjd.png" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <p b-2twgr75ut3 style="background-color: #222222;color: #aaa; border: 0px; text-align: center; border-top: solid #666 1px; padding: 2px 0; margin-bottom: 0px; font-size: 12px;">
         &nbsp;  Copyright © 2012-2023, ZJTS.COM, All Rights Reserved
    </p>

    
    

</body>
</html>
