/*clickzone*/
#click_zone_container{
    width: 100%;
    min-width: 960px;
    margin-top: 53px;
    background: #FEFDF9;
}

#click_zone{
    top: 53px;
    height: 100%;
    width: 980px;
    background: url('../img/nav/center_bg.png') no-repeat;
}

#click_nav_title_zone{
    height: 150px;
    width: 960px;
    margin-left: 20px;
}

#click_nav_title{
    font-size: 42px;
}

#click_nav_title span{
    display: block;
    margin-left: 20px;
    margin-top: 40px;
    letter-spacing: 4px;
    color: #3D3D3D;
}

#click_nav_description{
    font-family: Arial;
    font-size: 14px;
    margin-top:40px;
    color: #555;
    letter-spacing: 1px;
}
#click_nav_description span{
    margin-left: 40px;
    display: block;
}




#display_zone{
    height: 600px;
    background: url('../img/nav/iphone.png') center no-repeat;
    position: relative;
}

.feature_display_icon{
    width: 70px;
    height: 70px;
    position: absolute;
    background-repeat: no-repeat;

}

.feature_display_icon:hover{
    cursor: pointer;
}

#twodview_display{
    background: url('../img/nav/littleicons/01.png');
    top: 140px;
    left: 110px;
}

#twodview_display.hilite_icon{
    background: url('../img/nav/littleicons/1(1).png');
}

#twodview_display:hover{
    background: url('../img/nav/littleicons/1(1).png');
}

#threedview_display{
    background: url('../img/nav/littleicons/03.png');
    top: 220px;
    left: 110px;
}

#threedview_display.hilite_icon{
    background: url('../img/nav/littleicons/3(1).png');
}

#threedview_display:hover{
    background: url('../img/nav/littleicons/3(1).png');
}

#across_floor_display{
    background: url('../img/nav/littleicons/02.png');
    top: 140px;
    left: 190px;
}

#across_floor_display.hilite_icon{
    background: url('../img/nav/littleicons/2(1).png');
}
#across_floor_display:hover{
    background: url('../img/nav/littleicons/2(1).png');
}

#tail_view{
    background: url('../img/nav/littleicons/07.png');
    top: 380px;
    left: 110px;
}

#tail_view.hilite_icon{
    background: url('../img/nav/littleicons/7(2).png');
}

#tail_view:hover{
    background: url('../img/nav/littleicons/7(2).png');
}

#compass_view{
    background: url('../img/nav/littleicons/08.png');
    top: 380px;
    left: 190px;
}

#compass_view.hilite_icon{
    background: url('../img/nav/littleicons/8(3).png');
}

#compass_view:hover{
    background: url('../img/nav/littleicons/8(3).png');
}

#floor_switching{
    background: url('../img/nav/littleicons/06.png');
    top: 220px;
    left: 750px;
}

#floor_switching.hilite_icon{
    background: url('../img/nav/littleicons/6(1).png');
}

#floor_switching:hover{
    background: url('../img/nav/littleicons/6(1).png');
}

#public_facilities{
    background: url('../img/nav/littleicons/04.png');
    top: 290px;
    left: 710px;
}

#public_facilities.hilite_icon{
    background: url('../img/nav/littleicons/4(1).png');
}

#public_facilities:hover{
    background: url('../img/nav/littleicons/4(1).png');
}

#shops_and_malls{
    background: url('../img/nav/littleicons/05.png');
    top: 290px;
    left: 790px;
}

#shops_and_malls.hilite_icon{
    background: url('../img/nav/littleicons/5(1).png');
}
#shops_and_malls:hover{
    background: url('../img/nav/littleicons/5(1).png');
}

/*English version*/

#twodview_display_en{
    background: url('../img/nav/en/01.png');
    top: 140px;
    left: 110px;
}

#twodview_display_en.hilite_icon{
    background: url('../img/nav/en/1(1).png');
}

#twodview_display_en:hover{
    background: url('../img/nav/en/1(1).png');
}

#threedview_display_en{
    background: url('../img/nav/en/03.png');
    top: 220px;
    left: 110px;
}

#threedview_display_en.hilite_icon{
    background: url('../img/nav/en/3(1).png');
}

#threedview_display_en:hover{
    background: url('../img/nav/en/3(1).png');
}

#across_floor_display_en{
    background: url('../img/nav/en/02.png');
    top: 140px;
    left: 190px;
}

#across_floor_display_en.hilite_icon{
    background: url('../img/nav/en/2(1).png');
}
#across_floor_display_en:hover{
    background: url('../img/nav/en/2(1).png');
}

#tail_view_en{
    background: url('../img/nav/en/07.png');
    top: 380px;
    left: 110px;
}

#tail_view_en.hilite_icon{
    background: url('../img/nav/en/7(2).png');
}

#tail_view_en:hover{
    background: url('../img/nav/en/7(2).png');
}

#compass_view_en{
    background: url('../img/nav/en/08.png');
    top: 380px;
    left: 190px;
}

#compass_view_en.hilite_icon{
    background: url('../img/nav/en/8(3).png');
}

#compass_view_en:hover{
    background: url('../img/nav/en/8(3).png');
}

#floor_switching_en{
    background: url('../img/nav/en/06.png');
    top: 220px;
    left: 750px;
}

#floor_switching_en.hilite_icon{
    background: url('../img/nav/en/6(1).png');
}

#floor_switching_en:hover{
    background: url('../img/nav/en/6(1).png');
}

#public_facilities_en{
    background: url('../img/nav/en/04.png');
    top: 290px;
    left: 710px;
}

#public_facilities_en.hilite_icon{
    background: url('../img/nav/en/4(1).png');
}

#public_facilities_en:hover{
    background: url('../img/nav/en/4(1).png');
}

#shops_and_malls_en{
    background: url('../img/nav/en/05.png');
    top: 290px;
    left: 790px;
}

#shops_and_malls_en.hilite_icon{
    background: url('../img/nav/en/5(1).png');
}
#shops_and_malls_en:hover{
    background: url('../img/nav/en/5(1).png');
}



#features_zone_container{
    height: 700px;
    margin-top: 50px;
}

#features_zone{
    width: 900px;
    margin: auto;
}

#public_facility{
    background: url('../img/nav/littleicons/9(2).png') no-repeat  17px -3px;
}

#precise{
    background: url('../img/nav/littleicons/10(1).png') no-repeat  17px -3px;
}

#threedview{
    background: url('../img/nav/littleicons/11(1).png') no-repeat  17px -3px;
}

#across_floors{
    background: url('../img/nav/littleicons/12(1).png') no-repeat  17px -3px;
}

#statistics{
    position: relative;
    background: url('../img/nav/littleicons/13(1).png') no-repeat  17px -3px;
}

#yaw_process{
    background: url('../img/nav/littleicons/14(1).png') no-repeat  17px -3px;
}


#phone_content_container{
    width: 173px;
    height: 308px;
    position: relative;
    left: 391px;
    top: 149px;
    overflow: hidden;
}

#phone_masker_1, #phone_masker_2{
    position: absolute;
    left: 391px;
    top: 149px;
    overflow: hidden;
    z-index: 92;
}


.phone_content{
    position: absolute;
    left: -1px;
    top: -2px;
}


.single_feature{
    height: 260px;
    width: 185px;
    float: left;
    margin-left: 70px;
    margin-right: 45px;
    margin-top: 16px;
    background-position: 17px, 17px;
}

.feature_title{
    margin-top: 170px;
    text-align: center;
}

.feature_title span{
    font-size: 18px;
}

.feature_description{
    margin-top: 20px;
    text-align: center;
    background-position: -3px, -3px;
}

.content_part{
    height: 380px;
    margin-bottom: 60px;
}

#navigation_feature{
    background: url('../img/nav/15.png') no-repeat 17px -3px;
}
#lbs_service_feature{
    background: url('../img/nav/16.png') no-repeat 17px -3px;
}
#o2o_platform_feature{
    background: url('../img/nav/17.png') no-repeat 17px -3px;
}
#discount_feature{
    background: url('../img/nav/18.png') no-repeat 17px -3px;
}
#discount_feature.en{
    background: url('../img/nav/en/18.png') no-repeat 17px -3px;
}
#service_book_feature{
    background: url('../img/nav/19.png') no-repeat 17px -3px;
}
#service_book_feature.en{
    background: url('../img/nav/en/19.png') no-repeat 17px -3px;
}
#online_payment_feature{
    background: url('../img/nav/20(1).png') no-repeat 17px -3px;
}
#park_feature{
    background: url('../img/nav/21(1).png') no-repeat 17px -3px;
}
#counting_feature{
    background: url('../img/nav/22.png') no-repeat 17px -3px;
}
#looking_for_car_feature{
    background: url('../img/nav/23(1).png') no-repeat 17px -3px;
}

.content_second_title{
    color: #F99010;
    height: 30px;
}
.content_second_title span{
    display: block;
    margin-left: 50px;
    font-size: 18px;
    letter-spacing: 2px;
}

#content_part_3{
    margin-bottom: 100px;
}

.core_feature_zone{
    height: 230px;
    overflow: auto;
    margin-left: 20px;
    margin-top: 60px;
}

.core_feature{
    width: 160px;
    margin-left: 20px;
    height: 140px;
    float: left;
}

.core_feature_title{
    text-align: center;
    display: block;
    margin: auto;
    font-family: Arial;
    font-size: 14px;
    color: #3D3D3D;
}

#more_features .core_feature_title{
    color: #878787;
}

#app_download_page_wrapper{
    background: url('../img/nav/appbackground.png') no-repeat 0 0;
    height: 975px;
}

#ids, #target, #intro, #app_download_content_wrapper{
    display: block;
    margin-bottom: 20px;
    width: 880px;
    margin-left: 50px;
    font-size: 14px;
    font-family: Arial;
    line-height: 22px;
    letter-spacing: 2px;
    color: #3D3D3D;
    margin-top: -10px;
}

#placeholderdiv{
    height: 200px;
}

#ids.en, #target.en{
    letter-spacing: 1px;
}

#target + img{
    margin-left: 40px;
    margin-bottom: 60px;
}

#legal{
    background: url('../img/nav/bg.png') no-repeat 0 -20px;
    top: 2px;
    min-height: 880px;
    height: 100%;
    width: 980px;
}

#legal_content{
    display: block;
    margin-left: 40px;
    width: 880px;
    color: #3D3D3D;
    font-size: 14px;
    line-height: 22px;
}

#contactus-page{
    background: url('../img/nav/bg.png') no-repeat 0 -20px;
    top: 2px;
    min-height: 880px;
    height: 100%;
    width: 980px;
}

.contact_item{
    height: 30px;
    background: url('../img/nav/icons.png') no-repeat;
    /*width: 300px;*/
    margin-left: 60px;
    line-height: 30px;
    margin-bottom: 6px;
}

.contact_item.en{
    width: 800px;
}

#contact_header{
    height: 90px;
}

.contact_content{
    display: block;
    margin-left: 40px;
    letter-spacing: 3px;
}

.contact_content.en{
    letter-spacing: 1px;
}


.one{
    letter-spacing: 1px;
}

#phone_icon{
    background-position: 0 -30px;
}

#fax_icon{
    background-position: 0 -60px;
}

#email_icon{
    background-position: 0 -90px;
}

#contactus{
    position: absolute;
}

#address_pic{
    position: relative;
    left: 210px;
    top: -30px;
}

#logo_pic{
    position: relative;
    left: -226px;
    top: -199px;
}

#zjgk{
    position: absolute;
    float: left;
    top: 440px;
    left: 60px;
}

#legal .display_zone{
    background: url('../img/nav/mark.png') 340px -20px no-repeat;
    height: 400px;
}

.var_text{
    letter-spacing: 1px;
    font-family: Arial;
    line-height: 22px;
}