@charset "utf-8";
/* CSS Document */
html{min-height:100%;position:relative}
* {margin: 0px;padding: 0px;}
body {margin: 0px auto; font-family: "Microsoft Yahei","冬青黑体简体中文 w3","宋体"; background:#e4e8e9; }
input{font-family: "Microsoft Yahei","冬青黑体简体中文 w3","宋体";}
div,table,td{margin: 0px;padding: 0px;margin: 0px;padding: 0px;}
ul,li{ list-style:none}
img, a img,textarea {border: 0; }
.clearfix:after{display:block;height:0;clear:both;visibility:hidden}
* html .clearfix{height:1%}
*+html .clearfix{min-height:1%}
a{ text-decoration:none; color:#333}
a:focus {outline: none;}
input,textarea{font-family: Arial;outline: none;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}

img,a img{border:0}

a,button,input,textarea,dl,dt,dd,li,select{-webkit-tap-highlight-color:rgba(255,0,0,0);font-family: "Microsoft Yahei"}

input:-moz-placeholder,textarea:-moz-placeholder {color: #aaa;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}
input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="password"] {
 -webkit-appearance: none;
-moz-appearance: none; /* mobile firefox too! */
}
ul,li{ list-style:none}
.mt40{ margin-top: 40px;}
.mt70{ margin-top: 70px;}
.mt100{margin-top:100px;}
.mbt20{margin-bottom:20px;}
.radius{-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px;}

.bg{  position: fixed; width:100%; height:100%; z-index:-1000; left:0; top:0; bottom:0;right:0;
_position:absolute;
_top: expression_r(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:hidden;
margin:auto;}
.bg li{ width: 100%; height: 100%;position: absolute; z-index: -999;top: -100%; left: 0;}
.bg li img{width: 100%; height: 100%; display: block;}
.bg li.on{ z-index: -800; }


.main{ width:1140px; margin:0px auto; overflow:hidden}
.main.mbt10{ margin-bottom:10px;}
.main.mtb80{ margin: 100px auto;}
.main.padd{ padding:280px 0px 80px;}
.more01{background:url(../images/bg_icon.png) left  center no-repeat no-repeat; background-position:517px -304px; color: #fff; font-size: 14px; text-align: right; margin: 5px 0px; }
.more01.r{ float:right;background-position:60px -304px;}
.more01 a{ color: #fff; padding-right: 18px;}

/*通知*/
.tz_xt{ background: #585e61; height: 50px; line-height: 50px; color: #fff}
.tz_xt ul{ text-align: center;  position: relative; width: 100%; height: 50px; }

.tz_xt ul li { float: left; width: 1140px; position: absolute; left: -100%; z-index: -1; cursor: pointer;}
.tz_xt ul li:hover{ color: #fb6e52}
.tz_xt ul li span{ background: url(../images/tz_icon.png) no-repeat right center; padding-right:130px}
.tz_xt ul li:hover  span{ background: url(../images/tz_icon01.png) no-repeat right center;}
.head_bg01{
	background:#485054;
     /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    height:200px; width: 100%;position: fixed; z-index:100; padding-top:0px; top: 0px; left: 0px;}
.head_bg{
	background: url(../images/head_bg.png);
     /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    height:150px; width: 100%;position: fixed; z-index:100; padding-top:0px; top: 0px; left: 0px;}
.logo101{ width:175px; height:68px; margin:10px 8px; display:block; float:left; position: relative; z-index: 1000}

.search01{ width:500px; height:50px;  display:block; float:right; position: relative;z-index: 1000; margin-top:40px; margin-left:10px}
.language,.fontsize{line-height: 26px; float: left; }
.language a,.fontsize a{border:1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;
 color: #fff; font-size: 12px; height:26px; width: 70px; text-align: center; margin: 0px 5px; display: block; float: left; overflow: hidden;}
.fontsize a{height:26px; width:26px;}
.fontsize a.size01{font-size: 12px;height:22px; width:22px; line-height: 22px;}
.fontsize a.size02{font-size: 16px;height:24px; width:24px;line-height: 24px;}
.fontsize a.size03{font-size: 18px;height:26px; width:26px;line-height: 26px;}
.fontsize span{color: #fff; font-size: 12px; display: block; float: left; padding-left: 5px }

.language a:hover,.fontsize a:hover{ background: #00a0e9}
.search_s{border:1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px; color: #fff; font-size: 12px; height:26px; width:150px;
 background:url(../images/bg_icon.png) left  center no-repeat; background-position:3px 6px;float: left; margin: 0px 5px;}
.search_s input{ background: none; border: none;  height:26px; width:130px; margin-left:20px; line-height: 26px; color: #fff }

.fontsize{line-height: 26px; float: left; }



.nav01{  height:50px; margin:0px auto ; width: 1140px;position: relative;z-index: 1000}
.nav01 ul{ height:50px;} 
.nav01 li{ width:218px; line-heigh:50px;float:left; margin:0px 4.85px; font-size: 18px; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; 
 position: relative; overflow: hidden;}
.nav01 li ul{ position: relative;z-index: 1000; height: auto; display:none;}
.nav01 li ul li{ margin:0px; font-size: 16px;}
.nav01 li a{ display:block; color: #fff }
.nav01 li a:hover{}
.nav01 li a img{ display:block;}

.nav01 li.icon01{ background:#37bd9c ;text-align: center; line-height: 50px; color: #fff;float:left; margin-right:4.85px;}
.nav01 li.icon01 a:hover{ background: #3dd6b0}
.nav01 li.icon01 ul{ background: #37bd9c; width:218px; }
.nav01 li.icon01 ul li{ line-height: 50px; color: #fff; text-align: center; border-top: 1px solid #a3dacd; font-size: 15px;}
.nav01 li.icon01 span{background:url(../images/nav_iconbg.png) no-repeat; background-position:3px -73px; padding:10px 0px 10px 44px;}

.nav01 li.icon02{ background:#f6bb43 ;text-align: center; line-height: 50px; color: #fff}
.nav01 li.icon02 a:hover{ background: #f5c86e}
.nav01 li.icon02 ul{ background: #f6bb43; width: 218px;}
.nav01 li.icon02 ul li{ line-height: 50px; color: #fff; text-align: center; border-top: 1px solid #f2daa8;}
.nav01 li.icon02 span{background:url(../images/nav_iconbg.png) no-repeat; background-position:3px -154px; padding:10px 0px 10px 48px;}


.nav01 li.icon03{ background:#967bdc ;text-align: center; line-height: 50px; color: #fff}
.nav01 li.icon03 a:hover{ background: #ab90f0}
.nav01 li.icon03 ul{ background: #967bdc; width:218px;}
.nav01 li.icon03 ul li{ line-height: 50px; color: #fff; text-align: center; border-top: 1px solid #cabfe7;}
.nav01 li.icon03 span{background:url(../images/nav_iconbg.png) no-repeat; background-position:3px -501px; padding:10px 0px 10px 48px;}

.nav01 li.icon04{ background:#fb6e52 ;text-align: center; line-height: 50px; color: #fff}
.nav01 li.icon04 a:hover{ background: #fe856e}
.nav01 li.icon04 ul{ background: #fb6e52; width:218px;}
.nav01 li.icon04 ul li{ line-height: 50px; color: #fff; text-align: center; border-top: 1px solid #f4baae;}
.nav01 li.icon04 span{background:url(../images/nav_iconbg.png) no-repeat; background-position:3px -585px; padding:10px 0px 10px 48px;}

.nav01 li.icon05{ background:#0c92d1 ;text-align: center; line-height: 50px; color: #fff;}
.nav01 li.icon05 a:hover{ background: #36aae0}
.nav01 li.icon05 ul{ background: #0c92d1; width:218px;}
.nav01 li.icon05 ul li{ line-height: 50px; color: #fff; text-align: center; border-top: 1px solid #92c9e3;}
.nav01 li.icon05 span{background:url(../images/nav_iconbg.png) no-repeat; background-position:3px 6px; padding:10px 0px 10px 48px;}

.nav01 li.icon06{ background:#8dc153 ;text-align: center; line-height: 50px; color: #fff;}
.nav01 li.icon06 a:hover{ background: #9dcd69}
.nav01 li.icon06 ul{ background: #8dc153; width:218px; overflow: hidden;}
.nav01 li.icon06 ul li{ line-height: 50px; color: #fff; text-align: center; border-top: 1px solid #c7dcaf;}
.nav01 li.icon06 span{background:url(../images/nav_iconbg.png) no-repeat; background-position:3px -418px; padding:10px 0px 10px 48px;}

.nav01 li.icon07{ background:#d870ad ;text-align: center; line-height: 50px; color: #fff;float:right; margin:0px;}
.nav01 li.icon07 a:hover{ background: #dc84b8}
.nav01 li.icon07 ul{ background: #d870ad; width:218px;}
.nav01 li.icon07 ul li{ line-height: 50px; color: #fff; text-align: center; border-top: 1px solid #e8b8d4;}
.nav01 li.icon07 span{background:url(../images/nav_iconbg.png) no-repeat; background-position:3px -502px; padding:10px 0px 10px 48px;}





.welcome{ width: 312px; height: 80px; margin: 0px auto; display: block;}
.time{width: 312px; text-align: center; margin: 0px auto;}
.time img{ width: 99px; height: 40px; display:block; float: left;}
.clock{color: #ea5227; font-size:38px; font-family: Arial, sans-serif;
	 float: right;}
 .clock span{ -moz-text-shadow:1px 0px 5px rgba(255,255,255,.3),-1px 0px 5px rgba(255,255,255,.3),0px 1px 5px rgba(255,255,255,.3),0px -1px 5px rgba(255,255,255,.3);
	-webkit-text-shadow:1px 0px 5px rgba(255,255,255,.3),-1px 0px 5px rgba(255,255,255,.3),0px 1px 5px rgba(255,255,255,.3),0px -1px 5px rgba(255,255,255,.3);
	text-shadow:1px 0px 5px rgba(255,255,255,.3),-1px 0px 5px rgba(255,255,255,.3),0px 1px 5px rgba(255,255,255,.3),0px -1px 5px rgba(255,255,255,.3);
    behavior: url(ie-css3.htc); overflow: hidden;position:relative; z-index:0}   
.clock em{ font-size:20px; font-style: normal;}



.con_left{ width:370px; float: left; overflow: hidden; }
.con_r_w760{width:760px; float: right; position: relative; }


.con_div{ margin-bottom: 12px;}
.con_div h1{ color: #fff; font-size:22px;  padding:0px 0px 20px; font-weight:lighter}
.con_div img{ display:block}
.con_div .cont{ padding: 20px 28px 10px; overflow: hidden; }


.con_l{ width:370px; float: left;overflow: hidden;}
.con_mid{ width:370px; float: left; margin-left: 14px;overflow: hidden;}
.con_r{ width:370px; float: right;overflow: hidden;}

.con_xg{ width:760px; float: right; position: relative;}


/*常用查询 */

.con_div.query{ background: #37bd9c; height:366px; position: relative; overflow:hidden}

.cx_link{ background: #ffffff url(../images/bg_icon.png) left  center no-repeat; background-position:3px -92px; 
	width:310px; height: 35px; display:block; line-height: 35px; font-size: 15px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; margin-top:10px;}

.cx_link a{padding-left: 20px; display: block; color: #00a0e9;}

.cx_ul{width:310px;  font-size: 14px; margin:50px 0px 10px}
.cx_ul li{ margin:25px 0px; height: 25px;}
.cx_ul li span{ color: #fff; display: block; float: left; padding-right: 3px}
.select_div01,.select_div01.select_div02{width: 130px; float: left; margin-left: 9px; }
.select_div01 input{background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:114px -164px;
 width: 125px; height: 25px; display: block; border: none; line-height: 25px; padding: 0px 2px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px;}
 .select_div01 input.on{background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:114px -228px;}
 .select_div01.select_div02 input{background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:50px -164px;
 width:60px; height: 25px; }
.select_div01.select_div02 input.on{background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:50px -228px;}
.select_div01.select_div02{ width: 60px;}


/*线路查询 */
.clx_ul{ font-size: 14px; margin:0px 0px 10px; float: left;}
.clx_ul li{ margin:0px 0px; height: 32px;}
.clx_ul li span{ color: #fff; display: block; float: left; padding-right: 3px ; line-height: 32px;}
.clx_div01,.clx_div01.clx_div02{width:280px; float: left; margin-left: 9px; margin-right: 9px;}
.clx_div01 input{background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:267px -160px;
 width:280px; height: 32px; display: block; border: none; line-height: 25px; padding: 0px 2px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px;}
 .clx_div01 input.on{background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:267px -223px;}
 .clx_div01.select_div02 input{background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:50px -164px;
 width:60px; height: 25px; }
.clx_div01.clx_div02 input.on{background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:50px -228px;}
.clx_div01.clx_div02{ width: 60px;}

.clx_div01 ul{ background: #fff;position: absolute; margin-top: 3px;width:284px; display: none; z-index: 2 ; max-height:213px; overflow: auto;}

.clx_div01 ul li{  font-size: 12px; line-height: 20px;padding: 0px 2px ; margin:5px 0px; }
.clx_div01 ul li a{color: #000; display: block; cursor: pointer;}
.clx_div01 ul li a:hover{color: #00a0e9;}
.clx_btn{background: #00a0e9; color: #fff; font-size: 15px; text-align: center; width: 92px; display: inline-block;
	-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; margin:0px 5px; cursor: pointer; line-height: 32px; border: none; float: right;}

/*线路查询  end*/

.cx_tc{background:#37bd9c; width: 310px; position: absolute; top:18px; color: #fff; min-height: 200px; display:none;}
.cx_tc h1{font-weight: normal; font-size:20px; border-bottom: 1px solid #fff; line-height: 44px; padding-bottom: 0px;}
.cx_tc p{font-size: 14px; line-height:26px;}
.cx_tc_div{text-align: center; display: inline-block;width: 310px; margin: 10px auto}
.cx_tc_div span{ text-align: center; display: inline-block; padding: 0px 10px;}
.cx_tc_div img { display: block; margin: 5px auto}
.cx_tc_div em{ text-align: center; display: inline-block;  font-style: normal; width:75px; font-size: 14px;}
.cx_tc_cf{ border-top: 1px solid #fff; margin: 5px auto; overflow: hidden;}
.cx_tc_cf p{ font-size: 14px; color: #fff; line-height: 26px;}
.cx_tc_cf p span{ text-align: left; display: block; float: left;}
.cx_tc_cf p em{ text-align: right; font-style: normal;display: block; float: right;}
/* .cx_ul li select{ background: none; border:1px #fff solid; width: 138px; height: 25px; line-height: 25px; font-size: 14px; color: #000; float: left; margin-left:-1px; margin-right: -1px; }
 .cx_ul li select option{  opacity:0; width: 130px; overflow: hidden;}
*/
.select_div01 ul,.select_div01.select_div02 ul{ background: #fff;position: absolute; margin-top: 3px;width: 130px; display: none; z-index: 2 ; max-height:120px; overflow: auto}
.select_div01.select_div02 ul{ width:62px;}
.select_div01 ul li,.select_div01.select_div02 ul li{  font-size: 12px; line-height: 20px;padding: 0px 2px ; margin:5px 0px; }
.select_div01 ul li a,.select_div01.select_div02 ul li{color: #000; display: block; cursor: pointer;}
.select_div01 ul li a:hover,.select_div01.select_div02 ul li{color: #00a0e9;}
.xz_time{ color: #fff; background: #f08307; height: 25px; width:64px; float: right; text-align: center; line-height: 21px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px;}

.query_btn{ height: 25px; line-height: 25px; text-align: center; margin:45px 0px}
.query_btn a{background: #00a0e9; color: #fff; font-size: 15px; text-align: center; width: 80px; display: inline-block;
	-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; margin:0px 5px; cursor: pointer; }

/*站点查询 */
.zd_div01{width:270px; position: relative; float: left; margin-left: 9px; background: #fff }
.zd_div01 input{width:266px; height: 25px; display: block; border: none; line-height: 25px; padding: 0px 2px;background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:254px -164px;}
.zd_div01 input.on{background: #fff url(../images/bg_icon.png) left  center no-repeat; background-position:254px -228px;}
.zd_div01 ul{ background: #fff;position: absolute; margin-top: 3px;width:266px; display: none; z-index: 2 ; max-height:300px; overflow: auto}
.zd_div01 ul li{ font-size: 12px; line-height: 20px;padding: 0px 2px}
.zd_div01 ul li a{color: #000; display: block; cursor: pointer;}
.zd_div01 ul li a:hover{color: #00a0e9;}

.zdcx_tc{ background:#37bd9c; width: 310px; position: absolute; top:258px; color: #fff; min-height: 200px; display: none;}
.zdcx_tc h3{font-weight: normal; font-size: 16px; border-bottom: 1px solid #fff; line-height: 40px;}
.zdcx_tc p{ font-size: 14px; line-height:26px;}

.zdcx_tc_btn {height: 25px; line-height: 25px; text-align: center; margin:15px auto;background: #00a0e9; color: #fff; font-size: 15px; width: 80px; display: block;
	-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; cursor: pointer;  }

/*郑州地铁线路 */

.con_div.xl{ background: #f6bb43; height:366px; overflow:hidden}

.xl_link{ width:700px; height: 35px; display:block; line-height: 35px; font-size: 15px; }
/*.xl_link a{padding-left:32px; display: block; color: #00a0e9;} */
/*.xl_link input{padding-left:32px; display: block; color: #00a0e9; border: none; background: none;line-height: 35px;width:700px; height: 35px;  display: block}*/

.xl_ul{margin: 10px 0px; overflow: hidden;}
.xl_ul li{width: 106px; height: 106px; float: left; margin: 5px 3.3px ; cursor: pointer; background: #fff; border:2px solid #fff}
.xl_ul li img{ width:65px; height: 65px; margin:10px auto; display: block}
.xl_ul li p{text-align: center;}

.xl_ul li.on.color01{ border:2px solid #ff0000; background:#fff }
.xl_ul li.on.color02{ border:2px solid #fed600; background:#fff }
.xl_ul li.on.color03{ border:2px solid #ff6000; background:#fff }
.xl_ul li.on.color04{ border:2px solid #1d2088; background:#fff }
.xl_ul li.on.color05{ border:2px solid #25ac74; background:#fff }
.xl_ul li.on.color06{ border:2px solid #7131a3; background:#fff }

.xl_cont{ margin:0px auto; opacity:0; position: absolute; width:700px; overflow: hidden; z-index: -1}



.xl_tit01,.xl_tit02,.xl_tit03,.xl_tit04,.xl_tit05,.xl_tit06{ background: url(../images/lx_tit_bg.png) ; width: 163px; height:33px; line-height: 33px; text-align: center; margin: 10px auto 30px; color: #ff0000;
 font-weight: 600; font-size:20px;}
.xl_tit01 span,.xl_tit02 span,.xl_tit03 span,.xl_tit04 span,.xl_tit05 span,.xl_tit06 span{ font-weight: normal;}
.xl_tit02{ color: #d28f00}
.xl_tit03{ color: #ff6000}
.xl_tit04{ color: #1d2088}
.xl_tit05{ color: #25ac74}
.xl_tit06{ color: #7131a3}

.wkt{ background: #fdc2b6;width:680px; margin:-10px auto 0px; height: 120px; text-align:center; }
.wkt h2{ color: #fff; font-size: 20px; line-height: 120px; }
.wkt h2.tex03{ color: #ff6000;  }
.wkt h2.tex04{ color: #1d2088;  }
.wkt h2.tex05{ color: #25ac74;  }
.wkt h2.tex06{ color: #7131a3;  }

.xl_tit_line01,.xl_tit_line02{ background: #ff0000; height:3px; width: 680px; margin:15px auto 0px}
.xl_tit_line02{ background: #f5c503;width:660px;}
.xlcont_ul01,.xlcont_ul02{ margin-top: -15px; overflow: hidden;}
.xlcont_ul01 li,.xlcont_ul02 li{ width: 28px; background: url(../images/lx_icon_Bg.png) no-repeat; background-position:0px 0px; float: left; margin-left:7px;}
.xlcont_ul02 li{ margin-left: 15px;}
.xlcont_ul02 li{background: url(../images/lx_icon_Bg.png) no-repeat; background-position:-86px 0px; }
.xlcont_ul01 li a,.xlcont_ul02 li a{ display: block;}
.xlcont_ul01 li a:hover span,.xlcont_ul02 li a:hover span{ background: #ff0000;}
.xlcont_ul01 li span,.xlcont_ul02 li span{ color: #fff; font-size: 13px;width:20px; margin:1px auto; padding:2px 0px; overflow: hidden; display:block; text-align: center; line-height:13px;}
.xlcont_ul01 li a:hover span,.xlcont_ul02 li a:hover span{ background: #ff0000;}
.xlcont_ul02 li a:hover span{ background: #f5c503;}
.xlcont_ul01 li em,.xlcont_ul02 li em{ font-style: normal; font-size: 12px; color: #333; text-align: center; width: 28px; height: 28px;line-height: 28px; display: block;
	font-family: Arial;letter-spacing: -0.5px; margin-left: -1px;}

/*新闻资讯 */
.con_xg01{ width:1140px; float:left; position: relative;}
.con_div.yellow{ background: #f6bb43; height:360px;} /*新闻资讯 背景色 */
.con_div.red{ background: #fb6e52; height:360px;} /*新闻资讯 背景色 */
.new_img_div{ width:514px; height: 343px; display: block; float: left; overflow: hidden; position: relative;}
.new_img_div img{display:block;position:absolute;top:0;left:100%; width: 100%; z-index:-1 }
.new_ry{position:absolute;top:312px;text-align: center; width: 100%; z-index:0}
.new_ry li{font-size:24px;color:#666;cursor:pointer; display: inline-block;margin: 0px 3px}

.new_cont{ width:532px; float: right;}
.new_cont h2{ color: #fed600; font-size: 24px; text-align:left;}
.new_cont p{ color: #fed600; font-size: 14px; line-height: 20px; padding:15px 0px;}
.new_cont ul{ font-size: 14px; overflow: hidden;}
.new_cont ul li{ font-size: 14px; line-height: 24px; color: #fff}
.new_cont ul li span{ display: block;float: left; width: 230px; overflow: hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-right:6px}
.new_cont ul li time{ font-size: 12px; float: right; display: block;}/*运行线路图 */

/*运行线路图 */
.con_div.yx_xlt{background: #0c92d1; height:872px;}
.yx_xlt_sm{ font-size: 14px; color: #fff}
.yx_xlt_sm .more{background:url(../images/bg_icon.png) left  center no-repeat no-repeat; background-position:57px -367px; color: #b0f7ff; 
	font-size: 14px; text-align: right; margin: 5px 0px; float:right; padding-right:18px }
.yx_xlt_tu{ width: 305px; height: 236px; display: block; margin:35px auto; border-bottom: 1px solid #b0f7ff; padding-bottom:35px;}
/*智能手机应用 */
.zn_phone{  background: url(../images/yingyon_phone.png) no-repeat right 110px; width: 328px; overflow: hidden;height:380px; margin-top: -44px; border-bottom:1px solid #b0f7ff}
.zn_phone a{ color: #fff}
.zn_phone_sm{font-size: 14px; color: #fff; width: 198px; text-align: left;}
.zn_phone_sm .more{background:url(../images/bg_icon.png) left  center no-repeat no-repeat; background-position:0px -367px; color: #b0f7ff; 
	font-size: 14px;  margin:10px 0px; padding-left: 15px; display: block; margin-top:25px;  }


/*贴心服务 */
.con_div.t_service{background: #8dc153; height:500px;}
.t_service_sm{ font-size: 12px; color: #fff}
.t_service_ul{ margin-top:30px; overflow: hidden;}
.t_service_ul li{ width: 95px; height: 95px; color: #fff; font-size: 12px; text-align: center; float: left; margin:5px 4px;}
.t_service_ul li a { color: #fff; display: block;}

.t_service_ul li a:hover {transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -o-transform:rotateY(360deg);
transition: transform 0.8s;
-moz-transition: transform 0.8s;	/* Firefox 4 */
-webkit-transition: transform 0.85s;	/* Safari 和 Chrome */
-o-transition: transform 0.8s;}
.t_service_ul li p{ margin-top: -30px}
.t_service_more{background:url(../images/bg_icon.png) left  center no-repeat no-repeat; background-position:295px -525px; color: #b0f7ff; 
	font-size: 14px;  margin:10px 0px; padding-left: 15px; display: block; margin-top:24px; color: #fee8ff; text-align: right; padding-right: 20px  }

/*吃喝玩乐 */
.con_div.play_w{background: #0c92d1; height:492px;}
.play_w ul{ margin-top:25px; overflow: hidden;}
.play_w li{ width:77px; color: #fff; font-size: 12px; text-align: center; float: left; margin:8px 0px;}
.play_w li a{color: #fff; display: block;}

.play_w li a:hover img{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);
transition: transform 0.3s;
-moz-transition: transform 0.3s;	/* Firefox 4 */
-webkit-transition: transform 0.3s;	/* Safari 和 Chrome */
-o-transition: transform 0.3s;}
.play_w li  img{ display: block; margin:0px auto; width: 56px;}
.play_w li p{ margin-top:10px;}
.play_w_more{background:url(../images/bg_icon.png) left  center no-repeat no-repeat; background-position:295px -367px; 
	font-size: 14px;  margin:10px 0px; padding-left: 15px; display: block; margin-top:25px; color: #a5f1fc; text-align: right; padding-right: 20px  }


/*招标公告 */
.con_div.zb_ggao{ background: #d870ad; height:350px}
.zb_ggao_tab{ background: #579610; width:312px; margin: 10px auto; height: 30px;}
.zb_ggao_tab li{ width: 33.3333%; float: left; color: #fff; line-height: 30px; text-align: center; cursor: pointer;}
.zb_ggao_tab li.on{ background: #5154b0;}

.zb_ggao_cont{ overflow: hidden;}
.zb_ggao_ul{ margin-top:15px; overflow: hidden; display: none;}
.zb_ggao_ul li{ width:100%; color: #fff; font-size: 14px; float: left; margin:6px 0px;background:url(../images/bg_icon.png) left  center no-repeat no-repeat;
 background-position:0px -579px; padding-left: 10px; overflow: hidden; height:22px; line-height:22px; }
.zb_ggao_ul li a{color: #fff; display: block;}

.zb_ggao_more{background:url(../images/bg_icon.png) left  center no-repeat no-repeat; background-position:295px -449px; 
	font-size: 14px;  margin:10px 0px; padding-left: 15px; display: block; margin-top:25px; color: #f6ff00; text-align: right; padding-right: 20px  }


/*车票信息 */
.con_div.ticket{ background: #967bdc; height:350px}
.ticket_ul{}
.ticket_ul li{background: #ffffff url(../images/bg_icon.png) left  center no-repeat; background-position:286px -90px;width:310px; 
	display:block; line-height: 35px; font-size: 16px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; margin: 10px auto; border: 1px solid #00a0e9 }
.ticket_ul li a{ color: #00a0e9; padding:3px 8px; display: block;}

/*地铁的乘车方法 */

.chengche_cont{ width: 310px; height: 185px; margin:20px auto}
.chengche_cont img{ display: block; width: 310px; height: 185px;}

/*活动公告 */
.con_div.activity{ background: #fb6e52; height:280px}
.activity_cont{}
.activity_cont li{ width: 308px;}
.activity_cont li a{ display: block;}
.activity_cont li img{ width: 308px; height: 142px; display: block;}
.activity_cont li  p{ color: #fff; font-size: 16px; text-align: center; margin: 10px 0px}

/*媒体聚焦 */

.con_div.media{ background: #d870ad; height:200px}

.media_ul{ font-size: 14px; overflow: hidden;}
.media_ul li{ font-size: 14px; line-height: 24px; color: #fff;
width:100%; color: #fff; font-size: 14px; float: left; margin:0px 0px;background:url(../images/bg_icon.png) left  center no-repeat no-repeat;
 background-position:0px -579px;  overflow: hidden; height:22px; line-height:22px; }
.media_ul li a{ color: #fff}
.media_ul li span{ display: block;float: left; width:180px; overflow: hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-right:6px;padding-left: 10px;}
.media_ul li time{ font-size: 12px; float: right; display: block;}/*运行线路图 */

/*轻松投票  服务更好*/
.con_div.tp_fw{ background: #0c92d1; height:120px}
.tp_fw_tex{ font-size: 20px; line-height:80px; text-align: center; color: #fff;background:url(../images/bg_icon.png) left  center no-repeat no-repeat;
 background-position:244px -336px;}


/*乘车资料下载*/
.con_div.chengche_load{ background: #0c92d1; height:80px}
.chengche_load{font-size: 20px; line-height:80px; text-align: center; color: #fff;background:url(../images/bg_icon.png) left  center no-repeat no-repeat;
 background-position:244px -336px;}

/*运营动态*/
.con_div.y_dt{ background: #37bd9c; height:400px}
.y_dt_cont{}
.y_dt_cont ul{}
.y_dt_cont li{ width:316px; height: 202px; overflow: hidden;}
.y_dt_cont li a{ display: block;}
.y_dt_cont li img{ width:316px; height: 202px; display: block;}
.y_dt_cont li  p{ color: #fff; font-size: 16px; text-align: center; margin: 10px 0}

.y_dt_text{ width: 100%; margin: 10px 0px}
.y_dt_text h2{ font-size: 18px; color: #fff; line-height: 30px; font-weight: normal;}
.y_dt_text p{font-size: 12px; color: #fff; height: 36px; line-height: 18px; overflow: hidden; margin-top: 5px;}

/*文明乘车*/
.con_div.by_bus{background: #967bdc; height:400px}
.by_bus_img{width:312px; height:206px; display:block; margin:10px auto}
.by_bus_div{ background: #fff; width: 306px;height:40px; overflow: hidden;}
.by_bus_ul{ width:270px; float: left; height: 32px; margin:5px auto; overflow: hidden;}
.by_bus_ul ul{width:auto;height: 32px; display: inline-block; overflow: hidden;  }
.by_bus_ul li{ width: 44px; height:29px; float: left; margin:1px 5px; cursor: pointer;}
.by_bus_ul li img{width: 40px; height:25px; display: block; border:2px solid #fff; display: block; margin:0px auto}
.by_bus_ul li.on img{ border:2px solid #0c92d1}
.by_bus_pre{ background: #dcdcdc url(../images/jt_bg01.png) no-repeat; background-position:3px -31px; width: 14px; height: 34px; float: left; margin-top:3px; margin-left: 3px; cursor: pointer;}
.by_bus_next{background: #dcdcdc url(../images/jt_bg01.png) no-repeat; background-position:3px 13px; width: 14px; height: 34px; float: left; margin-top:3px; cursor: pointer;}



/*友情链接*/
.link_bg{width:100%; background:#fff; height:76px; margin-top: 40px}
.link_h1{ float:left; line-height:76px; margin:0px 8px; font-size:24px}
.link_img{ float:left}
.link_img img{ margin:5px 4px;}

/*通知*/
.tongzhi{ background:#fff; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8; text-align: center; color:#ff1010; text-align:center; padding:10px 0; margin-bottom:10px; font-size:18px;}

.bottom_hide{ animation:bottom 0.8s;-webkit-animation:bottom 0.8s; /* Safari and Chrome */}
.bottom_show{ animation:top 0.8s;-webkit-animation:top 0.8s; /* Safari and Chrome */}

/*电话浮层*/
.iphone_bg{ background: #fb6e52; border-radius: 5px 0px 0px 5px; position: fixed; right: 0px; z-index: 1000; bottom: 30%; width: 96px; display: none; }
.iphone_bg span{ color: #fff; font-size:22px; padding: 0px 10px;float: left; position: absolute; right:-200px;  top: 25px}
.iphone_icon{ background: url(../images/ipone_call.png); width:38px; height: 38px; display: block; float: left; margin: 20px 30px; float: left;}
.iphone_bg p{ background: #fff; color: #fb6e52; font-size: 15px; text-align: center;border-radius:0px 0px 0px 5px; line-height: 30px; width: 100%; float: left; }


/*浮层*/
.fc_xt{position: fixed; right: 0px; z-index: 1000; top:65%; width:60px; }

.fc_xt ul li{width:60px; height: 60px; border-radius: 3px 0px 0px 3px; margin: 5px 0px; background: #fb6e52; float: right; position: relative; }
.fc_xt ul li span{ color: #fff; line-height: 60px;  padding-left:10px; position: absolute; right: -240px; display: block; width: 240px; text-align: center;  }
.fc_xt ul li .ewmimg{ width:200px; height:150px; margin: 5px auto; background: #fb6e52; position: absolute; right: -200px; top: 54px}
.fc_xt ul li .ewmimg img{ width:120px; height:120px; margin: 5px auto;display: block;}

.fc_xt_icon01,.fc_xt_icon02,.fc_xt_icon03{ background: url(../images/fc_icon.png) 14px 11px no-repeat; width:60px; height: 60px; display: block; float: left; float: left;}
.fc_xt_icon02{ background: url(../images/fc_icon.png) 14px -81px no-repeat;}
.fc_xt_icon03{ background: url(../images/fc_icon.png) 14px -184px no-repeat;}


@keyframes bottom
{
0%   {transform:translate(0,0)}
100% {transform:translate(0,100%)}
}
@-webkit-keyframes bottom
{
0%   {-webkit-transform:translate(0,0)}
100% {-webkit-transform:translate(0,100%)}
}

@keyframes top
{
0%   {transform:translate(0,-100%)}
100% {transform:translate(0,0)}
}
@-webkit-keyframes top
{
0%   {transform:translate(0,-100%)}
100% {transform:translate(0,0)}
}

.bottom_hide01{ animation:bottom01 0.8s;-webkit-animation:bottom01 0.8s; /* Safari and Chrome */}
.bottom_show01{ animation:top01 0.8s;-webkit-animation:top01 0.8s; /* Safari and Chrome */}


@keyframes bottom01
{
0%   { opacity: 1}
100% {opacity: 0}
}
@-webkit-keyframes bottom01
{
0%   {opacity: 1}
100% {opacity: 0}
}

@keyframes top01
{
0%   {opacity:0}
100% {opacity: 1}
}
@-webkit-keyframes top01
{
0%   {opacity:0}
100% {opacity:1}
}