﻿body {
    font-family: "微软雅黑","avenir",Arial;
    min-width: 360px;
    padding:0;
}
[class^="section"], [class*=" section"] {
     margin: 0 auto 0px auto;
}
.main {
    margin: 0 auto;
    padding-bottom: 100px;
    overflow: hidden;
}
.header .m_other_nav {
     display:none;
}
.navTitle {
    max-width: 1600px;
    margin: 0 auto;
    background-color: #f8f8f8;
    height: 60px;
}

.titleF {
    width: 180px;
    height: 60px;
    background-color: #3839a2;
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    text-align: center;
}

.banner {
    max-width: 1600px;
    position: relative;
    margin: 0 auto;
}

.bannerImg {
    width: 100%;
}

.arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 18px;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
    -webkit-animation: sdb05 1.3s infinite;
    z-index: 100;
}

.sectionCarItem {
    max-width: 100em;
    position: relative;
    margin: 0 auto;
}

.sectionCarTitle, .financeTitle, .taxTitle {
    text-align: center;
    font-size: 32px;
    color: #747474;
    margin-top: 20px;
}

.carItem {
    width: 100%;
    position: relative;
}

#carSwiper {
    width: 52.5%;
    background-color: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8.547em 0 0 -26.25%;
}

    #carSwiper .swiperBtn, .slider-nav {
        display: none;
    }

.swiper-slide {
    width: 100%;
}

    .swiper-slide img {
        width: 100%;
    }

.preview {
    width: 90%;
    margin: 0 auto;
    margin-top: 26px;
    width: 100%;
    padding: 0 4.4%;
    overflow:hidden;
}

    .preview li {
        float: left;
        width: 20%;
        /*height: 107px;*/
    }

.financeContent {
    overflow: hidden;
    max-width: 1600px;
    margin: 30px auto 0 auto;
}

.financeLeft {
    float: left;
    width: 60.75%;
}

.financeLineLine {
    height: 85px;
    overflow: hidden;
    padding-right: 4%;
}

.rateBtn {
    float: left;
    width: 29.835%;
    position: relative;
    border: 1px solid #b3b3b3;
    /*cursor:pointer;*/
}

.cursor {
    cursor: pointer;
}

.rateBtn img {
    width: 100%;
}

.other img {
    opacity: 0;
}

.rateInfo {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: 20px;
    margin-top: -17px;
    font-size: 26px;
    color: #747474;
}

.current {
    background-color: #3839a3;
    border: none;
}

    .current .rateInfo {
        color: #fff;
    }

.gray {
    display: block;
}

.white {
    display: none;
}

.current .gray {
    display: none;
}

.current .white {
    display: block;
}

.other .rateInfo {
    margin-left: 0;
    text-align: center;
}

.threeYear {
    margin: 0 5.15%;
}

.financeItem {
    margin-top: 40px;
}

.financeInfo {
    overflow: hidden;
}

.financeInfoLeft {
    float: left;
    width: 23.97%;
    margin-left: 5.15%;
    margin-right: 4%;
    margin-top: 18px;
}

.financeIcon, .financeIcon img {
    width: 100%;
}

.financeIcon {
    margin-top: 50px;
}

.financeInfoRight, .lineName, .lineInfo {
    float: left;
}

.financeInfoRight {
    width: 66.8%;
}

.financeLine {
    overflow: hidden;
    padding-top: 30px;
    padding-right: 6%;
}

.lineName {
    width: 23.66%;
    line-height: 60px;
    font-size: 18px;
    color: #747474;
}

.lineInfo {
    width: 76.02%;
    position: relative;
}

.selectItem {
    width: 100%;
    height: 60px;
    border: 1px solid #b5b5b5;
}

.carSection, .brank {
    width: 100%;
    height: 100%;
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    background: url('/impublic/tools/images/finance/sanjiao.png') no-repeat right center;
    font-size: 18px;
    color: #3a40a3;
    border: none;
    padding-left: 3%;
    font-family: "Microsoft YaHei";
}

select::-ms-expand {
    display: none;
}

.paymentsItem, .termItem {
    width: 100%;
    background-color: #a9a9a9;
    height: 9px;
    margin-top: 25px;
    position: relative;
}

.paymentsBlue, .termBlue {
    height: 100%;
    background-color: #3a40a3;
}

.paymentsIcon, .termIcon {
    width: 28px;
    height: 34px;
    background-image: url('/impublic/tools/images/finance/payIcon.png');
    background-size: 100% 100%;
    position: absolute;
    top: -15px;
    left: -3px;
}

.paymentInfo, .termInfo {
    font-size: 18px;
    color: #3a40a3;
    position: absolute;
    top: -18px;
}

.price {
    width: 100%;
    height: 100%;
    text-align: center;
    color: #3a40a3;
    border: none;
    font-family: Arial;
    font-size: 18px;
}

.termInfo {
    width: 100%;
}

.termNumb {
    float: left;
}

.termNumb {
    position: absolute;
}

    .termNumb:nth-child(1) {
        left: -2%;
    }

    .termNumb:nth-child(2) {
        left: 22%;
    }

    .termNumb:nth-child(3) {
        left: 47%;
    }

    .termNumb:nth-child(4) {
        left: 72%;
    }

    .termNumb:nth-child(5) {
        left: 97%;
    }

.financeRight {
    width: 38.75%;
    float: right;
}

.rightTitle {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #747474;
    height: 36px;
}
.leftTitle {
    width: 100%;
    text-align: center;
    font-size: 26px;
    color: #747474;
    height: 36px;
}

.financeRightItem {
    padding-top: 22px;
}

.financeRightLine {
    /*margin-top: 30px;*/
    height: 53px;
    line-height: 70px;
    overflow: hidden;
    /*padding-bottom: 10px;*/
    border-bottom: 1px solid #a9a9a9;
    color: #909090;
    font-size: 120%;
}

.lineNameItem {
    float: left;
    width: 21.96%;
}

.rightLineName {
    float: left;
    width: 94.96%;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;
    color: #747474;
}

rightLineName > span {
    display: inline-block /* Opera */;
    padding-left: 100%;
}

.rightLineInfo {
    float: right;
}

.financeInfoRight .financeLine:last-child {
    color: #909090;
    font-size: 16px;
    padding-top: 23px;
}

.financeRightItem .financeRightLine:last-child {
    border: none;
    font-size: 16px;
    padding-bottom: 0;
}

.carTax {
    margin-top: 50px;
    background-color: #f8f8f8;
}

    .carTax .taxTitle {
        padding-top: 40px;
    }

.reference {
    width: 48.25%;
    height: 70px;
    line-height: 70px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin: 30px auto;
    background-color: #3839a3;
}

.taxItem {
    max-width: 100em;
    margin: 0 auto;
    overflow: hidden;
}

    .taxItem .taxBlock:last-child {
        margin-right: 0;
    }

.taxBlock1 {
    background: url('/impublic/tools/images/finance/tax_1.png') no-repeat;
}

.taxBlock2 {
    background: url('/impublic/tools/images/finance/tax_2.png') no-repeat;
}

.taxBlock3 {
    background: url('/impublic/tools/images/finance/tax_3.png') no-repeat;
}

.taxBlock4 {
    background: url('/impublic/tools/images/finance/tax_4.png') no-repeat;
}

.taxBlock {
    width: 24.06%;
    height: 480px;
    background-color: #3839a3;
    float: left;
    margin-right: 1.25%;
    box-sizing: border-box;
    background-position: center top;
    color: #fff;
}

.taxContent {
    margin-top: 12em;
}

.taxLine {
    text-align: center;
    font-size: 22px;
}

.taxInfo {
    text-align: center;
    line-height: 36px;
    margin-top: 20px;
}

.taxPrice {
    text-align: center;
    margin-top: 34px;
}

.taxInput, .taxInput2 {
    width: 54.54%;
    height: 60px;
    margin: 50px auto 0 auto;
}

.licensingFee, .displacementPirce {
    width: 100%;
    height: 100%;
    color: #3a3ca9;
    border: none;
    text-align: center;
    font-size: 16px;
}

.displacementPirce {
    background-color: #fff;
    line-height: 60px;
}

.taxSelect {
    width: 54.54%;
    height: 60px;
    margin: 10px auto 0 auto;
    position: relative;
}

    .taxSelect span {
        float: left;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 60px;
        color: #3a3ca9;
        background-color: #fff;
    }

.displacement {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    border: none;
    z-index: 10;
}

.blueDown {
    position: absolute;
    top: 24px;
    right: 10px;
    background-image: url('/impublic/tools/images/finance/blue.png');
    width: 18px;
    height: 10px;
}

.taxInput2 {
    margin-top: 16px;
}

.insurance {
    text-align: center;
    margin-top: 110px;
}

.payItem {
    margin-top: 60px;
    text-align: center;
    display: block;
}

.pay {
    font-size: 22px;
    color: #747474;
}

.payNumb {
    color: #3a3ca9;
}

.payInfo {
    color: #8e8e8e;
    margin-top: 14px;
}

.taxBtnItem {
    /*width: 49.375%;*/
    margin: 30px auto 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
    text-align: center;
}

.taxBtn {
    width: 15.51%;
    padding: 20px 0;
    text-align: center;
    display: inline-block;
    background-color: #3a3ca9;
    color: #fff;
    margin-right: 0;
    cursor: pointer;
}

#drive {
    margin: 0 28px;
}

.taxBtn img {
    width: auto;
    display: inline-block;
}

.taxBtn span {
    margin-left: 10%;
}

#mtBanner, .mtInfo, .mtProblem, .mtFinance, .loanContent, .mtItem, .mtBanner {
    display: none;
}

.mtSection {
    height: 0;
    position: relative;
    overflow: hidden;
}

.financeContent, .carTax {
    padding: 0 2%;
}

.pcSection {
    display: block;
}

.slider.slider-horizontal {
    width: 100%;
    margin-top: 23px;
}

    .slider.slider-horizontal .slider-track {
        background: none;
        background-color: #3a40a3;
        border-radius: 0;
    }

.slider-selection {
    background: none;
    background-color: #b5b5b5;
    border-radius: 0;
    box-shadow: none;
}

.slider.slider-horizontal .slider-handle {
    width: 28px;
    height: 34px;
    background: none;
    background-image: url(/impublic/tools/images/finance/payIcon.png);
    background-size: 100% 100%;
    position: absolute;
    top: -10px;
    left: -3px;
    margin-left: -10px;
}

.tooltip {
    position: absolute;
    left: 0;
    margin-left: 0;
    color: #3a40a3;
    font-size: 16px;
}

.slider .tooltip.top {
    margin-top: -48px;
}

.ask {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.ask_txt {
    width: 260px;
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
    background: #fff;
    color: #8e8e8e;
    position: absolute;
    left: 50%;
    margin-left: -167px;
    top: 34px;
    border: 1px solid #3a40a2;
    text-align: left;
    z-index: 10;
    display: none;
}

    .ask_txt:after {
        content: "";
        width: 0;
        height: 0;
        border-bottom: 8px solid #fff;
        border-left: 6px solid #3a40a2;
        border-right: 6px solid #3a40a2;
        position: absolute;
        top: -8px;
        left: 62.5%;
    }

.displacementSelect {
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    width: 100%;
    height: 60px;
    background: #fff;
    color: #3a40a2;
    position: relative;
    margin: 0 auto;
    cursor: pointer;
}

    .displacementSelect:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 4px solid #3a40a2;
        border-left: 6px solid #fff;
        border-right: 6px solid #fff;
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -3px;
    }

.displacement_choose {
    border: 1px solid #eeeeee;
    width: 100%;
    line-height: 32px;
    padding: 10px 0;
    text-align: center;
    position: absolute;
    top: 44px;
    background: #fff;
    color: #8e8e8e;
    z-index: 10;
    left: 50%;
    margin-left: -50%;
    display: none;
    cursor: pointer;
}

    .displacement_choose li.cur {
        background: #f8f8f8;
        color: #3a40a2;
    }

    .displacement_choose li {
        height: 32px;
        line-height: 32px;
    }

.max-slider-handle {
    display: none;
}

#loanEx .slider-track {
    background-color: #b5b5b5;
}

#loanEx .slider-selection {
    background-color: #3a40a3;
}

#carousel {
    position: relative;
    z-index: 2;
    transform-style: preserve-3d;
    perspective: 800px;
    height: 460px;
}

    #carousel .on {
        top: 40%;
    }

.termNumb {
    color: #aaa;
    width: 33px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}

.tipActive {
    color: #3a40a3;
    font-size: 22px;
}

@-webkit-keyframes sdb05 {
    0% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(0deg) translate(0px, 20px);
        opacity: 0;
    }
}

.swiper-button-prev, .swiper-button-next {
    width: 64px;
    height: 64px;
    background-size: 100% 100%;
}

    .swiper-button-next.swiper-button-white {
        background-image: url('../../images/finance/next_btn.png');
        right: 0;
    }

    .swiper-button-prev.swiper-button-white {
        background-image: url('../../images/finance/prev_btn.png');
        left: 0;
    }

@media screen and (max-width: 1500px) {
    /*.financeRightLine {
        margin-top: 29px;
    }*/
    .taxBtn {
        width: 18.51%;
    }
}

@media screen and (max-width: 1410px) {
    .financeLeft {
        width: 58.75%;
    }

    .financeRight {
        width: 40.75%;
    }
}

@media screen and (max-width: 1366px) {
    .rateInfo {
        font-size: 24px;
        margin-top: -15px;
    }

    .rightTitle {
        font-size: 24px;
    }

    #carousel {
        height: 400px;
    }

    .financeLeft {
        width: 54.75%;
    }

    .financeRight {
        width: 44.75%;
    }

    .financeInfoLeft {
        margin-right: 0;
    }

    .financeInfoRight {
        width: 70.8%;
    }

    .lineName {
        width: 27.66%;
    }

    .lineInfo {
        width: 72.02%;
    }

    .financeRightLine {
        font-size: 115%;
    }
}

@media screen and (max-width: 1262px) {

    #carousel {
        height: 360px;
    }

    .financeLeft {
        width: 52.75%;
    }

    .financeRight {
        width: 46.75%;
    }
}

@media screen and (max-width: 1200px) {
    .lineName {
        width: 29.66%;
    }

    .lineInfo {
        width: 70.02%;
    }

    #carousel {
        height: 360px;
    }
}

@media screen and (max-width: 1125px) {
    .lineName {
        width: 34.66%;
    }

    .lineInfo {
        width: 64.02%;
    }

    .financeLeft {
        width: 50.75%;
    }

    .financeRight {
        width: 48.75%;
    }
}

@media screen and (max-width: 1100px) {
    .rateInfo {
        font-size: 20px;
        margin-top: -13px;
    }

    .rightTitle {
        font-size: 20px;
    }

    .taxSelect, .taxInput, .taxInput2 {
        width: 70.54%;
    }

    #carousel {
        height: 335px;
    }

    .financeRightLine {
        font-size: 115%;
    }
}

@media screen and (max-width: 1100px) {
    .financeLeft {
        width: 48.75%;
    }

    .financeRight {
        width: 50.75%;
    }
}

@media screen and (max-width: 1045px) {

    .financeRightLine {
        font-size: 110%;
    }

    .rateInfo {
        font-size: 20px;
        margin-top: -13px;
    }

    .rightTitle {
        font-size: 20px;
    }

    .taxBtn {
        width: 22.51%;
    }

    .financeLeft {
        width: 47.75%;
    }

    .financeRight {
        width: 51.75%;
    }
}

@media screen and (max-width: 1010px) {
    .lineName {
        width: 36.66%;
    }

    .lineInfo {
        width: 63.02%;
    }

    .termNumb {
        width: auto;
    }

    .slider .tooltip-inner {
        font-size: 14px;
    }
}

@media screen and (max-width: 988px) {
    .financeRightLine {
        font-size: 100%;
    }

    .financeLeft {
        width: 47.75%;
    }

    .financeRight {
        width: 51.75%;
    }

    .termNumb {
        width: auto;
    }

    .carSection, .brank, .lineName {
        font-size: 16px;
    }
}

@media screen and (max-width: 950px) {
    .lineName {
        width: 41.66%;
    }

    .lineInfo {
        width: 58.02%;
    }

    .paymentInfo, .termInfo {
        font-size: 16px;
    }

    .rateInfo {
        font-size: 18px;
        margin-top: -12px;
    }

    .rightTitle {
        font-size: 18px;
    }

    .paymentInfo, .termInfo {
        font-size: 14px;
    }

    .financeLine {
        padding-top: 26px;
    }

    .financeLineLine {
        height: 60px;
        padding-right: 5%;
    }

    .financeRightLine {
        height: 48px;
        line-height: 60px;
    }

    .termNumb {
        width: auto;
    }

    .tipActive {
        font-size: 18px;
    }

    .financeLine {
        padding-right: 8%;
    }
}

@media screen and (max-width: 890px) {
    .termNumb {
        width: auto;
    }

    .financeLeft {
        width: 44.75%;
    }

    .financeRight {
        width: 54.75%;
    }

    .rateInfo {
        font-size: 16px;
    }
}

@media screen and (max-width: 850px) {
    #carousel {
        height: 294px;
    }

    .taxBtn {
        width: 25.51%;
    }

    .termNumb {
        width: auto;
    }

    .rateInfo {
        font-size: 14px;
    }

    .financeInfoLeft {
        margin-left: 2.15%;
    }

    .financeInfoRight {
        width: 73.8%;
    }

    .financeRight {
        width: 56.75%;
    }

    .financeLeft {
        width: 42.75%;
    }
}

@media screen and (max-width: 817px) {

    .lineInfo {
        width: 52.02%;
    }

    .rateInfo {
        font-size: 12px;
        margin-top: -10px;
    }

    .termNumb {
        width: auto;
    }

    .carSection, .brank {
        font-size: 16px;
    }

    .financeLeft {
        width: 39.75%;
    }

    .financeRight {
        width: 59.75%;
    }

    .lineName {
        width: 47.66%;
    }

    .threeYear .rateInfo {
        margin-left: 8px;
    }
}

@media screen and (max-width: 767px) {
    .footer .map_link .list > div{
        font-size:16px;
    }
    .footer .copyright p{
        font-size:14px;
    }
    .header .first_nav{
        height:90px;
    }
        .header .first_nav .logo .img img{
            max-height:80px;
        }.mtFinance {
            display: block;
        }

    .ask_txt {
        font-size: 20px;
    }

    .main {
        min-width: 360px;
        padding-bottom:0;
    }

    .pcBanner, .pcProblem, .payItem, .pcSection {
        display: none;
    }

    #mtBanner, .mtBanner {
        display: block;
        width: 100%;
    }

    .financeContent {
        padding: 5.2%;
        margin-top: 0;
    }

    .financeLeft {
        width: 100%;
    }

    .rateBtn {
        width: 31%;
        /*height: 60px;*/
    }

    .rateInfo {
        font-size: 18px;
        width: 100%;
        top: 0;
        /*line-height: 180%;*/
        margin: 0 0 0 10%;
        top: 50%;
        margin-top: -11px;
    }

    .financeInfoLeft {
        display: none;
    }

    .financeInfoRight {
        width: 100%;
        border: 1px solid #b5b5b5;
        padding: 0px 2.5% 48px 7.5%;
        margin-top: 32px;
    }

    .threeYear {
        margin: 0 3.25%;
    }

    .financeInfoRight .financeLine:last-child {
        display: none;
    }

    .financeRight, .navTitle {
        display: none;
    }

    .loanContent {
        display: block;
        overflow: hidden;
        margin-top: 50px;
        padding-top: 40px;
        border-top: 1px solid #b5b5b5;
        width:93%;
    }

    .loanItem {
        width: 31.02%;
        float: left;
        color: #747474;
    }

    .loanTitle {
        font-size: 18px;
        text-align: center;
    }

    .loanInfo {
        width: 100%;
        height: 58px;
        border: 1px solid #b5b5b5;
        text-align: center;
        font-size: 18px;
        color: #747474;
        margin-top: 10px;
        background-color: white;
    }

    .loanItem:nth-child(2) {
        margin: 0 2.6%;
    }

    .financeIcon {
        width: 24.42%;
        /*height: 70px;*/
        float: left;
        margin-right: 16px;
    }

    .mtInfo {
        display: block;
        margin-top: 10px;
        font-size: 16px;
        line-height: 30px;
        color: #747474;
    }

    .carTax {
        padding: 0 5.2%;
    }

    .reference {
        width: 100%;
        font-size: 17px;
        margin: 50px 0 20px 0;
    }

    .taxBlock {
        width: 48%;
        height: 460px;
        margin: 0 2.9% 20px 0;
    }

        .taxBlock:nth-child(even) {
            margin-right: 0;
        }

    .taxLine {
        font-size: 18px;
    }

    .taxInfo {
        font-size: 14px;
    }

    .mtProblem {
        width:18px;
        display: inline-block;
        margin-top: -2px;
    }

    .licensingFee, .displacementPirce, .displacement, .insurance, .taxPrice, .displacementSelect {
        font-size: 18px;
    }

    .taxBtnItem {
        width: 100%;
    }

    .taxBtn {
        padding: 10px;
        width: 42.125%;
        margin: 0;
    }

    #drive, #dealer {
        margin: 0 1.3%;
    }

    #download {
        display: none;
    }

    .taxBtn img {
        width: 24px;
        margin-top:-4px;
    }

    .lineName {
        font-size: 18px;
        width: 33%;
    }

    .lineInfo {
        width: 62.5%;
        padding-right: 4%;
        position: relative;
    }

    .carSection, .price, .brank, .paymentInfo, .termInfo {
        font-size: 18px;
    }

    .taxSelect span, .taxBtn span {
        font-size: 18px;
    }

    .taxBtn span {
        line-height: 30px;
    }

    .financeLine {
        padding-top: 40px;
        padding-right: 0;
    }

    .termInfo {
        width: 91%;
        top: -32px;
    }

    .mtSection {
        height: auto;
    }

    .mtItem, .mtSection {
        display: block;
        text-align: center;
    }

    .pcImg {
        display: none;
    }

    .preview li:nth-child(1), .preview li:nth-child(2), .preview li:nth-child(3), .preview li:nth-child(4) {
        padding-top: 0;
        margin:auto 14px;
    }

    .mtImgInfo {
        text-align: center;
        margin-top: 18px;
    }

    .active .mtImgInfo {
        color: #37429b;
    }

    #carSwiper .swiperBtn {
        display: block;
        width: 30px;
        height: 48px;
        margin-top: -24px;
        opacity: 1;
        background-color: #3a40a3;
        background-size:100% 100%;
    }

    .slider__switch--prev {
        background-image: url('/impublic/tools/images/finance/left.png');
    }

    .slider__switch--next {
        background-image: url('/impublic/tools/images/finance/right.png');
    }

    #carSwiper {
        width: 90%;
        position: relative;
        margin: 0 auto;
        left: 0;
        top: 0;
        padding-top: 40px;
    }

        #carSwiper .slider__item img {
            width: 85%;
            margin: 0 auto;
        }

    .financeLineLine {
        padding-right: 0;
        height:auto;
    }

    .tooltip {
        font-size: 26px;
    }

    #carSwiper .slider .tooltip.top {
        margin-top: -50px;
    }

    .termNumb {
        width: 28px;
        height: 38px;
        line-height: 38px;
    }

    .tipActive {
        color: #3a40a3;
        font-size: 22px;
    }

    .termNumb:nth-child(1) {
        left: -4%;
    }

    .termNumb:nth-child(2) {
        left: 23%;
    }

    .termNumb:nth-child(3) {
        left: 48%;
    }

    .termNumb:nth-child(4) {
        left: 73%;
    }

    .termNumb:nth-child(5) {
        left: 100%;
    }

    .slider .tooltip-inner {
        font-size: 20px;
    }
    .sectionCarTitle, .financeTitle, .taxTitle{
        font-size:24px;
    }
}

.slider-container {
    background: none;
}

.theme-green .back-bar {
    background-color: #3a40a3;
}

.back-bar {
    width: 100%;
    background-color: #a9a9a9;
    height: 9px;
    margin-top: 25px;
    position: relative;
}



/*#carousel img {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 22.1453%;
            margin-left: -5%;
            border-radius: 8px;
            transition: transform 0.5s ease-in-out;
        }*/

pre {
    display: none;
}

#box {
    position: relative;
    width: 754px;
    height: 292px;
    margin: 115px auto 0;
}

    #box ul {
        position: relative;
        width: 754px;
        height: 292px;
    }

    #box li {
        position: absolute;
        border: 2px solid #000;
        list-style: none;
        background: #000;
        width: 0;
        height: 0;
        top: 146px;
        left: 377px;
        z-index: 0;
        cursor: pointer;
        overflow: hidden;
        border-radius: 3px;
    }

        #box li img {
            width: 100%;
            height: 100%;
            vertical-align: top;
        }

    #box .prev, #box .next {
        position: absolute;
        top: 50%;
        width: 39px;
        height: 80px;
        margin-top: -40px;
        overflow: hidden;
        text-indent: -999px;
        cursor: pointer;
        background: url(/impublic/tools/images/finance/btn.png) no-repeat;
    }

    #box .prev {
        left: -60px;
    }

    #box .next {
        right: -60px;
        background-position: -39px 0;
    }

/*right*/
.img_1 {
    -webkit-animation: imgAni_1 1s linear;
}

@-webkit-keyframes imgAni_1 {
    0% {
        transform: translateZ(300px);
    }

    100% {
        transform: translateX(-150px) translateZ(200px) translateY(-150px);
    }
}

.img_2 {
    -webkit-animation: imgAni_2 1s linear;
    transform: translateX(150px) translateY(-150px);
}

@-webkit-keyframes imgAni_2 {
    0% {
        transform: translateX(150px) translateY(-150px);
    }

    100% {
        transform: translateZ(300px);
    }
}

.img_3 {
    -webkit-animation: imgAni_3 1s linear;
    transform: translateX(300px) translateZ(0px);
}

@-webkit-keyframes imgAni_3 {
    0% {
        transform: translateX(300px) translateZ(0px);
    }

    100% {
        transform: translateX(150px) translateY(-150px);
    }
}

.img_4 {
    -webkit-animation: imgAni_4 1s linear;
    transform: translateX(-300px) translateZ(00px);
}

@-webkit-keyframes imgAni_4 {
    0% {
        transform: translateX(-300px) translateZ(00px);
    }

    100% {
        transform: translateX(300px) translateZ(0px);
    }
}

.img_5 {
    -webkit-animation: imgAni_5 1s linear;
    transform: translateX(-150px) translateZ(200px) translateY(-150px);
}

@-webkit-keyframes imgAni_5 {
    0% {
        transform: translateX(-150px) translateZ(200px) translateY(-150px);
    }

    100% {
        transform: translateX(-300px) translateZ(00px);
    }
}


/*left*/
.imgLeft_1 {
    -webkit-animation: imgLeftAni_1 1s linear;
}

@-webkit-keyframes imgLeftAni_1 {
    0% {
        transform: translateX(-150px) translateZ(200px) translateY(-150px);
        transform: translateZ(300px);
    }

    100% {
        transform: translateZ(300px);
    }
}

.imgLeft_2 {
    -webkit-animation: imgLeftAni_2 1s linear;
    transform: translateX(150px) translateY(-150px);
}

@-webkit-keyframes imgLeftAni_2 {
    0% {
        transform: translateZ(300px);
    }

    100% {
        transform: translateX(150px) translateY(-150px);
    }
}

.imgLeft_3 {
    -webkit-animation: imgLeftAni_3 1s linear;
    transform: translateX(300px) translateZ(0px);
}

@-webkit-keyframes imgLeftAni_3 {
    0% {
        transform: translateX(150px) translateY(-150px);
    }

    100% {
        transform: translateX(300px) translateZ(0px);
    }
}

.imgLeft_4 {
    -webkit-animation: imgLeftAni_4 1s linear;
    transform: translateX(-300px) translateZ(00px);
}

@-webkit-keyframes imgLeftAni_4 {
    0% {
        transform: translateX(300px) translateZ(0px);
    }

    100% {
        transform: translateX(-300px) translateZ(00px);
    }
}

.imgLeft_5 {
    -webkit-animation: imgLeftAni_5 1s linear;
    transform: translateX(-150px) translateZ(200px) translateY(-150px);
}

@-webkit-keyframes imgLeftAni_5 {
    0% {
        transform: translateX(-300px) translateZ(00px);
    }

    100% {
        transform: translateX(-150px) translateZ(200px) translateY(-150px);
    }
}

#list {
    width: 100%;
    position: absolute;
    top: 75px;
    /*left: 50%;*/
    display: inline;
    /*margin-left: -502px;*/
}

    #list ul {
        margin: 0px;
        padding: 0px;
        float: left;
    }

    #list li {
        width: 100px;
        /*border: 3px solid #000;*/
        position: absolute;
        list-style-type: none;
        overflow: hidden;
        cursor: pointer;
    }

        #list li img {
            width: 100%;
            height: 100%;
            vertical-align: top;
        }

        #list li div {
            width: 100%;
            height: 100%;
            /*background: #000;*/
            filter: alpha(opacity=70);
            opacity: 0.7;
            position: absolute;
            z-index: 1;
            top: 0px;
            left: 0px;
        }
/*.footer .footer_link {
display:block;
}*/
.header .car_nav{
    height:auto;
    display:block;
}

.oneYear, .threeYear{
  opacity: 0.3;
}
