/* CSS Document */

/* 头�?� header */
.header{ background:url(../img/top_bg.jpg) repeat; width:100%; height:206px; padding-top:13px;}
.inner_header{ background:url(../img/top_bg.jpg) repeat; width:100%; height:115px; padding-top:13px;}
.header_box{ width:1006px; margin:0 auto; height:101px;}
.web_logo{ display:inline-block; width:421px; height:101px; background:url(../img/slogan_order_taxi.png) no-repeat; float:left;}
.web_nav{ display:inline-block; float:right;}
.web_nav li{line-height:101px; display:inline-block; padding:0 8px; float:left;}
.web_nav li a{ color:#010101; font-size:15px; font-weight:600;}
.web_nav li a:hover{ font-weight:900; text-decoration: none;}
.passengers_slogan, .driver_slogan{ width:233px; height:35px; margin-top:30px;}
.passengers_slogan{  background:url(../img/passengers_slogan.png) no-repeat;}
.driver_slogan{  background:url(../img/driver_slogan.png) no-repeat;}
.passengers_slogan2, .driver_slogan2{ width: 440px; height:35px; margin-top:30px;}
.passengers_slogan2{  background:url(../img/slogan.png) no-repeat;}
.driver_slogan2{  background:url(../img/slogan.png) no-repeat;}
/* 头�?� header end */

/* 形象�?� banner */
.index_banner{ padding-top:24px; width:100%;}
.passengers_banner{ width:100%; height:461px;}
.banner_1 { background:url(../img/passenger_banner_a.jpg) no-repeat; background-position:center center;}
.banner_2 { background:url(../img/passenger_banner_b.jpg) no-repeat; background-position:center center;}
.banner_3 { background:url(../img/passenger_banner_c.jpg) no-repeat; background-position:center center;}
.iphone{ position: absolute;  width:251px; height:372px; padding:101px 18px 102px 20px; background:url(../img/iphone.png) no-repeat; top:115px; left:50%; margin-left:128px; overflow:hidden;}
.bannerPage{display:none;}
.banner_content{ width:1006px; margin:0 auto; padding-top:34px;}
/* 形象�?� banner end*/

/* �??�?�客�?�端�?载 */
.app_select{ width:500px; height:80px; line-height:52px;}
.passengers_app_tabs{ width:240px; height:80px; background:url(../img/ios.png) no-repeat; float:left; text-align:right; margin-right:20px; color:#FFF;}
.driver_app_tabs{ width:240px; height:80px; background:url(../img/android.png) no-repeat; float:left;}
.passengers_app_list{ padding:10px; float:left; width:450px; position:absolute; z-index:1;}
.passengers_app_list a{ margin:5px auto; display:block; }
.passengers_app_ios, .driver_app_ios{ width:240px; height:80px; background:url(../img/ios.png) no-repeat; display:block; display:inline-block;}
.passengers_app_ios:hover, .driver_app_ios:hover{ width:240px; height:80px; background:url(../img/ios_h.png) no-repeat; display:inline-block;}
.passengers_app_android, .driver_app_android{ width:240px; height:80px; background:url(../img/android.png) no-repeat; display:inline-block;}
.passengers_app_android:hover, .driver_app_android:hover{ width:240px; height:80px; background:url(../img/android_h.png) no-repeat; display:inline-block;}
.driver_app_list{ padding:10px 10px 10px 10px; float:left;width:360px; position:absolute; left:300px;}
.driver_app_list a{ margin:5px auto; display:block;}
.driver_app_box, .passengers_app_box{ float:left; width:480px; margin-right:10px; color: blue;font-size: 18px;font-weight: bold;margin-top: 40px;}
.passengers_ewm_i{ float:right; width:109px; height:109px; background:url(../img/passenger_ewm_i.jpg) no-repeat; display:none;}
.passengers_ewm_a{ float:right; width:109px; height:109px; background:url(../img/passenger_ewm_a.png) no-repeat; margin-top:60px; display:none;}
.driver_ewm_i{ float:right; width:109px; height:117px; background:url(../img/driver_ewm_i.png) no-repeat; display:none;}
.driver_ewm_a{ float:right; width:109px; height:117px; background:url(../img/driver_ewm_a.png) no-repeat; margin-top:60px; display:none;}
/* �??�?�客�?�端�?载 end */

/* �??�?��??�?��??�?�?� */
.js_slide{ width: 251px; height: 372px; overflow:hidden;}
.slide-1, .slide-2, .slide-3, .slide-4, .slide-5{width: 251px; height: 372px; background:url(../img/phoneimg.jpg) no-repeat;}
.slide-1{ background-position:0 0;}
.slide-2{ background-position:-251px 0;}
.slide-3{ background-position:-502px 0;}
.slide-4{ background-position:-753px 0;}
.slide-5{ background-position:-1004px 0;}
#index_b_hero { width: 251px; height: 372px; margin: auto; position: relative; }
#index_b_hero .heros { width: 251px; height: 372px; }
#index_b_hero .hero-wrap { overflow: visible; position: absolute; }
#index_b_hero .disabled { background-color: #eee; }
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {  z-index: 1; position: absolute; top: 0; left: 0; width: 251px; height: 372px; overflow: hidden; left: 1920px; }
#index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4;  overflow: hidden; }
#index_b_hero .active { z-index: 2; left: 0; }
/* �??�?��??�?��??�?�?� end */

.h5button {padding-left: 15px;background: url(../img/list_image.png) no-repeat;}


/* �?�?��??容 */
.interactive_wrap{ width:100%; background:url(../img/interactive_bg.jpg) repeat-x; height:410px;}
.interactive_content{ width:1006px; margin:0 auto; padding-top:10px;}
.s_list{ margin-right:20px; float:left;}
.cpty_t{ width:108px; height:24px; background:url(../img/cpty_t.png) no-repeat;}
.wbgz_t{ width:107px; height:24px; background:url(../img/wbgz_t.png) no-repeat;}
.ewm_t{ width:131px; height:24px; background:url(../img/ewm_t.png) no-repeat;}
.intro_text{ font-size:16px; color:#2a2929;}
.intro_text span{ padding:0 5px; font-size:12px; color:#9a9a9a;}
.show_pic_wrap{ width:284px; height:171px; margin-top:8px; padding:4px 11px 31px 8px;}
/* �?�?��??容 end */

/* �??页�?�?� */
.page_wrap{ background:url(../img/top_bg.jpg) repeat; width:100%; border-top:1px solid #c8c8c8;}
.content_box{ width:1006px; margin:0 auto; padding-top:80px;}
/* �??页�?�?� end */

/* �?��?�帮�?� */
.help_q{ padding-top:65px;}
.help_q dt{ font-size:18px; font-weight:600; background: url(../img/list_image.jpg) no-repeat; padding-left:15px; margin-bottom:22px;}
.help_q dd{ font-size:14px; color:#757575; padding-left:15px; margin-bottom:10px;}
/* �?��?�帮�?� end */

/* �?��?�??们 */
.brand_concept p{ color:#818181; line-height:26px; margin:20px 0px; text-indent:24px;}
.brand_concept_title{ width:108px; height:37px; background:url(../img/band_concept.jpg) no-repeat;}

.nvironment_title{ width:125px; height:35px; background:url(../img/nvironment.png) no-repeat;}
.nvironment_content{ padding:32px 0px;}
.pic_show{ width:229px; float:left; color:#787878; margin-right:12px;}

.contactus_title{ width:108px; height:33px; background:url(../img/contactus.png) no-repeat;}
.contactus_content{ padding:33px 0px; color:#a1a1a1; line-height:33px;}

.joinus_title{ width:104px; height:36px; background:url(../img/joinus.jpg) no-repeat;}
.joinus_content{ padding:31px 36px; color:#a1a1a1; line-height:26px;}
/* �?��?�??们 end */

/* �?�?产�?? */
.experience_line{ width:1006px; height:12px; background:url(../img/experience_line.jpg) no-repeat;}
.experience_a{ width:395px; margin:0 auto; padding-left:365px; padding-top:104px; height:230px; margin-bottom:20px;}
.experience_b{ width:390px; margin:0 auto; padding-left:40px; padding-right:420px; padding-top:117px; height:230px; margin-top:60px; margin-bottom:20px;}
.experience_c{ width:315px; margin:0 auto; padding-left:468px; padding-top:155px; height:230px; margin-top:60px; margin-bottom:20px;}
.experience_d{ width:304px; margin:0 auto; padding-top:113px; padding-right:586PX; height:230px; margin-bottom:20px;}
.experience_title{ margin-bottom:20px;}
.experience_chinese{ font-size:23px; font-weight:600; border-bottom:1px solid #AFAFAF; line-height:35px;}
.experience_english{ color:#d3d3d3;}
.experience_a .experience_title{ width:200px;}
.experience_b .experience_title{ width:195px;}
.experience_c .experience_title{ width:200px;}
.experience_d .experience_title{ width:200px;}
.experience_content p{ font-size:18px; color:#6F6F6F; line-height:26px;}
/* �?�?产�?? end */

/* �?�?� */
.footer{ width:100%; height:83px; background:url(../img/footer_bg.jpg) repeat-x;}
.footer_text{ text-align:center; color:#ADADAD; padding-top:29px;}
/* �?�?� end*/