/*页头*/
.index_pagetop_home{display:none;}
.index_pagetop_logo{padding:0px 0px 0px 10px; height:60px; background:#404040; position:relative; z-index:1; text-align:left;}
.index_pagetop_logo p img{ height:60px;}


/*头部4连接*/
.index_top4btn{width:100%; position:relative; overflow:hidden; border-top:solid 1px #404040;}
.index_top4btnwrap{width:100%; position:relative; z-index:1; background-color:#535353; height:40px; line-height:40px;}
.index_top4btnwrap p{padding:0px; margin:0px; white-space:nowrap; display:inline;}
.index_top4btnwrap a{display:inline-block; width:24%; padding:0px; margin:0px; color:White; text-decoration:none; text-align:center; height:40px; line-height:40px; overflow:hidden; white-space:nowrap;}
.index_top4btnwrap a span{font-size:15px;}
.index_top4btnuline{width:100%; position:absolute; font-size:0px; height:1px; top:37px; z-index:2;}
.index_top4btnuline span{width:0px; background-color:white; display:inline-block; height:2px; position:absolute;}

/*走马字效果*/
.index_toszmz{width:100%; position:relative; overflow:hidden;}
.index_toszmzbg{width:100%; }
.index_toszmzbg img{width:100%;}
.index_toszmzcc{width:20%; position:absolute; z-index:3; bottom:0; left:5%;}
.index_toszmzcc img{width:100%;}
.index_toszmz_layout{width:100%; position:absolute; z-index:2; top:25%;}
.index_toszmz_containbg{width:300px; position:relative; margin:0 auto;}
.index_toszmz_containbg img{width:100%; z-index:1;}
.index_toszmz_contain{width:245px;margin:0 auto; position:absolute; left:52px; top:6px; overflow:hidden; line-height:40px; height:40px; z-index:2;}
.index_toszmz_content{ }
.index_toszmz_content span{font-size:16px; white-space:nowrap; display:block;}
.index_toszmz_tips{width:30px; height:30px; position:absolute; z-index:4; right:2px; bottom:2px;}
.index_toszmz_tips img{width:100%; background: transparent url(../images/index/zmztips_h.png) no-repeat -500px -500px;}

.index_toszmz.hide .index_toszmz_layout, .index_toszmz.hide .index_toszmzcc, .index_toszmz.hide .index_toszmzbg{ visibility:hidden;}

/*20151214修改*/
.inner_toszmz{width:96%; margin:2%;}
.inner_toszmzlogo{width:8.3%; margin-left:1.6px; float:left; height:40px; line-height:40px; display:table;}
.inner_toszmzlogobox{display:table-cell; width:100%; height:100%; vertical-align:middle; }
.inner_toszmzlogo img{width:100%; vertical-align:middle; margin:auto;}
.inner_toszmzcontain{width:88%; float:right; overflow:hidden; height:40px; line-height:40px;}
.inner_toszmzcontent{}
.inner_toszmzcontent span{font-size:16px; white-space:nowrap; display:block;}

/*sliders glide start*/
.slider {
	position: relative;
	width: 100%;
	/*height:200px;*/
	overflow: hidden;
}
	
	.slides {
		height: 100%;
		list-style-type:none;
		margin:0px;
		padding:0px;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
		}

        .slide .box{width:100%; height:100%;}
        .slide .box img{width:100%;}

	.slider__arrows {}

		.slider__arrows-item {
			position: absolute;
			display: block;
			margin-bottom: -20px;
			padding: 20px;
		}

			.slider__arrows-item--right { bottom: 50%; right: 30px; }
			.slider__arrows-item--left { bottom: 50%; left: 30px; }


	.slider__nav {
		position: absolute;
		bottom: 10px;
		right:5px;
	}

		.slider__nav-item {
			width: 12px;
			height: 12px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: #fff;
            moz-border-radius: 12px; /* Gecko browsers */
            -webkit-border-radius: 12px; /* Webkit browsers */
            border-radius:12px; /* W3C syntax */
			
		}

				.slider__nav-item:hover { background: #0b69b1; }
				.slider__nav-item--current { background: #0b69b1; }

/*sliders glide end*/

.index_routeprice{padding:4% 4% 0 4%; background-color:#eeeeee;}
.index_routeprice_title{width:100%;}
.index_routeprice_title img{width:100%; background:transparent url(../images/index/routeprice.jpg);}
.index_routeprice_content{background-color:#0e68a7; position:relative; width:100%; display:none; overflow:hidden;}
.index_routeprice_content .item{width:88%; padding:0 6%; height:70px; line-height:35px}
.index_routeprice_content .item .label{color:White; font-size:16px; }
.index_routeprice_content .item .value{font-size:14px;}
.index_routeprice_content .item .value input{font-size:14px; height:28px; width:99%;padding-left:1%;}
.index_routeprice_content .chgbtn {position:absolute; z-index:2; top:73px; right:6%; height:30px;}
.index_routeprice_content .chgbtn img{height:100%;}
.index_routeprice_content .item2{height:50px; border-bottom:solid 1px #eeeeee; line-height:40px; padding-top:19px; white-space:nowrap;}
.index_routeprice_content .item3{height:40px; width:88%; padding:15px 6%; overflow:hidden; line-height:40px;}
.index_routeprice_content .item3 a{display:block; width:100%; height:100%; background-color:#c2264b; 
                                   text-align:center; font-size:16px; text-decoration:none; color:White;}
.index_routeprice_content .item1{position:relative;}
.index_routeprice_content .dotbtn{position:absolute; z-index:9; top:30px; right:7%;}

    .index_routeprice_content .item .value{background-color:White; position:relative;}
    .tbstbg{position:absolute; height:28px; top:0px; margin-left:1.6%; z-index:1; background-color:White; color:#666; font-size:12px;}
    .tbstbg span{font-size:14px; color:White;}
    .tbstation {background:transparent; border:solid 0px white; position:relative; z-index:2;}
    .ddllay{position:absolute; z-index:9999999; width:70%; margin-left:0.6%; top:40px; display:none; height:24px; background-color:White;
            padding:0px;line-height:24px;
            }
    .ddllay select{height:100%; padding:0px; margin:0px;}
    .ddlline{width:34%}
    .ddlstation{width:60%;}
    
    .serlay{position:absolute; z-index:9999998; width:88%; margin-left:0; display:none;  height:90px; overflow-x:hidden; overflow-y:scroll; background-color:White; }
    .serlay a{display:block; color:#666; padding-left:5px; text-decoration:none; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; line-height:30px; height:30px; overflow:hidden;}
    .serlay a span{color:#333;}

.index_timeline{padding:4% 4% 0 4%; background-color:#eeeeee; }
.index_timeline_bg{width:100%;position:relative;}
.index_timeline_bg img{width:100%; position:relative; z-index:1;}
.index_timeline_lnk{width:100%; height:100%; position:absolute; z-index:2; top:0px; left:0px;}
.index_timeline_lnk p{display:inline;}
.index_timeline_lnk a{display:block; background:transparent url(../images/index/transparent.gif); 
                      width:49.9%; height:100%; float:left; text-indent:-999px;}
                      
.index_planto{padding:4% 4% 4% 4%; background-color:#eeeeee; }
.index_planto_bg{width:100%;position:relative;}
.index_planto_bg img{width:100%; position:relative; z-index:1;}
.index_planto_lnk{width:100%; height:100%; position:absolute; z-index:2; top:0px; left:0px;}
.index_planto_lnk p{display:inline;}
.index_planto_lnk a{display:block; background:transparent url(../images/index/transparent.gif); 
                      width:100%; height:100%; text-indent:-999px;}

.index_latemsg{padding:4% 4% 0 4%; background-color:#fff; }
.index_latemsg_bg{width:100%;position:relative;}
.index_latemsg_bg img{width:100%; position:relative; z-index:1;}
.index_latemsg_lnk{width:100%; height:100%; position:absolute; z-index:2; top:0px; left:0px;}
.index_latemsg_lnk p{display:inline;}
.index_latemsg_lnk a{display:block; background:transparent url(../images/index/transparent.gif); 
                      width:100%; height:100%; text-indent:-999px;}

/*实时客流信息*/
.index_klssxx{padding:4% 4% 0 4%; background-color:#fff; }
.index_klssxx_bg{width:100%;position:relative;}
.index_klssxx_bg img{width:100%; position:relative; z-index:1;}
.index_klssxx_lnk{width:100%; height:100%; position:absolute; z-index:2; top:0px; left:0px;}
.index_klssxx_lnk p{display:inline;}
.index_klssxx_lnk a{display:block; background:transparent url(../images/index/transparent.gif); 
                      width:100%; height:100%; text-indent:-999px; font-size:0px;}

/*车票介绍与车站信息*/
.index_cpjsczxx{padding:4% 4% 0 4%; background-color:#fff; }
.index_cpjsczxx_bg{width:100%;position:relative;}
.index_cpjsczxx_bg img{width:100%; position:relative; z-index:1;}
.index_cpjsczxx_lnk{width:100%; height:100%; position:absolute; z-index:2; top:-25%; left:0px;}
.index_cpjsczxx_lnk p{display:inline; white-space:nowrap; margin:0px; padding:0px;}
.index_cpjsczxx_lnk a{display:inline-block; background:transparent url(../images/index/transparent.gif); 
                      width:49.35%; height:100%; text-indent:-999px; font-size:0px; }


.index_guide{padding:4% 4%; background-color:#fff;}
.index_guide_title{width:100%;}
.index_guide_title img{width:100%;}
.index_guide_content{width:100%; }
.index_guide_content img{width:99%; padding:0.5%; padding-top:0px; background-color:#000;}

.index_linenews{padding:4% 4%; background-color:#eeeeee;}
.index_linenews_content{width:100%; background-color:#4c4c4c;}
.index_linenews_content .listitem{}
.index_linenews_content .picture{width:99%; padding:0.5%; }
.index_linenews_content .picture img{width:100%; }
.index_linenews_content .info{}
.index_linenews_content .title{width:96%; padding:2%;}
.index_linenews_content .title a{display:block; color:#fff; font-size:16px; text-decoration:none;}
.index_linenews_content .summary{width:96%; padding:0 2% 2% 2%;}
.index_linenews_content .summary a{display:block;
                                   width:88%; padding:0% 12% 0% 0%; background: transparent url(../images/index/linenewssummary.jpg) no-repeat right center;
                                    color:#fff; text-decoration:none; font-size:14px; line-height:1.5em;}
.index_linenews_content .date{width:84%; padding:0 2% 2% 2%; color:#fff; text-align:right;}

.index_mainnews{background-color:#fff; border-top:solid 1px #c6c6c6; border-bottom:solid 1px #c6c6c6;}
.index_mainnews_list{width:100%;}
.index_mainnews_list .listitem{width:96%; padding:2% 2%; display:table;}
.index_mainnews_list .listitem a{text-decoration:none; }
.index_mainnews_list .listitemodd{background-color:#eeeeee;}
.index_mainnews_list .listitem .picture{width:30%; display:table-cell; vertical-align:middle; text-align:left;}
.index_mainnews_list .listitem .picture a{display:block;}
.index_mainnews_list .listitem .picture img{width:94%; vertical-align:middle;}
.index_mainnews_list .listitem .info{width:70%; display:table-cell; vertical-align:middle; overflow:hidden;}
.index_mainnews_list .listitem .title{ width: 100%; padding:2% 0; overflow:hidden; }
.index_mainnews_list .listitem .title a{display:block; color:#333; font-size:16px; }
.index_mainnews_list .listitem .summary{ width: 100%; overflow:hidden; line-height:1.5em; height:3.0em; overflow:hidden;}
.index_mainnews_list .listitem .summary a{display:block; color:#666; font-size:14px; }
.index_mainnews_list .listitem .date{display:block; color:#666; text-align:right;}


@media all and (max-width: 360px)
{
    .index_toszmzcc{width:14%;}  
     
}

@media all and (max-width: 320px)
{
    .index_top4btnwrap a span{font-size:13px;}
}