body{ font-size: 16px; line-height: 150%; font-family: "microsoft yahei", "宋体"; background: #fff;}
html {font-size: 16px; line-height: 150%;}
body,html,div,ul,li,a,p,span,img,h2,input{ margin: 0; padding: 0; border: 0;}
ul,li{ list-style: none;}
a{color: #666666;text-decoration: none;}
.r{border-right: 1px solid #dddddd; }
.t{border-top: 1px solid #dddddd; }
.b{border-bottom: 1px solid #dddddd; }
.l{border-left: 1px solid #dddddd; }


a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
input{outline:none;-webkit-appearance:none; }

.main{ clear: both; width: 100%; height: auto; overflow: hidden;}
.w98{ width: 98%; margin: 0 auto;}
.logo{ width: 40%; float: left; text-align:center; margin-top: 1rem;}
.logo img{ width: 90%;}
.search{ width: 55%; float: left;margin-top: 3rem; padding-left: 2rem;}
.search .keywords{ line-height: 3rem; border: 1px solid #e5e5e5; width: 70%; font-size: 1.8rem; padding: 2px 5px;}
.search .submit{ background: none; color: #e90013; line-height: 3rem; font-size: 1.8rem; border: 2px solid #e90013; border-radius: 0.4rem; margin-left: 1rem;}


.title{ width: 100%; height: 6.2rem; overflow: hidden; line-height: 6rem; color: #fff; background: url("../images/wap/line.gif") repeat-x top;
    text-align: center; font-size: 2.4rem; margin-top: 1.5rem;}
.title .back{ padding-left: 2rem; color: #fff;position: absolute;z-index: 10;left: 0;width: 8rem;font-size: 2.6rem;text-align: left;}
/*图片切换*/
.rotaiona {
    position: relative;
    margin-top: 1.5rem;
}
.rotaion_lista {
    width: 100%;
    height: 32rem;
    overflow: hidden;
}
.rotaion_lista li img{ width: 100%;}
.switchera {
    position: absolute;
    bottom: 10px;
    z-index: 999;
    line-height: 22px;
    margin: 0 auto;
    text-align: center;
    left: 45%;
}
.switchera span {
    background-color: #fff;
    cursor: pointer;
    margin-right: 5px;
    padding: 0.3rem 1rem;
    font-size: 0;
}
.switchera span.on{
    background-color: #e90013;
}



/*首页*/
.index_1{ display: block; width: 100%; margin-top: 1.5rem;}
.index_1 li{float: left; width: 33.2%;  text-align: center; padding: 1rem 0; line-height: 3rem;}

.index_1 li a{ display: block; width: 100%; font-size: 1.8rem; color: #e90013;}
.index_1 li img{ width: 30%;}
.rotaionb{position: relative; margin: 4rem auto 2rem;width: 88%; height: 15.5rem; overflow: hidden;}
.rotaion_listb{ width: 1000px;height: 15.5rem; overflow: hidden;}
.rotaion_listb li{ float: left; font-size: 1.8rem; width: 14rem; height: 17rem; overflow: hidden; line-height: 2.4rem; text-align: center;}
.rotaion_listb li img{width:10rem; height: 12rem;}
.rotaion_listb li p{width:94%;margin: 0 auto;}

.index3{position: relative;}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-wrapper{ width: 100%; height: 100%;}
.swiper-slide{width: 14rem; height: 15rem; }

.index_2{ width: 100%; height: auto; overflow: hidden;}
.index_2 li{ float: left; width: 46%; padding: 1.8%; font-size: 1.8rem; line-height: 2.4rem; border: 1px solid #dddddd;}
.index_2 li img{ width: 100%;}


/*文章列表*/
.newslist{ width: 100%;}
.newslist li{ width: 96%;height: auto; overflow: hidden; padding: 2rem 2%; border-bottom: 1px solid #e5e5e5; line-height: 2.4rem;font-size: 1.4rem;}
.newslist li img{ float: left;  width:100%;}
.newslist li h2{float: left; width: 100%; color: #000; font-size: 2rem; font-weight: 200; line-height: 6rem;}
.newslist li p{ float: left; width: 100%; font-size: 1.6rem;}


/*图文列表*/
.pic_cat{ display: block; width: 96%; margin: 2rem auto;}
.pic_cat li{ float: left; width: 50%; text-align: center;}
.pic_cat li a{ display: block; font-size: 1.8rem; color: #fff; background: #dd2936; width: 17rem;  height: 3rem;
    line-height: 3rem; padding: 1.2rem 2rem; border-radius: 3rem; margin: 1.5rem auto;}
.pic_cat li  .lo{ display: inline-block;width: 30px;height: 30px; background: url("../images/wap/list1.gif") no-repeat; margin-right: 10px;}
.pic_cat li  .down{ display: inline-block;width: 30px;height: 30px; background: url("../images/wap/list2.gif") no-repeat; margin-left: 10px;}
.pic_cat_zi { float: left; width: 96%; margin: 2rem auto;}
.pic_cat_zi li a{display: block; font-size: 1.8rem; color: #000; background: none; border: 1px solid #dd2936; width: 17rem;  height: 3rem;
    line-height: 3rem; padding: 1.2rem 2rem; border-radius: 3rem; margin: 1.5rem auto;}


.piclist{ width: 100%;}
.piclist li{ float: left; width: 94%; height: auto; padding: 2rem 3%; border-bottom: 1px solid #e5e5e5; line-height: 2.4rem;}
.piclist li img{ float: left; margin-right: 2%; width: 25%;}
.piclist li h2{ float: left; width:71%;color: #000; font-size: 2rem; font-weight: 200; line-height: 4rem;  }
.piclist li p{ float: left; width: 71%; font-size: 1.6rem; line-height: 3rem; color: #888888;}
/*图文详情*/
.pic_show{ width: 94%; margin: 2rem auto; text-align: center;}
.pic_show img{ max-width: 90%;}
.pic_show .tit{width: 100%; height: 5rem; margin: 5rem 0;}
.pic_show .tit span{font-size: 3rem; line-height: 4rem; border-bottom: 1px solid #e90013;}
.show{ text-align: left; font-size: 1.8rem; line-height: 4rem;}


/*搜索列表*/
.searchlist{ width: 100%;}
.searchlist li{ float: left; width: 94%; height: auto; padding: 2rem 3%; border-bottom: 1px solid #e5e5e5; line-height: 2.4rem; font-size: 1.6rem;}
.searchlist li img{ float: left; margin-right: 4%; width: 25%;}
.searchlist li h2{ float: left; width: 71%; color: #000; font-size: 2rem; font-weight: 200; line-height: 4rem;}
.searchlist li p{ float: left; width: 71%; font-size: 1.6rem; line-height: 3rem; color: #888888;}

/*加载更多*/
#loading{ clear: both; width: 100%; text-align: center; font-size: 1.4rem; line-height: 5rem;}
/*页脚*/
.footerbg{ width: 100%; height: 11rem;}
.footer{ width: 100%; height: 10rem; position: fixed; z-index: 999999; border-top: 1px solid #e3e3e3; bottom: 0px; box-shadow: 0 0rem 10rem 0px #efefef; background: #fff;}
.footer li{ float: left; width: 25%;}
.footer li a{ display: block; width: 100%; text-align: center; font-size: 1.8rem; padding-top: 7rem; }
.footer li a.f1{ background: url("../images/wap/footer1.png") no-repeat  center;}
.footer li a.f2{ background: url("../images/wap/footer2.png") no-repeat  center;}
.footer li a.f3{ background: url("../images/wap/footer3.png") no-repeat  center;}
.footer li a.f4{ background: url("../images/wap/footer4.png") no-repeat  center;}

.footer li.on a.f1{ background: url("../images/wap/footer1_1.png") no-repeat  center;color: #e90013;}
.footer li.on a.f2{ background: url("../images/wap/footer2_1.png") no-repeat  center; color: #e90013;}
.footer li.on a.f4{ background: url("../images/wap/footer4_1.png") no-repeat  center; color: #e90013;}

/*首页弹框*/
#lx{ position: fixed; z-index: 9999; background: #fff; width: 40rem;height: 30rem; border: 2px solid #dedede; border-radius: 2rem; box-shadow: 0 0rem 5rem 0px #efefef;}
#lx h2{ width: 100%; text-align: center; line-height: 5rem; color: #fff; background: #e90013; border-radius: 2rem 2rem 0 0; font-size: 2.1rem;}
#lx .join{ width: 80%; margin: 3rem auto; font-size: 1.6rem; line-height: 5rem;}
#lx .join input{font-size: 1.6rem; line-height: 3.4rem; border: 1px solid #dedede; padding-left:1rem; width: 76%; background: #fff;}
#lx .join p.p{ width: 100%; text-align: center;}
#lx .join p.p input.text{ width: 10rem; text-align: center; color: #fff; background: #e90013; border-radius: 1rem; margin:2.5rem 1rem 0;padding-left:0;}
#lx .join .rx{ text-align: center;}

/*联系我们地图*/
.contact{ width: 90%; margin: 2rem auto 0; font-size: 1.55rem; line-height: 2.4rem;}
#search .tit{ width: 100%; font-size: 1.6rem; line-height: 3rem; text-align: center; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede;}
#l-map{height: 30rem;width:100%;}
#r-result,#r-result table{width:100%;}
.navx { width: 100%; height: 2em; line-height: 2em; background: #EDEDED; border: 1px solid #ADADAD;}
.navx .nav-inner{ width: 100%;}
.navx .nav-sub { float: left; width: 33%; text-align: center;}
.navx .nav-sub a { text-decoration: none; }
.navx .nav-sub a i { display: inline-block; background: url("http://webmap1.map.bdstatic.com/wolfman/static/common/images/ui3/mo_banner_ba37b5d.png")}

.navx .nav-sub a.bus i { background-position: 2px -309px; position: relative;top: 7px;width: 1.6rem;height: 1.6rem;background-size: 20rem;}
.navx .nav-sub a.driver i { background-position: -45px -306px; top: 7px;width: 1.6rem;height: 1.6rem;background-size: 20rem;}
.navx .nav-sub a.walk i { background-position: -102px -301px; top: 7px;width: 1.6rem;height: 1.6rem;background-size: 20rem;}

.navx .nav-sub a.bus.cur i { background-position: -22px -309px; }
.navx .nav-sub a.driver.cur i { background-position: -71px -306px; }
.navx .nav-sub a.walk.cur i { background-position: -130px -301px;}
.hide { display: none;}
#search input { font-family: "micrsoft yahei"; width: 100%; height: 2em; font-size: 1em; line-height: 2em; border: 0px; outline: 0px; padding: .2em 1em; }
#search .btn-group { width: 100%; border-top: 1px solid #DDD; border-bottom: 2px solid #DDD;}
#search button {width: 32%; text-align: center; border: 0; border-radius: 0; background-color: inherit; height: 3rem; line-height: 3rem; font-size: 1.4rem;}
.navtrans-navlist-content{ font-size: 1.4rem;}
.suggest-plan-des{font-size: 1.4rem;}
#r-result h1{ font-size: 1.4rem;}
.navtrans-view a{ font-size: 1.4rem;}

