<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=1;" name="viewport">
<title>青岛欧普机械设备有限公司</title>
<meta name="keywords" content="混凝土搅拌设备,混凝土回收环保设备,除尘设备,欧普机械,青岛欧普机械设备" />
<meta name="description" content="青岛欧普机械设备有限公司是一家从事系列混凝土搅拌机械的设计开发，加工制造及销售服务的专业化公司。公司自创建以来，一直秉承科技兴企，以人为本和诚信为本的宗旨，追求卓越的理念，热线电话：400-869-8066" />

<link href="css/animate.min.css" rel="stylesheet" type="text/css" />
<link href="css/swiper.min.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />

<script src="js/swiper.min.js"></script>
<script src="js/swiper.animate1.0.3.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>	
<script type="text/javascript" src="js/menu.js"></script></head>

<body>
<div class="c-pc">
	<!-- head -->
    <div class="head_top">
        <div class="center">
            <div class="float_l">
                <img class="float_l icon" src="img/1/icon1.png">
                <p class="float_l font_s14">欢迎访问青岛欧普机械设备有限公司！</p>
                <div class="clear"></div>
            </div>
            <div class="float_r">
                <a href="contact.php"><p class="float_r font_s14">联系我们 </p></a>
                <img class="float_r icon" src="img/1/icon4.png">
                <a href="message.php"><p class="float_r font_s14">在线留言 </p></a>
                <img class="float_r icon" src="img/1/icon3.png">
                <a href="index.php"><p class="float_r font_s14">网站首页 </p></a>
                <img class="float_r icon" src="img/1/icon2.png">
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!-- nav -->
    <div class="nav">
        <div class="center">
            <div class="float_l">
                <img class="logo_top" src="img/logo_top.png">
            </div>
            <div class="float_r">
                <ul>
                   
                    <a target="_blank" href="index.php"><li class="font_s14 select">网站首页</li></a><a target="_blank" href="about.php"><li class="font_s14">关于我们</li></a><a target="_blank" href="gallery.php?cid=3"><li class="font_s14">产品展示</li></a><a target="_blank" href="gallery.php?cid=5"><li class="font_s14">工程案例</li></a><a target="_blank" href="list.php?cid=6"><li class="font_s14">新闻资讯</li></a><a target="_blank" href="contact.php?cid=52"><li class="font_s14">联系我们</li></a><a target="_blank" href="message.php"><li class="font_s14">在线留言</li></a>                        
                </ul>
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <!--banner-->
    <div class="banner">
        <div class="swiper-container swiper-container-b">
            <div class="swiper-wrapper">
                
                <div class="swiper-slide">
                    	<div class="banner_img" style="background: url(img/banner4.jpg) top center no-repeat;"></div>
                	</div><div class="swiper-slide">
                    	<div class="banner_img" style="background: url(img/banner2.jpg) top center no-repeat;"></div>
                	</div><div class="swiper-slide">
                    	<div class="banner_img" style="background: url(img/banner1.jpg) top center no-repeat;"></div>
                	</div><div class="swiper-slide">
                    	<div class="banner_img" style="background: url(img/banner5.jpg) top center no-repeat;"></div>
                	</div><div class="swiper-slide">
                    	<div class="banner_img" style="background: url(img/banner3.jpg) top center no-repeat;"></div>
                	</div>               
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination swiper-paginationx"></div>

            <!-- <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div> -->

            <script>
                // banner轮播
                var mySwiper_b = new Swiper ('.swiper-container-b', {
                    direction: 'horizontal', // 轮播方向
                    autoplay:6000,  //自动轮播
                    loop: true, //循环
                    autoplayDisableOnInteraction : false,  //用户操作后不停止
                    pagination:".swiper-paginationx",/*分页器*/ 
                    /*prevButton:'.swiper-button-prev',
                    nextButton:'.swiper-button-next',*/
                })
            </script>
        </div>
<script type="text/javascript">
	 function SendForm () 
     {
     	 document.search.submit();
     }
</script>
        <!-- 搜索 -->
        <div class="search_backgroud"></div>
        <div class="search">
            <div class="center">
            	<form action="gallery.php" method="get" name="search" id="search">
                <div class="float_l">
                    <input class="float_l" type="text" placeholder="请输入关键字" name="keywords">
                    <div class="float_l search_icon">
                        <div  class="float_l search_icon_line"></div>
                        <img  class="float_l" src="img/search_icon.png" onclick="SendForm();">
                    </div>
                    <div class="clear"></div>
                </div>
                </form>
                <div class="float_r">
                    <img class="float_l telephone_icon1" src="img/telephone_icon1.png">
                    <p class="float_l telephone_icon1_p">400-869-8066</p>
                </div>
                <div class="clear"></div>
                <div class="search_term font_s14">
                    <p>热门关键词：</p>
                                        <div>
                       <p class="terms">混凝土搅拌设备</p><p class="terms">混凝土回收环保设备</p><p class="terms">除尘设备</p><p class="terms">欧普机械</p><p class="terms">青岛欧普机械设备</p>                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <div style="background:#fafafa; height:1500px;">
    
    <div class="title title_padding_top">
        <h3>产品中心</h3>
        <div class="title_line"></div>
        <p style="background:#fafafa !important;">PRODUCT DISPLAY
</p>
    </div>
    
    <div class="center">
   <div  class="product_index_nav"  style="margin-bottom:130px;">
        <ul class="product_nav">
            <a href="show.php?cid=3&id=350" title="全封闭环保搅拌站"><li class="cursor_pointer product_nav_li">全封闭环保搅拌站</li></a><a href="show.php?cid=3&id=348" title="工程高铁搅拌站"><li class="cursor_pointer product_nav_li">工程高铁搅拌站</li></a><a href="show.php?cid=3&id=349" title="集装箱式快搬站"><li class="cursor_pointer product_nav_li">集装箱式快搬站</li></a><a href="show.php?cid=3&id=347" title="标准型搅拌站"><li class="cursor_pointer product_nav_li">标准型搅拌站</li></a><a href="show.php?cid=3&id=351" title="混凝土搅拌机"><li class="cursor_pointer product_nav_li">混凝土搅拌机</li></a><a href="show.php?cid=3&id=352" title="智能化电控系统"><li class="cursor_pointer product_nav_li">智能化电控系统</li></a><a href="show.php?cid=3&id=353" title="水泥仓环保除尘器"><li class="cursor_pointer product_nav_li">水泥仓环保除尘器</li></a><a href="show.php?cid=3&id=354" title="智能洗车机"><li class="cursor_pointer product_nav_li">智能洗车机</li></a><a href="show.php?cid=3&id=355" title="污泥处理压滤机"><li class="cursor_pointer product_nav_li">污泥处理压滤机</li></a><a href="show.php?cid=3&id=356" title="振动砂石分离机"><li class="cursor_pointer product_nav_li">振动砂石分离机</li></a>        </ul>
    </div>
    </div>
    

    <div class="center">
        <div class="product_index">
			            <div class="float_l product_img margin_right"><a href="show.php?cid=3&id=350">
			                    <img src="uploads/image/20191016/1571209355.jpg">
			                    <h2>全封闭环保搅拌站</h2>
			                    <div class="see">查看详情<div></div></div>
			                </a>
			            </div>
			        </div><div class="product_index">
			            <div class="float_l product_img"><a href="show.php?cid=3&id=348">
			                    <img src="uploads/image/20191016/1571217985.jpg">
			                    <h2>工程高铁搅拌站</h2>
			                    <div class="see">查看详情<div></div></div>
			                </a>
			            </div>
			        </div> <div class="clear"></div>
			        <div id="marquee1" class="marqueeleft">
			            <div style="width:8000px;">
			                <ul id="marquee1_1"><li>
	                    <div class="float_l case case_margin">
	                        <a href="show.php?cid=3&id=349">
	                            <img src="uploads/image/20191016/1571214988.jpg">
	                            <h2>集装箱式快搬站</h2>
	                            <div class="see">查看详情<div></div></div>
	                        </a>
	                    </div>
	                </li><li>
	                    <div class="float_l case case_margin">
	                        <a href="show.php?cid=3&id=347">
	                            <img src="uploads/image/20191016/1571209519.jpg">
	                            <h2>标准型搅拌站</h2>
	                            <div class="see">查看详情<div></div></div>
	                        </a>
	                    </div>
	                </li><li>
	                    <div class="float_l case case_margin">
	                        <a href="show.php?cid=3&id=351">
	                            <img src="uploads/image/20191016/1571196562.jpg">
	                            <h2>混凝土搅拌机</h2>
	                            <div class="see">查看详情<div></div></div>
	                        </a>
	                    </div>
	                </li><li>
	                    <div class="float_l case case_margin">
	                        <a href="show.php?cid=3&id=352">
	                            <img src="uploads/image/20191016/1571191527.jpg">
	                            <h2>智能化电控系统</h2>
	                            <div class="see">查看详情<div></div></div>
	                        </a>
	                    </div>
	                </li></ul>                <ul id="marquee1_2"></ul>
            </div>
            
          
            
       </div><!--marqueeleft end-->
        
        <script type="text/javascript">
            //js无缝滚动代码
            function marquee(i, direction){
                var obj = document.getElementById("marquee" + i);
                var obj1 = document.getElementById("marquee" + i + "_1");
                var obj2 = document.getElementById("marquee" + i + "_2");
                if (direction == "up"){
                    if (obj2.offsetTop - obj.scrollTop <= 0){
                        obj.scrollTop -= (obj1.offsetHeight + 20);
                    }else{
                        var tmp = obj.scrollTop;
                        obj.scrollTop++;
                        if (obj.scrollTop == tmp){
                            obj.scrollTop = 1;
                        }
                    }
                }else{
                    if (obj2.offsetWidth - obj.scrollLeft <= 0){
                        obj.scrollLeft -= obj1.offsetWidth;
                    }else{
                        obj.scrollLeft++;
                    }
                }
            }
            
            function marqueeStart(i, direction){
                var obj = document.getElementById("marquee" + i);
                var obj1 = document.getElementById("marquee" + i + "_1");
                var obj2 = document.getElementById("marquee" + i + "_2");
            
                obj2.innerHTML = obj1.innerHTML;
                var marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
                obj.onmouseover = function(){
                    window.clearInterval(marqueeVar);
                }
                obj.onmouseout = function(){
                    marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
                }
            }
        </script>
        <script type="text/javascript">marqueeStart(1, "left");</script>
        <div class="more_button">
            <a href="gallery.php?cid=3">
                <button>查看更多</button>
                <div></div>
            </a>
        </div>
          </div> 
    </div>

    <div class="advertisement1"></div>

    <div class="center service_index">
        <div class="cursor_pointer service">
            <h2>01</h2>
            <div class="service_content service_content_first">
                <div></div>
                <h3>品质保证</h3>
                <p>严格技术监督，丰富设计开发经验，产品质量保证</p>
            </div>
        </div>
        <div class="cursor_pointer service">
            <h2>02</h2>
            <div class="service_content">
                <div></div>
                <h3>实力雄厚</h3>
                <p>严格执行ISO9001质量管理体系的要求</p>
            </div>
        </div>
        <div class="cursor_pointer service">
            <h2>03</h2>
            <div class="service_content">
                <div></div>
                <h3>专业团队</h3>
                <p>我公司技术研发人员占员工总数的30%，重视创新</p>
            </div>
        </div>
        <div class="cursor_pointer service">
            <h2>04</h2>
            <div class="service_content">
                <div></div>
                <h3>完善服务</h3>
                <p>受到国内外客户的一致好评，节省了客户的维护成本</p>
            </div>
        </div>
    </div>
    <div class="about_index">
        <div class="center">
            <img src="img/index_about.jpg">
            <div class="about_index_width">
                <h1><p>ABOUT/</p><p>  </p><p>关于我们</p></h1>
                <h3>
	<span style="white-space:normal;"> 
	<p class="MsoNormal">
		<span style="font-size:18px;">青岛欧普机械设备有限公司</span><span lang="EN-US"><o:p></o:p></span> 
	</p>
</span> 
</h3>
<p>
	青岛欧普机械设备有限公司是一家从事系列混凝土搅拌机械的设计开发，加工制造及销售服务的专业化公司。公司自创建以来，一直秉承科技兴企，以人为本和诚信为本的宗旨，追求卓越的理念，保证为客户提供优质的产品。目前主导产品为混凝土搅拌设备、混凝土回收环保设备、除尘设备；技术创新是企业发展的不竭动力，我公司技术研发人员占员工总数的30%。公司凭借先进的技术和高性价比，受到国内外客户的一致好评，给客户带来利润的同时，也节省了客户的维护成本。成功源于专注，专业缔造极致。未来，欧普机械期待继续与您同行...
</p>                <div class="more_button">
                    <a href="about.php">
                        <button>查看更多</button>
                        <div></div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="title">
        <h3>工程案例</h3>
        <div class="title_line"></div>
        <p>ENGINEERING CASE





</p>
    </div>

    <div class="center case_index">
        <div class="swiper-container swiper-container-c">
            <div class="swiper-wrapper">
                
           <div class="swiper-slide">
                    		<div class="product_html"><div class="float_l case case_margin" style="padding-bottom:0px !important;">
                    <a href="show.php?cid=5&id=358">
                        <img src="uploads/image/20191016/1571195004.jpg">
                        <div class="c-title"><h2>滨州成功案例</h2>
                        <div class="see">查看详情<div></div></div></div>
                    </a>
                </div><div class="float_l case case_margin" style="padding-bottom:0px !important;">
                    <a href="show.php?cid=5&id=359">
                        <img src="uploads/image/20191016/1571196623.jpg">
                        <div class="c-title"><h2>大连成功案例</h2>
                        <div class="see">查看详情<div></div></div></div>
                    </a>
                </div><div class="float_l case case_margin" style="padding-bottom:0px !important;">
                    <a href="show.php?cid=5&id=360">
                        <img src="uploads/image/20191016/1571197080.jpg">
                        <div class="c-title"><h2>黄骅滨城商砼2HZS240S环保站</h2>
                        <div class="see">查看详情<div></div></div></div>
                    </a>
                </div></div></div><div class="swiper-slide">
                    		<div class="product_html"><div class="float_l case case_margin" style="padding-bottom:0px !important;">
                    <a href="show.php?cid=5&id=361">
                        <img src="uploads/image/20191016/1571191423.jpg">
                        <div class="c-title"><h2>河南巩义2HZS180叫本站</h2>
                        <div class="see">查看详情<div></div></div></div>
                    </a>
                </div><div class="float_l case case_margin" style="padding-bottom:0px !important;">
                    <a href="show.php?cid=5&id=362">
                        <img src="uploads/image/20191016/1571193873.jpg">
                        <div class="c-title"><h2>胶州李哥庄2HZS180标准站</h2>
                        <div class="see">查看详情<div></div></div></div>
                    </a>
                </div><div class="float_l case case_margin" style="padding-bottom:0px !important;">
                    <a href="show.php?cid=5&id=363">
                        <img src="uploads/image/20191016/1571196812.jpg">
                        <div class="c-title"><h2>潍坊滨海</h2>
                        <div class="see">查看详情<div></div></div></div>
                    </a>
                </div></div></div><div class="swiper-slide">
                    		<div class="product_html"><div class="float_l case case_margin" style="padding-bottom:0px !important;">
                    <a href="show.php?cid=5&id=364">
                        <img src="uploads/image/20191016/1571195220.jpg">
                        <div class="c-title"><h2>赵村2HZS240</h2>
                        <div class="see">查看详情<div></div></div></div>
                    </a>
                </div><div class="float_l case case_margin" style="padding-bottom:0px !important;">
                    <a href="show.php?cid=5&id=365">
                        <img src="uploads/image/20191016/1571196797.jpg">
                        <div class="c-title"><h2>浙江金厦2HZS180S</h2>
                        <div class="see">查看详情<div></div></div></div>
                    </a>
                </div><div class="float_l case case_margin" style="padding-bottom:0px !important;">
                    <a href="show.php?cid=5&id=366">
                        <img src="uploads/image/20191016/1571197783.jpg">
                        <div class="c-title"><h2>周口磊鑫2HZS270S环保搅拌站</h2>
                        <div class="see">查看详情<div></div></div></div>
                    </a>
                </div></div></div>     
                
            </div>
            <div class="swiper-pagination swiper-pagination2"></div>
        </div>
        <!-- 如果需要分页器 -->
        
        <div class="swiper-button-prev swiper-button-prev2"></div>
        <div class="swiper-button-next swiper-button-next2"></div> 

        <script>
            // banner轮播
            var mySwiper_c = new Swiper ('.swiper-container-c', {
                direction: 'horizontal', // 轮播方向
                // autoplay:6000,  //自动轮播
                loop: true, //循环
                autoplayDisableOnInteraction : false,  //用户操作后不停止
                pagination:".swiper-pagination2",/*分页器*/ 
                prevButton:'.swiper-button-prev2',
                nextButton:'.swiper-button-next2',
            })
        </script>
    </div>

    <div class="advertisement2"></div>
    <!-- 新闻 -->
    <div class="title">
        <h3>新闻资讯</h3>
        <div class="title_line"></div>
        <p>NEWS INFORMATION</p>
    </div>

    <div class="news center">
        <div class="float_l news_w">
            
           <div class="float_l new">
			                <a href="listshow.php?cid=6&id=64">
			                    <p class="float_l number">01</p>
			                    <div class="float_l news_information">
			                        <p class="year">2019-10-15</p>
			                        <p class="news_title">山东省水泥产业现状分析</p>
			                        <div class="news_line"></div>
			                        <p class="news_text">2016年，山东省共生产水泥1.6亿吨，全国排名第2，占2016年全国水泥总产量的6.69%。相...</p>
			                    </div>
			                    <div class="clear"></div>
			                </a>
			            </div><div class="float_l new">
			                <a href="listshow.php?cid=6&id=63">
			                    <p class="float_l number">02</p>
			                    <div class="float_l news_information">
			                        <p class="year">2019-10-15</p>
			                        <p class="news_title">河南排污达标或可不停产 各省...</p>
			                        <div class="news_line"></div>
			                        <p class="news_text">从2014年开始，集体式的水泥错峰生产就逐步从东北三省和华北部分省市扩展到今年的全国...</p>
			                    </div>
			                    <div class="clear"></div>
			                </a>
			            </div><div class="float_l new">
			                <a href="listshow.php?cid=6&id=58">
			                    <p class="float_l number">03</p>
			                    <div class="float_l news_information">
			                        <p class="year">2019-10-12</p>
			                        <p class="news_title">上置式环保搅拌站 资源整合 ...</p>
			                        <div class="news_line"></div>
			                        <p class="news_text">上置式环保站是采用水泥仓上置式结构，分为一层混凝土和钢结构两种，具有如下优点：
...</p>
			                    </div>
			                    <div class="clear"></div>
			                </a>
			            </div><div class="float_l new">
			                <a href="listshow.php?cid=6&id=57">
			                    <p class="float_l number">04</p>
			                    <div class="float_l news_information">
			                        <p class="year">2019-10-12</p>
			                        <p class="news_title">全封闭环保搅拌站 不只是外封...</p>
			                        <div class="news_line"></div>
			                        <p class="news_text">欧普机械多年来一直秉承以人为本，科技为先的原则，专注研发生产环保型混凝土搅拌站，...</p>
			                    </div>
			                    <div class="clear"></div>
			                </a>
			            </div>           
            <div class="clear"></div>   
            <div class="news_button">
                <a href="list.php?cid=6">
                    <button>查看更多</button>
                    <div></div>
                </a>
            </div>
        </div>
        <div class="float_r position_r">
            <img class="index_news" src="img/index_news.jpg">
            <img class="hotspot_icon" src="img/hotspot_icon.png">
        </div>
        <div class="clear"></div>
    </div>
<script type="text/javascript">
function cfm_msg()
{
	if($("#nickname").val() == "")
	{
		alert("请填写姓名！");
		$("#nickname").focus();
		return false;
	}
	if($("#contact").val() == "")
	{
		alert("请填写电话！");
		$("#contact").focus();
		return false;
	}
	if($("#content1").val() == "")
	{
		alert("请填写留言内容！");
		$("#content1").focus();
		return false;
	}
	$("#form").submit();
}


</script>


<!--<form name="form" id="form" method="post" action="">
		<div class="liuyan-k">
       		<h2>了解更多关于产品、服务和技术支持的信息，请联系我们。 为了更好的为您服务，请您简单花几分钟填写以下信息</h2>
            <p>姓名*<input type="text" name="nickname" id="nickname"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;电话*<input type="text" name="contact" id="contact" ></p>
            <p>邮箱*<input type="text" name="email" id="email"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;地址*<input type="text"  id="site" name="site"></p>
            <p><span>留言*</span><textarea name="content" id="content1"></textarea></p>
            <h3><input type="button" value="提交" onclick="cfm_msg();return false;"></h3>
            <input type="hidden" name="action" id="action" value="add" />
       </div>
</form>
-->
    <!--底部-->
    <div class="foot">
        <div class="center">
            <div class="float_l leaving_message">
            	<form name="form" id="form" method="post" action="">
                <h2>ONLINE MESSAGE <span>在线留言</span></h2>
                <h3>有什么问题请给我们在线留言，我们会为您及时回复！</h3>
                <input type="text" placeholder="姓名" name="nickname" id="nickname">
                <input type="text" placeholder="电话" name="contact" id="contact">
                <textarea type="text" placeholder="留言内容" name="content" id="content1"></textarea>
                <input type="hidden" name="action" id="action" value="add" />
                <button onclick="cfm_msg();return false;">提交留言</button>
                </form>
            </div>
            <div class="float_r contact">
                <div class="telephone">
                    <img class="float_l" src="img/telephone_icon2.png">
                    <div class="float_l">
                        <h3>热线电话：</h3>
                        <p>400-869-8066</p>
                    </div>
                </div>
                <div class="information">
                    <h3>联系我们</h3>
                    <p><span>客服热线：400-869-8066</span>联系电话：15166688350</p>
                    <p>公司地址：青岛市城阳区棘洪滩街道</p>
                </div>
                <div class="qr_code">
                    <div class="float_l">
                        <div class="weixin_img">
                            <img src="img/weixin_img.jpg">
                        </div>
                        <p>欢迎广大客户随时联系我们</p>
                    </div>
                    
                   <div class="float_r">
                        <div class="weixin_img">
                            <img src="img/shouji_img.jpg">
                        </div>
                        <p>扫描二维码进入手机站</p>
                    </div>
                    <div class="clear"></div>
                </div>
                <img class="gear" src="img/gear.png">
            </div>
            <div class="clear"></div>
            <img class="line_img" src="img/line_img.png">
            <div class="connect_icon">
                <img class="float_l" src="img/connect_icon.png">
                <p class="float_l">友情链接：</p>
                <a href="http://www.baidu.com/" ><p class="float_l">百度</p></a><a href="http://www.shangzhixin.com" ><p class="float_l">商至信</p></a>
            </div>
        </div>
    </div>
    <div class="foot_bottom">
        <div class="center">
            <p class="font_s14">版权所有 © 2019青岛欧普机械设备有限公司. ALL RIGHTS RESERVED <a href="http://beian.miit.gov.cn" target="_blank">鲁ICP备19054982号-1</a></p>
        </div>
    </div>
    








<link href="QQ/erweima/css/style.css" rel="stylesheet" type="text/css" />
<script src="QQ/erweima/js/lrtk.js"></script>

<div id="erweima">
	
	<p><img src="data/watermark/erweima.jpg" width="150px" /></p>
    <p><a href="javascript:" onclick="erweima.style.display='none';">关闭</a></p>
    
</div>

<script>

//初始位置
gID("erweima").style.top = 160 + "px";
gID("erweima").style.right = document.documentElement.clientWidth - gID("erweima").offsetWidth +"px";

//开始滚动
ScrollDiv('erweima');
</script>

<!--统计代码-->
<!--统计代码结束-->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?98dffdea330a2f0d3cfdfabb01ed2828";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    </div>




<div class="c-phone">
	<div class="container">
        <!-- 导航 -->
        <script type="text/javascript" language="javascript">
            $(document).ready(function () {
                $("#btn_center").click(function () {
                    popCenterWindow();
                });

            }); 
        </script> 
        <div class="head">
            <img class="logo" src="img/logo1.png" />
            <img class="nav" src="img/nav.jpg" id="btn_center">
        </div>
        <script type="text/javascript">
            //获取窗口的高度 
            var windowHeight; 
            //获取窗口的宽度 
            var windowWidth; 
            //获取弹窗的宽度 
            var popWidth; 
            //获取弹窗高度 
            var popHeight; 
            function init(){ 
                windowHeight=$(window).height(); 
                windowWidth=$(window).width(); 
                popHeight=$(".window").height(); 
                popWidth=$(".window").width(); 
            } 
            //关闭窗口的方法 
            function closeWindow(){ 
                $(".title img").click(function(){ 
                    $(this).parent().parent().hide("slow"); 
                    }); 
                } 
                //定义弹出居中窗口的方法 
                function popCenterWindow(){ 
                    init(); 
                    //计算弹出窗口的左上角Y的偏移量 
                var popY=(windowHeight-popHeight)/2; 
                var popX=(windowWidth-popWidth)/2; 
                //alert('jihua.cnblogs.com'); 
                //设定窗口的位置 
                $("#center").css("top",popY).css("left",popX).slideToggle("slow");  
                closeWindow(); 
                } 
                function popLeftWindow(){ 
                    init(); 
                    //计算弹出窗口的左上角Y的偏移量 
                var popY=windowHeight-popHeight; 
                //var popX=-(windowWidth-popWidth); 
                //alert(popY); 
                //设定窗口的位置 
                $("#left").css("top",popY-50).css("left",50).slideToggle("slow"); 
                closeWindow(); 
                } 
                function popRightWindow(){ 
                    init(); 
                    //计算弹出窗口的左上角Y的偏移量 
                var popY=windowHeight-popHeight; 
                var popX=windowWidth-popWidth; 
                //alert(www.cnblogs.com/jihua); 
                //设定窗口的位置 
                $("#right").css("top",popY-50).css("left",popX-50).slideToggle("slow"); 
                closeWindow(); 
                } 
        </script>
        <div class="window" id="center"> 
            <div id="title" class="title">
                <img src="img/close.png" alt="关闭" />
            </div> 
            <div class="content">
                    <ul class="nav">
    	<li><a href="index.php">网站首页</a></li> <li><a href="about.php">关于我们</a></li> <li><a href="gallery.php?cid=3">产品展示</a></li> <li><a href="gallery.php?cid=5">工程案例</a></li> <li><a href="list.php?cid=6">新闻资讯</a></li> <li><a href="contact.php?cid=52">联系我们</a></li> <li><a href="message.php">在线留言</a></li>     </ul>
            </div> 
        </div>         <!-- banner -->
        <div class="swiper-container swiper-container-b">
            <div class="swiper-wrapper">
              
                <div class="swiper-slide">
				<img src="img/shoujibanner4.jpg">
                </div><div class="swiper-slide">
				<img src="img/shoujibanner2.jpg">
                </div><div class="swiper-slide">
				<img src="img/shoujibanner1.jpg">
                </div><div class="swiper-slide">
				<img src="img/shoujibanner5.jpg">
                </div><div class="swiper-slide">
				<img src="img/shoujibanner3.jpg">
                </div>            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination swiper-pagination3"></div>

          

            <script>
                // banner轮播
                var mySwiper_b = new Swiper ('.swiper-container-b', {
                    direction: 'horizontal', // 轮播方向
                    autoplay:2000,  //自动轮播
                    loop: true, //循环
                    autoplayDisableOnInteraction : false,  //用户操作后不停止
                    pagination:".swiper-pagination3",/*分页器*/ 
                    /*prevButton:'.swiper-button-prev',
                    nextButton:'.swiper-button-next',*/
                })
            </script>
        </div>

        <!-- 首页图标分类 -->
        <div class="icon">
            <a href="#">
                <div class="float_l index_icon">
                    <img src="img/index_icon1.png">
                    <h5>专业品质</h5>
                    <P>丰富经验</P>
                </div>
            </a>
            <a href="#">
                <div class="float_l index_icon">
                    <img src="img/index_icon2.png">
                    <h5>实力雄厚</h5>
                    <P>技术监督</P>
                </div>
            </a>
            <a href="#">
                <div class="float_l index_icon">
                    <img src="img/index_icon3.png">
                    <h5>专业团队</h5>
                    <P>优秀人才</P>
                </div>
            </a>
            <a href="#">
                <div class="float_l index_icon">
                    <img src="img/index_icon4.png">
                    <h5>完善服务</h5>
                    <P>一致好评</P>
                </div>
            </a>
            <div class="clear"></div>
        </div>

        <!-- 首页产品分类 -->
        <div class="index_product">
            <div class="index_title">
                <div class="float_l">产品中心 </div>
                <div class="float_r">
                    <div class="menu_list">
                    	
                        <ul>
                            <li class="">
                                <div class="xiala"><a href="gallery.php?cid=3">查看更多</a></div>
                                <div class="div1">
                        	
                                    <!--<a href="index.html"><p class="zcd"></p></a>
                                    <a href="about.html"><p class="zcd">产品分类</p></a>
                                    <a href="product.html"><p class="zcd">产品分类</p></a>-->
                                </div>
                            </li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="index_product_img">
				<a href="show.php?cid=3&id=350">
                    <div class="float_l">
                        <img src="uploads/image/20191016/1571209355.jpg">
                        <h3>全封闭环保搅拌站</h3>
                        <div class="view_details_img">
                            <P>查看详情</P>
                            <img src="img/view_details_img.png">
                        </div>
                    </div>
                </a><a href="show.php?cid=3&id=348">
                    <div class="float_l">
                        <img src="uploads/image/20191016/1571217985.jpg">
                        <h3>工程高铁搅拌站</h3>
                        <div class="view_details_img">
                            <P>查看详情</P>
                            <img src="img/view_details_img.png">
                        </div>
                    </div>
                </a><a href="show.php?cid=3&id=349">
                    <div class="float_l">
                        <img src="uploads/image/20191016/1571214988.jpg">
                        <h3>集装箱式快搬站</h3>
                        <div class="view_details_img">
                            <P>查看详情</P>
                            <img src="img/view_details_img.png">
                        </div>
                    </div>
                </a><a href="show.php?cid=3&id=347">
                    <div class="float_l">
                        <img src="uploads/image/20191016/1571209519.jpg">
                        <h3>标准型搅拌站</h3>
                        <div class="view_details_img">
                            <P>查看详情</P>
                            <img src="img/view_details_img.png">
                        </div>
                    </div>
                </a>            	
               
                <div class=" clear"></div>
            </div>
            <a href="gallery.php?cid=3">
                <div class="more">查看更多</div>
            </a>
        </div>
        <img src="img/index_banner1.png">

        <!-- 首页关于我们 -->
        <div class="index_about">
            <h3>
	<span style="white-space:normal;"> 
	<p class="MsoNormal">
		<span style="font-size:18px;">青岛欧普机械设备有限公司</span><span lang="EN-US"><o:p></o:p></span> 
	</p>
</span> 
</h3>
<p>
	青岛欧普机械设备有限公司是一家从事系列混凝土搅拌机械的设计开发，加工制造及销售服务的专业化公司。公司自创建以来，一直秉承科技兴企，以人为本和诚信为本的宗旨，追求卓越的理念，保证为客户提供优质的产品。目前主导产品为混凝土搅拌设备、混凝土回收环保设备、除尘设备；技术创新是企业发展的不竭动力，我公司技术研发人员占员工总数的30%。公司凭借先进的技术和高性价比，受到国内外客户的一致好评，给客户带来利润的同时，也节省了客户的维护成本。成功源于专注，专业缔造极致。未来，欧普机械期待继续与您同行...
</p>            <div class="index_about_img">
                <img src="img/index_about_img.png">
               
               <a href="about.php?cid=1 " ><img class="about_icon" src="img/index_about_icon.png"></a>
            </div>
        </div>

        <!-- 首页案例展示 -->
       
        <!-- 首页案例展示 -->
        <div class="index_product">
                <div class="index_title">
                    <div class="float_l">新闻资讯</div>
                    <div class="float_r">
                        <div class="menu_list">
                            <ul>
                                <li class="">
                                    <a href="list.php?cid=6">
                                        <div class="xiala">查看更多</div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <!-- 新闻列表 -->
                <div class="news_html">
                    <div class="information2">
                    	<div class="list">
                            <a href="listshow.php?cid=6&id=64">
                                <div class="float_l date">
                                    <p>15</p>
                                    <p>2019/10</p>
                                </div>
                                <div class="float_l title">
                                    <h3>山东省水泥产业现状分析</h3>
                                    <p>2016年，山东省共生产水泥1.6亿吨，全国排名第2，占2016年全国水泥总产量的6.69%。相对于全国水泥产量在20...</p>
                                </div>
                                <div class="clear"></div>
                            </a>
                      	</div><div class="list">
                            <a href="listshow.php?cid=6&id=63">
                                <div class="float_l date">
                                    <p>15</p>
                                    <p>2019/10</p>
                                </div>
                                <div class="float_l title">
                                    <h3>河南排污达标或可不停产 各省能否效仿？</h3>
                                    <p>从2014年开始，集体式的水泥错峰生产就逐步从东北三省和华北部分省市扩展到今年的全国“遍地开花”。对于即...</p>
                                </div>
                                <div class="clear"></div>
                            </a>
                      	</div><div class="list">
                            <a href="listshow.php?cid=6&id=58">
                                <div class="float_l date">
                                    <p>12</p>
                                    <p>2019/10</p>
                                </div>
                                <div class="float_l title">
                                    <h3>上置式环保搅拌站 资源整合 共享共赢----欧普机械</h3>
                                    <p>上置式环保站是采用水泥仓上置式结构，分为一层混凝土和钢结构两种，具有如下优点：

1.资源优化：

搅...</p>
                                </div>
                                <div class="clear"></div>
                            </a>
                      	</div>  
                        
                    </div>
                </div>
            </div>


            <!-- 联系我们 -->
             <div class="contact">
                <div class="title">
                    <div></div>
                    <p>联系我们</p>
                </div>
                <div class="information">
                   <p>
	<span style="white-space:normal;line-height:2;">
	<p class="MsoNormal" style="white-space:normal;">
		<span style="line-height:2;">青岛欧普机械设备有限公司</span><br />
<span style="line-height:2;">联系电话：400-869-8066/15166688350</span><br />
<span style="line-height:2;">邮箱：qingdaooupu@163.com</span><br />
<span style="line-height:2;">传真：0532-67768913</span><br />
<strong><span style="font-size:24px;line-height:2;">售后服务</span></strong>
	</p>
	<p class="MsoNormal" style="white-space:normal;">
		<span style="line-height:2;">电话：0532-67768913</span><br />
<span style="line-height:2;">手机：138-6392-0182</span><br />
<span style="line-height:2;">地址：青岛市城阳区棘洪滩街道</span>
	</p>
</span>
</p>
<p>
	<br />
</p>                </div>
            </div>

         










     <img class="index_line" src="img/index_line.png">

            <p class="copyright">CopyRight © 2019.青岛欧普机械设备有限公司 </p>
    
            <div class="foot">
                <div class="float_l">
                    <a href="index.php">
                        <img src="img/icon2.png">
                        <p>网站首页</p>
                    </a>
                </div>
                <div class="float_l">
                    <a href="map.php">
                        <img src="img/icon1.png">
                        <p>网站地图</p>
                    </a>
                </div>
                <div class="float_l">
                    <a href="tel:400-869-8066">
                        <img src="img/icon4.png">
                        <p>热线电话</p>
                    </a>
                </div>  
                <div class="float_l">
                    <a href="message.php">
                        <img src="img/icon3.png">
                        <p>在线留言</p>
                    </a>
                </div>
            </div>
            
            
            
 <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?98dffdea330a2f0d3cfdfabb01ed2828";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>




        <div class=""></div>
       
    </div>
</div>
</body>
</html>
