@media (min-width: 1200px) {
    .container {
        width: 1240px;
    }
}

@keyframes rotate {
    from {
        transform-origin: center;
        transform: rotate(0);
    }

    to {
        transform-origin: center;
        transform: rotate(180deg);
    }
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
#carousel-main .carousel-inner>.item>img,
#carousel-main .carousel-inner>.item>a>img {
    width: 100%;
}

.rotate {
    animation: rotate .3s 1;
    animation-fill-mode: forwards;
}

.animate-box {
    opacity: 0;
}

a,
a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #23ac38;
    -webkit-font-smoothing: initial;

}

.divider {
    height: 1px;
    background: #e5e5e5;
}

.btn-white {
    background: #ffffff;
    border: none;
    border-radius: 5px;
    width: 150px;
    height: 40px;
    color: #23ac38;
    font-size: 22px;
    letter-spacing: 1px;
}

/* right bar */
.right-bar {
    position: fixed;
    top: 26%;
    right: 0;
}

.right-bar .item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #23ac38;
    margin-bottom: 3px;
    position: relative;
}

.right-bar .item:hover {
    cursor: pointer;
}

.right-bar .item .itemR {
    z-index: 10;
    cursor: pointer;
}

.right-bar .item .itemR .icon {
    width: 24px;
}

.right-bar .item .arrow {
    width: 32px;
}


.right-bar .itemL {
    z-index: 9;
    position: absolute;
    width: 110px;
    height: 110px;
    transform: translateX(-50px);
    transition: all .4s;
    right: 0;
    top: 0;
    opacity: 0;
    display: none;
}

.right-bar .itemL .qrcode {
    width: 110px;
}

.right-bar .itemL.tel {
    width: 110px;
    height: 50px;
    background: #ffffff;
    border-right: 3px;
    padding: 4px 8px;
    font-size: 14px;
}

.right-bar .item:hover>.itemL {
    opacity: 1;
    display: block;
    z-index: 100;
}


@media (min-width: 1600px) {
    .right-bar .item .itemR {
        display: none;

    }

    .right-bar .itemL {
        transform: translateX(0px);
        opacity: 1;
        display: block;
    }

    .right-bar .item:last-child {
        margin-top: 65px;
    }
}

/* 联系方式 */
.contact-bar {
    height: 90px;
    background: #23ac38;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.contact-bar a:hover,
.contact-bar a:link {
    color: #ffffff;
}

.contact-bar .left {
    width: 20%;
}

.contact-bar .left span,
.contact-bar .right span {
    display: inline-block;
}

.contact-bar .middle {
    width: 60%;
}

.contact-bar .middle .form-group {
    margin-bottom: 0;
    position: relative;
}

.contact-bar .middle .form-control {
    background: #e0f3e3;
    border: none;
    box-shadow: none;
    height: 30px;
}

.contact-bar .middle .input-wrap .row:first-child {
    margin-bottom: 12px;
}

.contact-bar .middle .help-block {
    position: absolute;
    top: 26px;
    left: 0;
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 12px;
}

.contact-bar .middle .btn-success {
    background: #ffffff;
    border: none;
    box-shadow: none;
    height: 70px;
    color: #23ac38;
    font-size: 24px;
}

.contact-bar .right {
    width: 20%;
}

.contact-bar .content {
    height: 133px;
    background: #23ac38;

}

/* 导航 */
.page-nav {
    height: 92px;
    margin-bottom: 0;
    position: relative;
    /* display: table-cell;
    vertical-align: middle; */
    /* display: flex;
    align-items: center; */
}

.page-nav .container {
    padding-top: 21px;
}

.page-nav .icon-collspse {
    width: 68px;
}

.page-nav .nav>li>a:hover,
.page-nav .nav>li>a:focus {
    text-decoration: none;
    background-color: #ffffff;
}

.navbar-nav>li:last-child>a {
    padding-right: 0;
}

.page-nav .navbar-brand {
    padding: 0;
}

.page-nav .logo {
    width: 300px;
    margin-left: 20px;
}

.page-nav a {
    font-size: 20px;
    color: #08080e
}

.page-nav a:focus,
.page-nav a:hover {
    color: #23ac38;
    text-decoration: none;
}

.page-nav li.active {
    color: #23ac38;
}

/* 轮播 */
.carousel {
    position: relative;
}

.carousel-control {
    width: 75px;
    height: 75px;
    margin-top: 100px;
    text-align: center;
    line-height: 78px;
    display: inline-block;
}

.carousel-control.left,
.carousel-control.right {
    background: #eeeeee;
    color: #666666;
    font-size: 30px;
}

.carousel-extra-content {
    position: absolute;
    bottom: 26px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
}

.carousel-extra-content p {
    margin: 0;
}

.carousel-extra-content .item {
    padding: 0px 50px;
    flex: 1;
    height: 178px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* height: 11.6em; */
}

.carousel-extra-content .item a {
    color: #ffffff;
}

.carousel-extra-content .item .title {
    font-size: 50px;

}

.carousel-extra-content .item:first-child {
    margin-right: 16px;
}

.carousel-extra-content .item:last-child {
    margin-left: 16px;
}

/* main content */
.icon-wrap {
    width: 106px;
    height: 106px;
    border: 4px solid #999999;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
}

.icon-wrap img {
    width: 75px;
    height: 75px;
}

.section-wrap {
    padding: 135px 0;
}

.section-title {
    font-size: 60px;
}

.section-extra-title {
    font-size: 30px;
    padding-top: 12px;
}


/* 为什么选择领先租车 */
.reason-wrap .item p {
    margin: 0;
}

.reason-wrap .item .reason-extra-title {
    margin-top: -6px;
}

.reason-wrap .item .reason-icon {
    width: 105px;
    margin-right: 16px;
}

.reason-wrap .col .item:first-child {
    margin: 85px 0 90px 0;
}

/* 优质服务 */
.service-wrap .item:nth-of-type(1) {
    color: #333333;
    overflow: hidden;
    display: block;
}

.service-wrap .item:hover {
    box-shadow: 0 0 20px #e1e1e1;
}

.service-wrap .item:hover img {
    transform: scale3d(1.05, 1.05, 1.05);
}

.service-wrap .item img {
    transition: all .6s;
}

.service-wrap .item .content {
    padding: 22px 0;
}

.service-wrap .item h3 {
    margin: 0;
}

/* 多种车型 */
.vehicle-model-wrap .service-tags span {
    width: 33px;
    height: 33px;
    display: inline-block;
    background: #23ac38;
    border-radius: 4px;
    border: 2px solid #0097f0;
    text-align: center;
    line-height: 33px;
    color: #ffffff;
    font-size: 24px;
}

.vehicle-model-wrap .model-desc {
    list-style: none;
    width: 70%;
    margin: 0 auto;
}

.vehicle-model-wrap .model-desc li {
    flex: 1;
}

.vehicle-model-wrap .carousel-inner>.item>img {
    margin: 0 auto;
}

/* 常见问题 */
.question-list {
    border: 1px solid #e6e6e6;
    font-size: 24px;
}

.question-title-col {
    width: 42.5%;
}

.question-title-col .item {
    background: #ffffff;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #fafafa;
}

.question-title-col a {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 15px 40px;
}

.question-title-col a:active,
.question-title-col a:link,
.question-title-col a:visited {
    color: #23ac38;
}

.question-title-col .item:hover {
    cursor: pointer;
}

.question-title-col .item:first-child {
    border-top: none;
}

.question-title-col .item:last-child {
    border-bottom: none;
}

.question-title-col .item.active {
    background: #f6f7f9;
    border-right: none;
}

.question-content-col {
    width: 57.5%;
    background: #f6f7f9;
    padding: 62px;
    position: relative;
}

.question-content-col .help {
    position: absolute;
    bottom: 8px;
}
/*首页公司动态*/

.news-warp li {
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5;
}

.news-warp li:last-child {
    border: none;
}

.news-warp li a {
    height: 3em;
    display: block;
    line-height: 1.6em;
    color: #666;
}
.news-warp li a:hover {
    color: #23ac38;
}

/* 客户 */
.customer-wrap {
    height: 195px;
}

/* 热门城市 */
.hot-city-wrap .city-list-header {
    height: 60px;
    line-height: 60px;
}

.hot-city-wrap .icon-up {
    transition: all .4s;
}

.hot-city-wrap .city-list {
    padding: 30px 0;

}

.hot-city-wrap .city-list a {
    color: #666666;
    padding: 10px 0;
    display: inline-block;
    letter-spacing: -1px;
}

.hot-city-wrap .city-list a:hover {
    color: #23ac38;
}
/* 友情链接 flink */
.flink {
    padding: 6px 0;
}
.flink a {
    color: #666666;
}
/* footer */
.footer {
    padding: 26px 0;
}

.footer .col-left,
.footer .col-right {
    padding: 0;
}

.footer .qrcode {
    width: 133px;
    margin-left: -8px;
}

/* .footer a */
.footer a:not(.tel) {
    color: #666666;
    display: block;
    padding-bottom: 10px;
}

.footer .tel {
    display: inline-block;
    padding: 20px 0;
}

.footer a:hover {
    color: #23ac38;
}

.footer .col>a {
    color: #333333;
    padding-bottom: 20px;
}

.footer .col .list-col {
    padding-right: 45px;
}

.footer .col .list-col:last-child {
    padding-right: 0;
}

.footer-portal,
.footer-portal:hover,
.footer-portal:link {
    color: 999999 !important;
}

.footer-mod {
    display: inline-block;
    width: 19px;
    height: 19px;
    background-image: url(../images/footer-portal.png);
    background-size: 100% 100%;
    display: inline-block;
    transform: translateY(4px);
}

/* 版权 */
.copyright {
    height: 54px;
    line-height: 54px;
}


/* 新闻 */
.news-list {
    padding: 100px 0 135px 0;
}

.news-item {
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.news-item:last-child {
    border: none;
}

.news-item .news-title a {
    color: #333333;
}

#news-view .news-item:first-child .news-title {
    margin-top: 0;
}

.news-item .news-title:hover a {
    color: #23ac38;
}

.news-item .news-desc {
    line-height: 1.8;
    padding-top: 6px;
}

.news-item .more img {
    padding-left: 8px;
    width: 36px;
}

/* 招聘 */
.recruit {
    padding: 90px 0 150px 0;
}

.recruit-header {
    padding: 0 75px;
    height: 52px;
    line-height: 52px;
}

.recruit-header tr {
    padding: 0 75px;
}

.recruit #accordion .panel-heading {
    background: #f6f7f9;
    height: 82px;
    padding: 0 75px;
}

.recruit .panel-collapse {
    padding: 0px 75px;
    background: #f6f7f9;
}

.recruit .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #e5e5e5;
    padding: 15px 0 30px 0;
}

.recruit #accordion .panel-title {
    line-height: 82px;
}

.recruit .panel-group .panel+.panel {
    margin-top: 10px;
    border: none;
    box-shadow: none;
}

/* 服务体系 */
/* 常见问题 */
.fwtx .fwtx-content-wrap {
    padding: 80px 0 150px 0;
}

.fwtx .nav-header {
    padding: 26px 34px;
    border: 1px solid #d2d2d2;
    border-bottom: none;
}

.fwtx .nav {
    border: 1px solid #d2d2d2;
}

.fwtx .nav>li {
    border-bottom: 1px solid #d2d2d2;
}

.fwtx .nav>li:hover a {
    color: #23ac38;
}

.fwtx .nav>li>a {
    color: #333333;
    padding: 15px 35px;
}

.fwtx .nav>li.active a {
    color: #23ac38;
}

.fwtx .nav>li:last-child {
    border: none;
}

.faq .panel-group .panel {
    background: #f6f7f9;
}

.faq .panel-group .panel-heading {
    height: 80px;
    padding: 0 30px;
    line-height: 80px;
    color: #333333;
}

.faq .panel-group .panel-heading:hover {
    color: #23ac38;
}

.faq .panel-group .panel-title {
    line-height: 80px;
}

.faq .panel-body {
    border-top: 1px solid #e5e5e5;
    padding: 18px 0;
}

.faq .panel-group .panel+.panel {
    margin-top: 10px;
    border: none;
    box-shadow: none;
}

.faq .panel-collapse {
    margin: 0 30px;
}

/* 用车指南 */
.yczn .nav-header {
    padding: 26px 34px;
    border: 1px solid #d2d2d2;
    border-bottom: none;
}

.yczn .nav {
    border: 1px solid #d2d2d2;
}

.yczn .nav>li {
    border-bottom: 1px solid #d2d2d2;
}

.yczn .nav>li:hover a {
    color: #23ac38;
}

.yczn .nav>li>a {
    color: #333333;
    padding: 15px 35px;
}

.yczn .nav>li.active a {
    color: #23ac38;
}

.yczn .nav>li:last-child {
    border: none;
}

/* 车型报价 */
.vehicle-guide .filter-wrap {
    border: 1px solid #d2d2d2;
}

.vehicle-guide .filter-wrap .model {
    height: 130px;
}

.vehicle-guide .filter-wrap .condition-name {
    width: 110px;
    font-size: 30px;
}

.vehicle-guide .filter-wrap a {
    min-width: 72px;
    padding: 0 22px;
    text-align: center;
    font-size: 22px;
    color: #666666;
}

.vehicle-guide .filter-wrap a.active {
    color: #23ac38;
}

.vehicle-guide .filter-wrap a:hover {
    color: #23ac38;
}

.vehicle-guide .filter-wrap .row:not(:first-child) {
    border-top: 1px solid #d2d2d2;
}

.vehicle-guide .list-view {
    padding: 30px 0 150px 0;
    overflow: hidden;
}

.vehicle-guide .list-view .item {
    padding: 25px 35px;
}

.vehicle-guide .list-view .item-top {
    border-bottom: 1px solid #e5e5e5;
}


.vehicle-guide-detail {
    padding: 80px 0 150px 0;
}

.vehicle-guide-detail .vehicle-detail-title {
    height: 54px;
    border-bottom: 1px solid #e5e5e5;
}

.vehicle-guide-detail .vehicle-cover,
.vehicle-guide-detail .vehicle-desc {
    height: 460px;
    position: relative;
}

.vehicle-guide-detail .vehicle-cover img {
    width: 75%;
    margin: 0 12.5%;
    padding-top: 60px;
}

.vehicle-guide-detail .price-content-extra {
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    border-bottom: 1px solid #e5e5e5;
}

/* 城市用车 */
.store {
    padding: 32px 0 150px 0;
}

.store .part {
    padding: 24px 30px;
}

.store .part-header {
    padding-bottom: 20px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}

.store ul li {
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.store ul li:last-child {
    border: none;
}

.store ul li a {
    color: #333333;
}

.store ul li a:hover {
    color: #23ac38;
}

.contact-panel p {
    margin: 0;
}

.contact-panel a:hover {
    color: #ffffff;
}

.contact-panel .col {
    padding-bottom: 12px;
    box-sizing: border-box;
}

.contact-panel .row .col:first-child {
    padding-right: 7px;
}

.contact-panel .row .col:last-child {
    padding-left: 7px;
}

.contact-panel .item {
    height: 90px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: #23ac38;
}

.pagination>li>a,
.pagination>li>span {
    color: #23ac38;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #23ac38;
    border-color: #23ac38;
}

@media (max-width: 1440px) {
    .section-wrap {
        padding: 80px 0;
    }

    .section-title {
        font-size: 44px;
    }

    .section-extra-title {
        font-size: 24px;
        padding-top: 8px;
    }

    .carousel-extra-content .item {
        padding: 28px 40px;
        flex: 1;
        height: 10.6em;
    }

    .carousel-extra-content .item .title {
        font-size: 44px;
    }


    .reason-wrap .item .reason-icon {
        width: 95px;
        margin-right: 12px;
    }

    .contact-bar {
        height: 90px;
        background: #23ac38;
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    .contact-bar .content {
        height: 90px;
    }

    .btn-white {
        font-size: 24px;
    }
}

@media (max-width: 1280px) {
    .page-nav .logo {
        width: 270px;
        height: 42px;
    }

    .carousel-extra-content {
        width: 1100px;
    }
}

@media (min-width: 992px) {}


@media (max-width: 768px) {
    .font20 {
        font-size: 14px;
    }

    .font24 {
        font-size: 14px;
    }

    .font30 {
        font-size: 16px;
    }

    .font36 {
        font-size: 18px;
    }

    .font40 {
        font-size: 22px;
    }

    .pt50 {
        padding-top: 25px;
    }

    .pt100 {
        padding-top: 40px;
    }

    .btn-white {
        font-size: 18px;
    }

    .page-nav {
        height: 84px;
    }

    .page-nav .container {
        padding-top: 13px;
    }

    .page-nav #page-navbar-collapse {
        z-index: 100;
        position: absolute;
        top: 82px;
        width: 66%;
        right: 0;
        background: #23ac38;
        padding: 0;
        box-sizing: border-box;
        margin: 0;
    }

    #page-navbar-collapse .navbar-nav {
        margin: 25px;
    }

    .page-nav #page-navbar-collapse li {
        padding: 6px 0;
        border-bottom: 1px solid #ffffff;
    }

    .page-nav #page-navbar-collapse a {
        color: #ffffff;
        font-size: 20px;
    }

    .page-nav #page-navbar-collapse .qrcode {
        width: 90px;
        height: 90px;
        margin-left: calc(50% - 45px);
    }

    .page-nav .nav>li>a:hover,
    .page-nav .nav>li>a:focus {
        text-decoration: none;
        background: none;
    }

    .page-nav .logo {
        width: 120px;
        margin-top: 12px;
    }

    .section-wrap {
        padding: 30px 0;
    }

    .section-title {
        font-size: 24px;
        margin: 0;
    }

    .section-extra-title {
        font-size: 14px;
        padding-top: 5px;
    }

    .carousel-extra-content {
        width: 88%;
        margin: 0 6%;
    }

    .carousel-extra-content .item {
        padding: 10px;
        flex: 1;
        height: 64px;
    }

    .carousel-extra-content .item:first-child {
        margin-right: 5px
    }

    .carousel-extra-content .item:last-child {
        margin-left: 5px;
    }

    .carousel-extra-content .item .title {
        font-size: 16px;
        margin: 0;
    }

    .carousel-extra-content .item .font24 {
        font-size: 12px;
    }

    .reason-wrap .col .item:first-child {
        margin: 25px 0 25px 0;
    }

    .reason-wrap .item .reason-icon {
        width: 58px;
        margin-right: 0;
        margin-bottom: 8px;
    }

    .reason-wrap .reason-title {
        padding-bottom: 5px;
    }

    .vehicle-model-wrap .carousel-control.left,
    .vehicle-model-wrap .carousel-control.right {
        font-size: 22px;
    }

    .vehicle-model-wrap .carousel-control {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }

    .vehicle-model-wrap .model-desc h3 {
        font-size: 20px;
    }

    .vehicle-model-wrap .service-tags span {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }

    .service-wrap .item h3 {
        font-size: 14px;
    }

    .question-list {
        font-size: 16px;
    }

    .question-list .help {
        font-size: 12px;
    }

    .question-title-col a {
        padding: 15px;
    }

    .question-content-col {
        padding: 20px 20px 50px 20px;
        word-break: break-all;
    }

    .customer-wrap {
        height: 58px;
    }

    .customer-wrap li img {
        max-width: 52px;
    }

    .contact-bar {
        height: 56px;
        line-height: 56px;
        font-size: 18px;
    }

    /* footer */
    .footer .col-left {
        text-align: center;
    }

    .footer .qrcode {
        width: 100px;
    }

    .footer .tel {
        padding-top: 0;
    }

    .footer a {
        font-size: 14px;
    }

    /* 车型报价 */
    .vehicle-guide .filter-wrap .condition-name {
        width: 60px;
        font-size: 26px;
        writing-mode: tb-rl;
    }

    .vehicle-guide .filter-wrap a {
        min-width: 50px;
        padding: 0 10px;
        writing-mode: tb-rl;
    }

    /* 用车指南 */
    .news-list {
        padding: 30px 15px 35px 15px;
    }

    .news-list #news-view {
        padding-top: 20px;
    }


    /* 社会招聘 */
    .recruit-header {
        padding: 0 15px;
    }

    .recruit #accordion .panel-heading {
        padding: 0 15px;
        display: flex;
        align-items: center;
    }

    .recruit #accordion td {
        line-height: 20px;
    }

    .recruit {
        padding: 30px 0 50px 0;
    }
}