<!DOCTYPE html>
<html xml:lang="en" lang="en">
<head>
    <title>青岛地铁</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <!--让IE以最新的内核渲染 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!--让视口宽度为设备宽度,不允许用户缩放 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover" />
    <!--  禁止ios设备将数字作为拨号连接，邮箱自动发送，点击地图跳转 -->
    <meta name="format-detection" content="telephone=no,email=no，adress=no">
    <!--  开启对webapp的支持 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--  web app 应用下状态条（屏幕顶部条）的颜色,默认值为 default（白色） -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <!-- 禁止浏览器从的缓存中访问页面内容 -->
    <meta http-equiv="Pragma" content="no-cache">
    <link rel="stylesheet" type="text/css" href="./css/animate.css">
    <link rel="stylesheet" type="text/css" href="./css/bootstrap/bootstrap.min.css">
    <!-- <link rel="stylesheet" type="text/css" href="./css/font-awesome.css"> -->
    <script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript" src="/js/website.js"></script>
    <script type="text/javascript" src="./js/fontSize.js"></script>
    <script>window.onerror=function(){return true;}</script>
    <script type="text/javascript" src="./js/bootstrap/bootstrap.min.js"></script>
    <script src="./js/idangerous.swiper.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/idangerous.swiper.css">
    <link rel="stylesheet" type="text/css" href="./css/public.css">
    <link rel="stylesheet" type="text/css" href="./css/index.css">
    <link rel="stylesheet" type="text/css" href="./css/indexScreen.css">
    <link rel="stylesheet" href="./css/viewer.min.css"> 
    <script src="./js/viewer.min.js"></script>
    <script type="text/javascript">
// 跳转网址计数
	function roleupdate(id){
		 $.ajax({      
				type: "POST", 
				url: "data/execute.php",   
			  data: {
			  	"act" : "updateUrlNum",
			  	"id" : id
			  }, 
			  dataType:"json",
				success: function(result){
				  // console.log("222222222222")
					//  location.reload();
				}       
			});
	}
	
</script>
</head>
<body>
     <!-- style="overflow-y: hidden;" -->
<div class="wrap">
    <div class="header">
        <div class="headerbox">
            <img class="logo" src="./images/logo.png">
            <img class="logo_icon" src="./images/menu.png">
            <div class="right">
                <div class="textbox">
                    <div id="news" class="notebox">
                        <ul>
                        	  
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=10190>青岛地铁运营有限公司关于电费证融资业务的征询函</a></span></li>
                              
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=10182>青岛地铁集团关于资金存放业务入围银行的公告</a></span></li>
                              
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=10176>青岛地铁集团关于办理资金存放业务的公告</a></span></li>
                              
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=10162>青岛创新创业活力区投资有限公司险资贷款业务征询函</a></span></li>
                              
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=10163>青岛建融投资置业有限公司关于经营性物业贷融资方案的征询函</a></span></li>
                              
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=10133>青岛地铁集团关于办理资金存放业务的公告</a></span></li>
                              
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=10118>青岛地铁集团有限公司2025年流贷业务征询函</a></span></li>
                              
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=10064>青岛地铁集团关于资金存放业务入围银行的公告</a></span></li>
                              
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=10017>青岛地铁“乘着地铁去研学”经营项目销售代理商招募中选结果公示</a></span></li>
                              
                            <li><img class="icon" src="images/icon-note.png" /><span class="text"><a href=./informationInfo.php?id=9975>青岛地铁集团关于办理资金存放业务的公告</a></span></li>
                                                    </ul>
                    </div>
                    
                    <div class="textline">
                    <img class="ico-seach" src="images/icon-seach.svg" />
                    <div class="line"></div>
                    <div class="text"><a href="./contactus.php">联系我们</a></div>
                </div>
                </div>
                <img class="zs" src="./images/zs.png">
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <div class="zzbox"></div>
    <div class="wrap_nav" id="wrapnav">
        <!-- animated slower slideInLeft -->
    </div>
    <div class="menubg"></div>
    <!-- 导航 end -->
    <!-- 轮播图 -->
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" pause="hover">
        <img class="banner-up" src="images/banner-up.png"/>
        <p class="carouselExampleIndicatorsBg"></p>
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
        </ol>
        <div class="carousel-inner">
           <div class="carousel-item active">
                    <!-- <img class="banner-up" src="images/banner-up.png" />
                    <p class="carouselExampleIndicatorsBg"></p> -->
                    <img src="./images/banner-01.png" class="d-block w-100">
                </div>
                <div class="carousel-item">
                    <!-- <img class="banner-up" src="images/banner-up.png" />
                    <p class="carouselExampleIndicatorsBg"></p> -->
                    <img src="./images/banner-03.png" class="d-block w-100">
                </div>
                <div class="carousel-item">
                    <!-- <img class="banner-up" src="images/banner-up.png" />
                    <p class="carouselExampleIndicatorsBg"></p> -->
                    <img src="./images/banner-04.png" class="d-block w-100">
                </div>
                <div class="carousel-item">
                    <!-- <img class="banner-up" src="images/banner-up.png" />
                    <p class="carouselExampleIndicatorsBg"></p> -->
                    <img src="./images/banner-02.png" class="d-block w-100">
                </div>
                <div class="carousel-item">
                    <!-- <img class="banner-up" src="images/banner-up.png" />
                    <p class="carouselExampleIndicatorsBg"></p> -->
                    <img src="./images/banner-05.jpg" class="d-block w-100">
                </div>
        </div>
        <!-- <button class="carousel-control-prev" type="button" data-target="#carouselExampleIndicators" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-target="#carouselExampleIndicators" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </button> -->
        <!-- <ul class="swiper_ul">
            <li class="active">
                <img src="./images/OperationalDynamics.png" class="imgLi">
                <img src="./images/OperationalDynamicsActiive.png" class="imgLi">
                <span>运营动态</span>
            </li>
            <li>
                <img src="./images/RideGuide.png" class="imgLi">
                <img src="./images/RideGuideActive.png" class="imgLi">
                <span>乘车指南</span>
            </li>
            <li>
                
                <img src="./images/RouteNavigation.png" class="imgLi">
                <img src="./images/RouteNavigationActive.png" class="imgLi">
                <span>线路导航</span>
            </li>
            <li>
                
                <img src="./images/TicketingInformation.png" class="imgLi">
                <img src="./images/TicketingInformationActive.png" class="imgLi">
                <span>票务信息</span>
            </li>
            <li>
                
                <img src="./images/lostFound.png" class="imgLi">
                <img src="./images/lostFoundActive.png" class="imgLi">
                <span>失物招领</span>
            </li>
            <li>
                <img src="./images/phone.png" style="width: .58rem;height: .58rem">
                <img src="./images/phoneActive.png" style="width: .58rem;height: .58rem">
                <span style="margin: .01rem 0 0;">服务热线</span>
                <i>55770000</i>
            </li>
        </ul> -->
        <div class="tabbox">
            <a href="./informationList.php?id=24" class="list">
                <img class="img" src="images/img-icon01.png" />
                <div class="text">运营动态</div>
</a>
            <a href="./informationInfo-img.php" class="list">
                <img class="img" src="images/img-icon02.png" />
                <div class="text">乘车指南</div>
</a>
            <a href="./operate.php" class="list">
                <img class="img" src="images/img-icon03.png" />
                <div class="text">线路导航</div>
</a>
            <a href="./informationList.php?id=23" class="list">
                <img class="img" src="images/img-icon04.png" />
                <div class="text">票务信息</div>
</a>
<a href="./informationList.php?id=30" class="list widthNone SWZL">
                    <img class="img" src="images/img-swzl.png" />
                    <div class="text">失物招领</div>
                </a>
                <div id="mobhotline" class="list widthNone FWRX">
                    <img class="img" src="images/img-lxkf.png" />
                    <div class="text">服务热线</div>
                </div>
        </div>
    </div>
    <!-- 轮播图 end -->
    <!-- 查询 start -->
    <div class="chaxunbox" id="chaxunbox">
        <div class="leftbox">
            <div class="titleline">
                <span class="title">青岛地铁查询系统</span>
                <span class="text">站点·票价查询</span>
            </div>
            <div class="inputline">
                <div class="inputbox">
                    <span class="text">起点站</span>
                    <div class="input zdinputbox">
                        <!-- <input type="text" id="qdzselect" class="zdselect" value="" placeholder="选择/输入起点站" /> -->
                        <div id="qdzselect" class="zdselect">请选择起点站</div>
                        <img class="img" src="images/icon-dt.png" />
                    </div>
                    <div class="selectbox">
                        <div class="selsct1">
						  
                           
	<div class="list" onclick="exchanges(1);">
                                <span class="text" >1号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchanges(2);">
                                <span class="text" >2号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchanges(3);">
                                <span class="text" >3号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchanges(4);">
                                <span class="text" >4号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchanges(6);">
                                <span class="text" >6号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchanges(8);">
                                <span class="text" >8号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchanges(11);">
                                <span class="text" >蓝谷快线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchanges(13);">
                                <span class="text" >西海岸快线</span>
                                <i class="icon"></i>
                            </div>
                                                        
                        </div>
                        <div id=divconenta1 class="selsct2" style="display:'';">
							  
                           
	  <div class="list zdlist">
                                <span class="text">王家港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">石油大学</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">太行山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">井冈山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">丁家河</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">薛家岛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">天目山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">安子</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">新港山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">南北屯</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">山里</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">凤凰岛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">团岛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">西镇</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">中山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">观象山(市立医院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">广饶路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">台东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海泊桥(海慈医疗)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">小村庄</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">北岭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">水清沟</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">中心医院</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">胜利桥(纺织谷)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">安顺路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛北站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">沧安路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">永年路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">兴国路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">南岭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">遵义路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">瑞金路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">仙家寨(汽车北站)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">流亭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">凤岗路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">小寨子</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">正阳中路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">农业大学</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">沟岔</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">东郭庄</span>
                             
                            </div>
                                                        
                        </div>
						<div id=divconenta2 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">四川路(轮渡)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">小港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">国际邮轮港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">泰山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">利津路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">台东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海信桥</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">芝泉路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">五四广场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">浮山所</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">燕儿岛路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">高雄路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">麦岛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海游路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海川路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海安路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">石老人浴场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">苗岭路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">同安路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">辽阳东路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">东韩</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">华楼山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">枣山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">李村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">李村公园</span>
                             
                            </div>
                                                        
                        </div>
						<div id=divconenta3 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">青岛站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">人民会堂</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">汇泉广场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">中山公园</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">太平角公园</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">延安三路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">五四广场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">江西路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">宁夏路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">敦化路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">错埠岭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">清江路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">双山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">长沙路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">地铁大厦</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海尔路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">万年泉路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">李村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">君峰路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">振华路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">永平路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛北站</span>
                             
                            </div>
                                                        
                        </div>
						<div id=divconenta4 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">人民会堂</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">信号山(青大附院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">观象山(市立医院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">泰山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">昌乐路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海泊河公园</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海泊桥(海慈医疗)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">西吴家村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">错埠岭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">福辽立交桥</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">洪山坡(妇儿医院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">劲松三路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">埠西</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大埠东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">辽阳东路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">董家下庄</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">科苑经七路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">张村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">彭家庄</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">南宅科</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">小崂山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">沙子口</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">段家埠</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">登瀛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大河东</span>
                             
                            </div>
                                                        
                        </div>
                        <div id=divconenta6 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">灵山湾</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">辛屯</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">华山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">星海滩路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">赵家庙(影视产业园)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">毛家山(黄海学院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">西门外</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">北门外</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">王家港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">九顶山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">钱塘江路(青职学院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">扒山(滨海学院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青大附院西海岸院区</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">港头</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">薛家泊子</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">马家楼</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">抓马山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛九中(幸福小镇)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">河洛埠(中德生态园)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">山王河(福莱社区)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">横云山路</span>
                             
                            </div>
                                                        
                        </div>
						<div id=divconenta8 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">青岛北站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大洋</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">红岛科技馆(方特)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">观涛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">健身中心(红岛会展)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">健康中心</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">红岛火车站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大涧</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">胶东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">胶东机场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">胶州北站</span>
                             
                            </div>
                                                        
                        </div>
						<div id=divconenta11 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">苗岭路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">会展中心</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛二中</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛科大</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">张村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">枯桃</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海洋大学</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">世博园</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">北宅</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">北九水</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">庙石</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">浦里</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">鳌山卫</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">山东大学</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">蓝色硅谷</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">水泊</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">博览中心</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">温泉东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">皋虞</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">臧村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">钱谷山</span>
                             
                            </div>
                                                        
                        </div>
						<div id=divconenta13 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">嘉陵江西路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">香江路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">井冈山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">积米崖</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">灵山卫</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">学院路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">朝阳山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">辛屯</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">两河</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">隐珠</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">凤凰山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">双珠路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">世纪大道</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">盛海路(世博城)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大珠山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">张家楼</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">古镇口</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">龙湾</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">琅琊</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">贡口湾</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">董家口港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">泊里</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">董家口火车站</span>
                             
                            </div>
                                                        
                        </div>
                    </div>
                </div>
                <div class="inputbox">
                    <span class="text">终点站</span>
                    <div class="input zdinputbox">
                        <!-- <input type="text"  id="zdzselect" class="zdselect" value="" placeholder="选择/输入起点站" /> -->
                        <div id="zdzselect" class="zdselect">请选择终点站</div>
                        <img class="img" src="images/icon-dt-end.png" />
                    </div>
                    <div class="selectbox">
                        <div class="selsct1">
                              
                           
	<div class="list" onclick="exchangesend(1);">
                                <span class="text"  >1号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchangesend(2);">
                                <span class="text"  >2号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchangesend(3);">
                                <span class="text"  >3号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchangesend(4);">
                                <span class="text"  >4号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchangesend(6);">
                                <span class="text"  >6号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchangesend(8);">
                                <span class="text"  >8号线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchangesend(11);">
                                <span class="text"  >蓝谷快线</span>
                                <i class="icon"></i>
                            </div>
                              
                           
	<div class="list" onclick="exchangesend(13);">
                                <span class="text"  >西海岸快线</span>
                                <i class="icon"></i>
                            </div>
                                                    </div>
                        <div id=sdivconenta1 class="selsct2" style="display:'';">
							  
                           
	  <div class="list zdlist">
                                <span class="text">王家港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">石油大学</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">太行山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">井冈山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">丁家河</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">薛家岛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">天目山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">安子</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">新港山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">南北屯</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">山里</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">凤凰岛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">团岛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">西镇</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">中山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">观象山(市立医院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">广饶路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">台东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海泊桥(海慈医疗)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">小村庄</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">北岭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">水清沟</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">中心医院</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">胜利桥(纺织谷)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">安顺路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛北站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">沧安路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">永年路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">兴国路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">南岭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">遵义路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">瑞金路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">仙家寨(汽车北站)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">流亭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">凤岗路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">小寨子</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">正阳中路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">农业大学</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">沟岔</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">东郭庄</span>
                             
                            </div>
                                                        
                        </div>
						<div id=sdivconenta2 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">四川路(轮渡)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">小港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">国际邮轮港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">泰山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">利津路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">台东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海信桥</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">芝泉路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">五四广场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">浮山所</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">燕儿岛路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">高雄路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">麦岛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海游路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海川路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海安路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">石老人浴场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">苗岭路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">同安路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">辽阳东路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">东韩</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">华楼山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">枣山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">李村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">李村公园</span>
                             
                            </div>
                                                        
                        </div>
						<div id=sdivconenta3 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">青岛站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">人民会堂</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">汇泉广场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">中山公园</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">太平角公园</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">延安三路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">五四广场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">江西路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">宁夏路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">敦化路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">错埠岭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">清江路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">双山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">长沙路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">地铁大厦</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海尔路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">万年泉路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">李村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">君峰路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">振华路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">永平路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛北站</span>
                             
                            </div>
                                                        
                        </div>
						<div id=sdivconenta4 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">人民会堂</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">信号山(青大附院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">观象山(市立医院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">泰山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">昌乐路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海泊河公园</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海泊桥(海慈医疗)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">西吴家村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">错埠岭</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">福辽立交桥</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">洪山坡(妇儿医院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">劲松三路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">埠西</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大埠东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">辽阳东路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">董家下庄</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">科苑经七路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">张村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">彭家庄</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">南宅科</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">小崂山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">沙子口</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">段家埠</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">登瀛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大河东</span>
                             
                            </div>
                                                        
                        </div>
                        <div id=sdivconenta6 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">灵山湾</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">辛屯</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">华山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">星海滩路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">赵家庙(影视产业园)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">毛家山(黄海学院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">西门外</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">北门外</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">王家港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">九顶山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">钱塘江路(青职学院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">扒山(滨海学院)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青大附院西海岸院区</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">港头</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">薛家泊子</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">马家楼</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">抓马山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛九中(幸福小镇)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">河洛埠(中德生态园)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">山王河(福莱社区)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">横云山路</span>
                             
                            </div>
                                                        
                        </div>
						<div id=sdivconenta8 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">青岛北站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大洋</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">红岛科技馆(方特)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">观涛</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">健身中心(红岛会展)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">健康中心</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">红岛火车站</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大涧</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">胶东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">胶东机场</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">胶州北站</span>
                             
                            </div>
                                                        
                        </div>
						<div id=sdivconenta11 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">苗岭路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">会展中心</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛二中</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">青岛科大</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">张村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">枯桃</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">海洋大学</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">世博园</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">北宅</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">北九水</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">庙石</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">浦里</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">鳌山卫</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">山东大学</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">蓝色硅谷</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">水泊</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">博览中心</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">温泉东</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">皋虞</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">臧村</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">钱谷山</span>
                             
                            </div>
                                                        
                        </div>
						<div id=sdivconenta13 class="selsct2" style="display:none;">
							  
                           
	  <div class="list zdlist">
                                <span class="text">嘉陵江西路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">香江路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">井冈山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">积米崖</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">灵山卫</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">学院路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">朝阳山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">辛屯</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">两河</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">隐珠</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">凤凰山路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">双珠路</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">世纪大道</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">盛海路(世博城)</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">大珠山</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">张家楼</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">古镇口</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">龙湾</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">琅琊</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">贡口湾</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">董家口港</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">泊里</span>
                             
                            </div>
                              
                           
	  <div class="list zdlist">
                                <span class="text">董家口火车站</span>
                             
                            </div>
                                                        
                        </div>
                    </div>
                </div>
            </div>
            <div class="cxbtn">查询</div>
        </div>
        <div class="rightbox">
            <a href="./informationList.php?id=30" class="contbox" style="margin-bottom: 0.2rem">
                <span class="text">失物招领</span>
                <img class="img" src="./images/img-swzl.png" />
</a>
            <div class="contbox" id="hotline">
                <span class="text">服务热线</span>
                <img class="img" src="./images/img-lxkf.png" />
            </div>
        </div>
    </div>
    <!-- 查询 end -->
    
    <!-- <div class="secondScreen">
        <img class="secondScreen_leftImg" id="secondScreen_leftImg" src="./images/twoLeft.png"/>
        <div class="secondScreen_right" id="secondScreen_right">
            <h4>青岛地铁 — 畅达幸福</h4>
            <p>感受全新乘车体验，为您提供便携服务</p>
            <ul class="secondScreen_ul">
                <li class="active">站点查询</li>
                <li>票价查询</li>
            </ul>
            <ol class="secondScreen_ol">
                <li>
                    <label>线路</label>
                    <input type="text" placeholder="请选择线路" />
                </li>
                <li>
                    <label>站点</label>
                    <input type="text" placeholder="请选择站点" />
                </li>
            </ol>
            <p class="secondScreenBtn">
                <button class="secondScreen_btn">查询</button>
            </p>
        </div>
    </div> -->
    <!-- 新闻资讯 -->
    <!-- <div class="thirdScreen">
        <p class="screenTitle" id="screenTitle">新闻资讯<span></span></p>
        <button class="thirdScreen_more">更多资讯</button>
        <div class="thirdScreen_right" id="thirdScreen_right">
           <div class="thirdScreen_rightOne" id="thirdScreen_rightOne">
                <p class="thirdScreen_rightOne_title">
                    <b>轨道头条</b>
                    <span>青岛地铁集团关于资金存放业务入围银行的公告青岛地铁集团关于资金存放业务入围银行的公告</span>
                </p>
                <div class="thirdScreen_rightOne_two">
                    <p class="thirdScreen_rightOne_twoBig">
                        <img src="./images/threeBig.jpg">
                    </p>
                    <ul class="thirdScreen_rightOne_twoUl">
                        <li>
                            <span class="thirdScreen_rightOne_twoBigLi">
                                <img src="./images/threeLi1.jpg">
                            </span>
                            <span class="thirdScreen_rightOne_twoBigSpan">青岛轨道新条例来了！</span>
                        </li>
                        <li>
                            <span class="thirdScreen_rightOne_twoBigLi">
                                <img src="./images/threeLi2.jpg">
                            </span>
                            <span class="thirdScreen_rightOne_twoBigSpan">青岛地铁集团关于资金存放</span>
                        </li>
                    </ul>
                </div>
           </div>
           <div class="thirdScreen_rightTwo" id="thirdScreen_rightTwo">
               <p class="thirdScreen_rightOne_title" style="padding-left: .2rem;">
                    <b>轨道动态</b>
                </p>
                <ul class="thirdScreen_rightTwo_twoUl">
                    <li>
                        <span class="thirdScreen_rightTwo_twoBigLi">青岛轨道新条例来了！</span>
                        <span class="thirdScreen_rightTwo_twoBigSpan">2023-12-12</span>
                    </li>
                    <li>
                        <span class="thirdScreen_rightTwo_twoBigLi">青岛环保科技预制构件砂石</span>
                        <span class="thirdScreen_rightTwo_twoBigSpan">2023-12-08</span>
                    </li>
                    <li>
                        <span class="thirdScreen_rightTwo_twoBigLi">青岛地铁闻雪而动，全力保障平稳运营</span>
                        <span class="thirdScreen_rightTwo_twoBigSpan">2023-12-08</span>
                    </li>
                    <li>
                        <span class="thirdScreen_rightTwo_twoBigLi">青岛市地铁志愿服务协会5个项目获奖</span>
                        <span class="thirdScreen_rightTwo_twoBigSpan">2023-12-08</span>
                    </li>
                    <li>
                        <span class="thirdScreen_rightTwo_twoBigLi">地铁集团做客“行风在线”</span>
                        <span class="thirdScreen_rightTwo_twoBigSpan">2023-12-08</span>
                    </li>
                </ul>
           </div>
        </div>
    </div> -->
    <!-- 新闻资讯 end -->
     <!-- 地铁线路 -->
        <div class="foreScreen" id="foreScreen">
            <p class="fiveScreen_p">地铁线路</p>
            <!-- <p class="screenContent">青岛地铁共发送乘客<small>2.83亿</small>人次。<br />截止2023年5月，青岛地铁单日最高客运量为<small>224.43万</small>人次</p> -->
            <div class="foreScreen_box bgBlod" id="foreScreen_box">
                <div class="foreScreen_boxCent">
                                        <div class="foreScreen_box_left" id="foreScreen_box_ul">
                        <div class="title">乘客服务</div>
                        <ul class="foreScreen_box_ul">
                            <li class="foreScreen_box_li">
                                <img src="./images/xl.svg" class="imgIcon" />
                                 <h6><b>8</b><span>条</span></h6>
                                <p>运营线路</p>
                            </li>
                            <li class="foreScreen_box_li">
                                <img src="./images/zd.svg" class="imgIcon1" />
                                <h6><b>172</b>座</h6>
                                <p>运营车站</p>
                            </li>
                            <!-- <li class="foreScreen_box_li">
                            <img src="./images/icon3.png" />
                            <h6>12亿</h6>
                            <p>累计运送人/次</p>
                        </li> -->
                            <!--  <li class="foreScreen_box_li">
                            <img src="./images/icon4.png" />
                            <h6>28个</h6>
                            <p>链接景区</p>
                        </li> -->
                            <li class="foreScreen_box_li">
                                <img src="./images/hc.svg" class="imgIcon2" />
                                <h6><b>16</b>座</h6>
                                <p>换乘车站</p>
                            </li>
                            <li class="foreScreen_box_li">
                                <img src="./images/lc.svg" class="imgIcon3" />
                                <h6><b>352</b>公里</h6>
                                <p>运营里程</p>
                            </li>
                        </ul>
                    </div>
                    <div class="foreScreen_box_right" id="foreScreen_box_right">
                        <div class="title"><img src="images/ditie.png"
                                style="width:0.48rem; height:0.48rem;margin-right: 0.1rem;" />青岛地铁线网图</div>
                        <div class="foreScreen_box_imgbox">
                            <div id="viewer"><img src="./images/bigmap.jpg" class="foreScreen_box_rightImg" /></div>
                            <img id="line1" src="./images/hover1.jpg" class="absoluteimg" />
                            <img id="line2" src="./images/hover2.jpg" class="absoluteimg" />
                            <img id="line3" src="./images/hover3.jpg" class="absoluteimg" />
                            <img id="line4" src="./images/hover4.jpg" class="absoluteimg" />
                            <img id="line6" src="./images/hover6.jpg" class="absoluteimg" />
                            <img id="line8" src="./images/hover8.jpg" class="absoluteimg" />
                            <img id="line11" src="./images/hover11.jpg" class="absoluteimg" />
                            <img id="line13" src="./images/hover13.jpg" class="absoluteimg" />
                        </div>

                        <ol class="foreScreen_box_right_ol">
                            <li class="foreScreen_box_right_ol_li" dataKey="1">
                                <span></span>
                                1号线
                            </li>
                            <li class="foreScreen_box_right_ol_li" dataKey="2">
                                <span></span>
                                2号线
                            </li>
                            <li class="foreScreen_box_right_ol_li" dataKey="3">
                                <span></span>
                                3号线
                            </li>
                            <li class="foreScreen_box_right_ol_li" dataKey="4">
                                <span></span>
                                4号线
                            </li>
                            <li class="foreScreen_box_right_ol_li" dataKey="6">
                                <span></span>
                                6号线
                            </li>
                            <li class="foreScreen_box_right_ol_li" dataKey="8">
                                <span></span>
                                8号线
                            </li>
                            <li class="foreScreen_box_right_ol_li" dataKey="11">
                                <span></span>
                                蓝谷快线
                            </li>
                            <li class="foreScreen_box_right_ol_li" dataKey="13">
                                <span></span>
                                西海岸快线
                            </li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- 地铁线路 end -->
    
    <!-- 新闻资讯 -->
    <div class="newsbox" id="newsbox">
        <div class="titleline" id="newstitle">
            <div class="lefttitle">地铁资讯</div>
            <div class="rightbox">
                <ul id="newstype">
                    <li class="newslist active">集团动态</li>
                    <li class="newslist">公示公告</li>
                    <li class="newslist">企业文化</li>
                </ul>
                <div class="more"><a href="./information.php">更多资讯</a></div>
            </div>
        </div>
        <div class="contbox" id="newscontbox">
            <div class="list">
                  
                <div class="imgbox">
<img class="img" src=uploadfile/2024-09/1726627529.jpg />
                
                 <!-- <img class="img" src="images/img-new1.png" />  -->
                    <!-- <video preload="metadata" conrtols="true" src="https://vali-ugc.cp31.ott.cibntv.net/697739E07B14271D594FF3D87/03000B010062E389ADCAE0D9EA8B8E95E1638F-4F94-4356-B606-7E1B226FFFC1.mp4?ccode=0512&amp;duration=177&amp;expire=18000&amp;psid=28a452ca361e51bcd8d57692b11ee54641346&amp;ups_client_netip=7beade56&amp;ups_ts=1704435356&amp;ups_userid=&amp;utid=rK4bHqITKjUCAXvq3lYj5HMi&amp;vid=XNTg5MDcwODQzNg%3D%3D&amp;vkey=B665ad4f0581d7d74f922712a2c3b2621&amp;eo=0&amp;t=4f7c8c65cdeacf3&amp;cug=1&amp;fms=54df05ca1975a278&amp;tr=177&amp;le=a016ca4b28c54ac8a741419acf7faccf&amp;ckt=1&amp;m_onoff=0&amp;rid=20000000636E6C2F59609F58BD060CFA3E51A36802000000&amp;type=mp4hd2v2&amp;bc=2&amp;dre=u145&amp;si=611&amp;dst=1&amp;app_ver=1.10.1.1" style="width: 100%; height: 100%; background-color: rgb(0, 0, 0);"></video> -->
                </div>
                <div class="titline">
                    <div class="type">视频中心</div>
                    <div class="time">2024-09-17</div>
                </div>
                <a href= ./informationVideo.php?id=129  class="name">含“月”诗词挑战来啦，看看你都会吗~</a>
            </div>
              
            <a target="_blank"  href=https://mp.weixin.qq.com/s/AJw33SbcrrFuWyp1VChC2Q  onclick=roleupdate(10173) class="list">
                <div class="imgbox">
                    <img class="img" src="uploadfile/2025-06/1750814487.jpg" />
                </div>
                <div class="titline">
                    <div class="type">集团动态</div>
                    <div class="time">2025-06-24</div>
                </div>
                <div class="name">百年工业遗产焕新启幕·青岛国棉六厂蝶变城市文化新地标</div>
</a>
            <div class="rightbox active">
                	
                <a  target="_blank"  href=https://mp.weixin.qq.com/s/y-tCHv12xJondvNDkxcQ7g  onclick=roleupdate(10170) class="newlist">
                    <div class="imgbox"><img src="uploadfile/2025-06/1750727627.jpg" /></div>
                    <div class="righttext">
                        <div class="newstitle">聚力打造党组织领导的“二三四五”班组一线工作法 以高质量党建引领国企高质量发展</div>
                        <div class="newstext">在全国国有企业改革深化提升行动大背景下，加快推动高质量发展、打造适应中国式现代化要求的现代新国企成为全新课题。</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
                </a>
                <a  target="_blank"  href=https://mp.weixin.qq.com/s/12LF2t3lCbNCq-gEmePz3g  onclick=roleupdate(10165) class="newlist">
                    <div class="imgbox"><img src="uploadfile/2025-06/1750640804.jpg" /></div>
                    <div class="righttext">
                        <div class="newstitle">联手探索“飞行汽车”新生态！青岛地铁与小鹏汇天及产业链伙伴签约</div>
                        <div class="newstext">6月22日，青岛青铁低空产业发展有限公司与小鹏汇天、山东岛城之翼低空经济发展有限公司及山东齐鲁知翼低空经济发展有限公司在全市低空经济联盟代表单位和安防协会代表单位的见证下</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
                </a>
                <a  target="_blank"  href=https://mp.weixin.qq.com/s/W5r47alh7JGGKJa6UbZUew  onclick=roleupdate(10161) class="newlist">
                    <div class="imgbox"><img src="uploadfile/2025-06/1750382864.jpg" /></div>
                    <div class="righttext">
                        <div class="newstitle">首笔落地！青岛地铁数字化产融平台实现“快信融资”加速度</div>
                        <div class="newstext">6月16日，青岛地铁数字化产融服务平台首笔70万元快信融资业务在青岛银行崂山第二支行成功放款！这标志着青岛地铁“科技+金融+产业链”融合创新迈入实践新阶段，为区域实体经济注入数字化金融活水。</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
                </a>
            </div>
            <div class="rightbox">
                  
                <a  target="_blank"  href=./informationInfo.php?id=10190 class="newlist">
                    <div class="imgbox"><img src= "images/zanwu.png" /></div>
                    <div class="righttext">
                        <div class="newstitle">青岛地铁运营有限公司关于电费证融资业务的征询函</div>
                        <div class="newstext">我公司近期拟通过开立国内信用证的方式进行融资，专项用于电费缴纳，现向已与国家电网达成电费证业务合作的银行机构进行业务征询。</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
                </a>
                <a  target="_blank"  href=./informationInfo.php?id=10182 class="newlist">
                    <div class="imgbox"><img src="images/zanwu.png" /></div>
                    <div class="righttext">
                        <div class="newstitle">青岛地铁集团关于资金存放业务入围银行的公告</div>
                        <div class="newstext">针对我集团2025年6月25日资金存放业务公告，经专家评审会评审通过，确定工商银行、青岛银行、招商银行为本次资金存放业务合作银行。若本次中选银行不能履行报价条款，则由排名下一位次的银行予以替补。</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
</a>
                <a  target="_blank"  href=./informationInfo.php?id=10176 class="newlist">
                    <div class="imgbox"><img src="images/zanwu.png" /></div>
                    <div class="righttext">
                        <div class="newstitle">青岛地铁集团关于办理资金存放业务的公告</div>
                        <div class="newstext">我集团拟于6月底办理资金存放业务，请于2025年6月26日10点前按照附件要求提交纸质材料至深圳路99号青岛地铁集团1916室</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
</a>
            </div>
            <div class="rightbox">
                  
<a  target="_blank"  href=https://mp.weixin.qq.com/s/dBv_rDrpdH3wWtGhI-yhgA class="newlist">
                    <div class="imgbox"><img src="uploadfile/2025-06/1751246601.jpg" /></div>
                    <div class="righttext">
                        <div class="newstitle">班组故事丨模板上的协作交响曲</div>
                        <div class="newstext">在青岛地铁15号线一期土建二标段二工区沟岔站的建设工地上，有这样一支主体结构模板班组，他们以精湛的技艺、严谨的态度和团结协作的精神，在地铁建设的征程中书写着属于自己的篇章。</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
    </a>


  
<a  target="_blank"  href=https://mp.weixin.qq.com/s/hZ2XKBTm9XQMwb-Fexho_w class="newlist">
                    <div class="imgbox"><img src="uploadfile/2025-06/1750986646.jpg" /></div>
                    <div class="righttext">
                        <div class="newstitle">班组故事丨“李较真儿”的“工业美学”</div>
                        <div class="newstext">在青岛地铁红岛线网运营控制中心项目的施工现场，流传着关于水电班组长李建的佳话：他以近乎偏执的完美主义，把电气预埋雕琢成了“工业美学”的范本。</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
    </a>


  
<a  target="_blank"  href=https://mp.weixin.qq.com/s/8wgzkGMFU-g296_OX2eAIA class="newlist">
                    <div class="imgbox"><img src="uploadfile/2025-06/1750640713.jpg" /></div>
                    <div class="righttext">
                        <div class="newstitle">护栏断裂！变压器碰撞！危急时刻他们冲了上去！</div>
                        <div class="newstext">6月19日，崂山区海口路与云岭路交界处发出一声巨响。一辆私家车失控猛烈撞断路边护栏，径直冲向路旁变压箱！车身瞬间严重变形，现场情况万分危急！</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
    </a>


                <!-- <div class="newlist">
                    <div class="imgbox"><img src="images/img-new01.png" /></div>
                    <div class="righttext">
                        <div class="newstitle">222融媒看青铁丨地铁…</div>
                        <div class="newstext">近段时间，抢抓初夏的施工“黄金期”，青岛地铁…</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
                </div>
                <div class="newlist">
                    <div class="imgbox"><img src="images/img-new02.png" /></div>
                    <div class="righttext">
                        <div class="newstitle">终于等到你！青岛地…</div>
                        <div class="newstext">今天（26日）上午11点，穿线成网的“东西大动脉”…</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
                </div>
                <div class="newlist">
                    <div class="imgbox"><img src="images/img-new03.png" /></div>
                    <div class="righttext">
                        <div class="newstitle">每次突破，都在向…</div>
                        <div class="newstext">锚定“建设世界一流地铁，打造一流城市投资建设…</div>
                        <img class="img" src="images/icon-news.png" />
                    </div>
                </div> -->
            </div>
        </div>
    </div>
    <!-- 新闻资讯 end -->
    <!-- 360全景 -->
        <div id="u592">
            <div id="u592_state0">
                <div id="u593">
                    <div id="u593_text" class="text">
                        <p><span>360°全景</span>
                    </div>
                </div>
                <div id="u594">
                    <div id="u594_text" class="text">
                        <p><span>畅游出行</span></p>
                    </div>
                </div>
                <div id="u595">
                    <img id="u595_img" class="img " src="images//arrow2_u190.svg" />
                </div>
                <div id="u596">
                    <img id="u596_img" class="img " src="images//arrow1_u191.svg" />
                </div>
            </div>
            <div class="linebox">
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro1.html" target="_blank" class="list">1号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/index.html" target="_blank" class="list">2号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro3.html" target="_blank" class="list">3号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro4.html" target="_blank" class="list">4号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro6.html" target="_blank" class="list">6号线</a> 
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro8.html" target="_blank" class="list">8号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro11.html" target="_blank" class="list">蓝谷快线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro13.html" target="_blank" class="list">西海岸快线</a>
            </div>
        </div>
        <div class="mobilelinebox">
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro1.html" target="_blank" class="linebtn">1号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/index.html" target="_blank" class="linebtn">2号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro3.html" target="_blank" class="linebtn">3号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro4.html" target="_blank" class="linebtn">4号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro6.html" target="_blank" class="linebtn">6号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro8.html" target="_blank" class="linebtn">8号线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro11.html" target="_blank" class="linebtn">蓝谷快线</a>
                <a href="https://ditieadmin.qingdao360.cn/QdMetro/metro13.html" target="_blank" class="linebtn">西海岸快线</a>
            </div>
        <!-- 360全景 end -->
    <!-- 关于我们 -->
    <div class="fiveScreen" id="fiveScreen">
        <p class="title">关于我们<span></span></p>
        <!-- <p class="screenTitle">关于我们<span></span></p> -->
         <div class="foreScreen_box">
            <div class="foreScreen_Left" id="foreScreen_Left">
                <img id="gstupian" class="foreScreen_LeftImg show" src="./images/fiveLeft.png"/>
                <p id="gsname" class="foreScreen_LeftTitle">青岛地铁运营有限公司</p>
            </div>
            <div class="foreScreen_right">
                <ul class="fiveScreen_liBox" id="fiveScreen_liBox">
				  
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6039>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛青铁智慧城市服务运营管理有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6038>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛地空产融发展有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=9392>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛地铁运营有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6041>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛青铁置业发展有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6034>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛市地铁规划设计院有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6042>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛青铁商业发展有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6033>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛青铁轨道交通产业研究院有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6037>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛青铁产业投资有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6035>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛地铁轨道交通智能维保有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6036>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛城市轨道交通科技有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6028>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛地铁集团有限公司第三建设分公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6032>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛地铁集团有限公司西海岸建设分公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=9289>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛铁路建设投资有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=9290>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛青铁教育咨询服务有限公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6029>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛地铁集团有限公司第二建设分公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6027>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛地铁集团有限公司第一建设分公司</span></a>
	
                              
                        
	<a class="fiveScreen_li" target="_blank" href=./informationInfo.php?id=6026>
     <span class="text" style="display:none;"></span><img class="img" src="images/img-jiantou.png"><span>青岛青铁环保科技有限公司</span></a>
	
                                               
                </ul>
            </div>
        </div>
        <div class="foreScreen_box_swiper">
                <div class="swiper-container swiperAttractionsOne" id="Attractions">
                    <div class="swiper-wrapper">
                        <a href="./informationInfo.php?id=6042" class="swiper-slide">
                            <div class='swiperSlideCon'>
                                <text class="text">青岛青铁商业发展有限公司</text>
                                <img src="./images/wsgc.jpg">
                            </div>
</a>
                        <a href="./informationInfo.php?id=6037" class="swiper-slide">
                            <div class='swiperSlideCon'>
                                <text class="text">青岛青铁产业投资有限公司</text>
                                <img src="./images/wsgc.jpg">
                            </div>
</a>
                        <a href="./informationInfo.php?id=6036" class="swiper-slide">
                            <div class='swiperSlideCon'>
                                <text class="text">青岛城市轨道交通科技有限公司</text>
                                <img src="./images/wsgc.jpg">
                            </div>
</a>
                        <a href="./informationInfo.php?id=6032" class="swiper-slide">
                            <div class='swiperSlideCon'>
                                <text class="text">青岛市西海岸轨道交通有限公司</text>
                                <img src="./images/wsgc.jpg">
                            </div>
</a>
                        <a href="./informationInfo.php?id=6033" class="swiper-slide">
                            <div class='swiperSlideCon'>
                                <text class="text">青岛青铁轨道交通产业研究院有限公司</text>
                                <img src="./images/wsgc.jpg">
                            </div>
</a>
                    </div>
                    <div class="pagination"></div>
                </div>
            </div>
    </div>
    <!-- 景点轮播 -->
    <!-- <div class="sixScreen" id="sixScreen">
        <div class="sixScreen_box">
            <div class="sixScreen_boxLeft" id="sixScreen_boxLeft">
                <a href="">
                    <div class="pic">
                        <img class="sixScreen_boxLeftBig" src="./images/wsgc.jpg">
                    </div>
                </a>
            </div>
            <div class="sixScreen_boxLeftBox" id="sixScreen_boxLeftBox">
                <div class="sixScreen_boxLeftDiv">
                    <div></div>
                </div>
            </div>
            <div class="sixScreen_boxRight" id="sixScreen_boxRight">
                <h6>五四广场</h6>
                <p class="content">浮翠流丹为”青岛新十景”之一，指的是“五月的风”雕塑表现出腾空而起的“红色劲风”形象，与浮山相照，呈现出青绿、朱红之色流动交融之景。</p>
                <button class="sixScreen_boxRight_btn">查看更多</button>
                <p class="btnPrevNext">
                    <img class="prev" src="./images/prev.png">
                    <img class="next" src="./images/next.png">
                </p>
            </div>
            
        </div>
    </div> -->
    <!-- 景点轮播 end -->
    <!-- 关于我们 end -->
    <!-- 友情链接 -->
        <div class="linkbox" id="linkbox">
            <p class="linkbox_p">友情链接<span></span></p>
            <div class="logobox" id="logobox">
                 <a href="https://www.bjsubway.com/" target="_blank" class="logolist bg"><img class="img"
                        src="images/icon-linkbj.png" /></a>
                <a href="https://www.chengdurail.com/" target="_blank" class="logolist"><img class="img"
                        src="images/icon-linkcd.png" /></a>


                <a href="https://www.gzmtr.com/" target="_blank" class="logolist bg"><img class="img"
                        src="images/icon-linkgz.png" /></a>
                <a href="https://www.hzmetro.com/" target="_blank" class="logolist"><img class="img"
                        src="images/icon-linkhz.png" /></a>
                <a href="http://www.jngdjt.cn/" target="_blank" class="logolist "><img class="img"
                        src="images/icon-linkjn.png" /></a>
                <a href="https://service.shmetro.com/" target="_blank" class="logolist bg"><img class="img"
                        src="images/icon-linksh.png" /></a>
                <a href="https://www.szmc.net/" target="_blank" class="logolist "><img class="img"
                        src="images/icon-linksz.png" /></a>
                <a href="https://www.xianrail.com/" target="_blank" class="logolist bg"><img class="img"
                        src="images/icon-linkxa.png" /></a>
            </div>
        </div>
        <!-- 友情链接 end -->
    
</div>
<!-- <div class="linemapbox">
        <div class="mapimgbox"><img  src="./images/bigmap.jpg" class="mapimg" /></div>
        <div class="btnbox">
            <div class="mapbtn addbtn">+</div>
            <div class="mapbtn minusbtn">-</div>
        </div>
        <div class="closebtn">x</div>
    </div> -->
    <div class="cxbox ">
        <img class="gbbtn" src="images/cx-close.png" />
        <div class="contbox">
            <div class="listbox">
                <div class="list">
                    <img class="img" src="images/cx-img01.png" />
                    <div class="text" id="sfz">泰山路</div>
                </div>
                <div class="list">
                    <img class="img" src="images/cx-img02.png" />
                    <div class="text" id="zdz">麦岛</div>
                </div>
            </div>
            <div class="listbox">
                <div class="list">
                    <img class="img" src="images/cx-img03.png" />
                    <div class="text" style="color: #3D3D3D;">票价：<span id="pj">4</span>元</div>
                </div>
            </div>
        </div>
    </div>
    <div class="cxbox-shadow "></div>
    <div class="message">请选择起点站和终点站!</div>
    <div class="message-shadow "></div>
    <div class="callBox">
        <div class="callBox_div">
            <p class="callBox_p">呼叫0532-55770000</p>
        </div>
    </div>
<script type="text/javascript" src="./js/suspensionBox.js"></script>
<script type="text/javascript">
    console.log(77777)
    // 修改图片
    changeImg()
    // 支持窗口缩放
    // window.onresize = function () {
    //     var docEl = document.documentElement || document.body, // 获取html标签
    //     clientWidth = docEl.clientWidth;
    //     if (clientWidth<860) {
    //         $('.foreScreen_box_rightImg').attr('src', './images/bigmapsj.jpg')
    //     } else {
    //         $('.foreScreen_box_rightImg').attr('src', './images/bigmap.jpg')
    //     }
    // }

    function changeImg () {
        var docEl = document.documentElement || document.body, // 获取html标签
            clientWidth = docEl.clientWidth;
        if (clientWidth<860) {
            $('.foreScreen_box_rightImg').attr('src', './images/bigmapsj.jpg')
        } else {
            $('.foreScreen_box_rightImg').attr('src', './images/bigmap.jpg')
        }
    }
    // 修改图片 end
</script>
<script type="text/javascript">
    $(function() {
       
        $('.fiveScreen_liBox').attr('style', `height: ${$('.fiveScreen_liBox .fiveScreen_li').length*20}%`)
        $('.foreScreen_right').attr('style', `overflow: ${$('.fiveScreen_liBox .fiveScreen_li').length>4?'hidden auto':'hidden'}`)
        // 失物招领
        // $('.SWZL').click(function(){
        //     window.location.href = "./operate.html?active=失物招领";
        // })
        // // 服务热线
        // $('.FWRX').click(function(){
        //     window.location.href = "./operate.html?active=服务热线";
        // })

        $("#hotline").click(function(){
            $(".callBox").show()
        })
        $("#mobhotline").click(function(){
            $(".callBox").show()
        })
        $(".callBox").click(function(){
            $(this).hide()
        })

        $('#viewer').click(function(){
            previewImg()
        })

        function previewImg() {
            var viewer = new Viewer(document.getElementById('viewer'), {
                button: true,
                inline: false,
                zoomable: true,
                title: true,
                tooltip: true,
                minZoomRatio: 0.1,
                maxZoomRatio: 100,
                movable: true,
                interval: 2000,
                navbar: true,
                loading: true,
                show: function () {
                    viewer.update();
                }
            });
            $("body").on("click", ".viewer-container", function (e) {
                viewer.hide()
            });
            $("body").on("click", ".viewer-canvas", function (e) {
                e.stopPropagation();
            });
            $("body").on("click", ".viewer-footer", function (e) {
                e.stopPropagation();
            });
            $("body").on("click", ".viewer-button", function (e) {
                e.stopPropagation();
            });
            $("body").on("click", ".viewer-tooltip", function (e) {
                e.stopPropagation();
            });
            $("body").on("click", ".viewer-player", function (e) {
                e.stopPropagation();
            });
        }

    //     var num = 0
    //     var $h = $(window).height()
    //     var heightNum =$(window).height()*0.8
    //     var tzNum = 40
    //     console.log($h,'height')
    //     if($h <700 &&$h >620){
    //         heightNum =$(window).height()*0.85
    //         tzNum = -16
    //     }else if($h <620){
    //         heightNum =$(window).height()*0.94
    //         tzNum = -110
    //     }else if($h >920){
    //         heightNum =$(window).height()*0.7
    //         tzNum = 88
    //     }
    //     console.log(heightNum,tzNum,667)
    //     function autoRoll() {
    //     $(document).on("mousewheel DOMMouseScroll", function(e) {
    //         var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
    //             (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
    //         $(document).off("mousewheel DOMMouseScroll");
    //         if (delta > 0) {
    //             // 向上滚
    //             if (0< num && num < 5) {
    //                 num -= 1
    //                 console.log(num,5566)
    //                 if( num == 0){
    //                     $('.wrap').stop().animate({'top':0},200)
    //                 }else if( num == 1){
    //                     $('.wrap').stop().animate({'top':-heightNum},200)
    //                 }else{
    //                     $('.wrap').stop().animate({'top':-($h*(num-1)+heightNum)},200)
    //                 }
    //             }
    //             //要执行的方法
    //             animated(num)
    //         } else if (delta < 0) {
    //             // 向下滚
    //             ;
    //             if (num < 4) {
    //                 num += 1
    //                 if( num == 1){
    //                     $('.wrap').stop().animate({'top':-heightNum},200)
    //                 }else if( num == 4){
    //                     $('.wrap').stop().animate({'top':-($h*(num-1)+heightNum-tzNum)},200)
    //                 }else{
    //                     $('.wrap').stop().animate({'top':-($h*(num-1)+heightNum)},200)
    //                 }
    //             }
    //            //要执行的方法
    //             animated(num)
    //         }
    //         //使用setTimeout方法产生一个延时效果，是的每次滑动鼠标滑轮，只执行一次事件方法
    //         setTimeout(autoRoll, 200);
    //     });
    // }
    // autoRoll();
    // function animated(num){
    //     if(num == 1){
    //         document.getElementById('chaxunbox').classList.add('animated')
    //         document.getElementById('chaxunbox').classList.add('slower')
    //         document.getElementById('chaxunbox').classList.add('slideInRight')
    //     }else if(num == 2){
    //         document.getElementById('foreScreen_box_ul').classList.add('animated')
    //         document.getElementById('foreScreen_box_ul').classList.add('slower')
    //         document.getElementById('foreScreen_box_ul').classList.add('slideInLeft')
            
    //         document.getElementById('foreScreen_box_right').classList.add('animated')
    //         document.getElementById('foreScreen_box_right').classList.add('slower')
    //         document.getElementById('foreScreen_box_right').classList.add('slideInRight')
    //     }else if(num == 3){
    //         document.getElementById('newstitle').classList.add('animated')
    //         document.getElementById('newstitle').classList.add('slower')
    //         document.getElementById('newstitle').classList.add('slideInLeft')
    //         document.getElementById('newscontbox').classList.add('animated')
    //         document.getElementById('newscontbox').classList.add('slower')
    //         document.getElementById('newscontbox').classList.add('slideInLeft')

    //         document.getElementById('u592').classList.add('animated')
    //         document.getElementById('u592').classList.add('slower')
    //         document.getElementById('u592').classList.add('slideInRight')
    //     }else if(num == 4){
    //         document.getElementById('foreScreen_Left').classList.add('animated')
    //         document.getElementById('foreScreen_Left').classList.add('slower')
    //         document.getElementById('foreScreen_Left').classList.add('rotateInUpLeft') 
            
    //         document.getElementById('fiveScreen_liBox').classList.add('animated')
    //         document.getElementById('fiveScreen_liBox').classList.add('slower')
    //         document.getElementById('fiveScreen_liBox').classList.add('rotateInUpRight')
    //     }
    // }
    
        
       


        // $(".zdselect").focus(function(){
        //     $(this).parents('.inputbox').find('.selectbox').addClass('show')
        // });
        $(".zdinputbox").click(function(){
            $(this).parent().find('.selectbox').addClass('show')
        });
        // $(".zdselect").blur(function(){
        //     $(this).parents('.inputbox').find('.selectbox').removeClass('show')
        // });
        $('.zdlist').click(function(){
            var text = $(this).find('.text').text()
            // console.log(text,1988)
            $(this).parents('.selectbox').find('.list').removeClass('active')
            $(this).addClass('active')
            $(this).parents('.selectbox').removeClass('show')
            $(this).parents('.inputbox').find('.zdselect').text(text)
        })

        $('.fiveScreen_li').hover( function(){
			
			document.getElementById("gsname").innerHTML = $(this).find('span').context.innerText;
			
			// var text = $(this).find('.text').text();
			// document.getElementById("gstupian").src = text;
           
        },function(){

        })
    })
    // 单条线路显示
     $('.foreScreen_box_right_ol_li').hover(function () {
            var id = 'line' + $(this).attr('datakey')
            $('.absoluteimg').removeClass('show')
            $(`#${id}`).addClass('show')
            // $('.foreScreen_box_rightImg').attr('src', `./images/hover${$(this).attr('datakey')}.jpg`)
            // $('.foreScreen_box_rightImg').attr('style', `border:1px solid #bcc1c7`)
            // if ($(this).attr('datakey')==1){
            //     $('.foreScreen_box_rightImg').attr('src', `./images/hover${$(this).attr('datakey')}.jpg`)
            //     $('.foreScreen_box_rightImg').attr('style', `border:1px solid #bcc1c7`)
            // }else if ($(this).attr('datakey')==2){

            // }
        }, function () {
            $('.absoluteimg').removeClass('show')
            // $('.foreScreen_box_rightImg').attr('src', `./images/all.jpg`)
        })

    // 地铁线路
    $('.foreScreen_box_right_ol_li').on('click', function(){
        window.location.href = './operate.php?line='+$(this).attr('dataKey')
    })

     // 划过动态图标再次加载
        $('.imgIcon').hover(function () {
            // console.log('00000', $(this).index())
            var mathRandom = Math.random()
            $(this).attr('src', `./images/xl.svg?r=${mathRandom}`)
        }, function () {
            // console.log('11111')
        })
        $('.imgIcon1').hover(function () {
            // console.log('00000', $(this).index())
            var mathRandom = Math.random()
            $(this).attr('src', `./images/zd.svg?r=${mathRandom}`)
        }, function () {
            // console.log('11111')
        })
        $('.imgIcon2').hover(function () {
            // console.log('00000', $(this).index())
            var mathRandom = Math.random()
            $(this).attr('src', `./images/hc.svg?r=${mathRandom}`)
        }, function () {
            // console.log('11111')
        })
        $('.imgIcon3').hover(function () {
            // console.log('00000', $(this).index())
            var mathRandom = Math.random()
            $(this).attr('src', `./images/lc.svg?r=${mathRandom}`)
        }, function () {
            // console.log('11111')
        })

        $('#newstype').find('.newslist').click(function(){
            $('#newstype').find('.newslist').removeClass('active')
            $('#newscontbox').find('.rightbox').removeClass('active')
            $(this).addClass('active')
            var num = $(this).index()
            // console.log(num)
            $('#newscontbox').find('.rightbox').eq(num).addClass('active')
        })
        // $('.foreScreen_box_rightImg').click(function(){
        //     $('.linemapbox').addClass('show')
        // })
        $('.addbtn').click(function(){
            var elem = $('.mapimg');

            //计算元素的新宽度和高度
            var width = elem.width() * 1.2;
            var height = elem.height() * 1.2;
            // 计算元素要移动到的位置，即页面中心
            var x = ($('.mapimgbox').width() - elem.width()*1.2)/2;
            var y = ($('.mapimgbox').height() - elem.height()*1.2)/2;
            // 使用animate()函数实现动画效果
            elem.animate({
            width: width + 'px',
            height: height + 'px',
            left: x + 'px',
            top: y + 'px'
            }, 50);
        })

        $('.minusbtn').click(function(){
            var elem = $('.mapimg');

            //计算元素的新宽度和高度
            var width = elem.width() * 0.9;
            var height = elem.height() * 0.9;
            // 计算元素要移动到的位置，即页面中心
            var x = ($('.mapimgbox').width() - elem.width()*0.9)/2;
            var y = ($('.mapimgbox').height() - elem.height()*0.9)/2;
            // 使用animate()函数实现动画效果
            elem.animate({
            width: width + 'px',
            height: height + 'px',
            left: x + 'px',
            top: y + 'px'
            }, 50);
        })
        $('.closebtn').click(function(){
            $('.linemapbox').removeClass('show')
        })
        $('.message-shadow').click(function(){
            $('.message').removeClass('show')
            $('.message-shadow').removeClass('show')
        })
        $('.cxbtn').click(function(){
            if( $('#qdzselect').text() == '请选择起点站' || $('#zdzselect').text() == '请选择终点站'){
               // alert('请先选择起始')
               $('.message').addClass('show')
               $('.message-shadow').addClass('show')
               return
            }
            // console.log($('#qdzselect').text(),1988,$('#zdzselect').text())
            $.ajax({      
				type: "POST", 
				url: "data/execute.php",   
				data: {
					"act" : "pjSearch",
					"sfz" : $('#qdzselect').text(),
                    "zdz" :$('#zdzselect').text()
				}, 
				dataType:"json",
				success: function(result){
					$('#sfz').text($('#qdzselect').text());
                    $('#zdz').text($('#zdzselect').text());
                    	var arr=result.split('|');
                    $('#pj').text(arr[0])
                    $('.cxbox').addClass('show')
                    $('.cxbox-shadow').addClass('show')
				}       
			});
            
        })
        $('.gbbtn').click(function(){
            $('.cxbox').removeClass('show')
            $('.cxbox-shadow').removeClass('show')
        })
        $('.cxbox-shadow').click(function(){
            $('.cxbox').removeClass('show')
            $('.cxbox-shadow').removeClass('show')
        })
        

    // 轮播图
    var mySwiper = new Swiper('.swiperAttractionsOne', {
        pagination: '.pagination',
        paginationClickable: true,
        slidesPerView: 1,
        loop: true,
        autoplay: 3000,
        speed: 1000,
        eventTarget : 'container',
        autoplayDisableOnInteraction: false,
        // resizeReInit: true, // 设置为true则windows改变尺寸时swiper会重新初始化
        // onSlideChangeStart: function(swiper) {
        //     console.log('onSlideChangeStart下标', swiper.activeLoopIndex, swiper)
        //     var strImg = $('.swiperAttractionsOne').find('.swiper-slide-active img').attr('src')
        //     console.log(strImg)
        // },
        onSlideChangeEnd: function(swiper) {
            // console.log('onSlideChangeEnd', swiper.activeLoopIndex, swiper)
            var strImg = $('.swiperAttractions').find('.swiper-slide-active img').attr('src')
            var title = $('.swiperAttractions').find('.swiper-slide-active text').html()
            // console.log(strImg, title)
            $('.sixScreen_boxRight h6').html(title)
            $('.sixScreen_boxLeftBig').attr('src', strImg)
        },
        // onSlideNext: function(swiper){
        //     console.log('onSlideNext', swiper.activeLoopIndex, swiper)
        //     var strImg = $('.swiperAttractions').find('.swiper-slide-active img').attr('src')
        //     console.log(strImg)
        //     $('.sixScreen_boxLeftBig').attr('src', strImg)
        // },
        // onSlidePrev: function(swiper){
        //     console.log('onSlidePrev', swiper.activeLoopIndex, swiper)
        //     var strImg = $('.swiperAttractions').find('.swiper-slide-active img').attr('src')
        //     console.log(strImg)
        //     $('.sixScreen_boxLeftBig').attr('src', strImg)
        // },
    })
    

    var _in = 0
    // 添加滚动事件监听器
    window.addEventListener('scroll', function() {
        const scrollT = document.body.scrollTop || document.documentElement.scrollTop;
        // console.log('滚动位置：', scrollT)

        if ((document.getElementById('u592').offsetTop-document.body.clientHeight+60)<scrollT){
          document.getElementById('u592').classList.add('animated')
          document.getElementById('u592').classList.add('slower')
          document.getElementById('u592').classList.add('slideInRight')
        }
        
        
        if ((document.getElementById('wrapnav').offsetTop-document.body.clientHeight+60)<scrollT) {
            document.getElementById('chaxunbox').classList.add('animated')
            document.getElementById('chaxunbox').classList.add('slower')
            document.getElementById('chaxunbox').classList.add('slideInRight')
        }
        if ((document.getElementById('newsbox').offsetTop-document.body.clientHeight+60)<scrollT) {
            document.getElementById('newstitle').classList.add('animated')
            document.getElementById('newstitle').classList.add('slower')
            document.getElementById('newstitle').classList.add('slideInLeft')
            document.getElementById('newscontbox').classList.add('animated')
            document.getElementById('newscontbox').classList.add('slower')
            document.getElementById('newscontbox').classList.add('slideInLeft')
        }
        
        if ((document.getElementById('foreScreen').offsetTop-document.body.clientHeight+60)<scrollT) {
            document.getElementById('foreScreen_box_ul').classList.add('animated')
            document.getElementById('foreScreen_box_ul').classList.add('slower')
            document.getElementById('foreScreen_box_ul').classList.add('slideInLeft')
            
            document.getElementById('foreScreen_box_right').classList.add('animated')
            document.getElementById('foreScreen_box_right').classList.add('slower')
            document.getElementById('foreScreen_box_right').classList.add('slideInRight')
        }

        if ((document.getElementById('fiveScreen').offsetTop-document.body.clientHeight+60)<scrollT) {
            document.getElementById('foreScreen_Left').classList.add('animated')
            document.getElementById('foreScreen_Left').classList.add('slower')
            document.getElementById('foreScreen_Left').classList.add('rotateInUpLeft') 
            
            document.getElementById('fiveScreen_liBox').classList.add('animated')
            document.getElementById('fiveScreen_liBox').classList.add('slower')
            document.getElementById('fiveScreen_liBox').classList.add('rotateInUpRight')
        }

    });
    function animation(duration, from, to, Id) {
        const dis = to - from;
        const speed = dis / duration;
        const startTime = Date.now();
        let value = from; //当前值
        function _run() {
              const now = Date.now();
              const time = now - startTime;
              if (time >= duration) {
                value = to;
                document.querySelector(`#${Id}`).innerText = value
                return false;
              }
              const d = Math.round(time * speed);
              value = from + d;
              document.querySelector(`#${Id}`).innerText = value
              requestAnimationFrame(_run)
        }
        requestAnimationFrame(_run)
    }
</script>
</body>
</html>
