/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

    top: 0;

    right: 0;

    left: 0;

    min-width: 1180px; background:#fff;
	border-bottom: 1px solid #f2f2f2;box-shadow: 0 3px 6px #eee;

}



/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

    padding-right: 0;

    padding-left: 0;

    width: 1200px;

}







.navbar-wrapper .navbar .container {

    width:1200px; padding:0px;

}



.navbar-inverse {

    background-image: -webkit-linear-gradient(top, #ffffff 0%, #fff 100%);

    background-image: -o-linear-gradient(top, #ffffff 0%, #fff 100%);

    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fff));

    background-image: linear-gradient(to bottom, #ffffff 0%, #fff 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

    background-repeat: repeat-x;

    border: none;

    background-color:#fff;

}



.navbar-header {

    display: inline;

    float: left;

}



.navbar-brand {

    margin-top: 8px;

    margin-bottom: 20px; padding-left:12px; padding-right:22px;

}



@media (min-width: 768px) {

    .navbar>.container .navbar-brand {

        margin-left: 0px;

    }

}



.nav {

    padding-left: 20px;

    display: inline;

    float: left;

    margin: 0 0;

}



.nav > li {

    width: 102px;

    display: inline;

    float: left;

}



.nav > li > a {

    padding: 31px 0px;

}



.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .active > a {

    background-image: none;

    color: #5885df;

    background-color: #e1e1e3;

    background-repeat: repeat-x;

    border: none;

    box-shadow: none;

}



.navbar-inverse .navbar-nav > li > a {

    color: #666;

    font-size: 16px;

    line-height: 1.42857143;

    text-shadow: none;

    text-align: center;

}



.navbar-inverse .navbar-nav > li > a:hover,

.navbar-inverse .navbar-nav > li > a:focus {

    color: #5885df;

    background-color: #e1e1e3;

}



.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus {

    color: #5885df;

    background-color: #e1e1e3;

}



.navbar-wrapper .container .city {

    box-sizing: border-box;

    position: relative;

    font-size: 16px;

    color: #666; margin:33px 0 0 30px;



    float: left;

    height: 25px;

    border-left: 1px solid #d6d6d6;

    line-height: 24px;

}



.navbar-wrapper .container .city .J_city {

    cursor: pointer;

    overflow: hidden;

    float: left;

}



.navbar-wrapper .container .city #J_city_show {text-align:left; display:inline-block; padding:0 45px 0 40px; height:30px;}



.navbar-wrapper .container .city .J_hotcity {

    color: #076fa2;

    margin-left: 10px;

    cursor: pointer;

}



.navbar-wrapper .container .city .active-city {

    background: #ff5517;

    color: #fff !important;

}



.navbar-wrapper .container .city span {

    display: block;

    float: left;

}



.navbar-wrapper .container .city i {

    display: block;

    width:20px;

    height:15px;

    background:url(../img/ico_bg.png) no-repeat right -285px;

    margin-top: 0px;

    cursor: pointer;

    position: absolute;

    right:17px; top:5px;

}



.navbar-wrapper .container .city .city-open {

    position: absolute;

    top: 28px;

    z-index: 100000;

    width: 578px;

    border: 1px solid #e1e1e3;

    background: #fff;

    display: none; left:-1px; overflow:inherit;

}



.navbar-wrapper .container .city .city-wrap {

    width: 578px;

    position: relative;

}
.navbar-wrapper .container .city .city-wrap:before{ content:''; width:12px; height:8px; position:absolute; background:url(../img/header_em_bg.jpg) no-repeat; top:-7px; left:80px;}



.navbar-wrapper .container .city .area-box {


    background:none;

    padding: 10px 0px 20px 20px;line-height:28px;

}



.navbar-wrapper .container .city .area-box .hot-city {

    border-bottom: 1px solid #ededed;

    color: #777;

    padding-bottom: 10px;

    font-size: 12px; margin-right:10px;

}



.navbar-wrapper .container .city .area-box .hot-city .title {

    color: #777;

    margin-right: 15px;

}



.navbar-wrapper .container .city.area-box .hot-city .hot-item {

    color: #FF5719;

    margin-left: 10px;

    cursor: pointer;

}



.navbar-wrapper .container .city .area-box .area-city {

    margin-top: 10px;

    font-size: 12px;

}



.navbar-wrapper .container .city .area-box .area-city .area-line {

    float: left;

    width: 276px;

}



.navbar-wrapper .container .city .area-box .area-city .area-line .area {

    color: #777;

    padding-right: 15px;

    border-right: 1px solid #ededed;

    width: 22px; margin:0px;

}



.navbar-wrapper .container .city .area-box .area-city .area-line .province-item {

    margin-left: 15px;

    color: #333;

    cursor: pointer;

}



.navbar-wrapper .container .city .area-box .area-city .area-line .province-item:hover {

    color: #FF5719;

}



.navbar-wrapper .search {

    float: left;

    position: relative;

    z-index: 1005;

}



.navbar-wrapper .search .index-search {

    margin-top: 30px;

    margin-left: 0px;

    position: relative;

    float: left;

}



.navbar-wrapper .search .index-search.input-focusing .search-submit {

    opacity: 1;

    filter: alpha(opacity=100);

}



.navbar-wrapper .search .index-search .search-text {

    box-sizing: border-box;

    width: 196px;

    height: 32px;

    padding: 5px;

    padding-left:40px;

    color: #aaa; background:#E9E9E9;

    border:0px;

    font-size: 12px; border-radius:3px;

}



.navbar-wrapper .search .index-search .search-text:focus {

    border-color: #ccc; 

}



.navbar-wrapper .search .index-search .search-submit {

    display: inline-block;

    width: 35px;

    height: 32px;

    background: url(../images/search_new.png) no-repeat;

    background-position: 10px 8px;

    border: none;

    position: absolute;

    top: 0px;

    left: 0px;

    cursor: pointer;

    opacity: 0.85;

    filter: alpha(opacity=85);

}




.navbar-wrapper .userview {

    float: right;

    margin-right:0px;

}



.navbar-wrapper .userview .user {

    position: relative;

    float: right;

    margin-top: 35px;

    margin-right:20px;

    color: #666;

    cursor: pointer;

    font-size: 14px;

}



.navbar-wrapper .userview .contact {

    position: relative;

    float: right;

    margin-top: 22px;

    margin-right: 9px;

    color: #5885df;

    cursor: pointer;

    font-size: 17px;

}

.navbar-wrapper .userview a{ color:#666}



.navbar-wrapper .userview .panel {

    display: none;

    position: absolute;

    top: 75px;

    z-index: 100000;

    width: 240px;

    right: 0px;

    overflow: hidden;

    border: 1px solid #e1e1e3;

    border-radius: 0;

    background: #fff;

    min-height: 300px;

    margin-bottom: 0;

}



.navbar-wrapper .userview .panel .line1{

    height: 35px;

}



.navbar-wrapper .userview .panel .u-pic{

    display: block;

    width: 18px;

    height: 18px;

    background: url(../images/user.png) no-repeat;

    margin-top: 5px;

    cursor: pointer;

    position: absolute;

    left: 15px;

}



.navbar-wrapper .userview .panel span {

    position: relative;

    left: 42px;

    top: 3px;

}



.navbar-wrapper .userview .panel .login-button {

    width: 195px;

    height: 85px;

    margin: 0 auto;

    border-bottom: 1px solid #e1e1e3;

}



.navbar-wrapper .userview .panel .personal {

    border: 1px solid #e1e1e3;

    width: 90px;

    text-align: center;

    padding: 5px 0px;

    float: left;

    margin-top: 20px;

    text-decoration:none;

    color: #7b7b8f;

}



.navbar-wrapper .userview .panel .business {

    border: 1px solid #e1e1e3;

    width: 90px;

    text-align: center;

    padding: 5px 0px;

    float: left;

    margin-left: 15px;

    margin-top: 20px;

    text-decoration:none;

    color: #7b7b8f;

}



.navbar-wrapper .userview .panel .close{

    display: block;

    width: 25px;

    height: 25px;

    background: url(../images/close.png) no-repeat;

    margin-top: 10px;

    cursor: pointer;

    position: absolute;

    right: 10px;

}



.navbar-wrapper .userview .panel .dial1,

.navbar-wrapper .userview .panel .dial2,

.navbar-wrapper .userview .panel .dial3 {

    padding-top: 15px;

}



.navbar-wrapper .userview .panel .dial1 .dialcontent,

.navbar-wrapper .userview .panel .dial2 .dialcontent,

.navbar-wrapper .userview .panel .dial3 .dialcontent {

    width: 195px;

    margin:0 auto;

    border-bottom: 1px solid #e1e1e3;

}





.navbar-wrapper .userview .panel .dial-pic {

    display: block;

    width: 18px;

    height: 18px;

    background: url(../images/dial.png) no-repeat;

    margin-top: 5px;

    cursor: pointer;

    position: absolute;

    left: 15px;

}



.navbar-wrapper .userview .panel .dial-num {

    display: block;

    width: 112px;

    height: 13px;

    background: url(../images/dial_num.png) no-repeat;

    cursor: pointer;

    margin: 0 auto;

    margin-top: 15px;

    margin-bottom: 25px;

}



.navbar-wrapper .userview .panel .qq-pic {

    display: block;

    width: 22px;

    height: 22px;

    background: url(../images/qq.png) no-repeat;

    margin-top: 5px;

    cursor: pointer;

    position: absolute;

    left: 15px;

}



.navbar-wrapper .userview .panel .qq-num {

    display: block;

    width: 97px;

    height: 13px;

    background: url(../images/qq_num.png) no-repeat;

    cursor: pointer;

    margin: 0 auto;

    margin-top: 15px;

    margin-bottom: 25px;

}



.navbar-wrapper .userview .panel .weixin-pic {

    display: block;

    width: 18px;

    height: 18px;

    background: url(../images/weixin.png) no-repeat;

    margin-top: 5px;

    cursor: pointer;

    position: absolute;

    left: 15px;

}



.navbar-wrapper .userview .panel .weixin-num {

    display: block;

    width: 74px;

    height: 14px;

    background: url(../images/weixin_num.png) no-repeat;

    cursor: pointer;

    margin: 0 auto;

    margin-top: 15px;

    margin-bottom: 25px;

}



.area-box .hot-city a {

    color: black;

    cursor: pointer;

    display: inline-block;

    margin: 0 18px 6px 0;



}

.area-box .hot-city a:hover{ color: #FF5719;}



.city-box {

    text-decoration:none;

    background-color: #fff;

    border: 1px solid #ccc;

    padding: 15px 10px;

    position: absolute;

    width: 310px;

}



.city-item{

    text-decoration:none;

    color: black;

    font-size:12px;

    text-decoration:none;

    cursor: pointer;

    display: inline-block;

    margin: 0 10px 10px 0;

}



.search-popdiv {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #ccc;

    height: auto;

    left: 0px;

    position: absolute;

    top: 64px;

    width: 406px;

}
.search-popdiv ul{ padding:0px; margin:0px;}


.search-popdiv ul li {

    height: 25px;

    line-height: 25px;

    position: relative;

    list-style-type:none;

}
.search-popdiv ul .addbg{ background:#E9E9E9}


.search-popdiv ul li span {

    display: block;

    height: 25px;

    margin-right: 10px;

    position: absolute;

    right: 0;

    top: 0;

}



.search-popdiv ul a {

    display: block;

    font-size: 12px;

    height: 25px;

    line-height: 25px;

    padding: 0 10px;

}





.navbar-wrapper .container .navbar{ margin-bottom:0px;}

.navbar-wrapper .container .navbar .navbar-nav{padding-left:0;}

.navbar-wrapper .container .navbar .navbar-nav .active a{background:none;}

.navbar-wrapper .container .navbar .navbar-nav li:hover a{background-color:#fff;}





.sidbox{ width:40px; border:1px #ccc solid; position:fixed; right:0px; top:50%; background:#F7F7F7; display:none; z-index:900}

.sidbox .sidkf{ display:block; background:url(../images/sidico_bg.png) no-repeat -52px 8px; padding-top:30px; height:54px; border-bottom:1px #ccc solid; text-align:center; color:#333; font-size:12px;}

.sidbox .sidkf:hover{ background:#5885df url(../images/sidico_bg.png) no-repeat 12px 8px; color:#fff; text-decoration:none}

.sidbox .gotop{ display:block; height:40px; overflow:hidden; background:url(../images/sidico_bg.png) no-repeat -52px -47px; text-indent:-20em;}

.sidbox .gotop:hover{ background:#5885df url(../images/sidico_bg.png) no-repeat 12px -47px; }

.sid_fc{ position:absolute; width:180px; background:#fff; border:1px #DCDCDC solid; border-radius:4px; box-shadow:1px 1px 4px #ddd; top:-100px;left:-200px; line-height:36px; padding-bottom:15px;display:none}

.sid_fc em{ position:absolute; right:-30px; top:50%; border:15px solid transparent; border-left:15px solid #DCDCDC; margin-top:-18px;}

.sid_fc em:after{position:absolute; right:-11px; top:-13px; border:13px solid transparent; border-left:13px solid #fff; content:"";}

.sid_fc p{ padding-left:48px; margin:15px 0 0 0; font-size:16px; background:url(../images/sid_bg.jpg) no-repeat 20px 0;}

.sid_fc .p1{ background-position:20px 10px;}

.sid_fc .p2{ background-position:20px -67px;}

.sid_fc .p3{ background-position:20px -147px;}

.sid_fc .blue{ display:block; color:#5685DF}






/***s 小调查侧栏**/

/*.dc_sidbox{ position:fixed; width:182px; height:195px; background:url(../images/dc_bg_new.png) no-repeat; right:0px; top:120px; z-index:800}*/

.dc_sidbox .close{ width:30px; height:30px; display:block; margin:10px 10px auto auto;}

.dc_sidbox .link{ width:100%; height:140px; display:block; overflow:hidden; text-align:left; text-indent:-20em;}

/***e 小调查侧栏**/

/***2016.11.8 add 卖车侧边栏*****/
.sidcarbox{ position: absolute; right:0px; top:-120px; width:30px; height:110px;}
.sidcarbox a{ display:block; text-align:center; font-size:12px; line-height:16px; color:#fff; padding-top:25px; height:110px; background: url(../img/sidcar_bg_new.jpg) no-repeat 0 0;}
.sidcarbox a:hover{ text-decoration:none}
/***2016.11.8 add 卖车侧边栏*****/