﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鞍山创鑫环保科技股份有限公司</title>
<meta name="description" content="鞍山创鑫环保科技股份有限公司">
<meta name="keywords" content="鞍山创鑫环保科技股份有限公司">
<link href="templates/default/css/reset.css" rel="stylesheet" />
<link href="templates/default/css/main.css" rel="stylesheet" />
<script src="templates/default/js/modernizr.js"></script>
<!--[if lt IE 9]>
 <script src="templates/default/js/html5shiv.min.js"></script>
  <script src="templates/default/js/respond.min.js"></script>
<![endif]-->
<!--[if lte IE 6]>
    <script src="templates/default/js/DD_belatedPNG_0.0.8a-min.js" language="javascript"></script>
    <script>
        DD_belatedPNG.fix('div,li,a,h3,span,img,.mask,ul,input,i');
    </script>
<![endif]-->
<link href="templates/default/css/about.css" rel="stylesheet">



</head>

<body class="page-index">

<!--导航-->
<div class="header">

	<div class="navHome">
        <div class="wrap">
            <a href="index.php" class="logo"></a>
            <ul class="mainMenu m-hide">
                <li><a href="index.php?p=aboutlist&lanmu=3">公司概况</a></li>
                <li><a href="index.php?p=products_list&lanmu=2">产品中心</a></li>
                <li><a href="index.php?p=aboutlist&lanmu=7">服务工艺</a></li>
                <li><a href="index.php?p=about&lanmu=9">联系我们</a></li>
            </ul>
        </div>
    </div>
  
</div>
<!--/导航-->



<!--banner-->
<div class="bannerHome screenObj1">
	<ul class="bxslider">
              
                       <li><a href="" target="_blank" ><img src="uploadfile/image/20171222/20171222172228_62646.jpg" class="preLoad"></a></li>
		        <li><a href="" target="_blank" ><img src="uploadfile/image/20171222/20171222172236_67373.jpg" class="preLoad"></a></li>
		  
	</ul>
    
    <div class="wrap">
        <div class="pager">
            <a href="javascript:;" class="btn-prev"></a>
            <a href="javascript:;" class="btn-stop"></a>
            <a href="javascript:;" class="btn-next"></a>
        </div>
        
        <div class="captions">
            <ul>
                  
                       <li><div>创新 奉献 诚信 优质</div></li>
		        <li><div>创新 奉献 诚信 优质</div></li>
		              
            </ul>
        </div>
        <!--<a class="btn-down" href="javascript:;">
            <i></i><i></i><i></i>
        </a>-->
    </div>
</div>
<!--/banner-->




<!--底部-->
<div class="footer">
    <div class="wrap">
        <a href="index.php?p=about&lanmu=9" class="fl location">关于我们</a>
        <!--<a href="javascript:;" class="fl btn-sina"></a>
        <a href="javascript:;" class="fl btn-wx"></a>-->
        <a href="http://www.miitbeian.gov.cn" class="fr beian" target="_blank"><a href="https://beian.miit.gov.cn/" target="_blank">辽ICP备17014136号-1</a></a>
        <span class="fr copyright">COPYRIGHT &copy; 鞍山创鑫环保科技股份有限公司 ALL RIGHTS RESERVED.&nbsp;&nbsp;<a href="/uploadfile/image/20201224/20201224102832_94194.jpg" target="_blank">营业执照</a></span>
    </div>
</div>
<!--/底部-->




<script type="text/javascript" src="templates/default/js/frameworks.js"></script>
<script type="text/javascript" src="templates/default/js/main.js"></script>
<!--[if lte IE 9]> 
<link href="templates/default/assets/iealert/style.css" rel="stylesheet">
	<script type="text/javascript" src="templates/default/assets/iealert.js"></script>

<![endif]--> 


<script type="text/javascript" >
/**
 * 首页满屏海报控制
 */
$(function(){
	$('img.preLoad:first').attr('src',
			$('img.preLoad:first').attr('data-src')).bind('load',function(){
				$('img').each(function(index,el){
					$(el).attr('src',$(el).attr('data-src'));
				});
		});
	var homeSliderCap=$(" .captions ul").bxSlider({mode: 'fade',pager:false,controls:false});
	var homeSlider=$(".bxslider").bxSlider({
		mode: 'fade',
		pager:false,
		auto:true,
		speed:2000,
		pause:8000,
		controls:false,
		onSlideBefore:function($slideElement, oldIndex, newIndex){
			$slideElement.find('img').attr('src',$slideElement.find('img').attr('data-src'));
		},onSlideAfter:function($slideElement, oldIndex, newIndex){
			homeSliderCap.goToSlide(newIndex);
		}
	});
	var homeSliderState=true;
	$('.bannerHome .btn-prev').click(function(event) {
		homeSlider.goToPrevSlide();
	});
	$('.bannerHome .btn-next').click(function(event) {
		homeSlider.goToNextSlide();
	});

	$('.bannerHome .btn-stop').click(function(event) {
		if(homeSliderState){
			homeSlider.stopAuto();
			homeSliderState=false;
			$(this).addClass('btn-start');
		}else{
			homeSlider.startAuto();
			homeSliderState=true;
			$(this).removeClass('btn-start');
		}
		
	});


	$(window).bind('resize',function(){
		homeSlider.stopAuto();
		var winW=$(window).width(),
			winH=$(window).height(),
			_imgW=imgW=1920,
			_imgH=imgH=1080,
			imgScale=imgW/imgH;
		if(winW/winH>imgScale){
			_imgW=winW;
			_imgH=_imgW/imgScale;
			offsetTop=(winH-_imgH)/2;
			offsetLeft=0;
		}else{
			_imgH=winH;
			_imgW=_imgH*imgScale;
			offsetLeft=(winW-_imgW)/2;
			offsetTop=0;
		}

		$('.bxslider a').css({
			width: winW,
			height: winH
		});
		$('.bxslider li a img').css({
			width: _imgW,
			height: _imgH,
			'margin-left':offsetLeft,
			'margin-top':offsetTop
		});
		$('.bannerHome').css({height:winH});
		homeSlider.reloadSlider();
		homeSlider.startAuto();
	}).trigger('resize');	
});

/**
 * 首页页面滚动状态控制,分屏控制
 */
var scrollDelayInterval=null,
	beforeScrollTop = $(window).scrollTop(),
	direction='down',
	curObj='screenObj1',isCodeScroll=false;

$(function(){
	$(window).scroll(function(event) {
		var afterScrollTop = $(window).scrollTop(),
	        delta = afterScrollTop - beforeScrollTop;
	    if( delta === 0 ) return false;
	    direction=delta > 0 ? "down" : "up";
	    beforeScrollTop = afterScrollTop;
	    if(scrollDelayInterval==null)
	    scrollDelayInterval=setInterval("scrollAction()",600);
	});




	$('.btn-down').click(function(event) {
		scrollAction('screenObj2');
	});
});

/**
 * 滚屏动作控制
 */
function scrollAction(obj){
	clearInterval(scrollDelayInterval);
    scrollDelayInterval=null;
    //if(isCodeScroll) return false;
    if(direction=='down' && obj==undefined &&  curObj=='screenObj1'){
    	curObj='screenObj2';
    	$("html, body").stop().animate({scrollTop:$('.'+curObj).offset().top},500);
    }
    if(direction=='up' && obj==undefined &&  curObj=='screenObj2'){
    	if(beforeScrollTop<$('.screenObj1').height()){
    		curObj='screenObj1';
    		$("html, body").stop().animate({scrollTop:$('.'+curObj).offset().top},500);
    	}
    	
    }
    if(obj!=undefined){
    	curObj=obj;
    	$("html, body").stop().animate({scrollTop:$('.'+curObj).offset().top},500);
    }
    if(curObj=='screenObj1'){
    		$('.navHome').removeClass('navCommon');
    	}else{
    		$('.navHome').addClass('navCommon');
    }   
}


/**
 * 首页新闻滚动控制
 */	
$(function(){
	if($(window).width()<=768)return false;

	var 
		listObj=$('.sliderBox .list_1'),
		items=$('.sliderBox .list_1 li'),
		box=$('.sliderBox'),
		boxW=parseInt(box.width()),
		itemWidth=boxW/4,
		itemCount=items.length,
		listWidth=itemWidth*itemCount,
		winW=$(window).width(),
		winH=$(window).height(),
		leftOffset=0,
		maxOffset=listWidth-boxW>0?listWidth-boxW:0;

		

	$('#eventListBox .btn-next').click(function(event) {
		// leftOffset=parseInt(listObj.css('margin-left'));
		leftOffset+=itemWidth;
		leftOffset=leftOffset>=maxOffset?maxOffset:leftOffset;
		listObj.animate({'margin-left':-leftOffset}, 300);
		btnState();
	});
	$('#eventListBox .btn-prev').click(function(event) {
		leftOffset-=itemWidth;
		leftOffset=leftOffset<0?0:leftOffset;
		listObj.animate({'margin-left':-leftOffset}, 300);
		btnState();
	});

	// 按钮状态更新
	function btnState(){
		if(leftOffset==0){
			$('#eventListBox .btn-prev').hide();
		}else{
			$('#eventListBox .btn-prev').show();
		}

		if(leftOffset>=maxOffset){
			$('#eventListBox .btn-next').hide();
		}else{
			$('#eventListBox .btn-next').show();
		}
	}

	$(window).bind('resize',function(){

			winW=$(window).width();
			winH=$(window).height();
			boxW=parseInt(box.width()),
			itemWidth=boxW/4,
			itemCount=items.length,
			listWidth=itemWidth*itemCount,
			winW=$(window).width(),
			winH=$(window).height(),
			
			maxOffset=listWidth-boxW>0?listWidth-boxW:0;
			

			items.css({width:itemWidth});
			listObj.css({width:listWidth});
			listObj.animate({'margin-left':0,}, 300);
			btnState();
	}).trigger('resize');
});

</script>


</body>
</html>
