.maphidden { display: none; }

        .wjdh-map {







    position: relative;







}















.wjdh-map #wmap {







    width: 100%;







    height: 500px;



    box-sizing: border-box;



}















.wjdh-map #r-result {







    position: absolute;







    right: 0;







    top: 0;







    width: 450px;







    max-height: 500px;







    overflow-y: scroll;







    overflow-x: hidden;







    z-index: 99;







    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







}















.wjdh-map .luxianjieguo #r-result {}















.wjdh-map .anchorBL {







    display: none;







}















.wjdh-map .BMap_pop>div>div {







    border-radius: 8px;







    border: 0 !important;







}















.wjdh-map .BMap_pop .BMap_center {







    border: 0 !important;







    border-right: 1px solid #fff !important;







}















.wjdh-map .BMap_top {







    border: 0 !important;







}















.wjdh-map .BMap_bottom {







    border: 0 !important;







}















.wjdh-map .map-marker dt {







    float: left;







}















.wjdh-map .map-marker dd {







    height: 80px;







    overflow: hidden;







    margin-left: 110px;







}















.wjdh-map .map-marker dd span {







    font-size: 18px;







}















.wjdh-map .map-marker h4 {







    height: 30px;







    font-size: 18px;







    white-space: nowrap;







    overflow: hidden;







    text-overflow: ellipsis;







}















.wjdh-map .map-marker p {







    height: 40px;







    line-height: 20px;







    overflow: hidden;







}























.driving-way {







    font-family: 'Microsoft JhengHei';







}















.driving-way .hd li {







    float: left;







    font-size: 16px;







    width: 50%;







    height: 50px;







    line-height: 50px;







    background-color: #eee;







    text-indent: 80px;







    cursor: pointer;







}















.driving-way .hd li.on {







    color: #fff;



    background: #333;





}















.driving-way .map-tab {







    padding: 20px 0;







}















.driving-way .map-tab .trip-mode a {







    position: relative;







    float: left;







    font-size: 16px;







    padding-left: 50px;







    width: 100px;







    height: 50px;







    line-height: 50px;







}















.driving-way .map-tab .trip-mode a.active {







    _background: url(../../img/checkbox.png) no-repeat 10px center;







    *background: url(../../img/checkbox.png) no-repeat 10px center;





    color: #ed744e;



}















.driving-way .map-tab .trip-mode a i {







    width: 14px;







    height: 14px;







    display: block;







    border: 3px solid #666;







    position: absolute;







    left: 10px;







    top: 50%;







    margin-top: -10px;







    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







}















.driving-way .map-tab .trip-mode a:hover i,







.driving-way .map-tab .trip-mode a.active i {







    transform: translateZ(0px) rotate(45deg);







    -webkit-transform: translateZ(0px) rotate(45deg);







}















.driving-way .map-tab .trip-mode a:hover i:before,







.driving-way .map-tab .trip-mode a.active i:before {







    opacity: 1;







}















.driving-way .map-tab .trip-mode a i:before {







    content: '';







    display: block;







    width: 6px;







    height: 6px;







    background-color: #666;







    position: absolute;







    left: 50%;







    top: 50%;







    margin-left: -3px;







    margin-top: -3px;







    opacity: 0;







    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







}















.driving-way .map-tab ul {







    position: relative;







    width: 100%;







    height: 112px;



    margin-top: 50px;



    _background: url(../../img/ico5.png) no-repeat left center;







    *background: url(../../img/ico5.png) no-repeat left center;







}















.driving-way .map-tab ul:before {







    position: absolute;







    left: 0;







    top: 50%;







    margin-top: -9px;







    content: '';







    display: block;







    width: 16px;







    height: 17px;







    background: url(../../img/ico5.png) no-repeat center center;







    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







}















.driving-way .map-go ul:before {







    transform: rotateX(180deg);







}















.driving-way .map-tab ul li {







    height: 35px;







    line-height: 35px;







    width: 70%;







    font-size: 16px;







    padding: 10px 0;







    margin-left: 80px;







    position: absolute;







    left: 0;







    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







}















.driving-way .map-tab ul .d1 {







    top: 0;







}















.driving-way .map-tab ul .d2 {







    top: 56px;







}















.driving-way .map-go ul .d1 {







    top: 56px;







}















.driving-way .map-go ul .d2 {







    top: 0;







}















.driving-way .map-tab ul .d1:before {







    position: absolute;







    left: -20px;







    top: 30px;







    content: '';







    display: block;







    border-radius: 50%;







    width: 3px;







    height: 3px;







    border: 2px solid #ed744e;







}















.driving-way .map-tab ul .d2:before {







    position: absolute;







    left: -20px;







    top: 25px;







    content: '';







    display: block;







    border-radius: 50%;







    width: 3px;







    height: 3px;







    border: 2px solid #12a7eb;







}















.driving-way .map-tab ul i {







    display: block;







    width: 75%;







    height: 1px;







    background-color: #ccc;







    position: absolute;







    left: 50px;







    top: 56px;







}















.driving-way .map-tab ul li input {







    font-size: 16px;







    width: 100%;







    height: 35px;







    line-height: 35px;







}















.driving-way .map-tab #result {







    background-color: #313131;







    color: #fff;







    width: 200px;







    height: 50px;







    line-height: 50px;







    position: absolute;







    right: 0;







    top: 50%;







    margin-top: -25px;







    display: block;







    text-align: center;







    font-size: 18px;







    text-transform: uppercase;







    cursor: pointer;







    /* transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







    /* -webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); */







}















.driving-way .contact-content {







    float: right;







    width: 48%;







    padding-left: 2%;







    padding-top: 25px;







}















.driving-way .contact-content li {







    float: left;







    width: 200px;







    font-size: 16px;







    color: #888;







    padding-left: 40px;







    margin-bottom: 40px;







    height: 32px;







    line-height: 32px;







    padding-bottom: 25px;







    background-position: 0 0;







    background-repeat: no-repeat;







}















.driving-way .contact-content .ct-address {







    background-image: url(../../img/ct-address.png);







    margin-right: 40px;







}















.driving-way .contact-content .ct-phone {







    background-image: url(../../img/ct-phone.png);







    margin-right: 40px;







}















.driving-way .contact-content .ct-mobile {







    background-image: url(../../img/ct-mobile.png);







}















.driving-way .contact-content .ct-email {







    background-image: url(../../img/ct-email.png);







}















.driving-way .luxian {







    width: 50%;







    float: left;







}















.driving-way .luxian ul li:first-child {







    background: #eee url(../../img/ico6.png) no-repeat 100px center;







}















.driving-way .luxian ul li {







    width: 100%;







    height: 60px;







    line-height: 60px;







    color: #999;







    text-align: center;







    font-size: 21px;







    margin: 20px 0;







    background: #eee url(../../img/ico7.png) no-repeat 100px center;







    cursor: pointer;







}