@charset "utf-8";
/* CSS Document */
* {font-family:Microsoft YaHei; font-weight:normal;font-size:14px; margin:0px;}
a {text-decoration: none;}
a:hover{ color:#dd2727}

/*--menu--*/
.menu_inner menu li.normal_li a.active {color: #dd2727;}
.dd_container { background: rgb(255, 255, 255);width: 100%; overflow: hidden; min-width: 320px;  position: relative;}
.didi_menu {background: rgba(255, 255, 255, 1);left: 0px; top: 0px; width: 100%; z-index: 1000;position: fixed;}
.didi_menu_inner { position: relative;}
.menu_border {background: rgb(218, 37, 29);left: 0px; top: 80px; width: 100%;height: 1px; position: absolute;}
.menu_inner { margin: 0px auto; width: 100%; overflow: hidden; max-width: 1000px;}
.mt10 {margin-top: 25px;}
.left { float: left;}
.menu_inner menu { margin-top: 0px;margin-bottom: 0px;float: right;}
menu li { width: 100px; text-align: center;line-height: 80px; float: left; display: block; position: relative;}
menu li a {color: rgb(51, 51, 51); font-size: 16px; font-weight: 500;display: block;}

/*--banner--*/
#banner .dots li.active {background: rgb(255, 255, 255);opacity: 1;}
#banner ul { padding:0px;}
.banner1 img { width: 100%;text-align:center; margin:0 auto;}
.banner1 { margin: 0px auto;width:100%; background-color: rgb(255, 255, 255);}
/*--.img { border: 0px currentColor; border-image: none;}--*/
#banner ul li { margin: 0px;padding: 0px; cursor: pointer; height:auto !important;}
#banner .dots { margin: 0px auto; text-align: center;width: 100%; right: 0px;bottom: 40px;position: absolute;overflow: hidden;-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));}
#banner .dots li { margin: 0px 5px; border-radius: 6px; background:#FFF;transition: background 0.5s, opacity 0.5s; border-image: none; width: 40px; height: 3px; text-indent: -999em; display: inline-block; cursor: pointer; opacity: 0.4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s;}
.index_block_img { padding-top:20px;width: 1000px;margin: auto;}
.overflow-hid {overflow: hidden;}
.spe-col-padd-2 { padding: 0px;}
.col-lg-3 { width: 490px; float: left;}
.col-lg-3 font {position: absolute;width: 490px;height: 50px;color: #FFF; background: rgba(0, 0, 0, 0.6);margin-top: 200px;}
.col-lg-3 h1 {font-size:18px;line-height:48px;  float:left; margin-left:25px;}
.col-lg-3 p {font-size:12px;line-height:54px;  float:left; margin-left:8px;text-transform:uppercase; color:#eee;}
.index_block_img a.one_img {  background-image: url("../images/index_05.jpg");}
.index_block_img a { border-image: none; width: 100%; height: 250px; display: block;  background-repeat: no-repeat; background-color: rgb(235, 235, 235);}
.index_block_img img { width: 100%;}
.is_ie_hide { display: none;}
.spe-col-padd-2 { padding: 0px;}
.index_block_img a.four_img { background-image: url("../images/index_07.jpg");}

/*--cfjs--*/
.ma { margin: 0 auto;}
.wh1000 { width: 1000px;}
.ny_briefing { margin-bottom: 120px; margin-top:100px;}
.ny_briefing font {font-size:30px;}
.ny_briefing hr { margin-top:40px; border:none;border-top:1px solid #eee;}
.ny_briefing p { line-height:28px; margin-top:20px; color:#666}
.ny_briefing img { margin-bottom: 30px; margin-top:40px; margin-right:57px; }

/*--gnjs--*/
.gnjs { margin-bottom: 120px; margin-top:100px;}
.gnjs font {font-size:30px;}
.gnjs hr { margin-top:40px; border:none;border-top:1px solid #eee;}
.gnjs_01 p { line-height:28px; margin-top:52px; color:#666; width:460px;text-align:justify;}
.gnjs_01 { float:left; margin-left:35px; margin-bottom: 55px;}
.gnjs img { margin-top:40px; margin-right:5px;float:left; }

.none {
	display: none;
}
.block {
	display: block;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-align-l {
	text-align: left;
}
.text-align-r {
	text-align: right;
}




.fp-table.fp-section {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.section {
    background-position: left top;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
}
.fp-section {
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.fp-tableCell {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
}
.intro {
    width: 100%;
    position: relative;
}
.sec_sreen_check {
    padding: 0px;
}
.didi_mess_block {
    padding: 0px;
    margin-top: -60px;
}
.didi_mess_block {
    background: rgb(255, 255, 255);
    padding: 30px 0px;
    width: 100%;
    overflow: hidden;
}
.intro .pt30 {
    padding: 0px;
    margin-top: 50px;
}
.didi_block_inner {
    margin: 0px auto;
    width: 100%;
    max-width: 1000px;
}
.phone-driver-check {
    width: 50%;
    vertical-align: middle;
    position: relative;
    min-height: 1px;
}
.float-left {
    float: left;
}
.text-center {
    text-align: center;
}
.phone_check_title {
    display: none;
}

.btn_left {
    background-position: 50% 50%;
    top: 225px;
    width: 45px;
    height: 60px;
    display: block;
    position: relative;
    cursor: pointer;
    background-image: url("../images/left-gr.png");
    background-repeat: no-repeat;
    background-size: 16px 31px;
}
.btn_left:hover {
	background-image: url("../images/left-or.png");
}
.btn_right:hover {
	background-image: url("../images/right-or.png");
}
.is_ie_hide {
    display: none;
}
.mid_check {
    background-position: top;
    width: 271px;
    height: 556px;
    position: relative;
    background-image: url("../images/did-check-outer.png");
    background-size: 271px 556px;
}
.mid_check img.is_ie_hide {
    display: none;
}
.mid_check img {
    float: left;
    display: block;
}
.mid_check_box {
    left: 14px;
    top: 63px;
    width: 243px;
    height: 430px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
}
.mid_check .img_outer {
    width: 500%;
    height: 421px;
}
.img_outer {
    left: 0px;
    top: 0px;
    width: 610%;
    position: absolute;
}
.img_outer img {
    width: 243px;
}
.mid_check img {
    float: left;
    display: block;
}
.btn_right {
    background-position: 50% 50%;
    top: 225px;
    width: 45px;
    height: 60px;
    display: block;
    position: relative;
    cursor: pointer;
    background-image: url("../images/right-gr.png");
    background-repeat: no-repeat;
    background-size: 16px 31px;
}
.is_ie_hide {
    display: none;
}
.block-mess-cheked-side {
    width: 50%;
    text-align: left;
    overflow: hidden;
    padding-top: 70px;
}
.block_mess_each {
    height: 220px;
}
h4 {
    margin: 0px;
    padding: 0px;
}
.block_mess_each img {
    width: 100%;
}
.ie_btn_hide {
    display: block;
}
.icon_a.mess_icon_driver {
    background-position: 0px 0px;
    width: 60px;
}
.icon_b.mess_icon_driver {
    background-position: -79px 0px;
    width: 60px;
}
.icon_c.mess_icon_driver {
    background-position: -163px 0px;
    width: 60px;
}
.icon_d.mess_icon_driver {
    background-position: -242px 0px;
    width: 60px;
}



.active.icon_a.mess_icon_driver {
    background-position: 0px 0px;
    background-image: url("../images/driver-icon-hover.png");
}
.active.icon_b.mess_icon_driver {
    background-position: -79px 0px;
    background-image: url("../images/driver-icon-hover.png");
}
.active.icon_c.mess_icon_driver {
    background-position: -163px 0px;
    background-image: url("../images/driver-icon-hover.png");
}
.active.icon_d.mess_icon_driver {
    background-position: -242px 0px;
    background-image: url("../images/driver-icon-hover.png");
}

.mess_icon_driver {
    width: 39px;
    height: 44px;
    margin-right: 43px;
    float: left;
    display: block;
    background-image: url("../images/driver-icon.png");
    background-repeat: no-repeat;
    background-size: 289px 47px;
}





/*--footer--*/
.footer { background-color: #2e2e2e; height: 60px;  font-size: 12px;  margin-top: 70px;}
.footer_font { color: #CCC; text-align: center;  padding-top: 24px;}
.footer_font span { margin-left: 20px;}

.didi_footer {
    position: absolute;
    bottom: 0px;
    top: auto;
    width: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 70px;
    color:#CCC;;
    background-color: #2e2e2e;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 980px 1px;
}
.didi_footer span { margin-left: 20px;}
.didi_footer {
    margin: 80px auto 0 auto;
    line-height: 60px;
}