<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<title>南宁科天环保节能科技有限公司</title>
<meta name="keywords" content="南宁科天环保节能科技有限公司"/>
<meta name="description" content="南宁科天环保节能科技有限公司"/>
<link rel="shortcut icon" href="disk/images/favicon.png"/>
<link rel="stylesheet" type="text/css" href="disk/css/common.css">
<link rel="stylesheet" type="text/css" href="disk/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="disk/css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="disk/css/index.css">
<link rel="stylesheet" type="text/css" href="disk/css/video.css" />
<link rel="stylesheet" type="text/css" href="disk/css/iconfont.css" />
<script src="disk/js/jquery-1.9.1.min.js"></script>
<script src="disk/js/wow.min.js"></script>
<script src="disk/js/common.js"></script>
<script src="disk/js/swiper.animate1.0.3.min.js"></script>
<script src="disk/js/swiper.min.js"></script>
<script src="disk/js/video.js" type="text/javascript" charset="utf-8"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?e9d2979055997b91968e08fb63498a92";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<style>
.index_5_mid_right_mid ul li ::-moz-placeholder { color:#fff; }
.index_5_mid_right_mid ul li input:-webkit-input-placeholder { color:#fff; } 
.index_5_mid_right_mid ul li input:-moz-placeholder { color:#fff; } 
</style>
</head>

<body>
<!-- Header start -->
<div class="clearfix toper" id="header">
    <div class="header_mid">
        <div class="header_mid_left">
            <a href="/">
                <img src="/photos/20240201231705-XUB3I4TZCQKC-306542.png">
            </a>
        </div>
        <div class="header_mid_mid">
            <div class="header_mid_mid_2">
                <ul>
                    <li><a href="/pro/">饰面设计</a></li>
                    <li><a href="/case/">案例展示</a></li>
                    <li><a href="/marketing/">营销网络</a></li>
                    <li><a href="/brand/">品牌授权</a></li>
                    <li><a href="/security/">防伪查询</a></li>
                    <li><a href="/news/">新闻资讯</a></li>
                    <li><a href="/about/">关于我们</a></li>
                    <li><a href="/contact/">联系我们</a></li>
                    <li><a href="/download/">下载专区</a></li>
                </ul>
            </div>
        </div>
        <div class="header_mid_right">
            <div class="m-btn fr">
					<span class="box">
						<span class="line line1"></span>
						<span class="line line2"></span>
						<span class="line line3"></span>
					</span>
            </div>
        </div>
    </div>
</div>
<script>
    $(function(){

        //手机站头部导航展开
        $("#header .m-btn").on('click', function() {
            if($(this).hasClass('cur')){
                $("body,html").removeClass('ovh');
                $(this).removeClass('cur');
                $('.header_mid_right_lan').removeClass('header_mid_right_lan_on');
                $('.header_mid_mid').removeClass('header_mid_mid_hide');
                $('.submenulist').removeClass('submenulist_show');
                $('#header').attr('style','');
                $('.header_mid_left img').attr('src','/disk/images/logo.png');
            }else{
                $("body,html").addClass('ovh');
                $(this).addClass('cur');
                $('.header_mid_right_lan').addClass('header_mid_right_lan_on');
                $('.header_mid_mid').addClass('header_mid_mid_hide');
                $('.submenulist').addClass('submenulist_show');
                $('#header').css('background','none');
                $('.header_mid_left img').attr('src','/disk/images/logo-c.png');
            }
        });

    });
</script>
<div class="submenulist">
    <div class="cell_mid">
        <div class="cell_h">
            <div class="div1200">
                <div class="submenulist_mid">
                    <ul>
                        <li>
                            <div class="footer_mid_3_left_1"><a href="/">首页</a></div>
                        </li>
                        <li>
                            <div class="footer_mid_3_left_1"><a href="javascript:;">饰面设计</a></div>
                                                        <dl>
                                                                <dd><a href="/pro/category-1.html">同步木纹</a></dd>
                                                                <dd><a href="/pro/category-2.html">木纹</a></dd>
                                                                <dd><a href="/pro/category-3.html">石纹</a></dd>
                                                                <dd><a href="/pro/category-4.html">PET</a></dd>
                                                                <dd><a href="/pro/category-5.html">更多花色</a></dd>
                                                            </dl>
                                                    </li>
                        <li>
                            <div class="footer_mid_3_left_1"><a href="javascript:;">案例展示</a></div>
                                                        <dl>
                                                                <dd><a href="/case/category-26.html">家居空间</a></dd>
                                                                <dd><a href="/case/category-27.html">办公空间</a></dd>
                                                                <dd><a href="/case/category-28.html">商业空间</a></dd>
                                                            </dl>
                                                    </li>
                        <li>
                            <div class="footer_mid_3_left_1"><a href="javascript:;">营销网络</a></div>
                            <dl>
                                <dd><a href="/base/">生产基地</a></dd>
                                <dd><a href="/sales/">销售网络</a></dd>
                            </dl>
                        </li>
                        <li>
                            <div class="footer_mid_3_left_1"><a href="/brand/">品牌授权</a></div>
                        </li>
                        <li>
                            <div class="footer_mid_3_left_1"><a href="javascript:;">防伪查询</a></div>
                            <dl>
                                <dd><a href="/security/">防伪查询</a></dd>
                                <dd><a href="https://dgzw2.ndsm.cn/h5/nnktmy/#/nnktmy/search" target="_blank">14位新版防伪</a></dd>
                            </dl>
                        </li>
                        <li>
                            <div class="footer_mid_3_left_1"><a href="javascript:;">新闻资讯</a></div>
                                                        <dl>
                                                                <dd><a href="/news/category-67.html">企业新闻</a></dd>
                                                                <dd><a href="/news/category-68.html">行业动态</a></dd>
                                                            </dl>
                                                    </li>
                        
                        <li>
                            <div class="footer_mid_3_left_1"><a href="javascript:;">关于我们</a></div>
                            <dl>
                                <dd><a href="/about/#page1">公司介绍</a></dd>
                                <dd><a href="/about/#page2">品牌定位</a></dd>
                                <dd><a href="/about/#page3">研发团队</a></dd>
                                <dd><a href="/about/#page4">荣誉资质</a></dd>
                            </dl>
                        </li>
                        <li>
                            <div class="footer_mid_3_left_1"><a href="/contact/">联系我们</a></div>
                        </li>
                        <li>
                            <div class="footer_mid_3_left_1"><a href="/download/">下载专区</a></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div><!-- Header End -->

<!--  首页主体内容 -->
<div class="clearfix" id="mid">
    <!-- Banner -->
	<div class="clearfix div1440 indexbanner">
		<div class="swiper-container swiper-container-banner">
				<div class="swiper-wrapper">

                  				  <div class="swiper-slide">
				  	  <div class="banner_txt">
					  	<div class="cell_mid">
							<div class="cell_h">
								<div class="div1200">
                                    <div class="banner_txt_1 daxie ani" swiper-animate-effect="fadeInUp" swiper-animate-delay="0.1s">
	水性科天无醛板
</div>
<div class="banner_txt_2 ani" swiper-animate-effect="fadeInUp" swiper-animate-delay="0.2s">
	拥有水性高分子核心技术
</div>								</div>
							</div>
						</div>
					  </div> 
			          <img src="/photos/20250331145140-Q4S84MX5B8RI-865445.jpg" style="width:100%;">
				  </div>
                  				   
				</div>
				<!-- 分页 -->
   				<div class="swiper-pagination swiper-pagination-index-banner"></div> 
			  </div>

  <!-- Initialize Swiper -->
  <script>
    var swiperbanner = new Swiper('.swiper-container-banner', {
      spaceBetween: 0,
	  speed:1800,
      effect:'fade',
	  loop:true,
      centeredSlides: true,
      autoplay: {
        delay: 5500,
        disableOnInteraction: false,
      },
	  pagination: { 
	  	el: '.swiper-pagination-index-banner', 
		clickable: true, 
	  },
	   on: { 
	  	init: function(){
			swiperAnimateCache(this); //隐藏动画元素 
			swiperAnimate(this); //初始化完成开始动画
			//
		},
	  		slideChangeTransitionEnd: function(){
				swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
			}, 
		},
    });
  </script>
	</div>
    <!-- 关于我们 -->
	<div class="clearfix about_1">
		<div class="div1600">
			<div class="about_1_mid">
				<div class="about_1_mid_left">
					<div style="overflow:hidden; width:100%;" class="cssimgp wow fadeInUp"><img src="/uploads/photos/202405/17/145033-IBPJGIOMRX2S-159485.jpg"></div>
				</div>
				<div class="about_1_mid_right">
					<div class="about_1_mid_right_1 wow fadeInUp">公司简介<span>COMPANY INTRODUCTION</span></div>
					<div class="about_1_mid_right_2 wow fadeInUp">
                        南宁科天环保节能科技有限公司是科天集团下属子公司，位于木材资源丰富的南宁东盟开发区。南宁科天环保节能科技产业园占地面积1200亩，是广西自治区重大产业化项目。公司拥有世界顶尖的科研团队、国家工程实验室、中国首个家居有害化学物质检测中心，申请多项国家专利。					</div>
					<div class="about_1_mid_right_3 wow fadeInUp"><a href="/about/"><span><i class="iconfont">&#xe670;</i>READ MORE</span></a></div>
				</div>
			</div>
		</div>
	</div> 
    <div class="about_1_b_w">
       <div class="about_1_b">
          <span>无毒家装&nbsp;&nbsp;&nbsp;&nbsp;水性科天</span>
          <span class="faril">TEL：400-0299588</span>
       </div>
    </div>
    
    <!-- 企业文化 -->
	<div class="clearfix about_2">
		<div class="about_2_video_title">
			<div class="cell_mid">
				<div class="cell_h">
					<div class="div1200 wow fadeInUp">
						<div class="about_2_video_title_1 toper">
							品牌故事
						</div>
						<div class="about_2_video_title_2">
							<a href="javascript:;" class="about_2_video_title_2_replay">
								再次播放
							</a>
							<a href="javascript:;" data-src="/uploads/videos/202402/01/220622-YEOWSDCFZRMF-879864.mp4" class="m-video">
								查看完整视频
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<video id="indexvideo" muted >
            <p class="font16 center" style="color:#00aaee;margin: 30px 0">不好意思，您的浏览器不支持此播放器，请升级浏览器！</p>
            <source src="/uploads/videos/202402/19/102126-LKMSLL4NUQBY-975435.mp4" poster="disk/images/wh-bg.jpg" type='video/mp4'>
        </video> 
		<img src="/uploads/photos/202407/02/150846-KJVKIVX7QLXS-509193.jpg" style="width:100%;">
	</div> 
    <!-- 产品中心 -->
    <div class="clearfix about_3">
       <div class="div1200">
	      <div class="about_3_1 daxie wow fadeInUp">饰面设计</div>
	      <div class="about_3_2 wow fadeInUp">DECORS DESIGN</div>
		  <div class="clearfix about_3_3 wow fadeInUp">
		  <!-- 产品轮播 -->
		     <div class="swiper-container swiper-container-pro">
                <div class="swiper-wrapper">

                                       <div class="swiper-slide">
	  	             <a href="/pro/category-1.html">
	  	              <div class="about_3_3_mid">
			             <img src="/photos/20240201222640-AO486W7FVZGU-218350.jpg" class="cssimg">
			             <div class="about_3_3_mid_name">
				           <div class="about_3_3_mid_name_1">同步木纹</div>
				           <div class="about_3_3_mid_name_2">WOOD SYNC EFFECT</div>
			             </div>
		              </div>
		             </a>
                   </div>
                                       <div class="swiper-slide">
	  	             <a href="/pro/category-2.html">
	  	              <div class="about_3_3_mid">
			             <img src="/photos/20240221140505-KJXSO9OQNWIX-594339.jpg" class="cssimg">
			             <div class="about_3_3_mid_name">
				           <div class="about_3_3_mid_name_1">木纹</div>
				           <div class="about_3_3_mid_name_2">GRAIN</div>
			             </div>
		              </div>
		             </a>
                   </div>
                                       <div class="swiper-slide">
	  	             <a href="/pro/category-3.html">
	  	              <div class="about_3_3_mid">
			             <img src="/photos/20240201222700-9AYTO3TS6MEC-710125.jpg" class="cssimg">
			             <div class="about_3_3_mid_name">
				           <div class="about_3_3_mid_name_1">石纹</div>
				           <div class="about_3_3_mid_name_2">STONE</div>
			             </div>
		              </div>
		             </a>
                   </div>
                                       <div class="swiper-slide">
	  	             <a href="/pro/category-4.html">
	  	              <div class="about_3_3_mid">
			             <img src="/photos/20240201222751-F4GRIQBO69L9-661758.jpg" class="cssimg">
			             <div class="about_3_3_mid_name">
				           <div class="about_3_3_mid_name_1">PET</div>
				           <div class="about_3_3_mid_name_2">CLOTH PATTERN</div>
			             </div>
		              </div>
		             </a>
                   </div>
                                       <div class="swiper-slide">
	  	             <a href="/pro/category-5.html">
	  	              <div class="about_3_3_mid">
			             <img src="/photos/20240201222807-UTCHFPCGUYNG-394378.jpg" class="cssimg">
			             <div class="about_3_3_mid_name">
				           <div class="about_3_3_mid_name_1">更多花色</div>
				           <div class="about_3_3_mid_name_2">METAL PATTERN</div>
			             </div>
		              </div>
		             </a>
                   </div>
                                       
                </div>
		     </div>
		  </div>
	      <div class="clearfix pro_btn wow fadeInUp">
		     <div class="pro_btn_left"><span><i class="iconfont">&#xe606;</i></span></div>
		     <div class="pro_btn_right"><span><i class="iconfont">&#xe608;</i></span></div>
	      </div>
       </div>
    </div>
    <!-- 营销网络 -->
	<div class="cleafix index_6 ind_mkt" style="background: url('/uploads/photos/202402/01/221659-3PD5MRORUKFL-863824.jpg') no-repeat center top; background-size: cover;">
		<div class="footer_mid">
			<div class="index_6_mid">
				<div class="index_6_mid_right wow fadeInRight">
					<div class="index_6_mid_right_mid">
						<div class="about_1_mid_right_1">营销网络<span class="c_white">MARKETING NETWORK</span></div>
						<div class="about_1_mid_right_2 fz1" style="color:#e3e3e3;">
                            科天环保以独有的产品文化和设计理念，与对家居美学有相同愿景的 合作伙伴，
在全国建立具有美学时尚的展厅。让科天的品牌与服务得到有效的传播与保障，
致力于成为中国无醛高端板材优质服务商…						</div> 
						<div class="index_6_mid_right_mid_1"><a href="/marketing/"><i class="iconfont">&#xe670;</i>READ MORE</a></div>
					</div>
				</div>
			</div>
		</div>
	</div>
    
    <!-- 应用案例 -->
        <div class="clearfix index_4">
		<div class="div1200">
			<div class="index_4_mid">
				<div class="index_4_mid_1 wow fadeInUp">

                    					<div class="about_1_mid_right_1">
                        					   <div class="mmc" style="">家居空间</div>
                        					   <div class="mmc" style="display:none;">办公空间</div>
                        					   <div class="mmc" style="display:none;">商业空间</div>
                                            </div>

                    					<div class="casemid" style="">
						<div class="index_4_1">Home Space</div>
						<div class="index_4_2">
                            我们对家都有各自的追求，不管是居家温馨的北欧空间，还是轻奢时尚的意式空间，高定美学饰面板材感知触觉与审美视觉的统一追求让这一切变得触手可及。						</div>
					</div>
                    					<div class="casemid" style="display:none;">
						<div class="index_4_1">Office Space</div>
						<div class="index_4_2">
                            潮流时尚的板材花色设计，打造具有现代时尚品味的办公空间，在商务，稳重，年轻，简约，优雅之间游刃有余，让工作更加高效，创新，协同合作。
						</div>
					</div>
                    					<div class="casemid" style="display:none;">
						<div class="index_4_1">Business Space</div>
						<div class="index_4_2">
                            优秀的材料设计搭配，不同时尚元素在板材上碰撞与还原，打造出更加博人眼球的商业空间，在人潮涌动的环境之中独树一帜。
						</div>
					</div>
                    				</div>
				<div class="clearfix index_4_3">
					<div class="index_4_2_left wow fadeInUp">
						<div class="about_1_mid_right_3"><a href="/case/category-26.html"><span><i class="iconfont">&#xe670;</i>READ MORE</span></a></div>
					</div>
					<div class="index_4_2_right wow fadeInUp">
						<div class="index_4_2_right_mid">
							<div class="index_4_2_right_mid_right">
							   <!-- Swiper -->
							   <div class="swiper-container swiper-container-cz" style="width:100%; height:100%;">
							      <div class="swiper-wrapper">
                                      	                                 <div class="swiper-slide" lang="/case/category-26.html">
	                                 	<div class="index_4_2_right_mid_right_img cssimgp"><img src="/photos/20240201224933-L2EQJDHUOQ9A-133865.jpg" /></div>
	                                 </div>
                                      	                                 <div class="swiper-slide" lang="/case/category-27.html">
	                                 	<div class="index_4_2_right_mid_right_img cssimgp"><img src="/photos/20240227105227-7TIZ1XGEOMIT-913095.jpg" /></div>
	                                 </div>
                                      	                                 <div class="swiper-slide" lang="/case/category-28.html">
	                                 	<div class="index_4_2_right_mid_right_img cssimgp"><img src="/photos/20240227105241-U6ZPW9HQGO7P-508745.jpg" /></div>
	                                 </div>
                                         							      </div>
                                  <!-- Add Pagination -->
                                  <div class="swiper-pagination swiper-pagination-cz"></div>
							   </div>
							</div>
							<div class="index_4_2_right_mid_left">
								<i class="iconfont kj_prev" style="cursor:pointer">&#xe76d;</i>
								<i class="iconfont kj_next" style="cursor:pointer">&#xe771;</i>
							</div>
  <!-- Initialize Swiper -->
  <script>
    var swipercz = new Swiper('.swiper-container-cz', {
      direction: 'vertical',
	   mousewheel: true,
	    effect:'fade',
	   slidesPerView: 1,
	   loop:false,
	    navigation: {
        nextEl: '.kj_next',
        prevEl: '.kj_prev',
      },
	   pagination: {
        el: '.swiper-pagination-cz',
        clickable: true,
      },
	   on: {
    slideChangeTransitionStart: function(){
		$('.casemid,.mmc').hide();
      $('.casemid').eq(this.activeIndex).show();
	  $('.mmc').eq(this.activeIndex).show();
	  $('.about_1_mid_right_3 a').attr('href',$('.index_4_2_right_mid_right .swiper-slide-active').attr('lang'));
    },
  },
	  breakpoints: {
        
        850: {
           direction: 'horizontal',
		   spaceBetween: 16,	
        },
         
      }
      
    });
  </script>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


</div> 
<!-- 全局底部 -->
<div class="clearfix" id="footer">
    <div class="footer_mid">
        <div class="clearfix footer_mid_1">
            <img src="/photos/20240201231705-XUB3I4TZCQKC-306542.png" />
        </div>
        <div class="clearfix footer_mid_2">
            <div class="footer_mid_2_mid">
                <a href="javascript:;" class="wechat" data-img="/photos/20240201231054-4I3NJFL4MO5D-558871.jpg"><i class="iconfont">&#xe601;</i></a>
                <a target="_blank" href="" ><i class="iconfont">&#xe69e;</i></a>
                <a target="_blank" href="" class="share_wb"><i class="iconfont">&#xe600;</i></a>
                <a href="/"><i class="iconfont">&#xe675;</i></a>
            </div>
        </div>
        <div class="clearfix footer_mid_3">
            <div class="footer_mid_3_left">
                <ul>
                    <li class="ftt_s1">
                        <div class="footer_mid_3_left_1">服务热线</div>
                        <dl>
	<dd>
		<span>电话：</span>400-0299-588
	</dd>
	<dd>
		<span>地址：</span>广西·东盟经济技术开发区宁武路18号南宁科天产业园400区
	</dd>
	<dd>
		<span>邮箱：</span>service@scisky.cn
	</dd>
</dl>                    </li>
                    <li>
                        <div class="footer_mid_3_left_1">饰面设计</div>
                                                <dl>
                                                        <dd><a href="/pro/category-1.html">同步木纹</a></dd>
                                                        <dd><a href="/pro/category-2.html">木纹</a></dd>
                                                        <dd><a href="/pro/category-3.html">石纹</a></dd>
                                                        <dd><a href="/pro/category-4.html">PET</a></dd>
                                                        <dd><a href="/pro/category-5.html">更多花色</a></dd>
                                                    </dl>
                                            </li>
                    <li>
                        <div class="footer_mid_3_left_1">案例展示</div>
                                                <dl>
                                                        <dd><a href="/case/category-26.html">家居空间</a></dd>
                                                        <dd><a href="/case/category-27.html">办公空间</a></dd>
                                                        <dd><a href="/case/category-28.html">商业空间</a></dd>
                                                    </dl>
                                            </li>
                    <li>
                        <div class="footer_mid_3_left_1">关于我们</div>
                        <dl>
                            <dd><a href="/about/#page1">公司介绍</a></dd>
                            <dd><a href="/about/#page1">品牌定位</a></dd>
                            <dd><a href="/about/#page2">研发团队</a></dd>
                            <dd><a href="/about/#page3">荣誉资质</a></dd>
                            <dd><a href="/news/">新闻资讯</a></dd>
                        </dl>
                    </li>
                    <li>
                        <div class="footer_mid_3_left_1">快速导航</div>
                        <dl>
                            <dd><a href="/base/">营销网络</a></dd>
                            <dd><a href="/brand/">品牌授权</a></dd>
                            <dd><a href="/security/">防伪查询</a></dd>
                            <dd><a href="/download/">下载专区</a></dd>
                            <dd><a href="/contact/">联系我们</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="footer_mid_3_right">
                <div class="footer_mid_3_left_1">关注我们</div>
                <div class="footer_mid_3_right_1"><img src="/photos/20240201231054-4I3NJFL4MO5D-558871.jpg" /></div>
                <div class="footer_mid_3_right_2">扫一扫，感谢关注微信官方公众号</div>
                <div class="footer_mid_3_right_3">Scan and thank you for following WeChat official official account</div>
            </div>
        </div>
    </div>

</div>
<!-- Copyright -->
<div class="clearfix link_mid">
    <div class="div1200">
        <div class="link_mid_mid">
            友情链接：
            <a href="http://www.scisky.com.cn" target="_blank">南宁科天新材料科技有限责任公司</a>
            <a href="http://www.scisky.net" target="_blank">南宁科天水性木业有限责任公司（高定美学饰面板）</a>
            <a href="http://www.scisky.cc" target="_blank">合肥科天水性科技有限责任公司</a>
            <a href="http://www.scisky.cn" target="_blank">南宁科天木业有限责任公司（刨花板基材）</a>
        </div>
    </div>
</div>
<div class="clearfix copyright_mid">
    <div class="div1200">
        <div class="copyright_mid_mid">
            Copyright © 2024 南宁科天环保节能科技有限公司 All Right Reserved. <a href="https://www.beian.miit.gov.cn" target="_blank">桂ICP备2021007157号</a>        </div>
    </div>
</div><!-- 全局底部 -->
<script>
var curtop=$('.about_2').offset().top;
var play=true; 
window.onload=function(){
	//vidplay();
	//$(window).scroll(function(e){playvideo();})
    //$(window).resize(function(){playvideo();})
}
function playvideo(){
	var rotop=$(document).scrollTop();	 
	if (rotop>curtop && play==true)
	{
	 vidplay();
	 play=false;
	}
}
function vidplay() {
var video = document.getElementById("indexvideo");
$('.about_2_video_title_1').css('opacity',0);
$('#indexvideo').show();
video.play();
}
// 视频渲染监听视频播放结束
var v = document.getElementById("indexvideo");
v.addEventListener('play',function () {
var i = window.setInterval(function () {
if(v.ended){
	clearInterval(i);
	$('.about_2_video_title_1').css('opacity',1);
	$('.about_2_video_title_2').show();
	$('#indexvideo').hide(); 
}
}, 20)
},false);
$('.about_2_video_title_2_replay').click(function(){
    $('.about_2_video_title_2').hide();
	$('#indexvideo').show();
	vidplay();
	
});
$(function(){
	$('.about_2').mouseover(function(){
		if(play==true){
		vidplay();
		play=false;
		}
	});
}); 
</script> 
<!-- Product Swiper -->
<script>
    var swiperpro = new Swiper('.swiper-container-pro', {
	  slidesPerView: 4,
      spaceBetween: 0,	
      navigation: {
        nextEl: '.pro_btn_right',
        prevEl: '.pro_btn_left',
      },
	   breakpoints: {
        
        768: {
           	 slidesPerView: 3,
        },
		640: {
           	 slidesPerView: 2,
        },
		480: {
           	 slidesPerView: 1,
        },
         
      }
    });
 </script> 
</body>
</html>
