<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>秦皇岛建筑设计院-服务领域</title>
		<meta content="秦皇岛建筑设计院-服务领域" name="keywords" />
		<meta content="秦皇岛建筑设计院-服务领域" name="description" />
		<link rel="stylesheet" type="text/css" href="http://www.qhdjzsjy.com/Application/Home/Common/css/index.css"/>
		<link rel="stylesheet" href="http://www.qhdjzsjy.com/Application/Home/Common/css/bootstrap.min.css">
		<link href="http://www.qhdjzsjy.com/Application/Home/Common/css/101.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="http://www.qhdjzsjy.com/Application/Home/Common/js/jquery-1.11.1.min.js"></script>
		<style type="text/css">
		.wrap{
			margin-bottom: 70px;
			
		}
			/*.box{
			width:800px;
			overflow: hidden;
			height: 400px;
			margin-bottom: 40px;
		}*/
		/*.box ul{
			width:3500px;
			padding: 0;
		}*/
		/*.box a{
			float: left;
			list-style: none;
			width: 800px;
			height: 400px;
		}
		.box a img{
			height: 100%;
		}
		.lb{
			position: relative;
		}
		.list{
			position: absolute;
			bottom: 0;
			left: 45%;
			padding: 0;
		}
		.list li{
			margin: 0 10px;
			list-style: none;
			float: left;
			width:10px;
			height:10px;
			/*line-height: 30px;
			text-align: center;*/
			/*border:1px solid #00f;
			cursor: pointer;
			border-radius: 20px;
			background-color: #333;
		}
		.list .on{
			background-color: red;
		}*/
		#banner {width:800px;overflow: hidden;height: 400px;margin-bottom: 40px;position:relative; overflow:hidden;}
#banner_list img {border:0px;width: 100%;height: 100%;}
/*#banner_bg {position:absolute; bottom:0;background-color:#000;height:30px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000;cursor:pointer; width:478px; }*/
/*#banner_info{position:absolute; bottom:0; left:5px;height:22px;color:#fff;z-index:1001;cursor:pointer}*/
/*#banner_text {position:absolute;width:120px;z-index:1002; right:3px; bottom:3px;}*/
#banner ul {position:absolute;list-style-type:none;filter: Alpha(Opacity=80);opacity:0.8; border:1px solid #fff;z-index:1002;
			margin:0; padding:0; bottom:3px; right:5px;}
#banner ul li { padding:0px 8px;float:left;display:block;color:#FFF;border:#e5eaff 1px solid;background:#6f4f67;cursor:pointer}
#banner ul li.on { background:#900}
#banner_list a{position:absolute;display: block;width: 100%;height: 100%;} 
		.xmnr{
			width: 100%;
		}
		</style>
	</head>
	<body>
		

    <style type="text/css">
    .nav li ul.subnav {
    margin: 0;
    padding-left: 0;
    padding-top: 20px;
    width: 300px;
    height: auto;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 54px;
    left: -105%;
    z-index: 1002;
    display: none;
}
    .nav li ul li {
    float: left;
    height: 30px;
    width: 50%!important;
}
.nav li ul li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff!important;
}
.nav li ul li a:hover{
	background: #666666;
	color: #fff;
}
    </style>
<!--Header Begin-->
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
					<a class="navbar-brand" href="/index.php/home/index/index"><img src="/uploadpic/LOGO/2021-10-26/6177c1ad8dba5.png" alt="Logo"></a>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right">
						<li>
						<a href="/index.php/home/index/index">
							<p>首页</p>
							<!--首页-->
						</a>
					</li>
					<li>
						<a href="/index.php/home/index/gywm">
							<p>关于我们</p>
							<!--关于我们-->
							<!--<span>ABOUT</span>-->
						</a>
					</li>
					<li style="position: relative;">
						<a href="/index.php/home/index/fwly">
							<p>服务领域</p>
							<!--服务领域-->
							<!--<span>SERVICES</span>-->
						</a>
						<ul class="subnav">
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/8">建筑设计</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/7">规划设计</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/9">景观设计</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/10">装修设计</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/5">绿建咨询</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/4">工程咨询</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/6">地质勘察</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/11">施工图审查</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/12">岩土工程</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/13">鉴定加固</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/14">工程监理</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/3">全过程工程管理</a></li>-->
							<!---->
							<li><a href="/index.php/home/index/fwlynr/id/8">建筑设计</a></li><li><a href="/index.php/home/index/fwlynr/id/7">规划设计</a></li><li><a href="/index.php/home/index/fwlynr/id/9">景观设计</a></li><li><a href="/index.php/home/index/fwlynr/id/10">装修设计</a></li><li><a href="/index.php/home/index/fwlynr/id/5">绿建咨询</a></li><li><a href="/index.php/home/index/fwlynr/id/4">工程咨询</a></li><li><a href="/index.php/home/index/fwlynr/id/6">地质勘察</a></li><li><a href="/index.php/home/index/fwlynr/id/11">施工图审查</a></li><li><a href="/index.php/home/index/fwlynr/id/12">岩土工程</a></li><li><a href="/index.php/home/index/fwlynr/id/13">鉴定加固</a></li><li><a href="/index.php/home/index/fwlynr/id/14">工程监理</a></li><li><a href="/index.php/home/index/fwlynr/id/3">全过程工程管理</a></li>						</ul>
					</li>
					
					
					
					<li>
						<a href="/index.php/home/index/kjqy">
							<p>科技兴院</p>
							<!--科技兴院-->
							<!--<span>TECHNOLOGY</span>-->
						</a>
						<ul class="subnav">
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/8">建筑设计</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/7">规划设计</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/9">景观设计</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/10">装修设计</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/5">绿建咨询</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/4">工程咨询</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/6">地质勘察</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/11">施工图审查</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/12">岩土工程</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/13">鉴定加固</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/14">工程监理</a></li>-->
							<!---->
							<!--<li><a href="/index.php/home/index/fwlynr/id/3">全过程工程管理</a></li>-->
							<!---->
							<li><a href="/index.php/home/index/kjqynr/id/1">BIM设计</a></li><li><a href="/index.php/home/index/kjqynr/id/2">装配式建筑</a></li><li><a href="/index.php/home/index/kjqynr/id/3">被动房</a></li><li><a href="/index.php/home/index/kjqynr/id/4">海绵城市</a></li><li><a href="/index.php/home/index/kjqynr/id/5">综合管廊</a></li><li><a href="/index.php/home/index/kjqynr/id/6">建筑智能化</a></li><li><a href="/index.php/home/index/kjqynr/id/9">光伏发电</a></li><li><a href="/index.php/home/index/kjqynr/id/10">孤岛生存</a></li><li><a href="/index.php/home/index/kjqynr/id/13">建筑VR</a></li><li><a href="/index.php/home/index/kjqynr/id/8">动力中心</a></li><li><a href="/index.php/home/index/kjqynr/id/11">能源比选</a></li><li><a href="/index.php/home/index/kjqynr/id/12">绿色监理</a></li><li><a href="/index.php/home/index/kjqynr/id/7">节能材料</a></li>						</ul>
					</li>
					<li>
						<a href="/index.php/home/index/zllm">
							<p>战略合作</p>
							<!--战略合作-->
							<!--<span>STRATEGIC</span>-->
						</a>
					</li>
					<li>
						<a href="/index.php/home/index/ryjx">
							<p>荣誉奖项</p>
							<!--荣誉奖项-->
							<!--<span>GLORIES</span>-->
						</a>
					</li>
					<li>
						<a href="/index.php/home/index/xmzs">
							<p>项目展示</p>
							<!--项目展示-->
							<!--<span>PROJECTS</span>-->
						</a>
					</li>
					<li>
						<a href="/index.php/home/index/xwzx">
							<p>新闻资讯</p>
							<!--新闻资讯-->
							<!--<span>NEWS</span>-->
						</a>
					</li>
					
					<li>
						<a href="/index.php/home/index/lxwm">
							<p>联系我们</p>
							<!--联系我们-->
							<!--<span>RELATION</span>-->
						</a>
					</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--Header End-->
			<script type="text/javascript">
			$(".nav>li").mouseenter(function(){
				$(this).find(".subnav").show().stop();
			})
			$(".nav>li").mouseleave(function(){
				$(this).find(".subnav").hide().stop();
			})
		</script>
		
		<div class="wrap">
			<div class="hd1">您现在的位置：
				<a href="/index.php/home/index/index" title="首页" class="CurrChnlCls">首页</a>
				&gt;
				<a href="/index.php/home/index/fwly" title="服务领域" class="CurrChnlCls">服务领域</a>
				&gt;
				<a href="/index.php/home/index/fwlynr/id/" title="" class="CurrChnlCls"></a>
			</div>
			<div id="banner">	
	<!--<div id="banner_bg"></div>  
	<div id="banner_info"></div> -->
    <ul>
        <li class="on">1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
   <div id="banner_list">
        	</div>
</div>
			<div class="xmnr">
							</div>
		</div>
			<div class="footer" >
			<div class="footer-inner">
				<p style="text-align: center;">秦皇岛市建筑设计院版权所有 <a href="https://beian.miit.gov.cn/">冀ICP备13017758号-1 </a></p>
				
			</div>
			
		</div>
		
	</body>
	<script type="text/javascript" src="http://www.qhdjzsjy.com/Application/Home/Common/js/jquery-1.11.1.min.js"></script>
	<!--<script type="text/javascript">
		var n = 1;

		function changePic(){
			console.log(n);
			var marLeft = -800 * n;
			$(".box ul").animate({"margin-left":marLeft},1000);
			n++;
			n = n == 4 ? 0 : n;
			 $(".list li").eq(n-1).addClass("active").siblings().removeClass("active");
		}

		var t = setInterval(changePic,2000);

		 $(".list li").click(function(){
		 	var index = $(this).index();
		 	n = index + 1;
		 	var marLeft = -800 * index;
		 	$(".box ul").animate({"margin-left":marLeft},1000);
		 	$(this).addClass("active").siblings().removeClass("active");

		 }).mouseenter(function(){
		 	clearInterval(t);
		 }).mouseleave(function(){
		 	t = setInterval(changePic,2000);
		 })

	</script>-->
	<script type="text/javascript">
	var t = n = 0, count;
	$(document).ready(function(){	
		count=$("#banner_list a").length;
		$("#banner_list a:not(:first-child)").hide();
//		$("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
//		$("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});
		$("#banner li").click(function() {
			var i = $(this).text() - 1;
			n = i;
			if (i >= count) return;
//			$("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));
//			$("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})
			$("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
			document.getElementById("banner").style.background="";
			$(this).toggleClass("on");
			$(this).siblings().removeAttr("class");
		});
		t = setInterval("showAuto()", 4000);
		$("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);});
	})
	
	function showAuto()
	{
		n = n >=(count - 1) ? 0 : ++n;
		$("#banner li").eq(n).trigger('click');
	}
</script>

</html>