﻿/* ----- 乘客版 ----- */



/* 导航 */
.header{width: 83.333%;min-width: 1230px;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;z-index: 9;}
.header .logo{display: block;height: 111px;text-align: center;line-height: 110px;border-bottom: 1px solid rgba(255,255,255,.5);}
.header .logo h1{display: none;}
.header .logo img{display: inline-block;vertical-align: middle;height: 70px;}

.header .h-wrapper{width: 90%;min-width: 1200px;margin: 0 auto;padding-top: 14px;}

.nav{float: left;}
.nav a{display: block;float: left;font-size: 16px;color: #fff;line-height: 40px;padding: 0 20px;margin-right: 2.6vw;transition: .5s;}
.nav a:last-child{margin-right: 0;}
.nav a:hover{color: #c9062c;}
.nav a.active{color: #c9062c;}

.n-link{float: right;}
.n-link a{display: block;width: 100px;height: 40px;text-align: center;line-height: 38px;font-size: 16px;color: #fff;border: 1px solid rgba(255,255,255,.3);float: left;margin-left: 10px;transition: .5s;}
.n-link a:hover{background: rgba(255,255,255,.3);}
.n-link a.active{background: rgba(255,255,255,.3);}

@media screen and (max-width: 1680px) {
	.nav a{margin-right: 1.5vw;}
}
@media screen and (max-width: 1600px) {
	.nav a{margin-right: 20px;}
}



/*轮播*/
.banner{width: 100%;position: relative;overflow: hidden;z-index: 0;}
.banner .swiper-slide img{width: 100%;display: block;}
/* .banner .swiper-pagination{position: absolute;bottom: 25px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;}
.banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;background: #15499a;} */

.scroll{display: block;margin: 0 auto;position: absolute;bottom: 2.865vw;left: 0;right: 0;z-index: 3;cursor: pointer;animation: ani1 3s ease infinite;}

@keyframes ani1 {
    0% { opacity: 1; }
    50% { opacity: .3; }
    100% { opacity: 1; }
}

.n-travel{width: 715px;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 9.635vw;z-index: 3;color: #fff;}
.n-travel h2{text-align: center;font-size: 24px;line-height: 35px;}
.n-travel .txt{text-align: center;font-size: 14px;line-height: 25px;margin-bottom: 25px;}
.n-travel .item{width: 300px;height: 44px;border: 1px solid #fff;border-radius: 45px;/* overflow: hidden; */float: left;padding: 0 25px;color: #fff;position: relative;}
.n-travel .item input{display: block;width: 210px;height: 42px;border: 0;background: transparent;font-size: 14px;color: #fff;float: left;}
.n-travel .item input::-webkit-input-placeholder{color: #fff;}
.n-travel .item input::-moz-placeholder{color: #fff;}
.n-travel .item input:-moz-placeholder{color: #fff;}
.n-travel .item .xl{display: block;width: 17px;height: 42px;background: url(../images/ico01.png) center center no-repeat;cursor: pointer;float: right;}

.n-travel .nt-select{background: #fff;border-radius: 22px;height: 165px;width: 100%;position: absolute;top: 43px;left: 0;right: 0;padding: 10px 15px 10px 30px;color: #202020;display: none;}
.n-travel .nt-select .mCSB_dragger_bar{background: #c9062c;}
.n-travel .nt-select .mCSB_dragger_onDrag .mCSB_dragger_bar{background: #c9062c;}
.n-travel .nt-select .xlBox{position: relative;cursor: pointer;}
.n-travel .nt-select .xlBox .tit{font-size: 16px;float: left;line-height: 35px;float: left;transition: .5s;}
.n-travel .nt-select .xlBox .tit:hover{color: #c9062c;}
.n-travel .nt-select .xlIn{width: 160px;background: #f4f4f4;border-radius:0;float: right;padding: 0 15px;font-size: 14px;color: #444444;line-height: 35px;}
.n-travel .nt-select .xlIn p{transition: .5s;}
.n-travel .nt-select .xlIn p:hover{color: #c9062c;}

.n-travel .nt-select .xlBox:nth-child(1) .xlIn{display: block;}

.n-travel .jt{display: block;float: left;margin: 19px 10px;}
.n-travel .btn{display: block;width: 44px;height: 44px;border-radius: 100%;background: url(../images/ico02.png) center center no-repeat;float: right;border: 0;cursor: pointer;}




/* 首页 运营线路 */
.n-route{width: 100%;padding: 100px 0 65px;overflow: hidden;}

.n-route .nr-pic{width: 485px;height: 550px;overflow: hidden;cursor: zoom-in;margin-top: 15px;float: left;}
.n-route .nr-pic img{display: block;width: 100%;background: #fff;}

.n-route .nr-box{width: calc(100% - 574px);min-height: 590px;float: right;background: #f6f6f6;position: relative;border-left: 9px solid #c9062c;margin-top: -25px;padding: 50px 0 50px 2.6vw;}
.n-route .nr-box:after{content: '';display: block;width: 550px;background: url(../images/bj02.jpg) center right no-repeat #f6f6f6;position: absolute;top: 0;bottom: 0;right: -240px;z-index: 0;}

.n-route .nr-item{width: 100%;position: relative;z-index: 1;margin-bottom: 35px;}
.n-route .nr-item:last-child{margin-bottom: 0;}
.n-route .nr-item .tit{font-size: 22px;color: #202020;line-height: 40px;}
.n-route .nr-item .nr-cont{position: relative;padding-right: 35px;height: 28px;overflow: hidden;transition: .5s;}
.n-route .nr-item .nr-cont span{display: inline-block;font-size: 16px;color: #666666;height: 18px;line-height: 18px;border-right: 2px solid #929292;padding-right: 10px;margin-right: 5px;margin-top: 10px;}
.n-route .nr-item .nr-cont .nrBtn{display: block;width: 14px;position: absolute;right: 0;top: 14.5px;cursor: pointer;transition: .5s;}

.n-route .nr-item .nr-cont-active{height: auto;}
.n-route .nr-item .nr-cont-active .nrBtn{transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);}



/* 首页 运营服务 */
.n-service{width: 100%;}
.n-service .n-titBox{margin-bottom: 40px;position: relative;}
.n-service .n-titBox .more{display: block;width: 130px;height: 44px;border: 1px solid #999999;text-align: center;line-height: 42px;font-size: 16px;color: #999999;text-transform: uppercase;position: absolute;top: 0;bottom: 0;right: 0;margin: auto 0;transition: .5s;}
.n-service .n-titBox .more:hover{color: #c9062c;border-color: #c9062c;}

.n-service .ns-box{width: 100%;height: 440px;background: url(../images/bj03.jpg) center center no-repeat;}
.n-service .list{width: 24.98%;height: 100%;float: left;position: relative;background: rgba(0,0,0,.3);border: 1px solid rgba(255,255,255,.1);transition: .5s;}
.n-service .list a{display: block;width: 100%;height: 100%;color: #fff;padding-top: 150px;text-align: center;}
.n-service .list .tit{font-weight: bold;font-size: 1.354vw;line-height: 40px;}
.n-service .list .ftit{font-size: 16px;text-transform: uppercase;font-size: 0.833vw;line-height: 25px;}
.n-service .list .ico1{display: block;position: absolute;top: 30px;right: 20px;}
.n-service .list .ico2{display: block;margin: 0 auto;position: absolute;bottom: 120px;left: 0;right: 0;}

.n-service .list:hover{background: 0;}

@media screen and (max-width: 1280px) {
	.n-service .list .tit{font-size: 18px;}
}



/* 首页 新闻中心 */
.n-news{width: 100%;padding: 80px 0 40px;background: url(../images/bj04.jpg) center center no-repeat;}
.n-news .left{width: 305px;float: left;}
.n-news .right{width: calc(100% - 305px);float: right;}

.n-news .n-titBox{position: relative;margin-bottom: 65px;}
.n-news .n-titBox .title{position: absolute;left: 125px;top: 18px;}

.n-news .nna{display: block;padding-left: 40px;position: relative;font-size: 18px;color: #666666;line-height: 45px;text-transform: uppercase;transition: .5s;}
.n-news .nna em{display: block;width: 20px;height: 3px;background: #d3d3d3;margin: auto 0;position: absolute;top: 0;bottom: 0;left: 0;transition: .5s;}
.n-news .nna:hover{color: #c9062c;font-weight: bold;padding-left: 60px;}
.n-news .nna:hover em{background: #c9062c;width: 40px;}
.n-news .nna.active{color: #c9062c;font-weight: bold;padding-left: 60px;}
.n-news .nna.active em{background: #c9062c;width: 40px;}

.n-news .nn-box{width: 100%;display: none;}
.n-news .list{width: calc( (100% - 40px) / 3 );float: left;margin: 0 20px 40px 0;}
.n-news .list:nth-child(3n){margin-right: 0;}
.n-news .list a{display: block;width: 100%;}
.n-news .list .pic{display: block;width: 100%;height: 214px;margin-bottom: 30px;}
.n-news .list .tit{font-size: 22px;color: #333333;font-weight: bold;line-height: 40px;margin-bottom: 10px;transition: .5s;}
.n-news .list .desc{font-size: 16px;color: #616161;text-align: justify;line-height: 20px;height: 40px;margin-bottom: 20px;transition: .5s;}
.n-news .list time{display: block;font-size: 20px;color: #999999;line-height: 30px;transition: .5s;}
.n-news .list:hover .tit{color: #c9062c;}
.n-news .list:hover .desc{color: #c9062c;}
.n-news .list:hover time{color: #c9062c;}

@media screen and (max-width: 1600px) {
	.n-news .list .pic{height: 168px;}
}



/* 首页 宣传片 */
.n-publicity{width: 100%;position: relative;}
.n-publicity .img{display: block;width: 100%;}
.n-publicity .np-cont{width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;color: #fff;}
.n-publicity .np-cont .auto{margin: auto auto;}
.n-publicity .np-cont .t1{display: block;margin: 0 auto;}
.n-publicity .np-cont .tit{font-size: 32px;line-height: 65px;margin-bottom: 2.604vw;}
.n-publicity .np-cont .bfan{display: block;width: 3.385vw;height: 4.84375vw;background: url(../images/a01.png) center center no-repeat;background-size: 100% auto;margin: 0 auto;}
.n-publicity .np-cont .bfan .zs{display: block;width: 100%;animation: ani2 3s linear infinite;}

@keyframes ani2 {
    0% { transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg); }
    100% { transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg); }
}

@media screen and (max-width: 1280px) {
	.n-publicity .np-cont .tit{margin-bottom: 35px;}
	.n-publicity .np-cont .bfan{width: 43px;height: 62px;}
}



/* 首页 地铁艺术 */
.n-art{width: 100%;padding: 80px 0;min-height: 1400px;}
.n-art .wrapper{position: relative;}
.n-art .na-cont{width: 24.861%;/* min-width: 250px; */height: 380px;padding-top: 35px;}
.n-art .na-cont article{font-size: 14px;color: #666666;text-align: justify;line-height: 24px;margin-bottom: 45px;width: 90%;}
.n-art .more{display: block;width: ;}
.n-art .n-titBox{margin-bottom: 20px;}
.n-art .more{display: block;width: 130px;height: 44px;border: 1px solid #999999;text-align: center;line-height: 42px;font-size: 16px;color: #999999;text-transform: uppercase;margin: auto 0;transition: .5s;}
.n-art .more:hover{color: #c9062c;border-color: #c9062c;}

.n-art .list{position: relative;overflow: hidden;}
.n-art .list a{display: block;width: 100%;height: 100%;color: #fff;}
.n-art .list .pic{display: block;width: 100%;height: 100%;}
.n-art .list .text{position: absolute;top: 100%;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.7);padding: 100px 2.34375vw 0;transition: 1.5s;}
.n-art .list .tit{font-size: 24px;font-weight: bold;line-height: 35px;}
.n-art .list .desc{font-size: 16px;line-height: 25px;text-align: justify;}
.n-art .list .gd{display: block;margin-top: 50px;}

.n-art .list:nth-child(2){width: 24.861%;/* min-width: 250px; */height: 690px;}
.n-art .list:nth-child(3){width: 24.444%;/* min-width: 250px; */height: 706px;position: absolute;top: 0;left: calc(24.861% + 6px);}
.n-art .list:nth-child(4){width: 24.444%;/* min-width: 250px; */height: 450px;position: absolute;top: 712px;left: calc(24.861% + 6px);}
.n-art .list:nth-child(5){width: 49.861%;/* min-width: 250px; */height: 661px;position: absolute;top: 0;right: 0;}
.n-art .list:nth-child(6){width: 24.167%;/* min-width: 250px; */height: 574px;position: absolute;top: 667px;right: 25.694%;}
.n-art .list:nth-child(7){width: 25.278%;/* min-width: 250px; */height: 494px;position: absolute;top: 667px;right: 0;}

.n-art .list:hover .text{top: 0;}



/* 面包屑 */
.crumbs{width: 100%;background: #f0f0f0;height: 78px;overflow: hidden;}
.crumbs h2{float: left;line-height: 80px;font-size: 24px;color: #202020;}

.n-crumb{float: right;height: 38px;/* overflow: hidden; */margin-top: 21px;font-size: 16px;color: #999999;padding-right: 20px;}
.n-crumb p,.n-crumb a{display: block;background: #fff;height: 38px;line-height: 38px;position: relative;box-shadow: 0px 0px 13px 0px rgba(6, 0, 1, 0.17);float: left;color: #999999;}
.n-crumb p{padding-left: 10px;z-index: 4;}
.n-crumb a{padding: 0 10px 0 38px;z-index: 3;transition: .5s;}
.n-crumb a:nth-child(3){z-index: 2;}
.n-crumb a:nth-child(4){z-index: 1;}
.n-crumb span{display: block;float: left;padding: 0 10px 0 38px;height: 38px;line-height: 38px;color: #fff;background: #c8062c;position: relative;z-index: 0;}
.n-crumb p:after,.n-crumb a:after{content: '';display:block;width: 27px;height: 47px;background: url(../images/ico07.png) center center no-repeat;background-size: 100% 100%;position: absolute;right: -27px;top: -4.5px; }
.n-crumb span:after{content: '';display:block;width:0;height:0;border-width: 19px 0 19px 20px;border-style:solid;border-color:transparent transparent transparent #c8062c;position:absolute;top:0px;right: -20px;}

.n-crumb a:hover{color: #c8062c;}



/* 内页 */
.n-out{width: 100%;padding: 125px 0 100px;}

.titBox{width: 100%;text-align: center;margin-bottom: 35px;}
.titBox h3{font-size: 32px;color: #202020;}
.titBox .slogan{font-size: 14px;color: #666666;line-height: 20px;}

/* 内页 左侧导航 */
.slideNav{width: 170px;float: left;}
.slideNav .snTop{width: 100%;height: 68px;text-align: center;background: #c9062c;color: #fff;position: relative;margin-bottom: 10px;}
.slideNav .snTop h3{height: 68px;line-height: 68px;font-size: 24px;}
.slideNav .snTop .zs{display: block;width: 100%;position: absolute;top: 54px;left: 0;right: 0;}
.slideNav a{display: block;width: 100%;border: 1px solid #dcdcdc;margin-bottom: 10px;font-size: 20px;color: #444444;line-height: 30px;padding: 15px 10px;text-align: center;transition: .5s;}
.slideNav a:hover{background: #c9062c;border-color: #c9062c;color: #fff;}
.slideNav a.active{background: #c9062c;border-color: #c9062c;color: #fff;}

/* 内页 右侧区域 */
.n-in{width: calc(100% - 200px);float: right;border: 1px solid #dcdcdc;padding: 50px 3.125vw /* 2.6vw */;/* min-height: 644px; */}

@media screen and (max-width: 1280px) {
	.n-in{padding: 50px 40px;}
}



/* 畅行长春 */
.passNav{width: 100%;margin-bottom: 40px;}
.passNav a{display: block;width: 130px;height: 138px;text-align: center;border: 1px solid #dcdcdc;border-radius: 7px;padding-top: 30px;margin: 0 9px;transition: .5s;}
.passNav a .ico{display: block;width: 50px;height: 50px;margin: 0 auto;overflow: hidden;position: relative;}
.passNav a .ico img{display: block;width: 100%;transition: .5s;}
.passNav p{font-size: 20px;color: #444444;line-height: 30px;transition: .5s;}

.passNav a:nth-child(1):hover{border-color: #d22d25;background: #d22d25;}
.passNav a:nth-child(1):hover .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(1):hover p{color: #fff;}
.passNav a:nth-child(1).active{border-color: #d22d25;background: #d22d25;}
.passNav a:nth-child(1).active .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(1).active p{color: #fff;}

.passNav a:nth-child(2):hover{border-color: #3a6b96;background: #3a6b96;}
.passNav a:nth-child(2):hover .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(2):hover p{color: #fff;}
.passNav a:nth-child(2).active{border-color: #3a6b96;background: #3a6b96;}
.passNav a:nth-child(2).active .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(2).active p{color: #fff;}

.passNav a:nth-child(3):hover{border-color: #009944;background: #009944;}
.passNav a:nth-child(3):hover .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(3):hover p{color: #fff;}
.passNav a:nth-child(3).active{border-color: #009944;background: #009944;}
.passNav a:nth-child(3).active .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(3).active p{color: #fff;}

.passNav a:nth-child(4):hover{border-color: #7c4597;background: #7c4597;}
.passNav a:nth-child(4):hover .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(4):hover p{color: #fff;}
.passNav a:nth-child(4).active{border-color: #7c4597;background: #7c4597;}
.passNav a:nth-child(4).active .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(4).active p{color: #fff;}

.passNav a:nth-child(5):hover{border-color: #e98c98;background: #e98c98;}
.passNav a:nth-child(5):hover .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(5):hover p{color: #fff;}
.passNav a:nth-child(5).active{border-color: #e98c98;background: #e98c98;}
.passNav a:nth-child(5).active .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(5).active p{color: #fff;}

.passNav a:nth-child(6):hover{border-color: #26b7bc;background: #26b7bc;}
.passNav a:nth-child(6):hover .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(6):hover p{color: #fff;}
.passNav a:nth-child(6).active{border-color: #26b7bc;background: #26b7bc;}
.passNav a:nth-child(6).active .ico img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.passNav a:nth-child(6).active p{color: #fff;}

.pass .passBox{width: 91.528%;min-width: 1200px;margin: 0 auto;}
.pass .list{width: calc( (100% - 60px) / 3);height: 275px;float: left;margin: 0 30px 30px 0;overflow: hidden;position: relative;}
.pass .list:nth-child(3n){margin-right: 0;}
.pass .list a{display: block;width: 100%;height: 100%;}
.pass .list .pic{display: block;width: 100%;height: 100%;}
.pass .list .cont{background: #fff;position: absolute;top: 275px;bottom: 20px;left: 20px;right: 20px;border-bottom: 4px solid #c9062c;padding: 2.083vw 15px;transition: 1s;}
.pass .list .tit{font-size: 20px;text-align: center;color: #c9062c;line-height: 26px;height: 52px;margin-bottom: 8px;}
.pass .list .desc{font-size: 16px;color: #444444;text-align: justify;line-height: 2;}

.pass .list:hover .cont{top: 20px;}



/* 宣传片 */
.video .list{width: calc( (100% - 56px) / 3);float: left;margin: 0 28px 20px 0;position: relative;overflow: hidden;}
.video .list:nth-child(3n){margin-right: 0;}
.video .list a{display: block;width: 100%;}
.video .list .pic{display: block;width: 100%;height: 220px;}
.video .list .shade{display: block;background: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;right: 0;bottom: 65px;transition: .8s;}
.video .list .shade img{display: block;width: 46px;height: 46px;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.video .list .tit{font-size: 20px;color: #202020;line-height: 65px;transition: .5s;}

.video .list:hover .shade{top: -220px;bottom: 285px;}
.video .list:hover .tit{color: #c9062c;}

@media screen and (max-width: 1600px) {
	.video .list .pic{height: 175px;}
}



/* 纪念卡票 */
.souvenir .list{width: 100%;margin-bottom: 100px;}

.souvenir .list .pic{display: block;width: 400px;height: 254px;border-radius: 10px;float: left;}

.souvenir .list .cont{width: calc(100% - 450px);float: right;border-top: 1px solid #cccccc;position: relative;padding-top: 40px;}
.souvenir .list .cont .line1{display: block;width: 250px;height: 3px;background: #c9062c;position: absolute;top: -3px;left: 0;}

.souvenir .list .num{display: block;float: left;overflow: hidden;position: relative;font-size: 60px;color: #858585;font-weight: bold;width: 90px;height: 75px;line-height: 55px;transition: .5s;}
.souvenir .list .num:after{content: '';display: block;width: 54px;height: 63px;background: url(../images/ico09.png) center center no-repeat;position: absolute;right: 0;bottom: 0;}
.souvenir .list .num:before{content: '';display: block;width: 54px;height: 63px;background: url(../images/ico10.png) center center no-repeat;position: absolute;right: -54px;bottom: 0;/* bottom: 63px; */z-index: 1;transition: .5s;}

.souvenir .list .text{width: calc(100% - 100px);float: right;color: #858585;padding-top: 10px;transition: .5s;}
.souvenir .list .text em{display: block;width: 210px;height: 1px;background: #858585;margin-bottom: 20px;}
.souvenir .list .tit{font-size: 24px;line-height: 35px;color: #202020;}
.souvenir .list .ftit{font-size: 12px;text-transform: uppercase;line-height: 20px;margin: 5px 0;}
.souvenir .list .desc{font-size: 16px;text-align: justify;line-height: 2;height: 64px;}
.souvenir .list .gd{display: block;width: 32px;height: 8px;background: url(../images/ico11.png) right center no-repeat;margin-top: 25px;transition: .5s;}

.souvenir .list:hover .num{color: #c9062c;}
.souvenir .list:hover .num:before{right: 0;/* bottom: 0; */}
.souvenir .list:hover .text{color: #c9062c;}
.souvenir .list:hover .tit{color: #c9062c;}
.souvenir .list:hover .gd{background: url(../images/ico11.png) left center no-repeat;}
.souvenir .list:hover .text em{background: #c9062c;}



/* 服务承诺 */
.commitment{}
.commitment .list{width: calc( (100% - 40px) / 3 );float: left;margin: 0 20px 40px 0;position: relative;}
.commitment .list:nth-child(3n){margin-right: 0;}
.commitment .list a{display: block;width: 100%;}
.commitment .list .pic{display: block;width: 100%;height: 220px;margin-bottom: 10px;}
.commitment .list .tit{font-size: 22px;color: #333333;line-height: 40px;margin-bottom: 10px;transition: .5s;}
.commitment .list .desc{font-size: 16px;color: #616161;text-align: justify;line-height: 20px;height: 40px;margin-bottom: 10px;transition: .5s;}
.commitment .list time{display: block;font-size: 20px;color: #999999;line-height: 30px;transition: .5s;}
.commitment .list .gd{display: block;width: 0px;height: 8px;background: url(../images/ico11.png) left center no-repeat;position: absolute;right: 0;bottom: 10px;transition: .5s;}
.commitment .list:hover .tit{color: #c9062c;}
.commitment .list:hover .desc{color: #c9062c;}
.commitment .list:hover time{color: #c9062c;}
.commitment .list:hover .gd{width: 32px;}



/* 失物招领 */
.lost .lostTop{width: 100%;border-bottom: 1px solid #dcdcdc;}
.lost .lostTop li{width: 20%;float: left;text-align: center;padding-bottom: 25px;}
.lost .lostTop li .ico{display: block;width: 60px;height: 60px;margin: 0 auto 15px;}
.lost .lostTop li p{font-size: 20px;color: #333333;line-height: 30px;}
.lost .lostTop li:hover .ico{animation: ani3 1s linear infinite;}

.lost .lostBody{width: 100%;}
.lost .lostBody li{text-align: center;min-height: 71px;border-bottom: 1px solid #dcdcdc;transition: .5s;}
.lost .lostBody li p{width: 20%;font-size: 16px;margin: auto 0;padding: 10px;line-height: 25px;color: #444444;}
.lost .lostBody li:hover{background: rgba(201,6,44,.05);}

@keyframes ani3 {
    0% { transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg); }
	25%{transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);}
	50% { transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg); }
	75%{transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);}
    100% { transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg); }
}



/* 便民服务 */
.convenience .list{width: 33.333%;height: 350px;float: left;position: relative;overflow: hidden;border: 1px solid #fff;}
.convenience .list a{display: block;width: 100%;height: 100%;}
.convenience .list .pic{display: block;width: 100%;height: 100%;}
.convenience .list .auto{margin: auto;}
.convenience .list .ico{display: block;width: 125px;height: 125px;margin: 0 auto 40px /* 2.083vw */;}
.convenience .list .tit{font-size: 24px;font-weight: bold;line-height: 35px;}
.convenience .list .cont1{background: rgba(0,0,0,.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;color: #fff;transition: .8s;}
.convenience .list .cont2{background: rgba(255,255,255,.7);position: absolute;top: 350px;bottom: 0;left: 0;right: 0;color: #c9062c;transition: .8s;}
.convenience .list .cont2 .bor{border: 1px solid #c9062c;position: absolute;top: 10px;bottom: 10px;left: 10px;right: 10px;}

.convenience .list:hover .cont1{bottom: 350px;top: -350px;}
.convenience .list:hover .cont2{top: 0;}



/* 职业培训 */
.profession .list{width: 100%;position: relative;border-top: 1px solid #dcdcdc;padding-top: 25px;margin-bottom: 40px;}
.profession .list em{display: block;width: 250px;height: 3px;background: #c9062c;position: absolute;top: -3px;left: 0;transition: .8s;}
.profession .list a{display: block;}
.profession .list .pic{display: block;width: 320px;height: 200px;float: left;}
.profession .list .cont{width: calc(100% - 355px);float: right;padding-top: 35px;}
.profession .list .tit{font-size: 24px;color: #202020;line-height: 35px;position: relative;margin-bottom: 20px;transition: .5s;}
.profession .list .gd{display: block;width: 0px;height: 8px;background: url(../images/ico11.png) left center no-repeat;position: absolute;right: 0;top: 13px;transition: .5s;}
.profession .list .desc{font-size: 16px;color: #666666;text-align: justify;line-height: 28px;transition: .5s;}

.profession .list:hover em{width: 100%;}
.profession .list:hover .gd{width: 32px;}
.profession .list:hover .tit,.profession .list:hover .desc{color: #c9062c;}



/* 文明乘车 */
.civilization .list{width: 100%;position: relative;margin-bottom: 30px;}
.civilization .list a{display: block;}
.civilization .list .pic{display: block;width: 280px;height: 190px;float: left;}
.civilization .list .cont{width: calc(100% - 310px);float: right;padding-top: 15px;}
.civilization .list .tit{font-size: 24px;color: #202020;line-height: 35px;position: relative;margin-bottom: 20px;transition: .5s;}
.civilization .list .desc{font-size: 16px;color: #666666;text-align: justify;line-height: 28px;transition: .5s;}
.civilization .list .gd{display: block;width: 32px;height: 8px;background: url(../images/ico11.png) right center no-repeat;margin-top: 30px;transition: .5s;}

.civilization .list:hover .tit,.civilization .list:hover .desc{color: #c9062c;}
.civilization .list:hover .gd{background: url(../images/ico11.png) left center no-repeat;}



/* 文明出行 */
.trip .trip-Swiper{width: 100%;overflow: hidden;position: relative;margin-bottom: 50px;}
.trip .trip-Swiper .swiper-slide{width: 840px;background: #000;height: 446px;overflow: hidden;}
.trip .trip-Swiper .swiper-slide img{display: block;width: 100%;opacity: .5;}
.trip .trip-Swiper .swiper-slide-active img{opacity: 1;}
.trip .trip-Swiper .swiper-button-prev,.trip .trip-Swiper .swiper-button-next{display: block;width: calc( (100% - 840px) / 2 );height: 46px;margin: 0;top: unset;bottom: 0;}
.trip .trip-Swiper .swiper-button-prev:after,.trip .trip-Swiper .swiper-button-next:after{display: none;}
.trip .trip-Swiper .swiper-button-prev{left: 0;background: url(../images/ico12.jpg) center center no-repeat;}
.trip .trip-Swiper .swiper-button-next{right: 0;background: url(../images/ico13.jpg) center center no-repeat;}

@media screen and (max-width: 1680px) {
	.trip .trip-Swiper .swiper-slide{width: 700px;height: 371px;}
	.trip .trip-Swiper .swiper-button-prev,.trip .trip-Swiper .swiper-button-next{display: block;width: calc( (100% - 700px) / 2 );}
}
@media screen and (max-width: 1600px) {
	.trip .trip-Swiper .swiper-slide{width: 650px;height: 345px;}
	.trip .trip-Swiper .swiper-button-prev,.trip .trip-Swiper .swiper-button-next{display: block;width: calc( (100% - 650px) / 2 );}
}



/* 安全常识 */
.safety .safNav{text-align: center;margin-bottom: 40px;}
.safety .safNav a{display: inline-block;width: 280px;height: 90px;border: 1px solid #dcdcdc;line-height: 88px;border-radius: 4px;font-size: 20px;color: #888888;margin: 0 8px;transition: .5s;}
.safety .safNav a .ico{display: inline-block;width: 55px;height: 50px;vertical-align: middle;margin-right: 3px;transition: .5s;}
.safety .safNav a span{display: inline-block;vertical-align: middle;}
.safety .safNav a:hover{border-color: #c9062c;background: #c9062c;color: #fff;}
.safety .safNav a:hover .ico{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.safety .safNav a.active{border-color: #c9062c;background: #c9062c;color: #fff;}
.safety .safNav a.active .ico{-webkit-filter: brightness(1000%);filter: brightness(1000%);}



/* 应急处理 */
.emergency .emeNav{width: 100%;text-align: center;margin-bottom: 40px;}
.emergency .emeNav a{display: inline-block;width: 132px;height: 132px;border: 1px solid #dcdcdc;border-radius: 4px;font-size: 20px;color: #888888;padding-top: 20px;margin: 0 8px;transition: .5s;}
.emergency .emeNav a .ico{display: block;margin: 0 auto;width: 60px;margin-bottom: 5px;}
.emergency .emeNav a p{line-height: 30px;}
.emergency .emeNav a:hover{background: #c9062c;border-color: #c9062c;color: #fff;}
.emergency .emeNav a:hover .ico{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.emergency .emeNav a.active{background: #c9062c;border-color: #c9062c;color: #fff;}
.emergency .emeNav a.active .ico{-webkit-filter: brightness(1000%);filter: brightness(1000%);}

.emergency .eme-tit{font-size: 22px;padding-left: 35px;background: url(../images/d13.png) 0 5px no-repeat;line-height: 35px;margin-bottom: 20px;}



/* 新闻中心 */
.news .list{width: calc( (100% - 60px) / 3 );float: left;background: #f7f7f7;margin: 0 30px 30px 0;transition: .5s;}
.news .list:nth-child(3n){margin-right: 0;}
.news .list a{display: block;width: 100%;height: 100%;padding: 25px 12px 12px;}
.news .list time{display: block;color: #999;font-size: 18px;position: relative;margin-bottom: 20px;transition: .5s;}
.news .list time b{font-size: 40px;}
.news .list .gd{display: block;width: 32px;height: 8px;background: url(../images/ico11.png) right center no-repeat;position: absolute;right: 0;top: 20px;transition: .5s;}
.news .list .tit{font-size: 24px;color: #202020;line-height: 35px;margin-bottom: 15px;transition: .5s;}
.news .list .desc{height: 50px;font-size: 16px;color: #666666;text-align: justify;line-height: 25px;margin-bottom: 25px;transition: .5s;}
.news .list .pic{display: block;width: 100%;height: 205px;}

.news .list:hover{background: #c9062c;}
.news .list:hover time,.news .list:hover .tit,.news .list:hover .desc{color: #fff;}
.news .list:hover .gd{-webkit-filter: brightness(1000%);filter: brightness(1000%);}

@media screen and (max-width: 1600px) {
	.news .list .pic{height: 161px;}
}



/* 科技创新 */
.science .list{width: 100%;margin-bottom: 30px;}
.science .list a{display: block;width: 100%;}
.science .list .cont{width: 340px;float: left;border-top: 3px solid #cccccc;padding-top: 25px;position: relative;}
.science .list .cont em{display: block;width: 0;height: 3px;background: #c9062c;position: absolute;top: -3px;left: 0;transition: .8s;}
.science .list time{display: block;color: #999;font-size: 30px;margin-bottom: 35px;transition: .5s;}
.science .list time small{font-size: 18px;}
.science .list .tit{font-size: 24px;color: #202020;line-height: 35px;margin-bottom: 20px;transition: .5s;}
.science .list .desc{font-size: 16px;line-height: 30px;color: #666;height: 60px;margin-bottom: 60px;transition: .5s;}
.science .list .gd{display: block;width: 32px;height: 8px;background: url(../images/ico11.png) right center no-repeat;transition: .5s;}
.science .list .pic{display: block;height: 320px;width: calc(100% - 380px);float: right;}
.science .list .pic img{max-width: auto;width: auto;height: 100%;min-width: 100%;}

.science .list:hover .cont em{width: 100%;}
.science .list:hover time,.science .list:hover .tit,.science .list:hover .desc{color: #c9062c;}
.science .list:hover .gd{background: url(../images/ico11.png) left center no-repeat;}



/* 地铁艺术 */
.art .list .pic{margin-bottom: 15px;}
.art .list .tit{line-height: 35px;font-size: 22px;}
.art .list .dz{font-size: 16px;color: #666666;height: 30px;line-height: 30px;transition: .5s;}
.art .list:hover .dz{color: #c9062c;}



/* 行程查询 */
.journey .jouForm{width: 100%;margin-bottom: 85px;}
.journey .jouForm .item{width: 47.5%;float: left;}
.journey .jouForm .item:nth-child(2){float: right;}
.journey .jouForm .item label{display: block;float: left;font-size: 20px;color: #c9062c;line-height: 40px;width: 80px;}
.journey .jouForm .item select{display: block;width: calc( (100% - 90px) / 2);float: left;height: 40px;margin-right: 10px;border: 1px solid #dcdcdc;border-radius: 4px;outline: none;-webkit-appearance: none;appearance: none;padding: 0 35px 0 15px;font-size: 14px;color: #999999;background: url(../images/ico14.png) right center no-repeat;}
.journey .jouForm .item select:last-child{margin-right: 0;}
.journey .jouForm .btn{display: block;width: 180px;height: 44px;border: 0;border-radius: 4px;background: #c9062c;color: #fff;font-size: 20px;margin: 30px auto 0;cursor: pointer;text-align: center;line-height: 44px;}

.journey .jouBox{width: 100%;position: relative;}
.journey .jouBox .img1{display: block;width: 17.5%;position: absolute;top: 0;left: 0;z-index: 3;}
.journey .jouBox .img2{display: block;width: 100%;}
.journey .jouBox .img2 img{display: block;width: 100%;background: #fff;cursor: zoom-in;}

/* 行程查询 少换乘  最快 */
.journey_1 .jou1-bt{height: 55px;background: #fff;line-height: 55px;border-radius: 4px;overflow: hidden;font-size: 18px;color: #c9062c;padding-left: 20px;}
.journey_1 .jou1-bt .ico{display: inline-block;width: 28px;vertical-align: middle;margin-right: 10px;}
.journey_1 .jou1-bt span{vertical-align: middle;}

.journey_1 .jou1-left{width: 350px;float: left;}
.journey_1 .box{border: 1px solid #c9062c;border-radius: 4px;background: #c9062c;color: #fff;text-align: center;margin-bottom: 20px;}
.journey_1 .box .time{border-bottom: 1px solid rgba(255,255,255,.57);line-height: 116px;width: 300px;margin: 0 auto;height: 117px;}
.journey_1 .box .time time{font-size: 70px;font-weight: bold;}
.journey_1 .box .time small{font-size: 20px;}
.journey_1 .box .txtB{width: 300px;margin: 0 auto;}
.journey_1 .box .txt{display: block;width: 50%;font-size: 16px;line-height: 55px;float: left;}

.journey_1 .box1{background: #f4f4f4;border-radius: 4px;overflow: hidden;padding: 30px;}
.journey_1 .box1 .f1{margin-bottom: 5px;}
.journey_1 .box1 .f1:last-child{margin-bottom: 0;}
.journey_1 .box1 label{display: block;font-size: 20px;float: left;line-height: 40px;color: #c9062c;width: 80px;}
.journey_1 .box1 .item{width: calc(100% - 80px);float: right;}
.journey_1 .box1 select{width: 100%;height: 40px;border: 1px solid #dcdcdc;border-radius: 4px;outline: none;-webkit-appearance: none;appearance: none;padding: 0 35px 0 15px;font-size: 14px;color: #999999;background: url(../images/ico14.png) right center no-repeat #fff;margin-bottom: 10px;display: block;}

.journey_1 .jou1-right{width: calc(100% - 368px);float: right;border: 1px solid #c9062c;border-radius: 4px;position: relative;min-height: 514px;}
.journey_1 .jou1-tab{height: 55px;position: absolute;top: 0;right: 0;width: calc(100% - 160px);background: #c9062c;padding-right: 15px;text-align: right;line-height: 55px;}
.journey_1 .jou1-tab a{display: inline-block;border: 1px solid #fff;height: 36px;text-align: center;line-height: 34px;padding: 0 25px;border-radius: 36px;vertical-align: middle;color: #fff;margin-right: 5px;transition: .5s;}
.journey_1 .jou1-tab a:hover{background: #fff;color: #c9062c;}
.journey_1 .jou1-tab a.active{background: #fff;color: #c9062c;}

.journey_1 .box3{padding: 0 30px 40px;}
.journey_1 .jou1Cont{padding-top: 40px;position: relative;}
.journey_1 .jou1Cont .btn{display: block;font-size: 14px;line-height: 20px;cursor: pointer;position: absolute;top: 15px;right: 0;}
.journey_1 .jou1Cont .item{margin-left: 10px;border-left: 1px solid #d9d9d9;position: relative;padding-left: 20px;padding-bottom: 10px;color: #555555;}
.journey_1 .jou1Cont .item:before{content: '';display: block;width: 19px;height: 19px;border: 1px solid #dadada;background: #fff;position: absolute;left: -10px;top: 0;border-radius: 100%;}
.journey_1 .jou1Cont .item:last-child{padding-bottom: 0;}
.journey_1 .jou1Cont .tit{font-size: 16px;color: #444444;line-height: 20px;margin-bottom: 10px;cursor: default;}
.journey_1 .jou1Cont .j1txt{background: #f5f5f5;padding: 10px 20px;font-size: 14px;line-height: 20px;cursor: default;/* margin-bottom: 10px; */}
.journey_1 .jou1Cont .j1txt .minute{float: right;}
.journey_1 .jou1Cont .txtCont{line-height: 40px;font-size: 14px;/* height: 0;overflow: hidden; */display: none;transition: .5s;}
.journey_1 .jou1Cont .txtCont p.txt{padding: 0 20px;cursor: default;transiiton: .5s;}
.journey_1 .jou1Cont .txtCont p.txt:hover{color: #c9062c;}

.journey_1 .jou1Cont-active{display: block;}

.journey_1 .jou1Cont .txt2{display: inline-block;border: 1px solid #666666;border-radius: 3px;text-align: center;font-size: 18px;line-height: 40px;color: #202020;padding: 0 20px;margin: 0 5px 20px;cursor: default;transition: .5s;}
.journey_1 .jou1Cont .txt2:hover{background: #666;color: #fff;}

@media screen and (max-width: 1600px) {
	.journey_1 .jou1-tab a{padding: 0 20px;}
}



/* 时刻表 */
.timetable table{width: 100%;text-align: center;margin-bottom: 50px;}
.timetable table:last-child{margin-bottom: 0;}
.timetable table th{border-color: rgb(204, 204, 204);background-image: -moz-linear-gradient( 90deg, rgb(209,253,254) 0%, rgb(255,255,255) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(209,253,254) 0%, rgb(255,255,255) 100%);background-image: -ms-linear-gradient( 90deg, rgb(209,253,254) 0%, rgb(255,255,255) 100%);font-size: 20px;color: #1d1d1d;}

.appNav{text-align: center;margin-bottom: 25px;}
.appNav a{width: 18.4%;float: left;margin-right: 2%;border: 1px solid #dcdcdc;border-radius: 4px;overflow: hidden;height: 140px;padding-top: 20px;font-size: 20px;color: #888888;line-height: 30px;margin-bottom: 20px;transition: .5s;}
.appNav a:nth-child(5n){margin-right: 0;}
.appNav a .ico{display: block;margin: 0 auto 10px;width: 56px;-webkit-filter: contrast(0%);filter: contrast(0%);transition: .5s;}
.appNav a:hover{color: #c9062c;}
.appNav a:hover .ico{-webkit-filter: contrast(1);filter: contrast(1);}
.appNav a.active{color: #c9062c;}
.appNav a.active .ico{-webkit-filter: contrast(1);filter: contrast(1);}

.app .app-tit{font-size: 20px;color: #202020;text-align: center;line-height: 30px;margin-bottom: 30px;}

.app .appPic{display: block;width: 47.5%;float: left;}
.app .cont{width: 47.5%;float: right;}
.app .cont h2{font-size: 40px;color: #333333;line-height: 55px;margin-bottom: 40px;}
.app .cont h2 span{color: #c9062c;}
.app .cont .txt{font-size: 14px;color: #888888;line-height: 20px;margin-bottom: 70px;}
.app .cont .txt p{position: relative;padding-left: 18px;margin-bottom: 10px;}
.app .cont .txt p:after{content: '';width: 5px;height: 14px;background: #c9062c;border-radius: 4px;position: absolute;left: 0;top: 3px;}
.app .cont .xz{display: block;width: 49.5%;float: left;margin-right: 1%;cursor: pointer;transition: .5s;}
.app .cont .xz:last-child{margin-right: 0;}
.app .cont .xz:hover{-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);transform: translateY(-5px);}



/* route */
.route{}
.route .listBox{width: 100%;margin-bottom: 40px;}
.route .listBox .tit{display: block;width: 125px;margin: auto 0;}
.route .listBox .tit img{display: block;width: 100%;}
.route .listBox .img{width: calc(100% - 155px);margin: auto 0;}
.route .listBox .img img{display: block;width: 100%;background: #fff;}



/* 详情 */
.content .cont-title{font-size: 24px;color: #444;text-align: center;font-weight: bold;line-height: 38px;}
.content time{display: block;text-align: center;font-size: 16px;color: #666;line-height: 25px;margin-bottom: 30px;}



/* 飘窗 */
.bayWindow{width: 800px;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;margin: auto auto;height: 478px;background: #c9062c;}
.bayWindow .bw-top{width: 100%;min-height: 104px;text-align: center;color: #fff;padding: 0 60px;}
.bayWindow .bw-top .tit{font-size: 28px;line-height: 35px;margin: auto auto;}
.bayWindow .pic{width: 100%;height: calc(100% - 104px);}
.bayWindow .bw-gb{display: block;width: 40px;height: 40px;cursor: pointer;position: absolute;top: 12px;right: 12px;}








.shifadi-title{
    display: block;
    float: left;
    font-size: 20px;
    color: #c9062c;
    line-height: 40px;
    width: 80px;
}
.xuanzekaishiluxian{
        display: block;
       width: 100%;
        float: left;
        height: 40px;
        line-height: 40px;
        margin-right: 10px;
        border: 1px solid #dcdcdc;
        border-radius: 4px;
        outline: none;
        -webkit-appearance: none;
        appearance: none;
        padding: 0 35px 0 15px;
        font-size: 14px;
        color: #999999;
        background: url(../images/ico14.png) right center no-repeat;
}
.xuanzekaishiluxian-s{
    border: 1px solid #ddd;
    border-top: none;
    font-size: 14px;
    padding:10px 0 10px 10px;
}