@charset "UTF-8";
.input-wrap input,
button {
    background-color: transparent;
}
* {
    -webkit-tap-highlight-color: transparent !important;
    font-family: -apple-system, system-ui, STHeiti, "Microsoft YaHei", Arial;
}
:focus {
    outline: 0;
}
a,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
li,
ol,
p,
span,
table,
td,
th,
ul {
    border: 0;
    font-weight: inherit;
}
img,
input {
    border: 0;
    vertical-align: middle;
    outline: 0;
    -webkit-appearance: none;
    appearance: none;
}
input {
    filter: none !important;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}
ol,
ul {
    list-style-type: none;
}
li {
    list-style: none;
}
input,
td,
th {
    font-size: 12px;
}
button {
    cursor: pointer;
    font-size: inherit;
    border: 0;
}
select {
    border-width: 1px;
    border-style: solid;
    padding-top: 0;
    font-size: 12px;
}
.clear {
    clear: both;
    font-size: 1px;
    height: 0;
    visibility: hidden;
    line-height: 0;
}
.clearfix {
    zoom: 1;
}
a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none;
}
input[type="number"]::-webkit-textfield-decoration-container {
    background-color: transparent;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
select {
    -webkit-appearance: none;
}
a,
button,
input,
textarea {
    -webkit-tap-highlight-color: transparent;
}
textarea {
    outline: 0;
    resize: none;
}
input[type="checkbox"]::-ms-check,
input[type="radio"]::-ms-check {
    display: none;
}
/* input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
} */
.clearfix:after {
    display: block;
    height: 0;
    content: "";
    clear: both;
    overflow: hidden;
}

.footer-adress-desc{
    font-weight: 700;
    font-size: 1.25vw;
}

html {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
    scrollbar-track-color: transparent;
    -ms-scrollbar-track-color: transparent;
}
body {
    color: #282828;
    margin: 0 auto;
    overflow-x: hidden;
    /* overflow-y: scroll; */
}
.agree .d-flag .dlog,
.agree .privacy,
.cti-tipLine,
.img-ani-wrap,
.overflow-hidden-wrap,
.select-wrap dt,
.single-line,
.two-lines,
.website-bottom .hot-link {
    overflow: hidden;
}
body::-webkit-scrollbar {
    width: 2px;
    height: 1px;
    position: absolute;
    left: 0;
}
.d-cover,
.d-mask,
.g-mask {
    height: 100%;
    left: 0;
    width: 100%;
    top: 0;
}
body::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0.4);
}
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 1px;
    background-color: #fff;
}
body.overflow > div {
    display: none;
}
body .iconfont {
    font-size: inherit;
}
.text-package-dir.ar {
    direction: rtl;
}
a {
    color: inherit;
}
.d-fl {
    float: left;
}
.d-fr {
    float: right;
}
.d-abso {
    position: absolute;
}
.d-rela {
    position: relative;
}
.d-fixed,
.g-mask {
    position: fixed;
}
.g-mask {
    z-index: 9;
}
.cti-tipLine,
.cti-tipLine:before,
.d-cover,
.d-mask {
    position: absolute;
}
.d-mask {
    background-color: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
}
.d-flex {
    display: flex;
}
.d-middle-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.g-tip-wrap {
    font-size: 0.8vw;
    background-color: #000;
    padding: 1.2em;
    color: #fff;
    display: block;
    max-width: 20vw;
}
.flex-wrap-box {
    display: flex;
    flex-wrap: wrap;
}
.flex-column-box {
    display: flex;
    flex-direction: column;
}
.flex-space-between {
    display: flex;
    justify-content: space-between;
}
.pointer-events-none {
    pointer-events: none;
}
.img-ani-wrap .img-ani {
    transition: all 0.6s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale3d(1, 1, 1);
}
.img-ani-wrap:hover .img-ani {
    transform: scale3d(1.1, 1.1, 1);
}
.animated {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.txt-uppercase {
    text-transform: uppercase;
}
.txt-capitalize {
    text-transform: capitalize;
}
.txt-lowercase {
    text-transform: lowercase;
}
.d-img {
    width: 100%;
}
.footer-mobile-app{
    margin-top: 40px;
    display: flex;
    gap: 10px;
}
.footer-mobile-app a{
    filter: brightness(0) invert(1)
}

.footer-mobile-app img{
    width: 200px;
}


.cti-history .history .history_con .right .text *,
.cti-history .history .history_con .right .text_left *,
.cti-brand .brand .brand_con .brand_text .text_con *,
.cti-brand .brand .brand_con_title .text *{
    font-size: unset !important;
    line-height: unset !important;
    max-width: unset !important;
    width: unset !important;
    font-family: unset !important;
    background-color: unset !important;
    color: unset !important;
    margin: unset !important;
    padding:  unset !important;
}


.cti-tipLine {
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9;
    width: 2px;
    height: 55px;
}
.cti-tipLine:before {
    content: " ";
    width: 2px;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    -webkit-animation: lineTipAni 2s cubic-bezier(0.14, 1.12, 0.67, 0.99) infinite;
    animation: lineTipAni 2s cubic-bezier(0.14, 1.12, 0.67, 0.99) infinite;
}
.d-wapShow {
    display: none;
}
.d-pcShow {
    display: initial;
}
.d-block {
    display: block;
}
.many-lines,
.two-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.single-line {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.two-lines {
    min-height: 4em;
    -webkit-line-clamp: 2;
}
.many-lines {
    -webkit-line-clamp: 4;
}
.column-name {
    font-size: 1.8vw;
    margin: 4% 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    letter-spacing: 0.2em;
}
.column-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto;
}
.column-content .column-item {
    margin: 1% 0;
    position: relative;
    font-weight: 700;
}
.column-content .column-item .cont {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.3vw;
}
.column-content .column-item .learn-more {
    font-size: 0.8vw;
    padding: 1.3em 4em;
    white-space: nowrap;
}
.column-content .col1 {
    width: 100%;
}
.column-content .col2 {
    width: 49.2%;
}
.column-content .col3 {
    width: 32.2%;
}
.MicrosoftMap .Infobox .infobox-title {
    white-space: nowrap;
    text-transform: uppercase;
}
.bingmap-btn {
    background: #898989;
    color: #fff;
    padding: 0.5em 2em;
    transition: all 0.3s;
}
.bingmap-btn:hover {
    background-color: #343c45;
}

/********************* car modal *********************/
.cti-modal{
    width: 100%;
    height: 100vh;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.cti-modal-bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000071;

}
.cti-modal.show{
    display: flex;
    align-items: center;
    justify-content: center;
}
.cti-modal.show .cti-modal-wrapper{
    animation: moveTo 1s ease-in-out;
}
.cti-modal-wrapper{
    max-width: 800px;
    min-width: 300px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    z-index: 10;
    position: relative;
    
}
.cti-modal-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px;
    border-bottom: 1px solid lightgray;
}
.cti-modal-title{
    font-size: 18px;
    font-weight: 400;
}
.cti-modal-close{
    font-family: iconfont !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    cursor: pointer;
}
.cti-modal-close::before{
    content: "\e71b";
}
.cti-modal-body{
    padding: 15px 15px;
    max-height: 650px;
    overflow-y: scroll;
}

@keyframes moveTo {
    0%{ transform: translateY(-140px) }
    100%{ transform: translateY(0px) }
}

@media screen and (max-width: 720px) {
    .car-payment-info-flex{
        flex-direction: column;
    }
    .cti-modal-wrapper{
        margin: 0 20px;
    }
    .footer-mobile-app img{
        width: 100px;
    }
}
@media screen and (max-width: 1024px){
    .pre-order-model{
        max-width: 200px;
        margin: 0 auto;
    }
}

/********************* contract card *********************/
.contract-card{

}
.contract-card-title{

}
.contract-card-desc-item{
    margin: 7px 0;
}
.contract-card-content p{
    font-size: 14px;
}


/********************* car payment *********************/
.color-green{
    color: green;
}
.color-red{
    color: red;
}
.car-payment{
    display: none;
}
.car-payment.show{
    display: block;
}
.car-payment-desc{
    background: #ededed;
    padding: 10px;
    font-size: 13px;
}
.car-payment-table{
}
.car-payment-table tr td{
    border: 1px solid #ededed;
    padding: 7px;
    font-size: 15px;
    min-width: 70px;
}
.car-payment-table tr td.head{
    font-weight: 500;
}
.car-payment-info-flex{
    display: flex;
    gap: 20px;
    padding-top: 20px;

}
.car-payment-price{
    font-size: 14px;
}
.car-payment-price span{
    font-weight: 500;
    font-size: 18px;
}
.car-payment-btn{
    padding: 0.8em 2em;
    color: #fff;
    background-color: #2f3944;
    box-sizing: border-box;
    font-size: 16px;
    margin-top: 15px;
    display: inline-block;
}
.car-payment-image img{
    width: 100%;
}
.car-payment-contract{
    margin-top: 20px;
}
.car-payment-contract{
    display: flex;
    align-items: center;
    gap: 3px;
    
}
.car-payment-contract input{
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    -webkit-appearance: auto;
    appearance: auto;
    cursor: pointer;
}
.car-payment-contract label{
    font-size: 13px;
    cursor: pointer;
    
}

/********************* form popup *********************/
.form-popup{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 900;
    width: 100%;
    height: 100vh;
    display: none;
}
.form-popup.show{
    display: flex;
    align-items: center;
    justify-content: center;
}
.form-popup span.bg{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.form-popup-content{
    background: #fff;
    padding: 40px;
    width: 700px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.form-popup-remove{
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 25px;
    cursor: pointer;
}
.form-popup-box{
    text-align: center;
}
.form-popup-box h3{
    margin-bottom: 15px;
    font-weight: 600;
}
.form-popup-box ul li{
    margin: 7px 0;
}
.form-popup-box ul li input,
.form-popup-box ul li textarea{
    width: 100%;
    line-height: inherit;
    font-size: inherit;
    box-sizing: border-box;
    border: 1px solid #898989;
    text-align: inherit;
    font-weight: inherit;
    padding: 10px 10px;
    text-align: center;
}
.form-popup .vue-phone-number-input{
    border: 1px solid #898989;
}
.form-popup .vue-recycle-scroller__item-view button{
    color: #000;
}
.form-popup-box button{
    width: 50%;
    background-color: #898989;
    color: #fff;
    padding: 1em 0;
    margin-top: 2%;
    transition: all 0.3s;
}
.form-popup-box button:hover{
    background-color: #343c45;
}

/********************* map info *********************/
.cti-map-wrapper .map-wrap{
    /* overflow: hidden; */
    position: relative;
}
.map-info{
    position: absolute;
    right: -200px;
    top: 0;
    width: 330px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    transition: all .5s;
}
.map-info.show{
    right: 0;
    opacity: 1;
    visibility: visible;
}
.map-info-title{
    font-weight: 500;
    font-size: 20px;
}
.map-info-list{
    margin: 10px 0;
}
.map-info-list li{
    margin: 5px 0;
}
.map-info-btn{
    background-color: #3b444f;
    color: #fff;
    border: 0;
    padding: 7px;
    cursor: pointer;
    display: inline-block;
}
/* .cti-map-wrapper .map-wrap .form-wrap{
    left: -50%;
    display: unset;
} */
.form-wrap.show{
    /* display: block !important; */
    left: 0 !important;
}
.form-wrap-remove{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 25px;
    font-weight: 500;
    z-index: 20;
    width: 20px;
    height: 20px;
    cursor: pointer;
}


.select-wrap {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}
.select-wrap.open dd {
    display: block;
}
.select-wrap.close dd {
    display: none;
}
.select-wrap dt {
    border: 1px solid #898989;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 1em 0 0.5em;
}
.select-wrap dt::after {
    font-family: iconfont !important;
    font-style: normal;
    content: "\e61c";
    font-size: 0.5em;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    color: #828282;
}
.select-wrap dd {
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    top: 100%;
    margin-top: -1px;
    border: 1px solid #aeaeae;
    box-sizing: border-box;
    display: none;
    z-index: 2;
    max-height: 12em;
    overflow-y: auto;
}
.select-wrap dd::-webkit-scrollbar {
    width: 2px;
    height: 1px;
    position: absolute;
    left: 0;
}
.select-wrap dd::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0.4);
}
.select-wrap dd::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 1px;
    background-color: #fff;
}
.select-wrap dd .item {
    cursor: pointer;
    line-height: 1.2;
    padding: 0.5em 1em;
    word-wrap: break-word;
    display: block;
}
.select-wrap dd .item:last-child {
    border: 0;
}
.act-switch-item {
    display: none;
}
.act-switch-item.act {
    display: block;
}
.input-wrap input,
.input-wrap textarea  {
    width: 100%;
    line-height: inherit;
    font-size: inherit;
    box-sizing: border-box;
    border: 1px solid #898989;
    text-align: left;
    padding-left: 7px;
    font-weight: inherit;
}
.input-wrap input::placeholder,
.input-wrap textarea::placeholder {
    color: inherit;
}
.input-wrap textarea{
    min-height: 170px;
}
.global-input {
    position: relative;
}
.global-input input + label {
    position: absolute;
    left: 0;
    top: 25px;
    font-size: 14px;
    pointer-events: none;
    transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -webkit-transition: 0.4s ease all;
    color: #001e50;
}
#loading-wrap div,
#rbt-wrap:after {
    pointer-events: auto;
}
.g-popup,
.g-popup img {
    transition: opacity 0.7s;
    opacity: 0;
}
.global-input input:focus ~ label,
.global-input input:valid ~ label,
.global-input input[type="email"]:not([input-value=""]):not(:focus) ~ label {
    top: -6px !important;
    color: #8b8b8b;
    font-size: inherit;
}
@-webkit-keyframes lineTipAni {
    0% {
        top: -100%;
    }
    70%,
    to {
        top: 100%;
    }
}
.g-popup {
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}
.g-popup img.act,
.g-popup.act {
    opacity: 1;
}
.g-popup .iconclose1 {
    color: #fff;
    font-size: 2em;
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
    transition: all 0.3s;
    z-index: 3;
}
.g-popup .iconclose1:hover {
    transform: rotate(180deg);
}
.g-popup .ele-wrap {
    position: relative;
    width: 100vmin;
    width: 120vmin;
    max-width: 100%;
}
.g-popup .ele-wrap::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3em;
    color: #666;
    z-index: 1;
    background: url(/assets/images/common/hongqi.jpg) 50% no-repeat;
    background-size: 80%;
    width: 100%;
    height: 100%;
    min-width: calc(100vw * 0.4);
    min-height: calc(100vh / 2);
}
.More-btn,
.Without-borders {
    font-size: 0.8vw;
    padding: 1.3em 4em;
    white-space: nowrap;
}
.g-popup .ele-wrap img,
.g-popup .ele-wrap video {
    width: 100%;
    position: relative;
    z-index: 2;
}
.delay100 {
    transition-delay: 0.1s;
}
.delay200 {
    transition-delay: 0.2s;
}
.delay300 {
    transition-delay: 0.3s;
}
.delay400 {
    transition-delay: 0.4s;
}
.delay500 {
    transition-delay: 0.5s;
}
.delay600 {
    transition-delay: 0.6s;
}
.delay700 {
    transition-delay: 0.7s;
}
.delay800 {
    transition-delay: 0.8s;
}
.delay900 {
    transition-delay: 0.9s;
}
.delay1000 {
    transition-delay: 1s;
}
.delay1100 {
    transition-delay: 1.1s;
}
.delay1200 {
    transition-delay: 1.2s;
}
.delay1300 {
    transition-delay: 1.3s;
}
.delay1400 {
    transition-delay: 1.4s;
}
.delay1500 {
    transition-delay: 1.5s;
}
.delay2000 {
    transition-delay: 2s;
}
.delay2100 {
    transition-delay: 2.1s;
}
.delay2200 {
    transition-delay: 2.2s;
}
.delay2300 {
    transition-delay: 2.3s;
}
.delay2400 {
    transition-delay: 2.4s;
}
.delay2500 {
    transition-delay: 2.5s;
}
.d-opacity {
    opacity: 0;
    -webkit-transition: all 2s;
    transition: all 2s;
}
.d-enter.d-opacity {
    opacity: 1;
}
.d-down,
.d-left,
.d-right,
.d-up {
    opacity: 0;
    visibility: visible;
    transition-duration: 1.2s;
    overflow-x: hidden;
}
.d-up {
    -webkit-transform: translate(0, 20%);
    transform: translate(0, 20%, 0);
}
.d-down {
    -webkit-transform: translate(0, -20%);
    transform: translate(0, -20%);
}
.d-left {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.d-right {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
.d-enter.d-down,
.d-enter.d-left,
.d-enter.d-right,
.d-enter.d-up,
.d-enter.d-up-wap {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInRight {
    animation: fadeInRight 0.8s both;
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}
.fadeOutLeft {
    animation: fadeOutLeft 0.8s both;
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.fadeInLeft {
    animation: fadeInLeft 0.8s both;
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
}
.fadeOutRight {
    animation: fadeOutRight 0.8s both;
}
@-webkit-keyframes wheel {
    0% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes wheel {
    0% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes scale {
    0% {
        transform: scale(1);
        opacity: 0.9;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
@keyframes scale2 {
    0% {
        transform: scale(1);
        opacity: 0.9;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}
.d-center-right {
    -webkit-transform: translate(50%, -20%);
    transform: translate(50%, -20%);
    visibility: visible;
    transition-duration: 1.2s;
    opacity: 0;
}
.wave,
.wave::after,
.wave::before {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    background-color: rgba(255, 255, 255, 0.9);
}
.wave::before {
    animation: scale 2s infinite;
}
.wave::after {
    animation: scale2 2s infinite;
}
@keyframes scale {
    0% {
        transform: scale(1);
        opacity: 0.9;
    }
    100% {
        transform: scale(3);
        opacity: 0;
    }
}
@keyframes scale2 {
    0% {
        transform: scale(1);
        opacity: 0.9;
    }
    100% {
        transform: scale(6);
        opacity: 0;
    }
}
@keyframes lineTipAni {
    0% {
        top: -100%;
    }
    70%,
    to {
        top: 100%;
    }
}
@keyframes breathe {
    0% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}
.swiper-pagination-bullet {
    transition: 0.3s ease;
    width: 5px;
    height: 5px;
}
.swiper-pagination-bullet-active {
    transform: scale(1.8);
}
.More-btn {
    background-color: #fff;
    border: 2px solid #000;
    font-weight: 700;
}
.More-btn:hover {
    background-color: #333;
    color: #fff;
    border: 2px solid #333;
}
.Without-borders,
.Without-borders:hover {
    border: 1px solid #fff;
}
.Without-borders {
    color: #fff;
    font-weight: 700;
    transition: all 0.3s;
    box-sizing: border-box;
}
.Without-borders:hover,
.loading-btn {
    font-size: 0.8vw;
    font-weight: 700;
    color: #000;
    background-color: #fff;
}
.loading-btn {
    white-space: nowrap;
    border: 2px solid #000;
    padding: 1.3em 4em;
    transition: all 0.3s;
}
.grey-btn,
.grey-btn:hover,
.loading-btn:hover {
    color: #fff;
    font-size: 0.8vw;
    font-weight: 700;
}
.loading-btn:hover {
    background-color: #333;
    padding: 1.3em 4em;
    border: 2px solid #333;
}
.grey-btn {
    background-color: #a5a5a5;
    white-space: nowrap;
}
.grey-btn:hover {
    background-color: #666;
}
.news-title {
    margin: 4% 0;
    line-height: 2;
    font-weight: 700;
    color: #333;
}
.news-title:hover {
    color: #000;
    font-weight: 700;
}
.video-mask {
    position: relative;
}
.video-mask:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/assets/images/common/texture_grid.png) rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
}
.video-mask video {
    display: block;
}
@keyframes shake {
    0%,
    100%,
    60% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}
.shake {
    animation: shake 0.8s infinite;
}
.dataEnd,
.loader {
    width: 100%;
    text-align: center;
}
.loader > div {
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.loader .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
#loading-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    z-index: 11;
    transform-origin: 0 0;
    pointer-events: none;
    opacity: 0;
}
.loading-mask {
    z-index: 8;
    display: block;
    background-color: #f9fafc;
}
.loading-mask .loading-bg2 {
    display: none;
    z-index: 2;
}
.loading-mask .loading-bg,
.loading-mask img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.rbt-box {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 9;
}
.rbt-box.act {
    display: block;
}
.mini-rbt,
.rbt-hide-icon {
    display: none;
}
#rbt-wrap {
    position: absolute;
    bottom: 35px;
    right: 0;
    width: 280px;
    height: 250px;
    transform: scale(0.7) translate(60px, 100px);
    transform-origin: right bottom;
    pointer-events: none;
}
#rbt-wrap:after {
    cursor: pointer;
    content: "";
    display: block;
    width: 29%;
    background: 0 0;
    height: 51%;
    top: 4%;
    right: 38%;
    position: absolute;
}
#customer-service-wrap {
    width: 350px;
    height: 490px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10;
    display: none;
}
@-webkit-keyframes bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}
@keyframes bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}
.none {
    width: 18%;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.none img {
    width: 100%;
}
.none::after {
    content: "Content not found";
    position: absolute;
    left: 0;
    font-size: 1vw;
    color: #333;
    bottom: 0;
    text-align: center;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .none {
        width: 40%;
        margin: 0 auto;
        text-align: center;
    }
    .none img {
        width: 100%;
    }
    .none::after {
        content: "Content not found";
        position: absolute;
        left: 0;
        font-size: 2vw;
        color: #333;
        bottom: 0;
        text-align: center;
        width: 100%;
    }
}
@media screen and (max-width: 800px) {
    .g-popup {
        font-size: 4vw;
    }
    #loading-wrap {
        transform: translateX(-50%);
        left: 50%;
    }
    .rbt-box {
        width: 80px;
        height: 80px;
    }
    .rbt-box.act {
        display: none;
    }
    .rbt-hide-icon {
        padding: 15px;
        width: 10px;
        position: absolute;
        top: -15px;
        right: 0;
        z-index: 2;
    }
    .rbt-hide-icon.act {
        display: block;
        opacity: 0;
    }
    .mini-rbt {
        position: fixed;
        bottom: 30px;
        right: 0;
        padding: 10px 5px 10px 10px;
        border-radius: 15px 0 0 15px;
        background: #fff;
        transform: translateX(100%);
        transition: all 0.7s;
        display: block;
        z-index: 2;
    }
    .mini-rbt.act {
        transform: translateX(0);
    }
    .mini-rbt .rbt-icon {
        width: 20px;
        display: block;
        animation: rbtIcon 2s 2s infinite;
    }
    @keyframes rbtIcon {
        0%,
        40% {
            transform: rotateX(0);
        }
        10%,
        30% {
            transform: rotateX(30deg);
        }
        20% {
            transform: rotateX(15deg);
        }
        to {
            top: 100%;
        }
    }
    .column-name {
        font-size: 6.48vw;
        margin: 11% auto;
        font-weight: 700;
        width: 75%;
    }
}
@media screen and (max-width: 750px) {
    .d-wapShow {
        display: initial;
    }
    .d-pcShow {
        display: none;
    }
    .column-content {
        flex-direction: column;
    }
    .column-content .col2,
    .column-content .col3 {
        width: 100%;
    }
    .column-content .column-item {
        margin: 5% 0;
    }
    .column-content .column-item .cont {
        font-size: 4vw;
    }
    .column-content .column-item .learn-more {
        font-size: 3.2vw;
        padding: 0.5em 1em;
    }
    .column-content .column-item:last-child {
        margin-bottom: 0;
    }
    .select-wrap dt {
        padding: 0.5em 1.5em;
        text-align: left;
    }
    .select-wrap dt::after {
        right: 1.5em;
    }
    .input-wrap input, 
    .input-wrap textarea {
        padding: 1em 1em;
        line-height: 1;
        text-align: left;
    }
    .g-tip-wrap {
        font-size: 2.8vw;
        max-width: 70vw;
    }
    .select-wrap dd {
        max-height: 15em;
    }
    .select-wrap dd .item {
        padding: 1em;
    }
    #rbt-wrap {
        transform: scale(0.5) translate(60px, 100px);
    }
    .dataEnd {
        line-height: 8vw;
    }
    .dataEnd span {
        font-size: 3vw;
    }
    .d-up-wap {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%, 0);
        visibility: visible;
        transition-duration: 1.2s;
        opacity: 0;
        overflow-x: hidden;
    }
    .More-btn {
        font-size: 3.2vw;
        padding: 0.5em 1em;
    }
}
.quill-upload-video {
    display: block;
    width: 100%;
    height: 30vw;
    margin: 5vh auto 0;
}
@media screen and (max-width: 750px) {
    .quill-upload-video {
        display: block;
        width: 100%;
        height: 30vh;
        margin: 0 auto;
    }
}
iframe {
    display: block;
    width: 100%;
    height: 30vw;
    margin: 5vh auto 0;
}
@media screen and (max-width: 750px) {
    iframe {
        display: block;
        width: 100%;
        height: 30vh;
        margin: 0 auto;
    }
}
#commen_test_drive .test_drive_tab_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4vw;
}
#commen_test_drive .test_drive_tab_box > div {
    width: 20vw;
    text-align: center;
    padding: 1vw 4vw;
    background-color: #e4e4e5;
    color: #7a7a7a;
    margin: 0 4vw;
    cursor: pointer;
}
#commen_test_drive .test_drive_tab_box .active {
    background-color: #38444f;
    color: #fff;
}
#commen_test_drive .cti-bing-map-test-drive .map-wrap {
    display: flex;
}
#commen_test_drive .cti-bing-map-test-drive .search-wrap {
    display: flex;
    flex-direction: column;
}
#commen_test_drive .cti-bing-map-test-drive #myMap {
    width: 80%;
    height: 30vw !important;
}
#commen_test_drive .cti-bing-map-test-drive #printoutPanel {
    width: 20% !important;
}
#commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap {
    margin: 0;
}
#commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .select-wrap {
    width: 100% !important;
    margin-bottom: 1.26vw !important;
}
#commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .form-box {
    width: 100% !important;
}
#commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .form-box li {
    margin-bottom: 1.26vw !important;
}
#commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .form-box .input-wrap {
    width: 100% !important;
}
#commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .form-box .input-wrap input {
    text-align: left !important;
    padding: 0 1em 0 0.5em !important;
    color: #898989 !important;
}
#commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .form-box .input-wrap input::placeholder {
    text-transform: uppercase;
}
#commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .button {
    width: 100% !important;
}
@media screen and (max-width: 800px) {
    #commen_test_drive .test_drive_tab_box {
        flex-direction: column;
    }
    #commen_test_drive .test_drive_tab_box > div {
        width: 96%;
        margin-bottom: 4vw;
        padding: 1em 0;
    }
    #commen_test_drive .cti-bing-map-test-drive {
        width: 100% !important;
    }
    #commen_test_drive .cti-bing-map-test-drive .map-wrap {
        flex-direction: column;
    }
    #commen_test_drive .cti-bing-map-test-drive #printoutPanel,
    #commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap {
        width: 100% !important;
    }
    #commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .form-box button {
        margin-bottom: 1em;
        padding: 0.5em !important;
    }
    #commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .form-box li {
        margin-top: 1em !important;
    }
    #commen_test_drive .cti-bing-map-test-drive #printoutPanel .search-wrap .form-box .input-wrap input {
        padding: 0.9em 1.5em !important;
    }
    #commen_test_drive .cti-bing-map-test-drive #myMap {
        width: 100% !important;
        height: 50vh !important;
    }
}
#cti-footer {
    margin-top: 2%;
    display: flex;
    font-size: 1vw;
    padding: 4% 6% 7%;
    background: #333;
    color: #898989;
    justify-content: space-between;
    line-height: 2;
}
#cti-footer .error-message{
    color: red;
    margin-top: 12px;
    font-weight: 600;
    font-size: 14px;
}
#cti-footer .footer-title {
    color: #898989;
    font-size: 1.25vw;
    line-height: 4;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.1em;
}
#cti-footer .footer-title::before {
    display: block;
    content: "";
    width: 5vw;
    height: 4px;
    background-color: #575757;
}
#cti-footer .contact {
    width: 37%;
}
#cti-footer .contact .email-wrap {
    display: flex;
    margin: 8% 0;
}
#cti-footer .contact .email-wrap .formulate-input-errors{
    position: absolute;
}
#cti-footer .contact .email-wrap .input {
    width: calc(100% - 13em);
}
#cti-footer .contact .email-wrap .input input {
    background-color: #b0b0b0;
    color: #fff;
    font-size: 1.56vw;
    padding: 0 4%;
    line-height: 2em;
    width: 100%;
    box-sizing: border-box;
    font-style: italic;
    height: 58px;
}
#cti-footer .contact .email-wrap .input input::placeholder {
    color: #fff;
}
#cti-footer .contact .email-wrap .button {
    width: 13em;
    min-width: 100px;
    line-height: 3em;
    box-sizing: border-box;
    padding: 0 2%;
    transition: all 0.3s;
    background: #8a8a8a;
    display: flex;
    align-items: center;
    color: #c9c9c9;
}
#cti-footer .contact .email-wrap .button button,
#cti-footer .contact .email-wrap .button span {
    color: #c9c9c9;
    font-size: 1vw;
}
#cti-footer .contact .email-wrap .button:hover {
    background: #000;
}
#cti-footer .contact .email-wrap .button:hover,
#cti-footer .contact .email-wrap .button:hover span {
    color: #fff;
}
#cti-footer .contact .agree-wrap {
    display: flex;
}
#cti-footer .contact .agree-wrap .agree-icon {
    width: 1.3vw;
    height: 1.3vw;
    background-color: #eee;
    /* margin-right: 10px; */
    /* margin-top: 0.2em; */
    cursor: pointer;
}
#cti-footer .contact .agree-wrap .agree-icon.act {
    position: relative;
}
#cti-footer .contact .agree-wrap .agree-icon.act::after {
    font-family: iconfont !important;
    font-size: 1.5em;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e6fd";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #333;
}
#cti-footer .contact .agree-wrap p {
    width: calc(100% - 10px - 1.3vw);
    line-height: 2em;
    margin-left: 10px;
    margin-top: -0.2em;
}
#cti-footer .contact .agree-wrap p span {
    cursor: pointer;
}
#cti-footer .follow {
    width: 49%;
}
#cti-footer .follow .footer-title:before {
    display: none;
}
#cti-footer .follow .footer-title a {
    text-transform: lowercase;
    font-weight: 400;
    margin-left: 1%;
    letter-spacing: 0;
}
#cti-footer .follow .icon {
    width: 2.24vw;
    margin: 4% 4% 0 0;
    filter: grayscale(100%);
    transition: all 0.3s;
    cursor: pointer;
}
#cti-footer .follow .icon:hover {
    filter: none;
}

#cti-footer .follow .social-contact{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
}
.website-bottom {
    background: #333;
    color: #898989;
    font-size: 1vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}
.website-bottom .go-top:hover,
.website-bottom .hot-link a:hover {
    color: #aaa;
}
.website-bottom .hot-link {
    font-style: italic;
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.website-bottom .hot-link a {
    transition: all 0.3s;
    padding: 0 1%;
}
.website-bottom .go-top,
.website-bottom .left {
    text-align: right;
    padding: 1em;
}
.agree .privacy .privacy-con,
.cti-event-detail .detail .detail-con .share-icon .pagtion div:nth-child(2) {
    padding-right: 2%;
    box-sizing: border-box;
}
.website-bottom .go-top {
    cursor: pointer;
    position: fixed;
    right: 0;
    bottom: 0;
    margin: auto;
}
.website-bottom .left {
    opacity: 0;
}
.agree {
    z-index: 9;
    position: fixed;
    display: none;
}
.agree .privacy {
    width: 85vw;
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    bottom: 5%;
    padding-bottom: 2%;
    box-sizing: border-box;
    margin: auto;
    max-height: 30vw;
    overflow-y: auto;
}
.agree .privacy .privacy-con {
    width: 100%;
    padding-top: 5%;
    padding-left: 2%;
    line-height: 1.6rem;
}
.agree .privacy .privacy-con p:first-child {
    font-size: 1.5em;
}
.agree .privacy .privacy-con p:nth-child(2) {
    margin-top: 2%;
    font-size: 1em;
}
.agree .privacy .privacy-con p:nth-child(2) .privacy_all {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    color: #fff;
    font-style: normal;
    text-align: center;
    margin-left: 0.5%;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    top: -0.1rem;
}
.agree .privacy .privacy-con .privacy_btn {
    width: 100%;
    text-align: right;
    margin-top: 3%;
}
.agree .privacy .privacy-con .privacy_btn a {
    background-color: #000;
    color: #fff;
}
.agree .privacy .privacy-con .privacy_btn a:first-child,
.agree .privacy .privacy-con .privacy_btn a:nth-child(2) {
    padding: 1em 2em;
    font-size: 1vw;
    margin-right: 1%;
}
.agree .privacy .privacy-con .privacy_btn a:nth-child(3),
.agree .privacy .privacy-con .privacy_btn a:nth-child(4) {
    padding: 1em 2em;
    font-size: 1vw;
}
.agree .privacy .privacy-con .paivacy_bottom {
    width: 100%;
    text-align: right;
    margin-top: 3%;
    font-size: 1em;
}
.agree .privacy .privacy-con .paivacy_bottom a {
    text-decoration: underline;
}
.agree .privacy .privacy-con .paivacy_bottom a:first-child {
    box-sizing: border-box;
}
.agree .privacy .set_up_mask {
    width: 100%;
    display: none;
}
.agree .privacy .set_up_mask .to_all {
    width: 100%;
    padding: 3% 3% 0 2%;
    box-sizing: border-box;
}
.agree .privacy .set_up_mask .to_all .arrow {
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    display: block;
    font-size: 1rem;
    cursor: pointer;
    margin: 0.5% auto 1rem;
    color: #26539d;
}
.agree .privacy .set_up_mask .to_all .arrow .arrow_down {
    display: block;
    width: 2.18em;
    height: auto;
    margin: auto;
    transform: rotate(180deg);
    transition: 250ms;
}
.agree .privacy .set_up_mask .to_all .arrow .arrow_down svg {
    width: 100%;
    height: 1.2vw;
    fill: currentColor;
    max-height: 100%;
}
.agree .privacy .set_up_mask .to_all .arrow .arrow_up {
    display: block;
    width: 2.18em;
    height: auto;
    margin: auto;
    transform: rotate(0);
    transition: 250ms;
}
.agree .privacy .set_up_mask .to_all .arrow .arrow_up svg {
    width: 100%;
    height: 1.2vw;
    fill: currentColor;
    max-height: 100%;
}
.agree .privacy .set_up_mask .to_all ul li {
    margin-top: 2%;
}
.agree .privacy .set_up_mask .to_all ul .Agree label {
    display: flex;
    align-items: center;
    font-size: 1em;
}
.agree .privacy .set_up_mask .to_all ul .Agree label input {
    width: 1px;
    height: 1px;
    position: absolute;
}
.agree .privacy .set_up_mask .to_all ul .Agree label .sign {
    width: 1.5em;
    height: 1.5em;
    background-color: #26539d;
    margin-right: 1%;
    cursor: pointer;
    position: relative;
}
.agree .privacy .set_up_mask .to_all ul .Agree label .sign::after {
    content: "";
    width: 0.7em;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.agree .privacy .set_up_mask .to_all ul .category-item label {
    display: flex;
    align-items: center;
    font-size: 1em;
}
.agree .privacy .set_up_mask .to_all ul .category-item label .sign_con {
    width: 1.5em;
    height: 1.5em;
    background-color: #bfbfbf;
    margin-right: 1%;
    position: relative;
}
.agree .privacy .set_up_mask .to_all ul .category-item label .sign_con::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0.77em;
    height: 0.35em;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg) translate(0.04em, -0.025em);
    transform: rotate(-45deg) translate(0.04em, -0.025em);
}
.agree .privacy .set_up_mask .to_all ul .category-item label .sign_not {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #bfbfbf;
    background: #fff;
    margin-right: 10px;
    cursor: pointer;
}
.agree .privacy .set_up_mask .to_all ul .category-item label .background {
    background: #26539d;
}
.agree .privacy .set_up_mask .to_all ul .category-item label .sign_not::after {
    position: absolute;
    margin-top: 0.1%;
    content: "";
    width: 0.77em;
    height: 0.35em;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg) translate(0.04em, -0.025em);
    transform: rotate(-45deg) translate(0.04em, -0.025em);
}
.agree .privacy .set_up_mask .to_all ul .category-item label .sign_index {
    width: 1.5em;
    height: 1.5em;
    background-color: #26539d;
    margin-right: 1%;
    cursor: pointer;
    position: relative;
}
.agree .privacy .set_up_mask .to_all ul .category-item label .sign_index::after {
    content: "";
    width: 0.7em;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.agree .privacy .set_up_mask .to_all ul .category-item label .sign_background {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #26539d;
    background: #26539d;
    margin-right: 10px;
    cursor: pointer;
}
.agree .privacy .set_up_mask .to_all ul .category-item label .sign_background::after {
    position: absolute;
    margin-top: 0;
    content: "";
    width: 0.77em;
    height: 0.35em;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg) translate(0.04em, -0.025em);
    transform: rotate(-45deg) translate(0.04em, -0.025em);
}
.agree .privacy .set_up_mask .to_all ul .category-item p {
    margin-top: 1.5%;
}
.agree .privacy .set_up_mask .to_all ul .category-item .arrow {
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    display: block;
    font-size: 1rem;
    cursor: pointer;
    margin: 0.5% auto 1rem;
    color: #26539d;
}
.agree .privacy .set_up_mask .to_all ul .category-item .arrow .arrow_down {
    display: block;
    width: 2.18em;
    height: auto;
    transform: rotate(180deg);
    transition: 250ms;
}
.agree .privacy .set_up_mask .to_all ul .category-item .arrow .arrow_down svg {
    width: 100%;
    height: 1.2vw;
    fill: currentColor;
    max-height: 100%;
}
.agree .privacy .set_up_mask .to_all ul .category-item .arrow .arrow_up {
    display: block;
    width: 2.18em;
    height: auto;
    margin: auto;
    transform: rotate(0);
    transition: 250ms;
}
.agree .privacy .set_up_mask .to_all ul .category-item .arrow .arrow_up svg {
    width: 100%;
    height: 1.2vw;
    fill: currentColor;
    max-height: 100%;
}
.agree .privacy .set_up_mask .to_all ul .category-item .hide {
    display: none;
}
.agree .privacy .set_up_mask .to_all ul .category-item .consent-list {
    width: 90%;
    margin: auto;
}
.agree .privacy .set_up_mask .to_all ul .category-item .consent-list .consent-item {
    width: 48%;
    display: inline-block;
}
.agree .privacy .set_up_mask .to_all ul .category-item .consent-list .consent-item .sign_con {
    width: 1.5em;
    height: 1.5em;
    background-color: #bfbfbf;
    margin-right: 1%;
    position: relative;
}
.agree .privacy .set_up_mask .to_all ul .category-item .consent-list .consent-item .sign_con::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0.77em;
    height: 0.35em;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg) translate(0.04em, -0.025em);
    transform: rotate(-45deg) translate(0.04em, -0.025em);
}
.agree .privacy .set_up_mask .to_all ul .category-item .consent-list .consent-item .cookie_introduction {
    padding: 0;
    border: none;
    outline: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
    width: 1.4em;
    height: 1.4em;
    background: #999;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    margin-left: 0.8%;
}
.agree .privacy .set_up_mask .to_all ul .category-item::after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    background: #000;
    margin: 2rem 0;
}
.agree .privacy .set_up_mask .to_all .button-wrapper {
    width: 100%;
    text-align: right;
}
.agree .privacy .set_up_mask .to_all .button-wrapper button {
    padding: 1em 2em;
    background-color: #000;
    font-size: 1vw;
    margin-right: 1%;
    color: #fff;
}
.agree .d-flag {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
}
.agree .d-flag .dlog {
    width: 85%;
    height: 90%;
    position: absolute;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 10px;
    overflow-y: auto;
}
.agree .d-flag .dlog .d-close {
    width: 50%;
    padding: 1.3% 0 0;
    text-align: right;
    box-sizing: border-box;
    font-size: 2em;
    position: fixed;
    right: 10%;
    cursor: pointer;
}
.agree .d-flag .dlog .d-body {
    width: 100%;
    padding: 1% 5% 10%;
    box-sizing: border-box;
    margin-top: 5%;
}
.agree .d-flag .dlog .d-body h3 {
    font-weight: 900;
    line-height: 3em;
    font-size: 1.6em;
}
.agree .d-flag .dlog .d-body h4 {
    font-size: 1.5em;
    margin-bottom: 1.3em;
    font-weight: 800;
}
.agree .d-flag .dlog .d-body p {
    line-height: 2em;
    font-size: 1em;
    margin-bottom: 1.5em;
}
.agree .d-flag .dlog .d-body ul {
    margin-bottom: 1.5em;
}
.agree .d-flag .dlog .d-body ul li {
    line-height: 2em;
    font-size: 1em;
    margin-bottom: 1em;
    text-indent: 1em;
}
.privacy_popup {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    overflow-y: auto;
    z-index: 9;
}
@media screen and (max-width: 750px) {
    #cti-footer {
        margin-top: 15%;
        display: block;
        font-size: 3.4vw;
    }
    #cti-footer .footer-title::before,
    .agree {
        display: none;
    }
    #cti-footer .footer-title {
        font-size: 4vw;
        font-weight: 700;
    }
    .footer-adress-desc{
        font-size: 4vw;
        font-weight: 700;
    }
    #cti-footer .contact {
        width: 100%;
    }
    #cti-footer .contact .email-wrap {
        margin: 4% 0;
    }
    #cti-footer .contact .email-wrap .input {
        width: calc(100% - 10em);
    }
    #cti-footer .contact .email-wrap .input input {
        font-size: 3.8vw;
        line-height: 2.8em;
        box-sizing: border-box;
        border-radius: 0;
    }
    #cti-footer .contact .email-wrap .button {
        width: 10em;
        min-width: 90px;
        border-radius: 0;
    }
    #cti-footer .contact .email-wrap .button button,
    #cti-footer .contact .email-wrap .button span {
        font-size: 1em;
    }
    #cti-footer .contact .agree-wrap {
        align-items: center;
    }
    #cti-footer .contact .agree-wrap .agree-icon {
        width: 3.7vw;
        height: 3.7vw;
        margin-right: 5%;
        margin-top: 0;
    }
    #cti-footer .contact .agree-wrap p {
        width: calc(100% - 5% - 3.7vw);
        line-height: 1.8;
    }
    #cti-footer .contact .agree-wrap p span {
        cursor: pointer;
    }
    #cti-footer .follow {
        width: 100%;
        margin-top: 5%;
    }
    #cti-footer .follow .icon {
        width: 7vw;
    }
    .agree {
        z-index: 9;
        position: fixed;
    }
    .agree .d-flag .dlog {
        width: 90% !important;
    }
    .agree .d-flag .dlog .d-close {
        font-size: 4vw;
        position: fixed;
        right: 6%;
    }
    .agree .d-flag .dlog .d-body {
        width: 100%;
        padding: 1% 5% 10%;
        box-sizing: border-box;
        margin-top: 5%;
    }
    .agree .d-flag .dlog .d-body h3 {
        font-weight: 900;
        line-height: 3em;
        font-size: 1.2em;
    }
    .agree .d-flag .dlog .d-body h4 {
        font-size: 1em;
        margin-bottom: 1em;
        font-weight: 800;
    }
    .agree .d-flag .dlog .d-body p {
        line-height: 2em;
        font-size: 0.8em;
        margin-bottom: 1.5em;
    }
    .agree .d-flag .dlog .d-body ul {
        margin-bottom: 1.5em;
    }
    .agree .d-flag .dlog .d-body ul li {
        line-height: 2em;
        font-size: 0.8em;
        margin-bottom: 1em;
        text-indent: 1em;
    }
    .agree .privacy {
        width: 90%;
        position: absolute;
        background-color: #fff;
        left: 0;
        right: 0;
        bottom: 5%;
        padding-bottom: 2%;
        box-sizing: border-box;
        margin: auto;
        max-height: 112vw;
        overflow: hidden;
        overflow-y: auto;
    }
    .agree .privacy .privacy-con {
        width: 100%;
        padding-top: 5%;
        padding-left: 4%;
        padding-right: 4%;
        box-sizing: border-box;
    }
    .agree .privacy .privacy-con p:first-child {
        font-size: 1em;
        font-weight: 700;
    }
    .agree .privacy .privacy-con p:nth-child(2) {
        margin-top: 2%;
        font-size: 0.8em;
        line-height: 1.5;
    }
    .agree .privacy .privacy-con .privacy_btn {
        width: 100%;
        text-align: center;
        margin-top: 3%;
    }
    .agree .privacy .privacy-con .privacy_btn a {
        background-color: #000;
        color: #fff;
    }
    .agree .privacy .privacy-con .privacy_btn a:first-child {
        padding: 1em 2em;
        font-size: 1em;
        margin-right: 0;
        display: block;
        margin-bottom: 3%;
    }
    .agree .privacy .privacy-con .privacy_btn a:nth-child(2) {
        padding: 1em 2em;
        font-size: 1em;
        margin-right: 0;
        margin-bottom: 3%;
        display: block;
    }
    .agree .privacy .privacy-con .privacy_btn a:nth-child(3) {
        padding: 1em 2em;
        font-size: 1em;
        display: block;
        box-sizing: border-box;
        margin-bottom: 3%;
    }
    .agree .privacy .privacy-con .privacy_btn a:nth-child(4) {
        padding: 1em 2em;
        font-size: 1em;
        display: block;
        box-sizing: border-box;
    }
    .agree .privacy .privacy-con .paivacy_bottom {
        width: 100%;
        text-align: left;
        padding-top: 3%;
        padding-bottom: 3%;
        box-sizing: border-box;
        margin-top: 3%;
        font-size: 1em;
    }
    .agree .privacy .privacy-con .paivacy_bottom a {
        text-decoration: underline;
    }
    .agree .privacy .privacy-con .paivacy_bottom a:first-child {
        padding-right: 1%;
        box-sizing: border-box;
    }
    .agree .privacy .set_up_mask {
        width: 100%;
    }
    .agree .privacy .set_up_mask .to_all {
        width: 100%;
        padding: 3% 3% 0 2%;
        box-sizing: border-box;
        display: none;
    }
    .agree .privacy .set_up_mask .to_all .arrow {
        padding: 0;
        border: none;
        outline: 0;
        background: 0 0;
        display: block;
        font-size: 1rem;
        cursor: pointer;
        margin: 0.5% auto 1rem;
        color: #26539d;
    }
    .agree .privacy .set_up_mask .to_all .arrow .arrow_down {
        display: block;
        width: 2.18em;
        height: auto;
        margin: auto;
        transform: rotate(180deg);
        transition: 250ms;
    }
    .agree .privacy .set_up_mask .to_all .arrow .arrow_down svg {
        width: 100%;
        height: 1.2vw;
        fill: currentColor;
        max-height: 100%;
    }
    .agree .privacy .set_up_mask .to_all .arrow .arrow_up {
        display: block;
        width: 2.18em;
        height: auto;
        margin: auto;
        transform: rotate(0);
        transition: 250ms;
    }
    .agree .privacy .set_up_mask .to_all .arrow .arrow_up svg {
        width: 100%;
        height: 1.2vw;
        fill: currentColor;
        max-height: 100%;
    }
    .agree .privacy .set_up_mask .to_all ul li {
        margin-top: 2%;
    }
    .agree .privacy .set_up_mask .to_all ul .Agree label {
        display: flex;
        align-items: center;
        font-size: 1em;
    }
    .agree .privacy .set_up_mask .to_all ul .Agree label span,
    .agree .privacy .set_up_mask .to_all ul .category-item label span {
        font-size: 3vw;
    }
    .agree .privacy .set_up_mask .to_all ul .Agree label input {
        width: 1px;
        height: 1px;
        position: absolute;
    }
    .agree .privacy .set_up_mask .to_all ul .Agree label .sign {
        width: 5vw;
        height: 5vw;
        background-color: #26539d;
        margin-right: 1%;
        cursor: pointer;
        position: relative;
    }
    .agree .privacy .set_up_mask .to_all ul .Agree label .sign::after {
        content: "";
        width: 0.8em;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item {
        width: 100%;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item label {
        display: flex;
        align-items: center;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item label .sign_index {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 5vw;
        height: 5vw;
        border: 1px solid #bfbfbf;
        background: #f8f8f8;
        margin-right: 10px;
        cursor: pointer;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item label .sign_index::after {
        content: "";
        width: 3.7em;
        height: 2px;
        background: #fff;
        position: absolute;
        margin-top: 0.9%;
        margin-left: 0.5%;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item label .background {
        background: #26539d !important;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item label .sign_con {
        width: 5vw !important;
        height: 5vw !important;
        background-color: #bfbfbf;
        margin-right: 1%;
        position: relative;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item label .sign_con::after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        content: "";
        width: 0.7em;
        height: 0.3em;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        -webkit-transform: rotate(-45deg) translate(0.04em, -0.025em);
        transform: rotate(-45deg) translate(0.04em, -0.025em);
    }
    .agree .privacy .set_up_mask .to_all ul .category-item label .sign_not {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 5vw;
        height: 5vw;
        border: 1px solid #bfbfbf;
        background-color: #fff;
        margin-right: 10px;
        cursor: pointer;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item label .sign_not::after {
        position: absolute;
        margin-top: 0;
        content: "";
        width: 0.7em;
        height: 0.3em;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        -webkit-transform: rotate(-45deg) translate(0.04em, -0.025em);
        transform: rotate(-45deg) translate(0.04em, -0.025em);
        margin-bottom: 1%;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item p {
        margin-top: 1.5%;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .arrow {
        padding: 0;
        border: none;
        outline: 0;
        background: 0 0;
        display: block;
        font-size: 1rem;
        cursor: pointer;
        margin: 0.5% auto 1rem;
        color: #26539d;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .arrow .arrow_down {
        display: block;
        width: 2.18em;
        height: auto;
        transform: rotate(180deg);
        transition: 250ms;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .arrow .arrow_down svg {
        width: 100%;
        height: 1.2vw;
        fill: currentColor;
        max-height: 100%;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .arrow .arrow_up {
        display: block;
        width: 2.18em;
        height: auto;
        transform: rotate(0);
        transition: 250ms;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .arrow .arrow_up svg {
        width: 100%;
        height: 1.2vw;
        fill: currentColor;
        max-height: 100%;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .hide {
        display: none;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .consent-list {
        width: 90%;
        margin: auto;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .consent-list .consent-item {
        width: 100%;
        display: inline-block;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .consent-list .consent-item .sign_con {
        width: 1.5em;
        height: 1.5em;
        background-color: #bfbfbf;
        margin-right: 1%;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .consent-list .consent-item .sign_con::after {
        position: absolute;
        content: "";
        width: 0.77em;
        height: 0.35em;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        -webkit-transform: rotate(-45deg) translate(0.04em, -0.025em);
        transform: rotate(-45deg) translate(0.04em, -0.025em);
    }
    .agree .privacy .set_up_mask .to_all ul .category-item .consent-list .consent-item button {
        padding: 0;
        border: none;
        outline: 0;
        display: -ms-inline-flexbox;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 1rem;
        width: 1.4em;
        height: 1.4em;
        background: #999;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        margin-left: 0.8%;
    }
    .agree .privacy .set_up_mask .to_all ul .category-item::after {
        content: "";
        display: block;
        width: 50px;
        height: 1px;
        background: #000;
        margin: 2rem 0;
    }
    .agree .privacy .set_up_mask .to_all .button-wrapper {
        width: 100%;
        text-align: right;
    }
    .agree .privacy .set_up_mask .to_all .button-wrapper button {
        padding: 1em 2em;
        background-color: #e4e4e5;
        font-size: 1em;
        width: 100%;
        margin: 1%;
    }
    .agree .privacy .set_up_mask .to_all .button-wrapper button:hover {
        background-color: #000;
        color: #fff;
    }
    .website-bottom {
        font-size: 3.2vw;
    }
    .website-bottom .left {
        display: none;
    }
    .website-bottom .hot-link {
        flex-wrap: wrap;
        padding-bottom: 5vw;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 800px) and (orientation: portrait) {
    .agree,
    .privacy_popup {
        display: none;
        z-index: 16;
    }
    .agree {
        position: fixed;
    }
    .agree .privacy {
        width: 80%;
        position: absolute;
        background-color: #fff;
        left: 0;
        right: 0;
        bottom: 0;
        padding-bottom: 4%;
        box-sizing: border-box;
        margin: auto;
    }
    .agree .privacy .privacy-con {
        width: 100%;
        padding-top: 5%;
        padding-left: 2%;
        padding-right: 2%;
        box-sizing: border-box;
    }
    .agree .privacy .privacy-con p:first-child {
        font-size: 1.5em;
    }
    .agree .privacy .privacy-con p:nth-child(2) {
        margin-top: 2%;
        font-size: 1em;
    }
    .agree .privacy .privacy-con .privacy_btn {
        width: 100%;
        text-align: right;
        margin-top: 3%;
    }
    .agree .privacy .privacy-con .privacy_btn a {
        background-color: #000;
        color: #fff;
    }
    .agree .privacy .privacy-con .privacy_btn a:first-child,
    .agree .privacy .privacy-con .privacy_btn a:nth-child(2) {
        padding: 1em 2em;
        font-size: 1em;
        margin-right: 1%;
    }
    .agree .privacy .privacy-con .privacy_btn a:nth-child(3) {
        padding: 1em 2em;
        font-size: 1em;
    }
    .agree .privacy .privacy-con .paivacy_bottom {
        width: 100%;
        text-align: right;
        margin-top: 3%;
        font-size: 1em;
        padding-top: 3%;
        box-sizing: border-box;
    }
    .agree .privacy .privacy-con .paivacy_bottom a:first-child {
        padding-right: 1%;
        box-sizing: border-box;
        text-decoration: underline !important;
    }
    .privacy_popup {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.8);
        overflow: hidden;
        overflow-y: auto;
    }
}
.cookie_table td,
.cookie_table th {
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #939598;
    text-align: left;
}
.cookie_table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 80%;
    margin: 2% auto 0;
}
.cookie_table tr:nth-child(1) td:nth-child(1) {
    font-weight: 900;
}
.cookie_table th {
    padding: 30px;
}
.cookie_table td {
    font: 500 14px Arial;
    padding: 10px 30px;
}
#cti-header .menu .has-secondlevel,
.cti-network .dealer-application-wrap .agree-wrap .agree-icon.act::after,
.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#cti-header {
    width: 100%;
    z-index: 9;
    top: 0;
    font-size: 0.8vw;
    display: none;
}
#cti-header .new-icon {
    position: absolute;
    top: -39px;
    width: 58px;
    transform: translateX(-25%);
}
#cti-header .default-menu {
    position: relative;
    z-index: 2;
    background-color: #f3f3f3;
}
#cti-header .default-menu .menu-wrap {
    width: 100%;
    display: flex;
}
#cti-header .default-menu .menu-wrap .menu_logo {
    width: 23%;
    text-align: center;
    padding-bottom: 1.5vw;
}
#cti-header .default-menu .menu-wrap .menu_logo .logo {
    width: 4.86vw;
}
#cti-header.shrink {
    z-index: 5;
}
#cti-header .logo-wrap {
    display: flex;
}
#cti-header .logo-wrap .logo {
    width: 4.86vw;
    width: 4.74vw;
    display: none !important;
    opacity: 0;
}
#cti-header .menu {
    width: 70%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    background-color: #f3f3f3;
    line-height: 4em;
    align-items: center;
}
#cti-header .menu .item {
    color: #666;
    display: block;
    margin: 0 2%;
    white-space: nowrap;
    font-weight: 700;
}
#cti-header .menu a:hover {
    transition: all 0.3s;
    color: #000;
    font-weight: 700;
}
#cti-header .menu .has-secondlevel {
    position: relative;
    cursor: pointer;
}
#cti-header .menu .has-secondlevel:hover:after {
    transform: scaleY(-1);
}
#cti-header .menu .has-secondlevel .secondlevel-wrap {
    position: absolute;
    background: #fff;
    padding: 1em 2em;
    text-align: center;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
    border: 1px solid #f2f2f2;
}
#cti-header .menu .has-secondlevel .secondlevel-wrap a {
    border-bottom: 1px solid #e7e7e7;
    font-size: 0.8em;
    line-height: 4em;
}
#cti-header .menu .has-secondlevel:hover .secondlevel-wrap {
    opacity: 1;
    pointer-events: initial;
    z-index: 2;
}
#cti-header .menu .website-nav {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(49%, -20%);
    width: 2vw;
    height: 2vw;
}
#cti-header .right-menu {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 8vw;
    padding-top: 1vw;
}
#cti-header .menu_active {
    padding-bottom: 0;
}
#cti-header .language-wrap {
    z-index: 2;
}
#cti-header .language-wrap .select-wrap {
    display: flex !important;
    align-items: center !important;
}
#cti-header .language-wrap .select-wrap div {
    font-size: 1.5em;
    font-weight: 500;
}
#cti-header .language-wrap .select-wrap dd {
    font-size: 1em !important;
    margin-top: 2px;
}
#cti-header .language-wrap span {
    margin-right: 0.5em;
}
#cti-header .language-wrap .country-icon {
    width: 1.5em;
    object-fit: cover;
}
#cti-header .language-wrap dt {
    border: 0;
    font-size: 1em;
    font-weight: 700;
}
#cti-header .language-wrap dt::after,
#cti-header .language-wrap dt:before {
    display: none;
}
#cti-header .language-wrap dd {
    text-align: left;
    background-color: #fff;
    border: 0;
}
#cti-header .language-wrap dd .item-wrap {
    overflow: hidden;
    font-size: 0.8em;
}
#cti-header .language-wrap dd .item {
    border: 0;
    padding: 0.5em;
    margin: 0.5em;
}
#cti-header .language-wrap dd .item:hover {
    background-color: #f3f3f3;
    border-radius: 0.5em;
}
#cti-header .login-wrap {
    display: flex;
    cursor: pointer;
    align-items: center;
}
#cti-header .login-wrap span {
    font-size: 1em;
    font-weight: 700;
    margin: 0 0.3em;
}
#cti-header .login-wrap span:first-child {
    font-size: 1.5em;
}
#cti-header .menu-secondlevel-item-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #f3f3f3;
    font-size: 1vw;
    transition: all 1s;
    transform: translateY(-200%);
    z-index: 1;
}
#cti-header .menu-secondlevel-item-wrap.act {
    transform: translateY(0);
}
#cti-header .menu-secondlevel-item-wrap .menu-secondlevel-item {
    width: 80%;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-tab {
    display: flex;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-tab li {
    margin-right: 5em;
    cursor: pointer;
    position: relative;
    font-size: 0.8vw;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-tab li.act {
    font-weight: 700;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-tab li.act:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 60%;
    height: 0.2em;
    background-color: #000;
    margin-top: 0.3em;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-wrap {
    width: 72%;
    margin: 3em auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-wrap .menu-close {
    font-size: 2.5vw;
    cursor: pointer;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap {
    padding: 2em 0 3em;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item {
    width: 33.333%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 2em;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item:last-child:after {
    display: none;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item .menu-vehicle-intro {
    width: 100%;
    line-height: 1;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item .menu-vehicle-intro .menu-vehicle-title {
    font-size: 5vw;
    font-weight: 700;
    color: #e3e3e3;
    text-align: center;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item .menu-vehicle-intro .menu-vehicle-Price span {
    display: block;
    opacity: 0.5;
}
#cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item .menu-vehicle-img {
    width: 100%;
    z-index: 1;
}
#cti-header .menu-secondlevel-item-wrap .more-details {
    font-size: 0.9vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#cti-header .menu-secondlevel-item-wrap .more-details .text-wrap {
    width: 75%;
}
#cti-header .menu-secondlevel-item-wrap .more-details a {
    display: block;
    width: 20%;
    padding: 1em 0;
    text-align: center;
    transition: all 0.4s;
    background-color: #333;
    color: #fff;
}
#cti-header .menu-secondlevel-item-wrap .more-details a:hover {
    background-color: #333;
    color: #fff;
}
#cti-header .menu-secondlevel-item-wrap .secondlevel-item {
    display: none;
}
#cti-header .menu-secondlevel-item-wrap .secondlevel-item.act {
    display: flex;
    overflow: hidden;
}
#cti-header .menu-secondlevel-item-wrap .menu-text-item {
    width: 20%;
    font-weight: 700;
    line-height: 2;
    font-size: 0.8vw;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: space-around;
    padding: 4% 0;
    color: #666;
}
#cti-header .menu-secondlevel-item-wrap .menu-text-item a:hover {
    color: #000;
}
#cti-header .menu-secondlevel-item-wrap .menu-text-item + div {
    display: flex;
    width: 49%;
    overflow: hidden;
}
#cti-header .menu-secondlevel-item-wrap .menu-text-item + div .menu-item-a {
    display: block;
    width: 100%;
    height: 100%;
}
#cti-header .menu-secondlevel-item-wrap .menu-text-item + div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#cti-header .menu-secondlevel-item-wrap .menu-text-item + div .swiper-container {
    height: 100%;
}
#cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html {
    display: flex;
    width: 71.5%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
}
#cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html li {
    display: inline-block;
    width: 20%;
    text-align: left;
    margin-top: 2%;
}
#cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html li a {
    display: block;
    position: relative !important;
}
#cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html li a span {
    display: none;
}

#cti-header .menu-dropdown{
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    transition: all .5s;
}
@media screen and (min-width: 1680px) {
    #cti-header .menu-dropdown{
        top: 150px;
    }
}
#cti-header .menu .item .menu-dropdown.show{
    max-height: 500px;
    opacity: 1;
    visibility: visible;
    padding: 30px 0;
}
#cti-header .menu .item:hover .menu-dropdown{
    max-height: 500px;
    opacity: 1;
    visibility: visible;
    padding: 30px 0;
}
.dropdown-container{
    max-width: 1200px;
    margin: 0 auto;
}
.menu-dropdown-item{
    display: flex;
    justify-content: space-between;
}
.menu-dropdown-list a{
    display: block;
    margin: 7px 0;
}
.menu-dropdown-left{
    width: 35%;
}
.menu-dropdown-right{
    width: 65%;
}
.menu-dropdown-right img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.menu-dropdown-model{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.menu-dropdown-model-item{
    text-align: center;
}
.menu-dropdown-model-title{
    font-size: 5vw;
    font-weight: 700;
    color: #e3e3e3;
}
.menu-dropdown-model-image{
    width: 350px;
}
.menu-dropdown-model-image img{
    width: 100%;
}
@media screen and (min-width: 800px) {
    .secondlevel-item .menu-text-item a {
        background-image: none !important;
    }
    .secondlevel-item-title {
        display: none;
    }
    
}
@media screen and (max-width: 800px) {
    #cti-header {
        font-size: 3.2vw;
    }
    #cti-header .default-menu {
        background-color: transparent;
        color: #fff;
    }
    #cti-header .logo-wrap {
        box-sizing: border-box;
        padding: 3% 0;
        background-color: rgba(0, 0, 0, 0.8);
        margin: 0 auto;
        display: flex;
        align-items: center;
    }
    #cti-header .logo-wrap .logo {
        display: block !important;
        width: 13.4666vw;
        opacity: 1;
        z-index: 4;
    }
    #cti-header .logo-wrap .menu-icon {
        margin-left: calc(100% / 2 - 18vw - 7px);
        display: flex;
        height: 18px;
        flex-direction: column;
        justify-content: space-between;
        padding: 0.8em 1em 1em;
    }
    #cti-header .logo-wrap .menu-icon li {
        width: 25px;
        min-height: 2px;
        background-color: #fff;
    }
    #cti-header .right-menu {
        right: 0;
        align-items: normal;
        margin-right: 0;
    }
    #cti-header .language-wrap {
        font-size: 1em;
        display: flex;
    }
    #cti-header .language-wrap dt,
    #cti-header .login-wrap span {
        font-weight: 400;
        padding: 0;
        margin-top: 5%;
        font-size: 0.5em;
    }
    #cti-header .language-wrap .select-wrap .iconfont,
    #cti-header .login-wrap .iconfont {
        font-size: 5vw;
        padding: 0 1em;
        margin-top: 0;
    }
    #cti-header .language-wrap .select-wrap,
    #cti-header .login-wrap {
        flex-direction: column;
        font-weight: 400;
        justify-content: space-between;
        text-align: center;
    }
    #cti-header .language-wrap .select-wrap .item-wrap {
        color: #000;
        padding: 0.5em;
    }
    #cti-header .language-wrap .select-wrap dd {
        max-height: 50em;
        width: 5em;
        transform: translateX(-0.5em);
    }
    #cti-header .default-menu .menu-wrap {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: url(/assets/images/common/menu_bg.jpg) 50% #fff;
        background-size: 100%;
    }
    #cti-header .default-menu .menu-wrap:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(/assets/images/common/menu_bg_car.png) right bottom 10% no-repeat;
        background-size: 90%;
    }
    #cti-header .default-menu .menu-wrap .menu {
        position: relative;
        z-index: 2;
    }
    #cti-header .default-menu .menu-wrap .logo {
        width: 4.86vw;
        width: 4.74vw;
        margin-right: 12.8vw;
        display: none !important;
    }
    #cti-header .default-menu .menu-wrap .website-nav {
        position: relative;
        right: 0;
        top: 0;
        transform: translate(-36%, -48%);
        width: 9vw;
        height: 9vw;
    }
    #cti-header.show {
        font-size: 4vw;
    }
    #cti-header .logo.d-wapShow {
        display: none;
    }
    #cti-header.show .logo-wrap {
        z-index: 2;
        background: 0 0;
        padding-left: 5%;
        box-sizing: border-box;
    }
    #cti-header.show .logo-wrap .menu-icon {
        margin-left: calc(100% - 20.4666vw - 9vw);
        font-family: iconfont !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #000;
        font-size: 4vw;
        height: auto;
        z-index: 4;
    }
    #cti-header.show .logo-wrap .menu-icon:before {
        font-size: 1.5em;
        content: "\e62a";
    }
    #cti-header.show .logo-wrap .menu-icon li {
        display: none;
        background-color: #000;
    }
    #cti-header.show .logo-wrap .menu-icon li:nth-child(1) {
        transform: rotate(46deg);
        transform-origin: 0 50%;
    }
    #cti-header.show .logo-wrap .menu-icon li:nth-child(2) {
        visibility: hidden;
    }
    #cti-header.show .logo-wrap .menu-icon li:nth-child(3) {
        transform: rotate(-46deg);
        transform-origin: 0 50%;
    }
    #cti-header.show .logo-wrap .right-menu {
        display: none;
    }
    #cti-header .menu {
        flex-direction: column;
        background: 0 0;
        width: 90%;
        margin: 25vw auto;
        justify-content: flex-start;
        line-height: initial;
        display: block;
    }
    #cti-header .menu .item {
        margin-bottom: 1.5em;
    }
    #cti-header .menu .has-secondlevel:hover:after {
        transform: translateY(-50%);
    }
    #cti-header .menu .has-secondlevel:after {
        content: "+";
        display: block;
        font-size: 2em;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        margin-top: -0.1em;
        color: #000;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-secondlevel-item {
        width: 100%;
    }
    #cti-header .menu-secondlevel-item-wrap.act {
        z-index: 4;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 2em 0;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-tab li {
        font-size: 4vw;
        margin-right: 2em;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item:not(.menu-vehicles-wrap) .swiper-container {
        display: none;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act {
        flex-direction: column;
        height: auto;
        justify-content: flex-end;
        align-items: flex-start;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item {
        margin: 0 !important;
        width: 100%;
        justify-content: flex-start;
        font-size: 4vw;
        padding: 0;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item li {
        margin: 2% 0;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item li:first-child,
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item li:first-child a {
        margin-top: 0;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item li a {
        z-index: 2;
        padding: 8vh 0 8vh 7%;
        margin: 1% 0;
        color: #fff;
        background-size: 100%;
        background-position: 50%;
        position: relative;
        overflow: hidden;
        line-height: 0;
        display: block;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item li a span {
        color: #fff;
        position: relative;
        z-index: 2;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item li a:hover {
        color: inherit;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item li a::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-wrap {
        width: 86%;
        margin-top: 0;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap {
        padding: 10% 0 3%;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item {
        width: 48%;
        margin-bottom: 3%;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item:nth-child(2n) {
        margin-left: 4%;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item .menu-vehicle-intro .menu-vehicle-title {
        font-size: 9vw;
        color: #dfdfdf;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-wrap .menu-close {
        display: none;
    }
    #cti-header .menu-secondlevel-item-wrap .more-details {
        display: block;
    }
    #cti-header .menu-secondlevel-item-wrap .more-details .text-wrap {
        width: 100%;
        font-size: 3em;
    }
    #cti-header .menu-secondlevel-item-wrap .more-details a {
        width: 50%;
        padding: 3%;
        background: #333;
        color: #fff;
        margin-top: 4%;
        font-size: 4em;
    }
    .secondlevel-item-title {
        width: 100%;
        color: #000;
        display: block;
        white-space: nowrap;
        font-weight: 700;
        font-size: 4vw;
        margin: 1.5em 0;
        position: relative;
    }
    .secondlevel-item-title::after {
        content: "";
        display: block;
        font-size: 2em;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 23px;
        height: 3px;
        color: #000;
        background: #000;
    }
    .secondlevel-special {
        width: 86%;
        margin-left: 7%;
    }
    .networks-nav-img {
        display: none;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: left;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html li {
        display: inline-block;
        width: 100% !important;
        text-align: left;
        margin-top: 2%;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html li a {
        display: block;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        padding: 2vh 5% !important;
        overflow: inherit !important;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html li a .new-icon {
        position: absolute;
        left: 44%;
        top: 0;
        width: 44px;
        transform: translate(-25%, -50%);
    }
    #cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html li a span {
        display: inline-block !important;
        margin-left: 2%;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-global-website-wrap .website-html li a::before {
        display: none !important;
    }

   
}
@media only screen and (min-device-width: 768px) and (max-device-width: 800px) and (orientation: portrait) {
    #cti-header .menu .item {
        margin-bottom: 1em;
    }
    .secondlevel-item-title {
        font-size: 3.2vw;
        margin-top: 1em;
        margin-bottom: 1em;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-tab li {
        font-size: 3.2vw;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap .menu-vehicle-item .menu-vehicle-intro .menu-vehicle-title {
        font-size: 7vw;
    }
    #cti-header .menu-secondlevel-item-wrap .menu-vehicles-item-wrap {
        padding: 7% 0 3%;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item {
        font-size: 3.2vw;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item li {
        margin: 1% 0;
    }
    #cti-header .menu-secondlevel-item-wrap .secondlevel-item.act .menu-text-item li a {
        margin: 0;
        padding: 7vh 0 7vh 7%;
    }
    #cti-header .logo-wrap .logo {
        width: 8.4666vw;
    }
    #cti-header .logo-wrap .menu-icon {
        margin-left: calc(100% / 2 - 11.5666vw - 12.5px);
        padding: 1em;
        z-index: 1;
    }
    #cti-header .logo-wrap {
        padding: 1% 0;
    }
    #cti-header.show .logo-wrap .menu-icon {
        font-size: 3.2vw;
        margin-left: calc(100% - 16.4666vw - 7vw);
    }
    #cti-header .menu {
        margin-top: 16vw;
    }
}
/* .cti-cartype #cti-header {
    top: -100%;
} */
.cti-cartype #cti-header-cartype {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.9);
    font-size: 0.8vw;
    padding: 1em 2em;
    color: #f2f2f2;
    width: 100%;
    box-sizing: border-box;
}
.cti-cartype #cti-header-cartype .menu {
    display: flex;
    justify-content: space-between;
    font-size: inherit;
    align-items: center;
}
.cti-cartype #cti-header-cartype .menu .logo {
    margin-right: 2em;
    width: 4vw;
}
.cti-cartype #cti-header-cartype .sub-menu {
    display: flex;
}
.cti-cartype #cti-header-cartype .item {
    display: block;
    padding: 0 3em;
    white-space: nowrap;
    font-weight: 700;
    cursor: pointer;
}
.cti-cartype #cti-header-cartype .return {
    margin-right: 3%;
    font-size: 1.2vw;
    cursor: pointer;
}
@media screen and (min-width: 800px) {
    .sub-menu-wrap {
        display: block;
    }
}
@media screen and (max-width: 800px) {
    .cti-cartype #cti-header-cartype {
        font-size: 1.6vw;
        padding: 3% 0;
    }
    .cti-cartype #cti-header-cartype .menu .sub-menu-wrap {
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: url(/assets/images/common/menu_bg.jpg) 50% no-repeat #fff;
        background-size: 100%;
        color: #333;
        display: none;
        font-size: 4vw;
    }
    .cti-cartype #cti-header-cartype .menu .sub-menu-wrap:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(/assets/images/common/menu_bg_car.png) right bottom 10% no-repeat;
        background-size: 90%;
    }
    .cti-cartype #cti-header-cartype .menu .sub-menu-wrap a {
        position: relative;
        z-index: 2;
    }
    .cti-cartype #cti-header-cartype .return {
        margin-right: 0;
        font-size: 4.2vw;
        width: 13vw;
        width: 13.4666vw;
        text-align: center;
    }
    .cti-cartype #cti-header-cartype .menu .item {
        margin-bottom: 5%;
    }
    .cti-cartype #cti-header-cartype .menu .logo {
        width: 13vw;
        width: 13.4666vw;
        margin-right: 0;
    }
    .sub-menu-icon {
        display: flex;
        height: 18px;
        flex-direction: column;
        justify-content: space-between;
    }
    .sub-menu-icon li {
        width: 25px;
        min-height: 2px;
        background-color: #fff;
    }
    .menu-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 3% 3% 0 0;
    }
    .menu-top .iconclose {
        font-size: 1.5em;
    }
    .sub-menu {
        display: flex;
        flex-direction: column;
    }
    .cti-cartype #cti-header-cartype .sub-menu {
        margin-top: 7%;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 800px) and (orientation: portrait) {
    .cti-cartype #cti-header-cartype {
        padding: 1% 0;
        z-index: 8;
    }
    .cti-cartype #cti-header-cartype .menu .logo,
    .cti-cartype #cti-header-cartype .return {
        width: 8.4666vw;
    }
    .cti-cartype #cti-header-cartype .menu .sub-menu-wrap {
        font-size: 3.2vw;
    }
    .menu-top {
        padding: 1% 1% 0 0;
    }
}
@font-face {
    font-family: iconfont;
    src: url(http://at.alicdn.com/t/font_2150475_j0a94zyk98n.eot?t=1608879658141);
    src: url(//at.alicdn.com/t/font_2150475_j0a94zyk98n.eot?t=1608879658141#iefix) format("embedded-opentype"),
        url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAACP4AAsAAAAAPhwAACOoAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCKCgriKM1JATYCJAOBYAtyAAQgBYRtB4RQG4EydQRsHAD29vTUiIpNIooSqjFl///H5MYY2IFa9bNspFEqVnKTYcG8eKGEJmlHHUqogcMZaLrrTuQD+/VYy+hvwKixfPxTuPXEgviFzucXSnGpMjRJpKAMl3BYyBPYfEVrd2TIgeFImmYN3PCf8XbYoezJhlIm/NMv351X9rfaXWQAhcLo0oRCI11QWIRC3xQdy+zw/Nx6//9VAoMVNTLGQHobI0ZvgxEGI0aVlAUDhL4TMEg9BBO9A8lTPB1Wopyi5+lhBhZeCQFwzfskfvFY49O6QMs2GuGUOgC2qdXGWHQUzQZ8n6ff6z+1PzIIoz2M/AI2tfk5enpQ4Pa+SyJ5kkJERRx5FnASZ0nyn7a9Rz3qk4Pjq9RJXFsoYpb5FKiQv+xLFY8Ty207nMteP6XwpYjPZAd2ctpN2Q3ptNJYycOMnTwIHD4IHEGyu4/VIQiOIPDIaqRWamc0tpWwZBl22YmXILAEA035Rfdfp/v32tpzLaYnplnEJIKJtmzb4vVk8ii/lz8C4Hn+XgWNRiD7CERgEo/1/s3eugeGcc22AhUuKfb/pjW72auUqloNRSNU6QqFUBgxM9fyN+Rxs1nKJLSh5/bgJUudpZQiQThk85ld4CXUZKk5tYtQrDtc8SiDU1icA4dFWKA2EXPaUCgM+kZl6eiOsdmOVeEKZ6MeJjbGV3wPAxI6VkxR61RwPHrIALPfrCZwtjQfoDdisQjnZsw8lIiFN18BfrG/N38OwQxWEKE/er8s54Qv8PzgNPX70VX35IrA6hY4sAIetsttmwryjKyYluD9NirIYKHHS7xyGCxYseOMTyBYuTqd1av/Lad79TSZ3U+E/0IFBjinbDjtgy4bC+9Ey9UcLVT8T3mAmbKmiqK8nKy0jCSjKiXm6OTsYmfvoCBubWNrZWlhbmJoaiwhamAkoiXgeA1WX1tJV13NVU/HEiYF0ymAfc47N4grmEEGlCELmpADFciDIhSAPBQBOSgKslAMpKE4yEAJA0kIGCgFqlBa4ZYMgBiUBUcoB05QAZyhIrhAJbCDymAPVcEBqimiSx1AHGqANdQEG6gFtlAbrKAOWEJdsIB6YA71wQQaGBhCYAqNDIwhkICmIArNFSALUESRJYAItAUtaAcC6AgcdAYeugcN6Aew0E+F3PIHFGWWVwAl6L8CJARQx2MzSY3JC4ArniZJeiBLAB08P+RYKuh14CPAX8gegVKTxowKX7MyEqwEIyuYpIueXZUNNyF4n1pw93P8AUGznOKn1KjVtOS9bMQjFQN2HZwvOgeEggY+ddeOH7iuBz6h7/zzuELOEf0CvytCfCo5iwElZDEPw4B3JsFFwnkwrwnotcmQu9ihnAuRXL0aWvPq1ahWr1RLFeYLniYZtde6RJgXwlTduPVYuEAOR8Hxx3QxahUgNnnKIlK0gDQ6UZQf2QVG6SoKgqMw3W/YdQlaYvXUmnL8dhaH44AX8ig3R/xhSPNeCGGoMRgFN1cev8sIIpr8J8TfyxjWBZeMAWdU8BK13l1nFG7IllMuRRlPMX5CMs46Lx23olc5K0rBKWes97Bw96NVFhUEca3SwDnugvMHn9vad2f2zKs8JZauCN53lnV6igEI/FBJLMBP4Ji3+iGoAD1Ffus116qVq6Teym9dNeLFFyT641G8xLLb6ElMqtVRQrXBOG63NU06E14RXy9BvGgtnbPWWH9dOBLTTIZo0KaWyGJNw+Od2+bjsiubIATJRITM/MyEEyMwYgNwPJ5kwe2pqVTCM26taGWsLfLQRIbyKZpStpvz1AYWr1agkhBKWq7YGDlVCEqZ+K5lFPxmRyYPvpSWv74cKXg9GANOQaEZ9ZYNe82kXQA/xDopRQyyE6yQoykAzUQ502AP5HJADCUKIGg/imwA/eIwsY706JMgoT6tB/1+IjL/YQJMW4KVvuzrdmR+7ABHpEQXqyKRiYgJtnVhI/QtqXaHcHMQN7Jpq20MgdGamUyZmf64HRjOZGxgfUBhVnQ69aSn6OnUiM2h3jhhFJG6yHrKflwMDAbFooiWXlIuK0T1EftTZuz9kU7WVAGpgbD44cqSFSJPoYalUOBcByAwQNlWNkdJZQOY+4BRYLlBybwkNqBiKvvtJ2NjEo95q9FHGHLFJsWGBzMdisxoC2PNu8aPlfLiUcWAdhjWC+SHR0ffcu03Ro49fUmyjGv7qSmVcNtPWg56Hfg6W/u2WBbrrTDrK2MrYz4/7DOvvhpx1uRLDtxFt7ohe/p3pKuwyjrhb8KzwvbP5ZDtovyCoQbn5Z+q56Lf4Cf82tSp25c09CbWt1LU9IdQ7Ny19izdy/V3HzhU2o5GwmawHg8/kWajF5jFC9BmTUwUNr8RtwggXJbf8I6Lu/WZTUpq+jHeqkuWMb+KGy9ELhmDaQZUx9bkAunW/acH+r3HuzfhTevwYnnxrjdl+TA9qwrVc7n+4LifbohuGEmxIkj4L3UvcEY6krExmm6irKkYVFooO6c+WmTZPhUV4KcQN4TtN3MlabMatx5bEMY0Jh8ZS4J4fHgZdg5CucKMF6FSw6jhxCyF6U+Tb8NWhxfm49pkgNMLKd0bA03Tia6oSTQJaH6BBuMQZgH2NsbjZtknsRlrHhZKoPjbOBz6aFvYH0XsNvpJxV11Gdbx2ZLghIkn18Gkbm8Zf7RwN7Lr0HwybLUTgKjO97KwHRtODmtpk+rwUUUuBMsX1hGIRX7IqEIVs+ARjf1eDAXPUCRHBKYZTO0EcOrl08Kw8WyStAbWXxXxkBxZvFi7N3BxJ60Ti7J1pnPWVw661RcIhSWUllwVOGeFYihQAfqPltcXdoV0P/OKajXxobCLNTB6ZJYKbGKodRwWjD3cAQaM/xISJ6O/5eLqy3tu54dS9nXR3LpN6rv5u3BSz/p8FQ6am1250Abev/a5NBn322aLYhHdbbXJyZzkhmRlYqkE5gEkcrSnPOuiO45JICeHYwzb4FzjXZ02J2E527ftMTALh7W718or2mrQ6Umt/0T+dlx7uc4DIZ/aXX9ua/0RDtHdGy32N6G4W59kq85bH9n9XBSBZYNS+eiVo9KXfzaJLz7zM6rbJGKTBk9tmb9h0HpZarbGYxVXxAtHpEHgjar3hDQfBypmob1wM4nXaDYDu9KZg2jb9cpiOOxlb6CubSp/TWsvw39tbYJuy9kWiDuAvYS8rrAeFOWAMCFWCG80ZoOwZdRI1gRr7jfOQfVB0a2AVMk6MeKpZmuEgMi23gPhsM6ArLYGrVMgi90QkFRP+0zDvjJwBjQox+rQxRgyinEGhgG5UxNyAMCoyWBImYwTMATkznXIEQBw1d2wJ0ajn+3tN2q4IYiyH9UbtHbCRgvrbt+4FGoWrk4G8vH21n07oDSqC8vvM1gebAqo9N3NfhPGGRPuFtvHoDj5YBChrTJYuK/e7FzT/wrL87ON8CeoLMy3gt+oNLfQjr59j0sFKLTOMr6LzQqRVIlc5nbq7PaDhjen9qYkDgtofKoxWT9vt0T39BRbwcHhRW7iktmkWXCluqla4qEd6BSrvBKfJueJ2AjuyJukjYQZSzsqckHyR2pDyR4nt4yV8ccsfLKRaqCLuxBsHHUUjVbZDtcedQMpui/bpVrAtIneGovmyCky5MvemZWX4o+1yZ3DFZ0g1J8H9rKIUMpR80XNYw2flXGLnIK9pmGWrEy1yrj+Q8mFivt2xE3Oof1by9b3sjDvfecH3/13L+z5EkDlgCVyiS8i/IpT7DD/kFnK5QxpgGU91tDC+xX8wed1+5bJ/i41zbyqyj0ufeAjulcdtgpLzNhgpOoumG6TooXrVGuzSydm0ExmqoAaffvqWsFa1RGi2QtUOvltDNeChLoc6LbMLctIO1rq3x9lo40goD5NIe/JUJVbC6LF3g3pXLwbnG28z6s07LSEeVkGpjbvhezmvdymjHjHeLIltgi/wDHlY3X374/4ZLKcT1klrmKVVxHKRxzaopYgGINNCOdy8g1lQuFPLxpxBZuSd0U3TqFybit4BARGPH7g5FOeb2YTukGTNk3Wr/sb3ESaTOVJ5/Gm4y/BUNQ3VF54xpKhNxkkVV2+VPHptJMNobM3KFbeLXSYp6wC7uR/MB0a9XVderxWktGEHYXaBxyobED1j03f+Wif+oOPoLouI7TBha5cBFDxyBuJzM/f172a5j84P7h8oTL3/rmJLOcFLx9jt5GITcmGfr9jHRFhyHam3woJIZKxFPJHbnqmEkmmhTCHZlIuZ1kiH1dxzyqfbAsz3qpv5d/0ZrlJdnZDKpZk41YR0BUtkaaN4hdO7bheuaNNRdxlPX3ueRlk6IYSbpf7Ni/t7tvfFNOFzear+RL3doRDfWTZpKYVLTlK92q2s67B8sr15j3nKuMdYY4TdrOuvcyIA4dH8UF/s+IjyfldLO4DWzLfKQyyirbaegwwFO7KA43mjOxPjrH33wesnFnpXqPNx5+JD20sTyf3wTSkWFgo5ehQfiR2802kyYBptkWqgsYgMJMVzrlvKorqva2qkDOe7uaHK5B5lZoo0snS9hqnGMZbiebUViiG0Nn1WlYc97NC1TWWomBPhbK1rSmKtC95d51ZF6W5bB3oLbmVtJ905X7GS8g3JYG9jaMxrQgkPD2oRsI7x/lJWluGa/lm4YYacCOeuyYppYaKJorrgFetfStjcV1Ob42nV71Kp04weMdYsqnYrr8uD9uGbLq9o86ytAwBhWc22nLradHZeUdcdwMjkawxXjJqG/p103wDJEcqpInmL0H7QoEcQvOFfE+zTRDt+J7TX8xumRQfnR7B6jkLd0CnXXy4Wn5F053YSDvw2mS9UdWvX6DmUC5XOAymu37BnVcsi/WmrP72QGxTQvDlYsQJmbZf2u7tExBTxNT+0r/YJs+RTaYrHv9WRjJpMGnobZM41DQjvtm9Zq1sE/hSOllfrzgv4a5Uyt92OTfqyzpwzm/5lBcbQ34PZxDU2DMxFsTPBoW27NmRoUz/HLWSWkVflg2M3iC+waW2obcpCIfqv34VuJCh2wP+H5f/ld7Qfz8/Sp7qT/hvVvF/QHtggsjRGBRWFYfulBwEQCQOOrgadeIzdIwajUMRz6IwaNQ51Nn6o5J1VdGYsz4y/eAKegXFIMxfQX8SCUIIlABY7gZHk0U7SM36SjhzKMqxKH9ucW80psNTsqmAkE/JEog6MSuZEp/l6ra50btMLxxOEyAZehGB+L6XsJIaJqS4vzZPF6y8GGim/i/QKJRElsLtsJqhCCNPrXEs8r8Ql9jo1mAfGb5OQ9AP/qgwkdpnsGLEREHQKsFqIKTVO0FOYWY5Zth02iZAZdNcNYV/Cvj30FVJq3S5IYHu5/0P/GQrlD86P3sTvuIi0/frl97dHDu/Fo/1q77bBXnnRgTvUA6nV/yWZM3neLbHf3+RhRjvfwKF/cMLPDokef+MJVPumo4NrnltJXldeOLqSCCb+UufgVjHv7bs7UXMxoU7kyLV/HZi3du6O3Icuk1uYRAlozAK8lpiTek31fYU5Ar9nItWO37PQjgtO/SwIuwJU1jYokdps53/s/6fin1nRHJCf0uUyM5HfLXBzOyRjUls1Mbhe4sdnBLJUFkWciS1plwp6PeLSogYcvOPGlMvBAP/j812Ij+9hC2nkTYkUFqD2DorGtyRNojGGxWp9XwdbpNZHirAs86Hnakj2466AaWaYlU6z16kAZu8UWYyFYtc6oRVgJ6HIVmEzmI7PAl4K5WpE+wOVOSUHWgCzjJ0MNk8n8eEiQwlwImArfM3pwI0yBwPJMfLjKh6I/KrO6BkoAO2Q6kPSjun144+Hxi8+MgFFO+gkUuJ+PDB+CPRL+fyq9GmmnDfqQ5rMraICCw72KNAaEJJOunsXO5Owp6gskYj8B+ySIgKS+01JrXgaJLSkYWyDzdCrACh2h2BjNffbQsAGvboNwyOKCg3BGs0mUc+tGUCBdTGA/wis8J0XG+CT6ZPyvAZhZbHLQsz8L3xp9F98fh0L5CwmWwDe6gl4flxLqYvgdEXj/HG6PbEift1Rk1xa5IeLrInpOsCcZm43nh8T3yWVToLvZrHBg96edT0i729vQlYsIAiRzoAzT1uiKlM8rP/66lE0LHpP0dFc6nKqDUbl6zTJuNVFNtE6JzbM+j7MPOqsF9y76cKpYxxXophWHz8XGix56hevfU97azvQtZVSAibZTdsTzfDCxqUeHwCd0OObcQbbqi7T9/WGfOEqvoYy9Oh+zvOlXitWmMbC74bqvfdhcQicAiIxUBDE4mf8UQi+tzhNMNyw0OGZdpPEZvkm95oy7ZPKzeMM8HT+IAP8el/MPEDI0t3JQMAP4APAWetF1MKJSdDUmagDpdCJKqZodkCaWSIyCQOjTCXhSSKq6ErleRXMrlxlm/YPTDQPcInEr5197GFsG7qMSrfkE/5abzFKWZGfHtUV+B5pDk/OiM/QmPdXGVdEBGVUenpWVliQWSVVbPGKj+S7+fZ/7YU/FblkOuQAy+FyiBTyzkR7rJ6IaRUQqmJ5ighEAEMmpD+IFoqVMvVslh5LLBI9bFIXFueqtxt1xIfC+PK2wDuHh60mYtBsoIgdnBRBkQWNUB6q7EKe774LJr22O/Pra0mARHv41L6HKKpaHESHRuhEwf0w+b7PbwcXHKF7lrze2X6ZMC3seAPAbQSmoQWTHOjllD5K4Gl4ZhQoYPVk7j5ZEz4jJkjdfuJOat0JH/orYkQgTOUNsJlfLPubXHSqlzgTyC7sTpTfYdPJ0u3vasqtpvdbZsbAbwlAgwdzHhQ1ZpGDp3TmBFitJGr+1clAR4QdPwZKBkJOWuTWppDRs6hPsnm/un6NOrvf1CpTU/EquNm6Dmtg1jswAAnE7pYPFbTYQpNekDXyXPdrO7urglk6RPqmFChHWUStfQVNQmOff1EPM3rQ27MIjsNGfQtiRlt1+ws+C5MBHJetOn6DbwonnySpwBdPdGmct4kZ/iGDaYphSY3fQMcgh7zH0Du3EFy18Cd+QGUULWZfbrzfw+Jh++e1nazebju4zPdIzPahvMTXXjdtq5HfzMHkVVzOw0mJkqw/oWqwRthKH5W5XqotH7n5M454FksI5PBH875PELCgHOgfTU7tNYxIRDOjIziMbj7pNRVBSAC7nQ57JKwAj8cqXpQXIMNYkHxpWUJkGME71ow+fT4K/hr4y9guQjh+kY4NbVjOMF0twVACYmQRMhvCICI99Ay7ar4quQahd4PcuC2NjjnXzi/oyMf/pYLdzec//qAnLa2gCUoPE0dBn0Lh9RpUNj/UGhKSigEAllZKBQIZKohig5bh7LAVqFfIKCYsk0phHidbKsLwP1kv5u7FO/oPOkWJy9EWF6VtprdJ559i6NpNugoVcjewbPqTchpfJAxA2OdHnxY7eM5mLmQCIBzZW1tD1fCOVhLNx/kSrjfKZs31/ZwiAtRDU4PmP5MWX7caAAXdnrqH6BCpAYvgwamrkHj8iOKAioogFJTTERQIgmwwEhiHtzeDuVCeXwIeD9cSKFz6ZTCmehoLl4aVTfynUOMWZ+rhIRA+3Gc7yN10ig8Nzp6JlSEOKi0FIoDYYn5Upp+avemTMiRIw+W0hLzQRgUV1o6El9V1cXuSuFqh/VlqVRBjsLJCqlUZX8hdlR4Vr7Ap81tz94TJlEm8tHw48XU1saYykzH5KaNHnxj8lHTPeZE4slNxmQmDZ8PHPitI7LZMy/Ps7kvUKPn4r6tGwyVHVrze5V81hxKButKoAwovYKSIUDhc/izYAM00ANvJmigF3gXohYW6LpLUVxJVzhccbpa9ICu51256nSuiBPlc5Wp6cJCF6srtolF/LkSPngQTq1yYugyfYCzLggBpSGGhgukXdZ/yxY4F+bFfaxv7GJ2+Yc8NIvnw7k/bgGesDfj/vT0O5t3ANy3vR8U+GBv7uyUyf+0B58o9wEKMSBT+IZm5FN373az+ezuLnlq1tWQTyFbYQUqa/7irrMDyWYrhrVyfbyxI8rpkxOAcRWg0CnCawe7lczYIZSagyZWk6VF2Yn+cC0su9jgdxBhKY3sBfc5VTbLmwXOIJ7pITR6odMAC8h0Dp1iojVmUjfdBuZab60pGVBMrR5Api8UkkdGenN+eixkNc3NN/WSLSNxPHZMFg/c0Fn4ThkiLjOXi4O+fpF+voOkhRsdpH5fcHh2ZEmvz+Rei79IjZculTOpBg2Tk8emGwyAQcX1a43AK+VXD3cPj9iA4wFKfYC7ckSsh0ejmHj/7YsBX5eTZbvxmdU2o9VZDRJBTJi4OFeM3iiLEqWFjmp5LQaa8hsKy14pMfDdjwq/pZvJzimq/CnTeOfDF4IsNgoTT1mYuOX3b4m2E1dkCo9MLB8ViQ948qJSsWtxepOH649VItfycuBfvVAHAqAMkJW4LZIV6poEJeKBoud5b1d7xszfUfrqb42q+lvPDgEFvkAYDz89opMPRTOMoy9OJr54wUe5sB7/qO5svj0Uw85zXomaG7wSP0X2/LODsN0ISslbuUPGloLVIJEZ0zN/swH4L9SSUEXFoU0YGfxHKlLDMJBu1YNVDMyG+F2L95AyOyy6oo5mdN9ARNQHKn7M4xq9/hNYyiY0KqQEfzpxXZRyCxQO5ysCkZsHVLjdK1MeNafFGs6f14tLmr3J/fjDzn0ToK1BGnLyhJB347FEBkKEEvx/sO9pK+o4dcxxfnze2JHaSd2x053D91L3pPcO30Hdnt4xfII6/h+/iXkgACkwEdXwmSaF0pzXAF/61JPZQkDZ41dalpddU9ULjVGVh2Z+u/crSmi08Oe8FYNXSh+AKJ9vXbtOFyosgf9WuJYAB3uigPSphRTdT0BL5H4fnaHWxvN3stodOlvqbxWOXNpddPsWg2jZBWhjhSAMiqpgavWf+ZX8rhUlotfsjYBWoGS3PULQsyxMsKxtTb9DIeOowjMYy+DNmYZfFamQnHEoAGK2V98CHqdOE+Mi4w4+6zF3+SFEtPaBOLx58d8s4Yp3f1uEDDfOeCQcn2E2YMcD/GyAWwd2PbJlk2VSZ14p/Wy0zpVCp9bPgl2coNTMIK59uW7roXJ9gnuaaF0y5168q3LEN3ryxnWPaduHuwidgkAXmXyHPtKq/7LdXG2eXSIvWtEREo/J3TWvnEyM1SCC2z9jI/i3HCMTGOZt7igDknuWSfWFZxX/Xq62bl9y6QyqGRhTNyj671rkfZWiP025RUQxzRTIHC/eLnegp9hi6vRFe+8k/Zo7q0LeDZByVZXuMRblfQcK7R5m7bn092GPJ2wR6GMJbbIn6zsg14AK/ViTdeu5CQ576z/mCU5kGp5ZOydZydEUA/8PSiLq9Q5AS1Ax9hLNDYs3HaY7b1OMuBOOQtm26iJhF+QvFkFyzig9Wgf0zg6bg2GHrXRYPrqNZpqqzQflyXw/PvBPWbsyqXJHX9/67eLa5pz8NNc0xRQIlra4d/LyK3p/Ar4dgbwYZNY0ziF/T0+pefnWuK6NBgWFdjv7Lcr+oJY2hW5tsMnd2pttt5gQeG5pGF7iOakxXokns7eB8R2rt3tFVM/ZpjXXzY6JGMH0Ui4Gk2fSlWGIhe4y4s/qBlLCDZJWMUO79FSSykAWS8LLyUrPVXNJEyX4+XhU+evQBHNskEHOUcPQ1BgZQ/JCcztFUM6WtknqG8S2AQZACEK5hJAfz1x2kt+Ftnxwx4gzE8XUl+/Nphz1pWUeBeNrE76EmgVWgtyzxnO2ISbToBhSlDNEhCR0aRLy96aje5nJOMKAkpkukt1KW/AAd16IkWCrDF2wev0UssYqnYsuEKQUfzH5gX6SaxnsccD4N7TtK7VSWrOsUXLEJRzqdLy19SzQ/MqsTiOqn/lVCOOQ8zd/hiQ478v/XPc/h0bCPZufhMUgySQo4v4r/BCs05VFZm1DZ4B93bZRY+1nPr72/wi/XJEU9jI6/v89hwwX1gVVF+CD4LMOvgl8cOt0lCJKb0iMblu8pfF82YJZrfZ8vlV41priWiY6DApTjnnzDEcWWlNsjTm4RwiWZGTQFzwRBn8wwevs3UzciLMyf2TS1sGkcNJJ6BRbHbq4lTpgESDkHzMoQiQzRK37KpreSRjjX0LhyCEXG3QWvX//IX0NSqSfO+nDPt2c/oS+DWidrEO17mR7gsUGF+HiyHx3eJWZePNsKgCu1VIpmljx+zN34au6hfVYKZpQceZZ0h+lD91n1QWsjBCdds1uIFwpuj7Smg2uITqiNdHP1r0Mh6OnAi3tFZ5WZfmRdL2aGbeH6d4P1wCPFFRLQIrdRiO3EPwdMWOpZnLPQTP0wtQFdTGZBnZcpPRACyVMbwFYcaM0Cey5sNI812Azf3DtQK0SlanWfV/QpLlLCkkkKYaNVJq6lWabnj/+CVzbjXNkmLrTUzMa5GaFuTrrD0bKzNIb6SnuTEdyFL6WuRdQbMuPQLh25PCw/oWcJ0GvEOHRO3bM9OJdnWtMgLhfbF7QsHNrb9ovWuRl+tTC4BQn4pTnjhVzZG29T8Q4FoquFjrrW3/NCSqe9y+YePU17ESwzFsWxEzU/9by89usEI6CHk4cWAdHECXk3w+FcUwR89/p8caNvdNlro8S3S2k4OkO04tTmIMrkG1G9tve/aqFn+9EpdnXHWaXkUSMAwcEzCNrgg3UxnjqWs66UIbDNs6zC0eA45igwednd/fLto3nhro4R2pja6HNZlNsirW5a51AxvQ5XfQooTKx6FryLM4+1SRAdubNnfZP6zclqK5Hz2J9JSaKmynG2nYhfcMmadGsbPYbu/JRYMrT5IuahwmViUXXkmdx9jEmCcBbfILmsn0ky+4jS1Gm3cj8/Eim7TFZlu2RpZpWfB3JP917JM5Mo1GajYSNISisiclYmKM6hZo485Peaj9SHb71+kZtipUQWkyxnFk5uSXJqr9/leXw/OHEmXHoohBKsdKunB+esv7+JKstkwOclp+XpkFZD2yPhL9wE8WhFMTUxZYFxTbjbhmewcX7ObAvgXBjgKuW8BETGEH+LNN4Y1i/D4Jzir34Qvkv/EBwAuyCl5hMCyTCbl6SM5t8hR7cuk8iEMIGDYSs1pdB/UDhr5C/SRv+GF1LYBGrUGHWrjsnZV+ijIy46tug5REyVRvggN3mMZk6sjADyZ5/yG4MQd9VhnWnOAHt+7IxFvZlTW2YhXX5ezfpvDnrdSPAOTtQiFNJLFKDUTb5Lf0mj/bd/+BB2Hmzfojx2f8cxEcnBRBY2x5UIOF66hgHew+jfK+EPPzLX/smeL/9v4MxRUW2u/Ng/j78KL6UPO0kqs83S/7LeMe/5PDMsNxQhldqemPAAlbtfw2mKGpA6q+uYyeF2+kSXM1wkd0B6jL/XMJ1oUaj4fursnyp7zzihm9g/GcSxv6NuZ4QjPE0/AqZ/6GttFNvLkJ1LICEdgP8JXlTwYM6McpocoeYrX2lWhAFbdWBGBgpvmmlBiAJTmoExMCdmgBLwS9OgqJiADCoUbBQN1MNyBlWLciA3+B4TVfBQ9N9NQAVb7UIQwJETYAPkG7EJJgEebTIBSGjVfVTkeHoYk1e6Af+xKYEENK5eNJflEQclT6ez3veMaIkEZJuTZWzU064VZdZAIbAqhO+oslHz+7ux+nkNgmOhtveIheEjFbVz/vsZDi62+eF69v/xKYEkIBTHmb/i5Lo3pU+nhHKux5Rp5RFTLemyoQ5dT1auFUXouP/0m1W/00vz1c0+egjON2Pk3Yph9WP2Rttn9Q732np08WrNsyAgAMueOBD8B+3/gEcBEhQoNGEUZykWV6UVd20XT+M03yxXK03293+cDydL9fb/fF8vesVk+fyn/51ZRCbK0HMXMbP8oQ4AjroW/pzukq/yT8FvpArM4fxQQJsEqgLsTi1Fu0Vxow9T69AhO8HocZnvSBFAV2eJk+pwDRi/klPnKdLntWeXcBgzfwxzXfKGWVOMWVoBNpxS7GkIVi7txibUA5PhvriJW0mJnBCPXEQpSJxPvIFpCcJQYyfcnJ6ai2tRw+K1cQW8sDobY2F6QPRHqnc3PI9BgarxztWYRToA5cUZSkGk+mGk9L5Xbgs24FjfBgMs0gwVfjtLcZcYuIlju8eMQw6I5MkoMmblBFFcv3gKYyNB5L5SyLSGGY1sYdXQwMyt5B8zSB27rMpONQI7aiGsj0AAA==)
            format("woff2"),
        url(//at.alicdn.com/t/font_2150475_j0a94zyk98n.woff?t=1608879658141) format("woff"), url(//at.alicdn.com/t/font_2150475_j0a94zyk98n.ttf?t=1608879658141) format("truetype"),
        url(//at.alicdn.com/t/font_2150475_j0a94zyk98n.svg?t=1608879658141#iconfont) format("svg");
}
.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
}
.iconshouqi_shangjiantou:before {
    content: "\e60b";
}
.iconyuyan:before {
    content: "\e677";
}
.iconai-1:before {
    content: "\e633";
}
.iconai-5:before {
    content: "\e635";
}
.iconai-2:before {
    content: "\e630";
}
.iconai-3:before {
    content: "\e62b";
}
.iconai-4:before {
    content: "\e627";
}
.iconhuifu:before {
    content: "\e60e";
}
.iconfenxiang:before {
    content: "\e619";
}
.iconliulan:before {
    content: "\e625";
}
.icondianzan:before {
    content: "\e60a";
}
.icondianzan1:before {
    content: "\e60d";
}
.iconarrow-right1:before {
    content: "\e608";
}
.iconarrow-left:before {
    content: "\e609";
}
.iconshijian:before {
    content: "\e607";
}
.iconxiayiye:before {
    content: "\e606";
}
.iconshangyiye:before {
    content: "\e605";
}
.iconFacebook:before {
    content: "\e618";
}
.icontwitter:before {
    content: "\e604";
}
.iconinstagram:before {
    content: "\e6f4";
}
.iconminus:before {
    content: "\e601";
}
.iconadd:before {
    content: "\e603";
}
.icondenglu-yonghuming:before {
    content: "\e60c";
}
.iconclose1:before {
    content: "\e71b";
}
.iconfanhui:before {
    content: "\e6ff";
}
.iconxiazai1:before {
    content: "\e647";
}
.iconsearch:before {
    content: "\e602";
}
.iconfanhui1:before {
    content: "\e62f";
}
.iconsearch1:before {
    content: "\e6c5";
}
.iconxin2:before {
    content: "\e82b";
}
.iconduihao:before {
    content: "\e6fd";
}
.iconfangda:before {
    content: "\e826";
}
.iconfangda1:before {
    content: "\e685";
}
.iconxiazai:before {
    content: "\e629";
}
.icondownload1:before {
    content: "\e622";
}
.iconclose:before {
    content: "\e62a";
}
.iconlike:before {
    content: "\e624";
}
.iconinteractive:before {
    content: "\e621";
}
.iconupload:before {
    content: "\e623";
}
.iconarrow-right:before {
    content: "\e600";
}
.iconexcel:before {
    content: "\e620";
}
.icondownload:before {
    content: "\e61f";
}
.iconcomment:before {
    content: "\e61e";
}
.iconcomment-copy:before {
    content: "\e9be";
}
.iconarrow-down:before {
    content: "\e61d";
}
.iconwheel:before {
    content: "\e61a";
}
.iconpc:before {
    content: "\e61b";
}
.iconselect:before {
    content: "\e61c";
}
.iconsteering-wheel:before {
    content: "\e614";
}
.iconchair:before {
    content: "\e615";
}
.iconzhaoshou2:before {
    content: "\e617";
}
.iconchair2:before {
    content: "\e60f";
}
.iconcar:before {
    content: "\e610";
}
.icondashboard:before {
    content: "\e612";
}
.iconhigh-beam:before {
    content: "\e613";
}
.iconbook:before {
    content: "\e7ea";
}
.g-loading-wrap {
    background-color: #fff;
}
.g-loading-wrap .g-loadingCar {
    width: 20vw;
}
.g-loading-wrap .g-frontWheel,
.g-loading-wrap .g-rearWheel {
    position: absolute;
    display: block;
    display: none;
}
.g-loading-wrap .g-frontWheel {
    width: 4vw;
    height: 4vw;
    bottom: 14%;
    left: 9%;
}
.g-loading-wrap .g-rearWheel {
    width: 4vw;
    height: 4vw;
    bottom: 14%;
    right: 9%;
    display: none;
}
.g-loading-wrap .g-frontWheel:before,
.g-loading-wrap .g-rearWheel:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/assets/images/loading/wheel.png) no-repeat;
    background-size: 100% 100%;
    animation: wheel 0.8s linear infinite;
    -webkit-animation: wheel 0.8s linear infinite;
}
.g-loading-wrap #g-loadingNum {
    text-align: center;
    font-size: 1vw;
}
.cti-bingmap input::placeholder {
    color: #7a7a7a;
}
.cti-bingmap .wrap {
    width: 91%;
    margin: 0 auto;
}
.cti-bingmap .search-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3em auto;
    line-height: 2em;
    font-size: 1vw;
    color: #8b8b8b;
}
.cti-bingmap .search-wrap .tip {
    white-space: nowrap;
    padding-left: 1em;
    width: 19em;
}
.cti-bingmap .search-wrap .input-wrap,
.cti-bingmap .search-wrap .select-wrap,
.cti-bingmap .search-wrap button {
    width: calc((100% - 19em - 5em) / 3);
}
.cti-bingmap .search-wrap .input-wrap input {
    text-align: center;
    border: 1px solid #898989;
}
.cti-bingmap .search-wrap button {
    background-color: #898989;
    line-height: inherit;
    color: #fff;
    transition: all 0.3s;
    border: 1px solid #898989;
    text-transform: uppercase;
}
.cti-bingmap .search-wrap button:hover {
    background-color: #343c45;
}
.cti-bingmap .map-wrap {
    position: relative;
}
.cti-bingmap .map-wrap #myMap {
    height: 40vw;
    z-index: 1;
}
.cti-bingmap .map-wrap .pointer-wrap {
    position: absolute;
    top: 57%;
    left: 53%;
    color: #fff;
    text-align: center;
}
.cti-bingmap .map-wrap .pointer-wrap .wave {
    width: 1em;
    height: 1em;
    cursor: pointer;
}
.cti-bingmap .map-wrap .pointer-wrap .wave,
.cti-bingmap .map-wrap .pointer-wrap .wave::after,
.cti-bingmap .map-wrap .pointer-wrap .wave::before {
    left: 0;
}
.cti-bingmap .map-wrap .pointer-wrap p {
    position: absolute;
    top: 3em;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 1em;
}
.cti-bingmap .map-wrap .form-wrap {
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 40%;
    /* display: none; */
    z-index: 2;
    transition: all .5s;
}
.cti-bingmap .map-wrap .form-wrap.act {
    display: block;
}
.cti-bingmap .map-wrap .form-wrap .form-box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#MapStyleSelector,
.cti-bingmap .map-wrap .form-wrap .d-img {
    display: none;
}
.cti-bingmap .map-wrap .form-wrap .form-box li {
    width: 48%;
    margin-bottom: 3%;
}
.cti-bingmap .map-wrap .form-wrap .form-box li.col1 {
    width: 100%;
}
.cti-bingmap .map-wrap .form-wrap .form-box button {
    width: 50%;
    background-color: #898989;
    color: #fff;
    padding: 1em 0;
    margin-top: 2%;
    transition: all 0.3s;
}
.cti-bingmap .map-wrap .form-wrap .form-box button:hover {
    background-color: #343c45;
}
.cti-bingmap .map-wrap .form-wrap .form-box input {
    min-height: 2em;
}
.cti-bingmap .map-wrap .MicrosoftMap .Infobox .infobox-body,
.cti-bingmap .map-wrap .MicrosoftMap .Infobox .infobox-body .infobox-info {
    max-height: 500px !important;
}
.cti-bingmap .map-wrap .form-wrap {
    background-color: #fff;
    box-shadow: 1em 1em 2em #333;
    padding: 2em;
}
.cti-bingmap .map-wrap .form-wrap .form-box {
    font-size: 0.9vw;
    line-height: 2;
    text-align: center;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
}
.cti-360D .kv .car_img .spinner span,
.cti-360D_jodan .kv .car_img .spinner span {
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-weight: bolder;
    line-height: 30px;
    text-align: center;
}
@media screen and (max-width: 800px) {
    .cti-bingmap .search-wrap {
        flex-direction: column;
        font-size: 3.2vw;
        align-items: flex-start;
        margin-top: 2em;
    }
    .cti-bingmap .search-wrap .tip {
        padding-left: 0;
        width: 100%;
        font-size: 4.8vw;
    }
    .cti-bingmap .search-wrap .select-wrap {
        width: 100%;
        margin-top: 1em;
    }
    .cti-bingmap .search-wrap button {
        margin-top: 1em;
        width: 100%;
        padding: 0.5em 0;
    }
    .cti-bingmap .map-wrap #myMap {
        height: 50vh;
    }
    /* .cti-bingmap .map-wrap .form-wrap {
        position: fixed;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        box-sizing: border-box;
        padding: 2em 0;
    } */
    .cti-bingmap .map-wrap .form-wrap .d-img {
        display: none;
    }
    .cti-bingmap .map-wrap .form-wrap.act {
        display: block;
    }
    .cti-bingmap .map-wrap .form-wrap .form-box {
        background-color: #fff;
        font-size: 3.2vw;
        width: 85%;
        padding: 5%;
        position: relative;
        z-index: 2;
        margin-left: 2.5%;
    }
    /* .cti-bingmap .map-wrap .form-wrap::before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100vh;
        background: rgba(0, 0, 0, 0.8);
        transform: translateY(-25%);
        z-index: 1;
    } */
    .form-wrap.show{
        left: 5% !important;
        width: 90% !important;
        padding: 0 !important;
    }
    .cti-bingmap .map-wrap .form-wrap .form-box ul li{
        width: 100%;
    }
    .cti-cartype-new-h9 .wap-panoramic-box .h9-qiehuan .item-h9-color-wap{
        box-shadow: rgb(149 157 165 / 98%) 0px 8px 24px;
    }
}
.cti-index-map {
    overflow: hidden;
    height: 56.25vw;
}
.cti-index-map .stage {
    width: 100%;
    height: 100%;
}
.cti-360D .kv {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.cti-360D .kv img {
    width: 100%;
}
.cti-360D .kv .kv_top {
    width: 80%;
    position: absolute;
    top: 5vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    z-index: 9;
}
.cti-360D .kv .kv_top .left_return {
    width: 4%;
}
.cti-360D .kv .kv_top .left_return img {
    width: 100%;
}
.cti-360D .kv .kv_top .right {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8vw;
    z-index: 9;
}
.cti-360D .kv .kv_top .right div {
    width: 12%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1vw 0;
    box-sizing: border-box;
    cursor: pointer;
}
.cti-360D .kv .kv_top .right .left {
    border-top-left-radius: 0.7vw;
    border-bottom-left-radius: 0.7vw;
}
.cti-360D .kv .kv_top .right .right {
    border-top-right-radius: 0.7vw;
    border-bottom-right-radius: 0.7vw;
}
.cti-360D .kv .kv_top .right .active1 {
    background-color: #7a7f8a;
    color: #fff;
}
.cti-360D .kv .interior {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0.2vw;
    margin: auto;
    z-index: 10;
}
.cti-360D .kv .interior .kv_top {
    width: 80%;
    position: absolute;
    top: 5vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    z-index: 999;
}
.cti-360D .kv .interior .kv_top .left_return {
    width: 4%;
}
.cti-360D .kv .interior .kv_top .left_return img {
    width: 100%;
}
.cti-360D .kv .tab_active {
    display: none;
}
.cti-360D .kv .car_img {
    width: 67%;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
}
.cti-360D .kv .car_img img {
    width: 100%;
}
.cti-360D .kv .car_img .threesixty_images {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.cti-360D .kv .car_img .threesixty_images img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
.cti-360D .kv .car_img .threesixty_images img.previous-image {
    visibility: hidden;
    width: 0;
}
.cti-360D .kv .car_img .threesixty_images img.current-image {
    visibility: visible;
    width: 100%;
}
.cti-360D .kv .car_img .spinner {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cti-360D .kv .car_img .spinner span {
    font-size: 12px;
    color: #fff;
    display: block;
}
.cti-360D .kv .car_img .nav_bar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
}
.cti-360D .kv .car_img .nav_bar a {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    background: url(/assets/sprites.png) no-repeat;
    text-indent: -99999px;
}
.cti-360D .kv .car_img .nav_bar a.nav_bar_play {
    background-position: 0 0 !important;
}
.cti-360D .kv .car_img .nav_bar a.nav_bar_previous {
    background-position: 0 -73px !important;
}
.cti-360D .kv .car_img .nav_bar a.nav_bar_stop {
    background-position: 0 -37px !important;
}
.cti-360D .kv .car_img .nav_bar a.nav_bar_next {
    background-position: 0 -104px !important;
}
.cti-360D .kv .car_img:-webkit-full-screen {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.cti-360D .kv .car_img:-moz-full-screen {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.cti-360D .kv .tab {
    width: 44%;
    position: absolute;
    bottom: 7vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.cti-360D .kv .tab div {
    width: 18%;
}
.cti-360D .kv .tab img {
    width: 100%;
}
.cti-360D .kv .active {
    border: 5px solid #b1b1b1;
    border-radius: 12px;
}
@media screen and (max-width: 750px) {
    .cti-360D .kv {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .cti-360D .kv img {
        width: 100%;
    }
    .cti-360D .kv .car_img {
        width: 100%;
        overflow: visible;
        position: absolute;
        left: 0;
        bottom: 25%;
        right: 0;
        margin: auto;
    }
    .cti-360D .kv .car_img img {
        width: 100%;
    }
    .cti-360D .kv .car_img .threesixty_images {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .cti-360D .kv .car_img .threesixty_images img {
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
    }
    .cti-360D .kv .car_img .threesixty_images img.previous-image {
        visibility: hidden;
        width: 0;
    }
    .cti-360D .kv .car_img .threesixty_images img.current-image {
        visibility: visible;
        width: 100%;
    }
    .cti-360D .kv .car_img .spinner {
        width: 60px;
        display: block;
        margin: 0 auto;
        height: 30px;
        background: #333;
        background: rgba(0, 0, 0, 0.7);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .cti-360D .kv .car_img .spinner span {
        font-family: Arial, "MS Trebuchet", sans-serif;
        font-size: 12px;
        font-weight: bolder;
        color: #fff;
        text-align: center;
        line-height: 30px;
        display: block;
    }
    .cti-360D .kv .car_img .nav_bar {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 11;
    }
    .cti-360D .kv .car_img .nav_bar a {
        display: block;
        width: 32px;
        height: 32px;
        float: left;
        background: url(/assets/sprites.png) no-repeat;
        text-indent: -99999px;
    }
    .cti-360D .kv .car_img .nav_bar a.nav_bar_play {
        background-position: 0 0 !important;
    }
    .cti-360D .kv .car_img .nav_bar a.nav_bar_previous {
        background-position: 0 -73px !important;
    }
    .cti-360D .kv .car_img .nav_bar a.nav_bar_stop {
        background-position: 0 -37px !important;
    }
    .cti-360D .kv .car_img .nav_bar a.nav_bar_next {
        background-position: 0 -104px !important;
    }
    .cti-360D .kv .car_img:-webkit-full-screen {
        background: #fff;
        width: 100%;
        height: 100%;
        margin-top: 0;
        padding-top: 200px;
    }
    .cti-360D .kv .car_img:-moz-full-screen {
        background: #fff;
        width: 100%;
        height: 100%;
        margin-top: 0;
        padding-top: 200px;
    }
}
.cti-360D_jodan .kv {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.cti-360D_jodan .kv img {
    width: 100%;
}
.cti-360D_jodan .kv .car_img {
    width: 68%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0.2vw;
    margin: auto;
}
.cti-360D_jodan .kv .car_img img {
    width: 100%;
}
.cti-360D_jodan .kv .kv_top {
    width: 80%;
    position: absolute;
    top: 5vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    z-index: 9;
}
.cti-360D_jodan .kv .kv_top .left_return {
    width: 4%;
}
.cti-360D_jodan .kv .kv_top .left_return img {
    width: 100%;
}
.cti-360D_jodan .kv .kv_top .right {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8vw;
    z-index: 9;
}
.cti-360D_jodan .kv .kv_top .right div {
    width: 12%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1vw 0;
    box-sizing: border-box;
    cursor: pointer;
}
.cti-360D_jodan .kv .kv_top .right .left {
    border-top-left-radius: 0.7vw;
    border-bottom-left-radius: 0.7vw;
}
.cti-360D_jodan .kv .kv_top .right .right {
    border-top-right-radius: 0.7vw;
    border-bottom-right-radius: 0.7vw;
}
.cti-360D_jodan .kv .kv_top .right .active1 {
    background-color: #7a7f8a;
    color: #fff;
}
.cti-360D_jodan .kv .dian {
    width: 1vw;
    height: 1vw;
    border-radius: 100%;
    background-color: #fff;
}
.cti-360D_jodan .kv .interior {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0.2vw;
    margin: auto;
    z-index: 10;
}
.cti-360D_jodan .kv .interior .kv_top {
    width: 80%;
    position: absolute;
    top: 5vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    z-index: 9;
}
.cti-360D_jodan .kv .interior .kv_top .left_return {
    width: 4%;
}
.cti-360D_jodan .kv .interior .kv_top .left_return img {
    width: 100%;
}
.cti-360D_jodan .kv .tab_active {
    display: none;
}
.cti-360D_jodan .kv .car_img .threesixty_images {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.cti-360D_jodan .kv .car_img .threesixty_images img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
.cti-360D_jodan .kv .car_img .threesixty_images img.previous-image {
    visibility: hidden;
    width: 0;
}
.cti-360D_jodan .kv .car_img .threesixty_images img.current-image {
    visibility: visible;
    width: 100%;
}
.cti-360D_jodan .kv .car_img .spinner {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cti-360D_jodan .kv .car_img .spinner span {
    font-size: 12px;
    color: #fff;
    display: block;
}
.cti-360D_jodan .kv .car_img .nav_bar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
}
.cti-360D_jodan .kv .car_img .nav_bar a {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    background: url(/assets/sprites.png) no-repeat;
    text-indent: -99999px;
}
.cti-360D_jodan .kv .car_img .nav_bar a.nav_bar_play {
    background-position: 0 0 !important;
}
.cti-360D_jodan .kv .car_img .nav_bar a.nav_bar_previous {
    background-position: 0 -73px !important;
}
.cti-360D_jodan .kv .car_img .nav_bar a.nav_bar_stop {
    background-position: 0 -37px !important;
}
.cti-360D_jodan .kv .car_img .nav_bar a.nav_bar_next {
    background-position: 0 -104px !important;
}
.cti-360D_jodan .kv .car_img:-webkit-full-screen {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.cti-360D_jodan .kv .car_img:-moz-full-screen {
    background: #fff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.cti-360D_jodan .kv .tab {
    width: 44%;
    position: absolute;
    bottom: 7vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
}
.cti-360D_jodan .kv .tab div {
    width: 18%;
    margin-left: 1vw;
}
.cti-360D_jodan .kv .tab img {
    width: 100%;
}
.cti-360D_jodan .kv .active {
    border: 5px solid #b1b1b1;
    border-radius: 12px;
}
@media screen and (max-width: 750px) {
    .cti-360D_jodan .kv .interior .kv_top,
    .cti-360D_jodan .kv .kv_top {
        top: 12vh;
    }
    .cti-360D_jodan .kv {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }
    .cti-360D_jodan .kv img {
        width: 100%;
    }
    .cti-360D_jodan .kv .interior .kv_top .right {
        font-size: 2vw;
    }
    .cti-360D_jodan .kv .interior .kv_top .right div {
        width: 40%;
    }
    .cti-360D_jodan .kv .interior .kv_top .left_return {
        width: 15%;
        display: block;
    }
    .cti-360D_jodan .kv .kv_top .right {
        font-size: 2vw;
        width: 100%;
    }
    .cti-360D_jodan .kv .kv_top .right div {
        width: 40%;
    }
    .cti-360D_jodan .kv .kv_top .left_return {
        width: 15%;
        display: none;
    }
    .cti-360D_jodan .kv .car_img {
        width: 100%;
        overflow: visible;
        position: absolute;
        left: 0;
        bottom: 25%;
        right: 0;
        margin: auto;
    }
    .cti-360D_jodan .kv .car_img img {
        width: 100%;
    }
    .cti-360D_jodan .kv .car_img .threesixty_images {
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .cti-360D_jodan .kv .car_img .threesixty_images img {
        position: absolute;
        top: 50%;
        transform: translateY(30%);
        width: 100%;
        height: auto;
    }
    .cti-360D_jodan .kv .car_img .threesixty_images img.previous-image {
        visibility: hidden;
        width: 0;
    }
    .cti-360D_jodan .kv .car_img .threesixty_images img.current-image {
        visibility: visible;
        width: 100%;
    }
    .cti-360D_jodan .kv .car_img .spinner {
        width: 60px;
        display: block;
        margin: 0 auto;
        height: 30px;
        background: #333;
        background: rgba(0, 0, 0, 0.7);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .cti-360D_jodan .kv .car_img .spinner span {
        font-family: Arial, "MS Trebuchet", sans-serif;
        font-size: 12px;
        font-weight: bolder;
        color: #fff;
        text-align: center;
        line-height: 30px;
        display: block;
    }
    .cti-360D_jodan .kv .car_img .nav_bar {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 11;
    }
    .cti-360D_jodan .kv .car_img .nav_bar a {
        display: block;
        width: 32px;
        height: 32px;
        float: left;
        background: url(/assets/sprites.png) no-repeat;
        text-indent: -99999px;
    }
    .cti-360D_jodan .kv .car_img .nav_bar a.nav_bar_play {
        background-position: 0 0 !important;
    }
    .cti-360D_jodan .kv .car_img .nav_bar a.nav_bar_previous {
        background-position: 0 -73px !important;
    }
    .cti-360D_jodan .kv .car_img .nav_bar a.nav_bar_stop {
        background-position: 0 -37px !important;
    }
    .cti-360D_jodan .kv .car_img .nav_bar a.nav_bar_next {
        background-position: 0 -104px !important;
    }
    .cti-360D_jodan .kv .car_img:-webkit-full-screen {
        background: #fff;
        width: 100%;
        height: 100%;
        margin-top: 0;
        padding-top: 200px;
    }
    .cti-360D_jodan .kv .car_img:-moz-full-screen {
        background: #fff;
        width: 100%;
        height: 100%;
        margin-top: 0;
        padding-top: 200px;
    }
}
.cti-about .kv,
.cti-about .kv img {
    width: 100%;
}
.cti-about .about {
    width: 60%;
    margin: auto;
}
.cti-about .about .about_title {
    width: 100%;
    padding: 3% 0;
    box-sizing: border-box;
    font-size: 2vw;
    font-weight: 700;
}
.cti-about .about .about_con {
    width: 100%;
    position: relative;
    margin-top: 1vw;
}
.cti-about .about .about_con::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.322);
}
.cti-about .about .about_con .about_con_title{
    position: absolute;
    top: 50px;
    left: 55px;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
}
.cti-about .about .about_con img {
    width: 100%;
}
.cti-about .about .about_con .about_btn {
    position: absolute;
    width: 100%;
    left: 3vw;
    right: 0;
    bottom: 3vw;
    margin: auto;
    color: #fff;
}
.cti-about .about .about_con .about_btn a {
    border: 1px solid #fff;
    padding: 1% 5%;
    box-sizing: border-box;
    font-size: 1vw;
}
.cti-about .about .about_con .about_btn a:hover {
    background-color: #fff;
    color: #333;
    border: 0;
}
@media screen and (max-width: 800px) {
    .cti-about .kv,
    .cti-about .kv img {
        width: 100%;
    }
    .cti-about .about {
        width: 100%;
        margin: auto;
    }
    .cti-about .about .about_title {
        width: 100%;
        padding: 3% 0 3% 3%;
        box-sizing: border-box;
        font-size: 4vw;
        font-weight: 700;
    }
    .cti-about .about .about_con {
        width: 100%;
        position: relative;
        margin-top: 4vw;
    }
    .cti-about .about .about_con img {
        width: 100%;
    }
    .cti-about .about .about_con .about_btn {
        position: absolute;
        width: 100%;
        left: 3vw;
        right: 0;
        bottom: 3vw;
        margin: auto;
        color: #fff;
    }
    .cti-about .about .about_con .about_btn a {
        border: 1px solid #fff;
        padding: 1% 5%;
        box-sizing: border-box;
        font-size: 3vw;
    }
    .cti-about .about .about_con .about_btn a:hover {
        background-color: #fff;
        color: #333;
    }
}
.cti-achievement {
    background-color: #f8f8f8;
}
.cti-achievement .kv,
.cti-achievement .kv img {
    width: 100%;
}
.cti-achievement .achievement_con {
    width: 75%;
    margin: auto;
}
.cti-achievement .achievement_con .achievement_title {
    padding-top: 3vw;
    padding-bottom: 3vw;
    font-size: 2vw;
    font-weight: 700;
    box-sizing: border-box;
}
.cti-achievement .achievement_con .achievement_smalltitle {
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-weight: 700;
    box-sizing: border-box;
    border-top: 2px solid #959595;
    font-size: 1.5vw;
}
.cti-achievement .achievement_con .awards {
    width: 100%;
    background-color: #fff;
    padding: 3% 3% 0;
    box-sizing: border-box;
    margin-bottom: 2vw;
}
.cti-achievement .achievement_con .awards .awards_title {
    width: 100%;
    font-size: 1vw;
}
.cti-achievement .achievement_con .awards .awards_title .text {
    font-weight: 700;
}
.cti-achievement .achievement_con .awards .awards_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2vw;
    gap: 10px;
}
.cti-achievement .achievement_con .awards .awards_con div {
    width: 48%;
}
.cti-achievement .achievement_con .awards .awards_con div img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.cti-achievement .achievement_con .awards .awards_bottom {
    width: 100%;
    font-size: 1vw;
    padding-top: 2vw;
    padding-bottom: 3vw;
}
.cti-achievement .achievement_con .collision {
    width: 100%;
    background-color: #fff;
    padding: 3% 3% 0;
    box-sizing: border-box;
    margin-bottom: 2vw;
}
.cti-achievement .achievement_con .collision .awards_title {
    width: 100%;
    font-size: 1vw;
}
.cti-achievement .achievement_con .collision .awards_title .text {
    font-weight: 700;
}
.cti-achievement .achievement_con .collision .awards_con {
    width: 100%;
    margin-top: 2vw;
    padding-bottom: 1.5vw;
}
.cti-achievement .achievement_con .collision .awards_con img {
    width: 100%;
}
.cti-achievement .achievement_con .champion {
    width: 100%;
    background-color: #fff;
    padding: 3% 3% 0;
    box-sizing: border-box;
    margin-bottom: 2vw;
}
.cti-achievement .achievement_con .champion .champion_title {
    width: 100%;
    font-size: 1vw;
    font-weight: 700;
}
.cti-achievement .achievement_con .champion .champion_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2vw;
}
.cti-achievement .achievement_con .champion .champion_con div {
    width: 40%;
}
.cti-achievement .achievement_con .champion .champion_con div img {
    width: 100%;
}
.cti-achievement .achievement_con .champion .champion_con .champion_img {
    width: 18%;
}
.cti-achievement .achievement_con .champion .champion_bottom {
    width: 100%;
    font-size: 1vw;
    padding-top: 2vw;
    padding-bottom: 3vw;
    line-height: 1.5;
}
.cti-achievement .achievement_con .Award_winning,
.cti-achievement .achievement_con .loading,
.cti-achievement .achievement_con .trophy {
    width: 100%;
    text-align: center;
    margin-top: 2.8vw;
}
.cti-achievement .achievement_con #active {
    display: none;
}
.cti-achievement .achievement_con .perfect {
    width: 100%;
    background-color: #fff;
    padding: 3% 3% 0;
    box-sizing: border-box;
    margin-bottom: 3vw;
}
.cti-achievement .achievement_con .perfect .awards_title {
    width: 100%;
    font-size: 1vw;
}
.cti-achievement .achievement_con .perfect .awards_title .text {
    font-weight: 700;
}
.cti-achievement .achievement_con .perfect .awards_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2vw;
}
.cti-achievement .achievement_con .perfect .awards_con div {
    width: 51%;
}
.cti-achievement .achievement_con .perfect .awards_con div img {
    width: 100%;
}
.cti-achievement .achievement_con .perfect .awards_con .perfect_img {
    width: 47.2%;
}
.cti-achievement .achievement_con .perfect .awards_con .perfect_image {
    width: 44.2%;
}
.cti-achievement .achievement_con .perfect .awards_bottom {
    width: 100%;
    font-size: 1vw;
    padding-top: 2vw;
    padding-bottom: 3vw;
}
.cti-achievement .achievement_con .development_title {
    width: 100%;
    padding: 3.8% 0 3%;
    box-sizing: border-box;
    border-top: 2px solid #a9a9a9;
    font-weight: 700;
    font-size: 1.5vw;
    margin-top: 3vw;
}
.cti-achievement .achievement_con .development_con {
    width: 100%;
    background-color: #fff;
    font-size: 1vw;
    padding: 3%;
    box-sizing: border-box;
}
.cti-achievement .achievement_con .development_smalltitle {
    width: 100%;
    font-weight: 700;
}
.cti-achievement .achievement_con .development_inter #active {
    display: none;
}
.cti-achievement .achievement_con .development_inter .develent_con {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 1.5vw;
}
.cti-achievement .achievement_con .development_inter .develent_con div {
    width: 32%;
    position: relative;
}
.cti-achievement .achievement_con .development_inter .develent_con div img {
    width: 100%;
}
.cti-achievement .achievement_con .development_inter .develent_con div .bask {
    width: 100%;
    height: 4vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto auto auto 0;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 1vw;
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 2vw;
    box-sizing: border-box;
    padding-right: 2vw;
    opacity: 0;
    transition: all .4s;
}
.cti-achievement .achievement_con .development_inter .develent_con div:hover .bask{
    opacity: 1;
}

.cti-achievement .achievement_con .motor {
    width: 100%;
    background-color: #fff;
    padding: 3% 3% 0;
    box-sizing: border-box;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
.cti-achievement .achievement_con .motor .motor_title {
    width: 100%;
    font-size: 1vw;
    font-weight: 700;
}
.cti-achievement .achievement_con .motor .motor_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 2vw;
}
.cti-achievement .achievement_con .motor .motor_con div {
    width: 32.5%;
}
.cti-achievement .achievement_con .motor .motor_con div img {
    width: 100%;
}
.cti-achievement .achievement_con .motor .motor_bottom {
    width: 100%;
    margin-top: 2vw;
    font-size: 0.8vw;
    font-weight: 700;
    padding-bottom: 3vw;
    box-sizing: border-box;
}
@media screen and (max-width: 750px) {
    .cti-achievement {
        background-color: #f8f8f8;
    }
    .cti-achievement .achievement_con {
        width: 85%;
        margin: auto;
    }
    .cti-achievement .achievement_con .achievement_title {
        padding-top: 3vw;
        padding-bottom: 3vw;
        font-size: 4vw;
        font-weight: 700;
        box-sizing: border-box;
    }
    .cti-achievement .achievement_con .achievement_smalltitle {
        padding-top: 2vw;
        padding-bottom: 2vw;
        font-weight: 700;
        box-sizing: border-box;
        border-top: 1px solid #959595;
        font-size: 4vw;
    }
    .cti-achievement .achievement_con .awards {
        width: 100%;
        background-color: #fff;
        padding: 4% 4% 0;
        box-sizing: border-box;
        margin-bottom: 2vw;
    }
    .cti-achievement .achievement_con .awards .awards_title {
        width: 100%;
        font-size: 4vw;
    }
    .cti-achievement .achievement_con .awards .awards_title .text {
        font-weight: 700;
    }
    .cti-achievement .achievement_con .awards .awards_con {
        width: 100%;
        display: block;
        justify-content: space-between;
        margin-top: 2vw;
    }
    .cti-achievement .achievement_con .awards .awards_con div {
        width: 100%;
        margin-top: 3vw;
    }
    .cti-achievement .achievement_con .awards .awards_con div img {
        width: 100%;
    }
    .cti-achievement .achievement_con .awards .awards_bottom {
        width: 100%;
        font-size: 3vw;
        padding-top: 2vw;
        padding-bottom: 3vw;
    }
    .cti-achievement .achievement_con .collision {
        width: 100%;
        background-color: #fff;
        padding: 3% 3% 0;
        box-sizing: border-box;
        margin-bottom: 2vw;
    }
    .cti-achievement .achievement_con .collision .awards_title {
        width: 100%;
        font-size: 3vw;
    }
    .cti-achievement .achievement_con .collision .awards_title .text {
        font-weight: 700;
    }
    .cti-achievement .achievement_con .collision .awards_con {
        width: 100%;
        margin-top: 2vw;
        padding-bottom: 1.5vw;
    }
    .cti-achievement .achievement_con .collision .awards_con img {
        width: 100%;
    }
    .cti-achievement .achievement_con .champion {
        width: 100%;
        background-color: #fff;
        padding: 4% 4% 0;
        box-sizing: border-box;
        margin-bottom: 2vw;
    }
    .cti-achievement .achievement_con .champion .champion_title {
        width: 100%;
        font-size: 3vw;
        font-weight: 700;
    }
    .cti-achievement .achievement_con .champion .champion_con {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 2vw;
    }
    .cti-achievement .achievement_con .champion .champion_con div {
        width: 40%;
    }
    .cti-achievement .achievement_con .champion .champion_con div img {
        width: 100%;
    }
    .cti-achievement .achievement_con .champion .champion_con .champion_img {
        width: 18%;
    }
    .cti-achievement .achievement_con .champion .champion_bottom {
        width: 100%;
        font-size: 3vw;
        padding-top: 2vw;
        padding-bottom: 3vw;
        line-height: 1.5;
    }
    .cti-achievement .achievement_con .Award_winning .loading-btn,
    .cti-achievement .achievement_con .loading .loading-btn,
    .cti-achievement .achievement_con .trophy .loading-btn {
        font-size: 1.4vw;
    }
    .cti-achievement .achievement_con .loading {
        width: 100%;
        text-align: center;
        margin-top: 2.8vw;
    }
    .cti-achievement .achievement_con .Award_winning {
        width: 100%;
        text-align: center;
        margin-top: 2.8vw;
    }
    .cti-achievement .achievement_con .trophy {
        width: 100%;
        text-align: center;
        margin-top: 2.8vw;
    }
    .cti-achievement .achievement_con .perfect {
        width: 100%;
        background-color: #fff;
        padding: 4% 4% 0;
        box-sizing: border-box;
        margin-bottom: 3vw;
    }
    .cti-achievement .achievement_con .perfect .awards_title {
        width: 100%;
        font-size: 3vw;
    }
    .cti-achievement .achievement_con .perfect .awards_title .text {
        font-weight: 700;
    }
    .cti-achievement .achievement_con .perfect .awards_con {
        width: 100%;
        display: block;
        justify-content: space-between;
        margin-top: 2vw;
    }
    .cti-achievement .achievement_con .perfect .awards_con div,
    .cti-achievement .achievement_con .perfect .awards_con div img {
        width: 100%;
    }
    .cti-achievement .achievement_con .perfect .awards_con .perfect_img {
        width: 100%;
        margin-top: 2vw;
    }
    .cti-achievement .achievement_con .perfect .awards_bottom {
        width: 100%;
        font-size: 3vw;
        padding-top: 2vw;
        padding-bottom: 3vw;
    }
    .cti-achievement .achievement_con .development_title {
        width: 100%;
        padding: 3.8% 0 3%;
        box-sizing: border-box;
        border-top: 2px solid #a9a9a9;
        font-weight: 700;
        font-size: 3vw;
    }
    .cti-achievement .achievement_con .development_con {
        width: 100%;
        background-color: #fff;
        font-size: 3vw;
        padding: 4%;
        box-sizing: border-box;
    }
    .cti-achievement .achievement_con .development_smalltitle {
        width: 100%;
        font-weight: 700;
    }
    .cti-achievement .achievement_con .development_inter #active {
        display: none;
    }
    .cti-achievement .achievement_con .development_inter .develent_con {
        width: 100%;
        display: block;
        margin-top: 1.5vw;
    }
    .cti-achievement .achievement_con .development_inter .develent_con div {
        width: 100%;
        position: relative;
        margin-bottom: 4%;
    }
    .cti-achievement .achievement_con .development_inter .develent_con div img {
        width: 100%;
    }
    .cti-achievement .achievement_con .development_inter .develent_con div .bask {
        width: 100%;
        height: 8vw;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto auto auto 0;
        background-color: rgba(0, 0, 0, 0.6);
        font-size: 3vw;
        display: flex;
        align-items: center;
        color: #fff;
        padding-left: 2vw;
        box-sizing: border-box;
        padding-right: 2vw;
    }
    .cti-achievement .achievement_con .development_inter .develent_con .movser:nth-child(2n) {
        margin-left: 0;
        margin-right: 0;
    }
    .cti-achievement .achievement_con .motor {
        width: 100%;
        background-color: #fff;
        padding: 4% 4% 0;
        box-sizing: border-box;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .cti-achievement .achievement_con .motor .motor_title {
        width: 100%;
        font-size: 3vw;
        font-weight: 700;
    }
    .cti-achievement .achievement_con .motor .motor_con {
        width: 100%;
        display: block;
        justify-content: space-between;
        margin-top: 2vw;
    }
    .cti-achievement .achievement_con .motor .motor_con div {
        width: 100%;
        margin-bottom: 4vw;
    }
    .cti-achievement .achievement_con .motor .motor_con div img {
        width: 100%;
    }
    .cti-achievement .achievement_con .motor .motor_bottom {
        width: 100%;
        margin-top: 2vw;
        font-weight: 700;
        padding-bottom: 3vw;
        box-sizing: border-box;
        font-size: 3vw;
    }
}
.cti-brand {
    background-color: #e4e4e5;
    font-family: SourceHanSans;
}
.cti-brand .kv,
.cti-brand .kv img {
    width: 100%;
}
.cti-brand .brand {
    width: 80%;
    margin: 3vw auto auto;
}
.cti-brand .brand .brand_title {
    width: 100%;
    font-size: 2vw;
    font-weight: 700;
}
.cti-brand .brand .brand_con {
    display: flex;
    background-color: #fff;
    margin-top: 2vw;
}
.cti-brand .brand .brand_con div {
    flex: 1;
    align-items: center;
}
.cti-brand .brand .brand_con div img {
    width: 100%;
}
.cti-brand .brand .brand_con .brand_text {
    padding: 3%;
    box-sizing: border-box;
    font-size: 1vw;
}
.cti-brand .brand .brand_con .brand_text .txt-uppercase {
    font-size: 2vw;
    font-weight: 700;
}
.cti-brand .brand .brand_con .brand_text .text_con {
    margin-top: 3vw;
    line-height: 2;
}
.cti-brand .brand .brand_con_title {
    width: 100%;
    padding: 3%;
    box-sizing: border-box;
    font-size: 1vw;
}
.cti-brand .brand .brand_con_title .txt-uppercase {
    font-size: 2vw;
    font-weight: 700;
}
.cti-brand .brand .brand_con_title .text {
    margin-top: 0.5vw;
}
.cti-brand .brand .brand_desing {
    width: 100%;
    display: flex;
    background-color: #fff;
    align-items: center;
    text-align: center;
    margin-bottom: 2vw;
}
.cti-brand .brand .brand_desing div {
    flex: 1;
}
.cti-brand .brand .brand_desing div img {
    width: 100%;
}
.cti-brand .brand .brand_desing .desing_text {
    font-size: 1.1vw;
}
.cti-brand .brand .brand_language {
    width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
    font-size: 1vw;
}
.cti-brand .brand .brand_product {
    width: 100%;
    padding: 2.5% 2.5% 2.5% 3%;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 2vw;
    font-weight: 600;
    margin-top: 2vw;
}
.cti-brand .brand .product_img,
.cti-brand .brand .product_img img {
    width: 100%;
}
.cti-brand .brand .product_text {
    width: 100%;
    background-color: #fff;
    padding: 0 2.5% 2.5% 3%;
    box-sizing: border-box;
    font-size: 1vw;
}
.cti-brand .brand .product_text p {
    padding-top: 2vw;
    box-sizing: border-box;
}
@media screen and (max-width: 750px) {
    .cti-brand {
        background-color: #e4e4e5;
        font-family: SourceHanSans;
    }
    .cti-brand .kv,
    .cti-brand .kv img {
        width: 100%;
    }
    .cti-brand .brand {
        width: 85%;
        margin: 3vw auto auto;
    }
    .cti-brand .brand .brand_title {
        width: 100%;
        font-size: 5vw;
        font-weight: 700;
    }
    .cti-brand .brand .brand_con {
        display: block;
        background-color: #fff;
        margin-top: 3vw;
    }
    .cti-brand .brand .brand_con div {
        flex: 1;
        align-items: center;
    }
    .cti-brand .brand .brand_con div img {
        width: 100%;
    }
    .cti-brand .brand .brand_con .brand_text {
        padding: 3%;
        box-sizing: border-box;
        font-size: 3vw;
    }
    .cti-brand .brand .brand_con .brand_text .txt-uppercase {
        font-size: 4vw;
        font-weight: 700;
    }
    .cti-brand .brand .brand_con .brand_text .text_con {
        margin-top: 3vw;
        line-height: 2;
    }
    .cti-brand .brand .row_dectrion {
        display: flex;
        flex-direction: column-reverse;
    }
    .cti-brand .brand .brand_con_title {
        width: 100%;
        padding: 3%;
        box-sizing: border-box;
        font-size: 3vw;
    }
    .cti-brand .brand .brand_con_title .txt-uppercase {
        font-size: 4vw;
        font-weight: 700;
    }
    .cti-brand .brand .brand_con_title .text {
        margin-top: 2.5vw;
    }
    .cti-brand .brand .brand_desing {
        width: 100%;
        display: block;
        background-color: #fff;
        align-items: center;
        text-align: center;
        margin-bottom: 3vw;
    }
    .cti-brand .brand .brand_desing div {
        flex: 1;
    }
    .cti-brand .brand .brand_desing div img {
        width: 100%;
    }
    .cti-brand .brand .brand_desing .desing_text {
        font-size: 2.5vw;
        padding: 18% 0;
    }
    .cti-brand .brand .brand_flex {
        display: flex;
        flex-direction: column-reverse;
    }
    .cti-brand .brand .brand_language {
        width: 100%;
        padding: 0 3%;
        box-sizing: border-box;
        font-size: 3vw;
    }
    .cti-brand .brand .brand_product {
        width: 100%;
        padding: 3% 3% 3% 3.9%;
        background-color: #fff;
        box-sizing: border-box;
        font-size: 3.5vw;
        font-weight: 600;
        margin-top: 2vw;
    }
    .cti-brand .brand .product_img,
    .cti-brand .brand .product_img img {
        width: 100%;
    }
    .cti-brand .brand .product_text {
        width: 100%;
        background-color: #fff;
        padding: 0 2.5% 2.5% 4%;
        box-sizing: border-box;
        font-size: 3vw;
    }
    .cti-brand .brand .product_text p {
        padding-top: 4vw;
        box-sizing: border-box;
    }
}
.cti-carmodel_gate .kv,
.cti-carmodel_gate .kv img {
    width: 100%;
}
.cti-carmodel_gate .carmodel_gate {
    width: 70%;
    margin: auto;
}
.cti-carmodel_gate .carmodel_gate .carmodel_title {
    width: 100%;
    font-size: 2vw;
    font-weight: 700;
    margin-top: 3vw;
    margin-bottom: 3vw;
}
.cti-carmodel_gate .carmodel_gate .gate_con {
    width: 100%;
    display: flex;
    margin-bottom: 3vw;
    align-items: center;
    justify-content: space-between;
}
.cti-carmodel_gate .carmodel_gate .gate_con .gate_fen {
    width: 2px;
    height: 7vw;
    background-color: #e9e9e9;
}
.cti-carmodel_gate .carmodel_gate .gate_con div {
    width: 48%;
}
.cti-carmodel_gate .carmodel_gate .gate_con div .gate_title {
    width: 100%;
    text-align: center;
    font-size: 5vw;
    font-weight: 700;
    color: #e3e3e3;
}
.cti-carmodel_gate .carmodel_gate .gate_con div .gate_btn {
    width: 100%;
    text-align: center;
    margin-top: 3vw;
}
.cti-carmodel_gate .carmodel_gate .gate_con div .gate_btn a {
    border: 2px solid #000;
    padding: 2% 12%;
    box-sizing: border-box;
}
.cti-carmodel_gate .carmodel_gate .gate_con div .gate_btn a:hover {
    background-color: #333;
    color: #fff;
    border: 0;
}
.cti-carmodel_gate .carmodel_gate .gate_con div .hs7_btn {
    margin-top: 2vw;
}
.cti-carmodel_gate .carmodel_gate .gate_con div img {
    width: 100%;
    margin-top: 2vw;
}
.cti-carmodel_gate .carmodel_gate .gate_con div .model_img {
    margin-top: 0;
}
.cti-carmodel_gate .carmodel_gate .gate_bottom {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    margin-top: 4vw;
    margin-bottom: 4vw;
    padding-top: 4%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1vw;
}
.cti-carmodel_gate .carmodel_gate .gate_bottom .visit_btn {
    width: 30%;
    text-align: center;
}
.cti-carmodel_gate .carmodel_gate .gate_bottom .visit_btn a {
    padding: 4% 20%;
    box-sizing: border-box;
    background-color: #333;
    color: #fff;
    font-size: 1vw;
}
@media screen and (max-width: 750px) {
    .cti-carmodel_gate .kv,
    .cti-carmodel_gate .kv img {
        width: 100%;
    }
    .cti-carmodel_gate .carmodel_gate {
        width: 90%;
        margin: auto;
    }
    .cti-carmodel_gate .carmodel_gate .carmodel_title {
        width: 100%;
        font-size: 4vw;
        font-weight: 700;
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con {
        width: 100%;
        display: block;
        margin-bottom: 3vw;
        align-items: center;
        justify-content: space-between;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con .gate_fen {
        width: 100%;
        height: 0.2vw;
        background-color: #e9e9e9;
        margin-top: 7vw;
        margin-bottom: 5vw;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con div {
        width: 100%;
        margin-top: 12%;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con div .gate_title {
        width: 100%;
        text-align: center;
        font-size: 9vw;
        font-weight: 700;
        color: #e3e3e3;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con div .gate_btn {
        width: 100%;
        text-align: center;
        margin-top: 5vw;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con div .gate_btn a {
        border: 1px solid #000;
        padding: 3% 12%;
        box-sizing: border-box;
        font-size: 2.5vw;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con div .gate_btn a:hover {
        background-color: #333;
        color: #fff;
        border: 0;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con div .hs7_btn {
        margin-top: 2vw;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con div img {
        width: 100%;
        margin-top: 2vw;
    }
    .cti-carmodel_gate .carmodel_gate .gate_con div .model_img {
        margin-top: 0;
    }
    .cti-carmodel_gate .carmodel_gate .gate_bottom {
        width: 100%;
        border-top: 1px solid #d6d6d6;
        margin-top: 8vw;
        margin-bottom: 4vw;
        padding-top: 4%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 3vw;
    }
    .cti-carmodel_gate .carmodel_gate .gate_bottom .visit_btn {
        width: 70%;
        text-align: center;
    }
    .cti-carmodel_gate .carmodel_gate .gate_bottom .visit_btn a {
        padding: 6% 20%;
        box-sizing: border-box;
        background-color: #333;
        color: #fff;
        font-size: 3vw;
    }
}
.cti-cartype .banner-wrap .banner-img,
.cti-cartype .date {
    display: none;
}
.MicrosoftMap .Infobox {
    transform: translate(0, 120%);
}
.MicrosoftMap .infobox-stalk {
    top: 0 !important;
    transform: rotate(180deg) translateY(100%);
}
.cti-cartype {
    font-size: 1vw;
    background-color: #f8f8f8;
}
.cti-cartype .banner-wrap {
    position: relative;
    width: 100%;
}
.cti-cartype .banner-wrap .txt-wrap {
    line-height: 2;
    color: #fff;
    z-index: 2;
    text-transform: uppercase;
}
.cti-cartype .banner-wrap .txt-wrap .icon-add {
    width: 46px;
    margin: 5% auto 0;
    cursor: pointer;
}
.cti-cartype .banner-wrap .video {
    width: 100%;
    background: #000;
}
.cti-cartype .type-title {
    width: 100%;
    text-align: center;
    padding-top: 4%;
    padding-bottom: 4%;
    font-size: 1.8vw;
}
.cti-cartype .carmodel-con {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top {
    width: 91%;
    margin: auto;
    overflow: hidden;
}
.cti-cartype .carmodel-con .carmodel_top .car-img {
    width: 100%;
    overflow: hidden;
}
.cti-cartype .carmodel-con .carmodel_top .car-img img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .carmodel-title {
    width: 100%;
    padding-top: 4%;
    padding-bottom: 4%;
    display: flex;
    align-items: center;
}
.cti-cartype .carmodel-con .carmodel_top .carmodel-title > div {
    font-weight: 700;
}
.cti-cartype .carmodel-con .carmodel_top .carmodel-title > div.d-fl {
    font-size: 1.5vw;
    width: 50%;
}
.cti-cartype .carmodel-con .carmodel_top .carmodel-title > div.d-fl span {
    margin-right: 4%;
}
.cti-cartype .carmodel-con .carmodel_top .carmodel-title > div.d-fr {
    font-size: 0.9vw;
    width: 46%;
    margin-left: 4%;
}
.cti-cartype .carmodel-con .carmodel_top .model-con {
    width: 100%;
    margin-bottom: 4%;
    position: relative;
}
.cti-cartype .carmodel-con .carmodel_top .model-con div {
    align-items: center;
}
.cti-cartype .carmodel-con .carmodel_top .model-con div.d-carImg {
    width: 50%;
}
.cti-cartype .carmodel-con .carmodel_top .model-con div.d-carImg img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText2 {
    left: 0;
    right: auto !important;
}
.cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 46%;
    margin-left: 4%;
    right: 0;
    display: flex;
}
.cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText ul {
    box-sizing: border-box;
    font-weight: 700;
}
.cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText ul li:first-child {
    font-size: 1.5vw;
    margin-bottom: 3%;
}
.cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText ul li:nth-child(2) {
    line-height: 2;
    box-sizing: border-box;
    font-size: 0.9vw;
}
.cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText ul li {
    display: inline-block;
}
.cti-cartype .carmodel-con .carmodel_top .car-meter {
    width: 100%;
    overflow: hidden;
}
.cti-cartype .carmodel-con .carmodel_top .car-meter img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .car_router {
    width: 100%;
    display: flex;
    padding-bottom: 4%;
    justify-content: space-between;
}
.cti-cartype .carmodel-con .carmodel_top .car_router .car-introduction {
    width: 100%;
    text-align: center;
    font-size: 1.8vw;
}
.cti-cartype .carmodel-con .carmodel_top .router_btn {
    width: 18%;
    padding: 1em 0.5em;
    box-sizing: border-box;
    border: 0 solid #000;
    text-align: center;
    display: none;
}
.cti-cartype .carmodel-con .carmodel_top .car-Media {
    width: 100%;
    text-align: center;
    font-size: 1.8vw;
    padding-top: 5%;
    padding-bottom: 7%;
    box-sizing: border-box;
}
.cti-cartype .carmodel-con .carmodel_top .introduction {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.4%;
    overflow: hidden;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left a {
    width: 100%;
    height: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .download {
    flex: 1;
    height: 4vw;
    display: flex;
    margin-right: 0;
    text-align: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .download span {
    font-size: 2vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .download > div {
    height: 4vw;
    width: 24%;
    line-height: 2;
    text-align: center;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .download > div:hover {
    background-color: #eee;
    color: #333;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .download a:first-child {
    margin-right: 3%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .download .iconxiazai {
    font-size: 2.2vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .download a {
    font-size: 1vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left {
    position: relative;
    width: 66.287%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left:hover .bottom {
    display: block;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text {
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    color: #fff;
    font-size: 0.9vw;
    align-items: center;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download {
    flex: 1;
    height: 4vw;
    display: flex;
    margin-right: 0;
    max-width: 24%;
    text-align: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download span {
    font-size: 2vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download > .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download > div {
    height: 4vw;
    width: 30%;
    line-height: 2;
    text-align: center;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download > .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download > div:hover {
    background-color: #eee;
    color: #333;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download a:first-child {
    margin-right: 3%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download .iconxiazai {
    font-size: 2.2vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download a {
    font-size: 1vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .load {
    display: flex;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .load .txt {
    flex: 1;
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .operation {
    width: 100%;
    display: flex;
    cursor: pointer;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .operation div {
    flex: 1;
    max-width: 10%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .operation div img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .operation .date {
    flex: 1;
    max-width: 10%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    height: 3.4vw;
    box-sizing: border-box;
    line-height: 3.4vw;
    text-align: center;
    font-size: 1vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo {
    width: 32.4%;
    box-sizing: border-box;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top {
    width: 100%;
    position: relative;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top:hover .bottom {
    display: block;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .text {
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    color: #fff;
    font-size: 0.9vw;
    align-items: center;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .load {
    display: flex;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .load .txt {
    flex: 1;
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .operation {
    width: 100%;
    display: flex;
    cursor: pointer;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .operation div {
    flex: 1;
    max-width: 20%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .operation div img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .operation .date {
    flex: 1;
    max-width: 20%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    height: 3.4vw;
    box-sizing: border-box;
    line-height: 3.4vw;
    text-align: center;
    font-size: 1vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom {
    width: 100%;
    margin-top: 3%;
    position: relative;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom:hover .bottom {
    display: block;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .text {
    background: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    color: #fff;
    font-size: 0.9vw;
    align-items: center;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .load {
    display: flex;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .load .txt {
    flex: 1;
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .operation {
    width: 100%;
    display: flex;
    cursor: pointer;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .operation div {
    flex: 1;
    max-width: 20%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .operation div img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .operation .date {
    flex: 1;
    max-width: 20%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    height: 3.4vw;
    box-sizing: border-box;
    line-height: 3.4vw;
    text-align: center;
    font-size: 1vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.4%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div {
    width: 32.4%;
    position: relative;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div:hover .mask {
    display: block;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .load {
    display: flex;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .load .txt {
    width: 70%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download {
    flex: 1;
    height: 4vw;
    display: flex;
    margin-right: 0;
    max-width: 24%;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download div {
    height: 4vw;
    width: 50%;
    line-height: 2;
    text-align: center;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download .hover:hover {
    background: rgba(0, 0, 0, 0);
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download div:hover {
    background-color: #eee;
    color: #333;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download span {
    font-size: 2vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download a:first-child {
    margin-right: 3%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download a {
    font-size: 1vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .text {
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    box-sizing: border-box;
    font-size: 0.9vw;
    align-items: center;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .text .txt {
    flex: 1;
    padding-left: 1em;
    padding-right: 1em;
    box-sizing: border-box;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .operation {
    width: 100%;
    display: flex;
    cursor: pointer;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .operation div {
    flex: 1;
    max-width: 20%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .operation div img {
    width: 100%;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .operation .date {
    flex: 1;
    max-width: 20%;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    height: 3.4vw;
    box-sizing: border-box;
    line-height: 3.4vw;
    text-align: center;
    font-size: 1vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .down {
    width: 60%;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .down img {
    width: 2.1vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .down span {
    font-size: 0.85vw;
}
.cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .d-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
.cti-cartype .fh-config {
    width: 100%;
    display: flex;
    padding-top: 4%;
    box-sizing: border-box;
    --swiper-theme-color: #ff6600;
    --swiper-pagination-color: #00ff33;
}
.cti-cartype .fh-config .swiper-slide {
    opacity: 0.5;
    transform: scale(0.9);
    transition: 0.5s;
}
.cti-cartype .fh-config .swiper-pagination,
.cti-cartype .fh-config .swiper-slide .car_displacement {
    display: none;
}
.cti-cartype .fh-config .swiper-slide-active {
    transition: 0.5s;
    transform: scale(1);
    opacity: 1;
}
.cti-cartype .fh-config .swiper-slide-active .car_displacement {
    display: block;
    font-size: 1vw;
}
.cti-cartype .fh-config .leaving_top .leaving_img .img img {
    width: 100%;
}
.cti-cartype .fh-config .car_displacement {
    width: 100%;
    text-align: center;
    font-size: 1.3vw;
    margin-top: 3%;
    font-weight: 700;
}
.cti-cartype .param-title {
    width: 100%;
    background-color: #c7c7c7;
    padding: 1em 2em;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 3%;
}
.cti-cartype .param-detail {
    width: 60%;
    margin: auto;
    padding-top: 8%;
    padding-bottom: 2%;
    box-sizing: border-box;
    position: relative;
}
.cti-cartype .detail-con .engine .transmission-params .top div:nth-child(4),
.cti-cartype .param-detail .swiper-slide .top div:nth-child(n + 4) {
    margin-top: 3%;
}
.cti-cartype .param-detail .swiper-button-next,
.cti-cartype .param-detail .swiper-button-prev {
    position: absolute;
    top: 60%;
    z-index: 6;
}
.cti-cartype .param-detail .swiper-button-next,
.cti-cartype .param-detail .swiper-container-rtl .swiper-button-prev {
    right: -15%;
    color: #000;
}
.cti-cartype .param-detail .swiper-button-prev,
.cti-cartype .param-detail .swiper-container-rtl .swiper-button-next {
    left: -15%;
    right: auto;
    color: #000;
}
.cti-cartype .param-detail .swiper-slide {
    display: flex;
    flex-wrap: wrap;
}
.cti-cartype .param-detail .swiper-slide .top {
    flex: auto;
    width: 33.33%;
    margin-bottom: 2%;
}
.cti-cartype .param-detail .swiper-slide .top div span {
    font-size: 0.9vw;
}
.cti-cartype .param-detail .swiper-slide .top div p,
.cti-cartype .param-detail .swiper-slide .top div p span {
    font-weight: 700;
    font-size: 1.5vw;
}
.cti-cartype .param-detail .swiper-slide .top div {
    padding-left: 5%;
    text-align: left;
    box-sizing: border-box;
    border-left: 1px solid #d1d1d1;
}
.cti-cartype .param-detail .swiper-slide .top div:nth-child(3n + 1) {
    border-left: transparent;
}
.cti-cartype .detail-con {
    width: 100%;
    border-top: 1px solid #d6d6d6;
}
.cti-cartype .detail-con .engine {
    cursor: pointer;
}
.cti-cartype .detail-con .engine .engine-con {
    width: 100%;
    display: flex;
    padding: 1em 0;
    border-bottom: 1px solid #d6d6d6;
    color: #c7c7c7;
    font-weight: 700;
}
.cti-cartype .detail-con .engine .engine-con div {
    flex: 1;
}
.cti-cartype .detail-con .engine .engine-con div:nth-child(2) {
    text-align: right;
}
.cti-cartype .detail-con .engine .engine-con div:nth-child(2) .iconadd {
    font-weight: 700;
    font-size: 1.2vw;
}
.cti-cartype .detail-con .engine .engine-con div:nth-child(2) .iconminus {
    display: none;
    font-size: 1.2vw;
    font-weight: 700;
}
.cti-cartype .detail-con .engine .engine-params {
    width: 100%;
    padding-top: 3%;
    box-sizing: border-box;
    display: none;
}
.cti-cartype .detail-con .engine .engine-params .top {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 2%;
}
.cti-cartype .detail-con .engine .engine-params .top div {
    width: 33.33%;
}
.cti-cartype .detail-con .engine .engine-params .top div span {
    font-size: 0.9vw;
}
.cti-cartype .detail-con .engine .engine-params .top div p {
    font-weight: 700;
    font-size: 1.5vw;
}
.cti-cartype .detail-con .engine .transmission-params {
    width: 100%;
    padding-top: 3%;
    box-sizing: border-box;
    display: none;
}
.cti-cartype .detail-con .engine .transmission-params .top {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 2%;
}
.cti-cartype .detail-con .engine .transmission-params .top div {
    width: 33.33%;
}
.cti-cartype .detail-con .engine .transmission-params .top div span {
    font-size: 0.9vw;
}
.cti-cartype .detail-con .engine .transmission-params .top div p {
    font-weight: 700;
    font-size: 1.5vw;
}
.cti-cartype .detail-con .engine .transmission-params .top div:nth-child(2) {
    text-align: center;
    box-sizing: border-box;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}
.cti-cartype .detail-con .engine .transmission-params .top div:nth-child(3) {
    text-align: center;
    box-sizing: border-box;
}
.cti-cartype .detail-con .steering {
    cursor: pointer;
}
.cti-cartype .detail-con .steering .engine-con {
    width: 100%;
    display: flex;
    padding: 1em 0;
    border-bottom: 1px solid #d6d6d6;
    color: #c7c7c7;
    font-weight: 700;
}
.cti-cartype .detail-con .steering .engine-con div {
    flex: 1;
}
.cti-cartype .detail-con .steering .engine-con div:nth-child(2) {
    text-align: right;
}
.cti-cartype .detail-con .steering .engine-con div:nth-child(2) .iconadd {
    font-weight: 700;
    font-size: 1.2vw;
}
.cti-cartype .detail-con .steering .engine-con div:nth-child(2) .iconminus {
    display: none;
    font-size: 1.2vw;
    font-weight: 700;
}
.cti-cartype .detail-con .steering .engine-params {
    width: 100%;
    display: none;
}
.cti-cartype .detail-con .steering .engine-params div {
    width: 100%;
    margin-top: 2%;
}
.cti-cartype .detail-con .steering .engine-params div p {
    font-weight: 700;
    font-size: 1.2vw;
}
.cti-cartype .table_active {
    position: fixed;
    top: 5.1vw;
    width: 91% !important;
    z-index: 2;
}
.cti-cartype .brake-system {
    width: 100%;
    padding: 0.82em;
    background-color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 1.2vw;
    color: #000;
    margin-top: 3%;
    box-shadow: 2px 2px 3px #eee;
    box-sizing: border-box;
}
.cti-cartype .config-table-model,
.cti-cartype .popup_top,
.cti-cartype .system {
    display: none;
}
.cti-cartype .table {
    width: 100%;
    margin-bottom: 3%;
    box-shadow: 10px 10px 10px #eee;
}
.cti-cartype .table .table_top {
    width: 100%;
    display: flex;
}
.cti-cartype .table .table_top .table_left {
    width: 28%;
    line-height: 2em;
    background: #333;
    color: #fff;
    text-align: center;
    padding: 0.72em;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cti-cartype .table .table_top .table-model {
    width: 80%;
    display: flex;
    color: #fff;
    text-align: center;
    background-color: #333;
    justify-content: center;
    align-items: center;
}
.cti-cartype .table .table_top .table-model .active {
    background-color: #686868;
}
.cti-cartype .table .table_top .table-model div {
    cursor: pointer;
    height: 100%;
    flex: 1;
    border-left: 1px solid #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cti-cartype .table .security {
    cursor: pointer;
}
.cti-cartype .table .security .security-con {
    width: 100%;
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 0 2em;
    box-sizing: border-box;
    font-weight: 700;
    background-color: #efefef;
    line-height: 2;
    display: flex;
}
.cti-cartype .table .security .security-con div:first-child {
    width: 89.4%;
    font-size: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cti-cartype .table .security .security-con .zhankai {
    flex: 1;
    color: #000;
    font-size: 1.5vw;
}
.cti-cartype .table .security .security-con .zhankai .iconminus,
.cti-cartype .table .security .security-param,
.cti-cartype .table .security .wap-security-param {
    display: none;
}
.cti-cartype .table .security .security-param .security-detail {
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}
.cti-cartype .table .security .security-param .security-detail .params_left {
    width: 35%;
    font-size: 0.8vw;
}
.cti-cartype .table .security .security-param .security-detail .params_right {
    width: 20%;
    display: flex;
    align-items: center;
}
.cti-cartype .table .security .security-param .security-detail .params_right div {
    flex: 1;
    border-left: 1px solid #ededed;
    padding: 1.5em 0.5em;
    box-sizing: border-box;
    font-size: 0.8vw;
}
.cti-cartype .table .security .security-param .security-detail .params_right div span {
    line-height: 0;
}
.cti-cartype .table .security .security-param .security-detail .params_right div:first-child {
    border-left: 1px solid #ededed;
    border-right: 0;
}
.cti-cartype .table .security .security-param .security-detail:nth-child(2n) {
    background-color: #ccc;
}
@media screen and (max-width: 750px) {
    .cti-cartype {
        font-size: 3vw;
    }
    .cti-cartype .table_active {
        width: 100% !important;
        position: initial;
    }
    .cti-cartype .date {
        display: none;
    }
    .cti-cartype .banner-wrap {
        position: relative;
        width: 100%;
        background-color: #000;
    }
    .cti-cartype .banner-wrap .txt-wrap {
        line-height: 2;
        color: #fff;
        z-index: 2;
        text-transform: uppercase;
    }
    .cti-cartype .banner-wrap .txt-wrap .icon-add {
        width: 46px;
        margin: 5% auto 0;
        cursor: pointer;
    }
    .cti-cartype .banner-wrap .video {
        width: 100%;
        background: #000;
        display: none;
    }
    .cti-cartype .banner-wrap .banner-img {
        width: 100%;
        display: block;
    }
    .cti-cartype .type-title {
        width: 100%;
        text-align: center;
        padding-top: 7%;
        padding-bottom: 7%;
        font-size: 5vw;
    }
    .cti-cartype .carmodel-con .carmodel_top,
    .cti-cartype .carmodel-con .carmodel_top .car-img {
        width: 100%;
        overflow: hidden;
    }
    .cti-cartype .carmodel-con .carmodel_top .car-img img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .car-Media {
        width: 100%;
        text-align: center;
        font-size: 5vw;
        padding-top: 5%;
        padding-bottom: 7%;
        box-sizing: border-box;
    }
    .cti-cartype .carmodel-con .carmodel_top .carmodel-title {
        width: 100%;
        padding-top: 6%;
        padding-bottom: 6%;
    }
    .cti-cartype .carmodel-con .carmodel_top .carmodel-title > div {
        font-weight: 700;
        padding-left: 5%;
        padding-right: 5%;
        box-sizing: border-box;
    }
    .cti-cartype .carmodel-con .carmodel_top .carmodel-title > div.d-fl {
        font-size: 3.5vw;
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .carmodel-title > div.d-fl span {
        margin-right: 0;
        float: left;
    }
    .cti-cartype .carmodel-con .carmodel_top .carmodel-title > div.d-fr {
        font-size: 3vw;
        width: 100%;
        margin-left: 0;
        float: left;
        margin-top: 2%;
        line-height: 2;
    }
    .cti-cartype .carmodel-con .carmodel_top .model-con {
        width: 100%;
        margin-bottom: 4%;
        position: relative;
    }
    .cti-cartype .carmodel-con .carmodel_top .model-con div {
        align-items: center;
    }
    .cti-cartype .carmodel-con .carmodel_top .model-con div.d-carImg,
    .cti-cartype .carmodel-con .carmodel_top .model-con div.d-carImg img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText2 {
        left: 0;
        right: auto !important;
    }
    .cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText {
        position: static;
        top: 0;
        bottom: 0;
        width: 100%;
        margin-left: 0;
        right: 0;
        display: flex;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 5%;
        box-sizing: border-box;
    }
    .cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText ul {
        box-sizing: border-box;
        font-weight: 700;
    }
    .cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText ul li:first-child {
        font-size: 3.5vw;
        margin-bottom: 2%;
        margin-top: 3%;
    }
    .cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText ul li:nth-child(2) {
        line-height: 2;
        box-sizing: border-box;
        font-size: 3vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .model-con div.d-carText ul li {
        display: inline-block;
    }
    .cti-cartype .carmodel-con .carmodel_top .car-meter {
        width: 100%;
        overflow: hidden;
    }
    .cti-cartype .carmodel-con .carmodel_top .car-meter img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .car_router {
        width: 100%;
        display: flex;
        margin-top: 15%;
        padding-bottom: 4%;
        justify-content: space-between;
    }
    .cti-cartype .carmodel-con .carmodel_top .car_router .car-introduction {
        width: 100%;
        text-align: center;
        font-size: 5vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .router_btn {
        width: 60%;
        text-align: center;
        margin: 4% auto auto;
        display: block;
    }
    .cti-cartype .carmodel-con .carmodel_top .router_btn a {
        padding: 1.2em 0.5em;
        box-sizing: border-box;
        border: 1px solid #000;
        display: block;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction {
        width: 100%;
        display: block;
        justify-content: space-between;
        margin-bottom: 4%;
        overflow: hidden;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .download {
        width: 100%;
        height: 14vw;
        display: flex;
        margin-right: 0;
        max-width: 24%;
        padding-right: 4%;
        text-align: center;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .download span {
        font-size: 6vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .download > div {
        height: 6vw;
        width: 33%;
        line-height: 2.5;
        text-align: center;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .download > div:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #fff;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .download div:first-child {
        margin-right: 5%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .download a:first-child {
        margin-right: 3%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .download .iconxiazai,
    .cti-cartype .carmodel-con .carmodel_top .introduction .download a {
        font-size: 3.5vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left {
        position: relative;
        width: 100%;
        margin-bottom: 4%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: block;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text {
        background: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        color: #fff;
        font-size: 3.5vw;
        align-items: center;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download span,
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download span {
        font-size: 6vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download {
        flex: 1;
        height: 14vw;
        display: flex;
        margin-right: 0;
        max-width: 24%;
        padding-right: 3%;
        box-sizing: border-box;
        text-align: center;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download > div {
        height: 4vw;
        width: 33%;
        line-height: 2.5;
        text-align: center;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download > div:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #fff;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download div:first-child {
        margin-right: 10%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download a:first-child {
        margin-right: 3%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download .iconxiazai {
        font-size: 2.2vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .text .download a {
        font-size: 1vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .load {
        display: flex;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .load .txt {
        flex: 1;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .operation {
        width: 100%;
        display: flex;
        cursor: pointer;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .operation div {
        flex: 1;
        max-width: 20%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .operation div img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .left .bottom .operation .date {
        flex: 1;
        max-width: 10%;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        height: 3.4vw;
        box-sizing: border-box;
        line-height: 3.4vw;
        text-align: center;
        font-size: 1vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo {
        width: 100%;
        box-sizing: border-box;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top {
        width: 100%;
        position: relative;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: block;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .text {
        background: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        color: #fff;
        font-size: 3vw;
        align-items: center;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .load {
        display: flex;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .load .txt {
        flex: 1;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .operation {
        width: 100%;
        display: flex;
        cursor: pointer;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .operation div {
        flex: 1;
        max-width: 20%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .operation div img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .top .bottom .operation .date {
        flex: 1;
        max-width: 20%;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        height: 3.4vw;
        box-sizing: border-box;
        line-height: 3.4vw;
        text-align: center;
        font-size: 1vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom {
        width: 100%;
        margin-top: 4%;
        position: relative;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: block;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .text {
        background: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        color: #fff;
        font-size: 0.9vw;
        align-items: center;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .load {
        display: flex;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .load .txt {
        flex: 1;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
        font-size: 3vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .operation {
        width: 100%;
        display: flex;
        cursor: pointer;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .operation div {
        flex: 1;
        max-width: 20%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .operation div img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction .car-viedo .car-bottom .bottom .operation .date {
        flex: 1;
        max-width: 20%;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        height: 3.4vw;
        box-sizing: border-box;
        line-height: 3.4vw;
        text-align: center;
        font-size: 1vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row {
        width: 100%;
        display: block;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row .product-item {
        margin-bottom: 4%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div {
        width: 100%;
        position: relative;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        display: block;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .load {
        display: flex;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .load .txt {
        width: 70%;
        font-size: 3vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download {
        flex: 1;
        height: 14vw;
        display: flex;
        margin-right: 0;
        max-width: 24%;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        padding-right: 5%;
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download div {
        height: 6vw;
        width: 33%;
        line-height: 1.2;
        text-align: center;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download .hover:hover {
        background: rgba(0, 0, 0, 0);
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download div:hover {
        background-color: rgba(0, 0, 0, 0);
        color: #fff;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download div:first-child {
        margin-right: 5%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download a:first-child {
        margin-right: 0;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .download a {
        font-size: 1vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .text {
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        box-sizing: border-box;
        font-size: 0.9vw;
        align-items: center;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .text .txt {
        flex: 1;
        padding-left: 1em;
        padding-right: 1em;
        box-sizing: border-box;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .operation {
        width: 100%;
        display: flex;
        cursor: pointer;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .operation div {
        flex: 1;
        max-width: 20%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .operation div img {
        width: 100%;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .mask .operation .date {
        flex: 1;
        max-width: 20%;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        height: 3.4vw;
        box-sizing: border-box;
        line-height: 3.4vw;
        text-align: center;
        font-size: 1vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .down {
        width: 60%;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        text-align: center;
        color: #fff;
        cursor: pointer;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .down img {
        width: 2.1vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .down span {
        font-size: 0.85vw;
    }
    .cti-cartype .carmodel-con .carmodel_top .introduction-con .introduction-row div .d-mask {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .cti-cartype .fh-config {
        width: 100%;
        display: flex;
        height: 40vw;
        padding-top: 4%;
        box-sizing: border-box;
        position: relative;
    }
    .cti-cartype .fh-config .swiper-slide {
        opacity: 0.5;
        transform: scale(0.9);
        transition: 0.5s;
    }
    .cti-cartype .fh-config .swiper-slide .car_displacement {
        display: none;
    }
    .cti-cartype .fh-config .swiper-pagination {
        display: block;
        position: absolute;
        text-align: center;
        transition: 0.3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        left: 0;
        right: 0;
        bottom: -2vw;
        width: 30%;
        height: 20%;
        margin: auto;
    }
    .cti-cartype .fh-config .swiper-pagination .swiper-pagination-bullet {
        margin: 0 4px;
        transition: 0.3s ease;
        width: 10px;
        height: 10px;
        opacity: 1;
        background-color: #d1d1d1;
    }
    .cti-cartype .fh-config .swiper-pagination .swiper-pagination-bullet-active {
        transform: scale(1);
        background-color: #333;
    }
    .cti-cartype .fh-config .swiper-slide-active {
        transition: 0.5s;
        transform: scale(1);
        opacity: 1;
    }
    .cti-cartype .fh-config .swiper-slide-active .car_displacement {
        display: block;
        font-size: 4vw;
    }
    .cti-cartype .fh-config .leaving_top .leaving_img .img img {
        width: 100%;
    }
    .cti-cartype .param-title {
        width: 100%;
        background-color: #333;
        padding: 1em 0;
        color: #fff;
        font-weight: 700;
        text-align: center;
        margin-top: 3%;
        font-size: 4vw;
    }
    .cti-cartype .param-detail {
        width: 100%;
        padding-top: 3%;
        box-sizing: border-box;
    }
    .cti-cartype .param-detail .swiper-slide {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .cti-cartype .param-detail .swiper-slide .top {
        flex: auto;
        width: 50%;
        margin-bottom: 2%;
    }
    .cti-cartype .param-detail .swiper-slide .top div {
        flex: auto;
        padding-left: 2%;
    }
    .cti-cartype .param-detail .swiper-slide .top div span {
        font-size: 3.5vw;
    }
    .cti-cartype .param-detail .swiper-slide .top div p {
        font-weight: 700;
        font-size: 4.5vw;
    }
    .cti-cartype .param-detail .swiper-slide .top div p span {
        font-size: 4.5vw;
    }
    .cti-cartype .param-detail .swiper-slide .top div:first-child {
        border-right: 1px solid #d6d6d6;
        padding-left: 3%;
        box-sizing: border-box;
    }
    .cti-cartype .param-detail .swiper-slide .top div:nth-child(2) {
        text-align: left;
        box-sizing: border-box;
        margin-top: 0;
        padding-left: 5%;
        border-left: 0 solid #d6d6d6;
    }
    .cti-cartype .param-detail .swiper-slide .top div:nth-child(3) {
        text-align: left;
        margin-top: 3%;
        border-left: 0;
        border-right: 1px solid #d6d6d6;
        padding-top: 3%;
        box-sizing: border-box;
        padding-left: 3%;
    }
    .cti-cartype .param-detail .swiper-slide .top div:nth-child(4) {
        margin-top: 3%;
        font-size: 1vw;
        padding-top: 2%;
        padding-left: 5%;
        box-sizing: border-box;
    }
    .cti-cartype .param-detail .swiper-slide .top div:nth-child(5) {
        text-align: left;
        border-left: 0 solid #d6d6d6;
        border-right: 0 solid #d6d6d6;
        margin-top: 3%;
        padding-top: 2%;
        box-sizing: border-box;
        padding-left: 3%;
    }
    .cti-cartype .param-detail .swiper-slide .top div:nth-child(6) {
        text-align: left;
        margin-top: 3%;
        border-right: 1px solid #d6d6d6;
        padding-top: 2%;
        padding-left: 5%;
        box-sizing: border-box;
    }
    .cti-cartype .detail-con {
        width: 100%;
        border-top: 1px solid #d6d6d6;
    }
    .cti-cartype .detail-con .engine {
        cursor: pointer;
    }
    .cti-cartype .detail-con .engine .engine-con {
        width: 100%;
        display: flex;
        padding: 1em 0;
        border-bottom: 1px solid #d6d6d6;
        color: #000;
        font-weight: 700;
    }
    .cti-cartype .detail-con .engine .engine-con div {
        padding-left: 5%;
        flex: auto;
    }
    .cti-cartype .detail-con .engine .engine-con div:first-child {
        width: 75%;
    }
    .cti-cartype .detail-con .engine .engine-con div:nth-child(2) {
        text-align: right;
        padding-right: 5%;
        box-sizing: border-box;
    }
    .cti-cartype .detail-con .engine .engine-con div:nth-child(2) .iconadd {
        font-weight: 700;
        font-size: 3.5vw;
    }
    .cti-cartype .detail-con .engine .engine-con div:nth-child(2) .iconminus {
        display: none;
        font-size: 3.5vw;
        font-weight: 700;
    }
    .cti-cartype .detail-con .engine .engine-params {
        width: 100%;
        padding-top: 3%;
        box-sizing: border-box;
        display: none;
        padding-left: 5%;
    }
    .cti-cartype .detail-con .engine .engine-params .top {
        display: block;
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 2%;
    }
    .cti-cartype .detail-con .engine .engine-params .top div {
        width: 100%;
    }
    .cti-cartype .detail-con .engine .engine-params .top div span {
        font-size: 3.5vw;
    }
    .cti-cartype .detail-con .engine .engine-params .top div p {
        font-weight: 700;
        font-size: 4.5vw;
    }
    .cti-cartype .detail-con .engine .engine-params .top div:nth-child(2) {
        text-align: left;
        box-sizing: border-box;
        border-left: 0 solid #d6d6d6;
        border-right: 0 solid #d6d6d6;
        margin-top: 3%;
    }
    .cti-cartype .detail-con .engine .engine-params .top div:nth-child(3) {
        text-align: left;
        box-sizing: border-box;
        margin-top: 3%;
    }
    .cti-cartype .detail-con .engine .engine-params .top div:nth-child(4) {
        margin-top: 3%;
    }
    .cti-cartype .detail-con .engine .engine-params .top div:nth-child(5) {
        text-align: left;
        box-sizing: border-box;
        border-left: 0 solid #d6d6d6;
        border-right: 0 solid #d6d6d6;
        margin-top: 3%;
    }
    .cti-cartype .detail-con .engine .engine-params .top div:nth-child(6) {
        text-align: left;
        box-sizing: border-box;
        margin-top: 3%;
    }
    .cti-cartype .detail-con .engine .engine-params .top div:nth-child(7) {
        box-sizing: border-box;
        margin-top: 3%;
    }
    .cti-cartype .detail-con .engine .engine-params .top div:nth-child(8) {
        margin-top: 3%;
        text-align: left;
        box-sizing: border-box;
        border-left: 0 solid #d6d6d6;
    }
    .cti-cartype .detail-con .engine .transmission-params {
        width: 100%;
        padding-top: 3%;
        box-sizing: border-box;
        padding-left: 5%;
        display: none;
    }
    .cti-cartype .detail-con .engine .transmission-params .top {
        display: block;
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 2%;
    }
    .cti-cartype .detail-con .engine .transmission-params .top div {
        width: 100%;
    }
    .cti-cartype .detail-con .engine .transmission-params .top div span {
        font-size: 3.5vw;
    }
    .cti-cartype .detail-con .engine .transmission-params .top div p {
        font-weight: 700;
        font-size: 4.5vw;
    }
    .cti-cartype .detail-con .engine .transmission-params .top div:nth-child(2) {
        text-align: left;
        box-sizing: border-box;
        border-left: 0 solid #d6d6d6;
        border-right: 0 solid #d6d6d6;
    }
    .cti-cartype .detail-con .engine .transmission-params .top div:nth-child(3) {
        text-align: left;
        box-sizing: border-box;
        margin-top: 3%;
    }
    .cti-cartype .detail-con .engine .transmission-params .top div:nth-child(4) {
        margin-top: 3%;
    }
    .cti-cartype .detail-con .steering {
        cursor: pointer;
    }
    .cti-cartype .detail-con .steering .engine-con {
        width: 100%;
        display: flex;
        padding: 1em 0;
        border-bottom: 1px solid #d6d6d6;
        color: #000;
        font-weight: 700;
    }
    .cti-cartype .detail-con .steering .engine-con div {
        flex: auto;
        padding-left: 5%;
        box-sizing: border-box;
    }
    .cti-cartype .detail-con .steering .engine-con div:first-child {
        width: 65%;
    }
    .cti-cartype .detail-con .steering .engine-con div:nth-child(2) {
        width: 30%;
        text-align: right;
        padding-right: 5%;
        box-sizing: border-box;
    }
    .cti-cartype .detail-con .steering .engine-con div:nth-child(2) .iconadd {
        font-weight: 700;
        font-size: 3.5vw;
    }
    .cti-cartype .detail-con .steering .engine-con div:nth-child(2) .iconminus {
        display: none;
        font-size: 3.5vw;
        font-weight: 700;
    }
    .cti-cartype .detail-con .steering .engine-params {
        width: 100%;
        padding-left: 5%;
        box-sizing: border-box;
        display: none;
    }
    .cti-cartype .detail-con .steering .engine-params div {
        width: 100%;
        margin-top: 3%;
    }
    .cti-cartype .detail-con .steering .engine-params div p {
        font-weight: 700;
        font-size: 3.2vw;
    }
    .cti-cartype .brake-system {
        width: 100%;
        padding: 1em 0;
        background-color: #333;
        text-align: center;
        font-weight: 700;
        font-size: 4vw;
        color: #fff;
        margin-top: 3%;
        display: none;
    }
    .cti-cartype .model_popup {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 12;
        display: none;
    }
    .cti-cartype .model_popup .popup_con {
        position: absolute;
        left: 0;
        top: 3vw;
        right: 0;
        width: 100%;
        margin: auto;
        z-index: 14;
        height: 100vh;
        overflow: hidden;
        overflow-y: auto;
    }
    .cti-cartype .model_popup .popup_con .config-table-model {
        display: block;
        width: 90%;
        margin: auto auto 5%;
        background-color: #fff;
        font-size: 4vw;
    }
    .cti-cartype .model_popup .popup_con .config-table-model .select_item {
        padding-left: 4.8%;
        box-sizing: border-box;
    }
    .cti-cartype .model_popup .popup_con .config-table-model .select_item .select-item {
        padding: 0.5em;
        box-sizing: border-box;
        font-size: 4vw;
    }
    .cti-cartype .model_popup .popup_con .popup_top {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 5%;
    }
    .cti-cartype .model_popup .popup_con .popup_top img {
        width: 100%;
    }
    .cti-cartype .model_popup .popup_con .popup_top div:first-child {
        width: 13.4666vw;
    }
    .cti-cartype .model_popup .popup_con .popup_top .iconclose1 {
        color: #fff;
        font-size: 5vw;
        font-weight: 700;
    }
    .cti-cartype .model_popup .popup_con .popup_top div:nth-child(2) {
        margin-top: 5%;
        margin-right: 5%;
    }
    .cti-cartype .model_popup .popup_con .system {
        text-align: center;
        padding: 1em 0.5em;
        box-sizing: border-box;
        background-color: #fff;
        color: #000;
        display: block;
        width: 90%;
        margin: auto;
    }
    .cti-cartype .model_popup .popup_con .table {
        width: 90%;
        margin: auto auto 3%;
        box-shadow: 0 0 0 #eee;
    }
    .cti-cartype .model_popup .popup_con .table .table_top .table_left {
        width: 50%;
        line-height: 3em;
        background: #333;
        color: #fff;
        text-align: center;
        padding: 1em 0.5em;
        box-sizing: border-box;
    }
    .cti-cartype .model_popup .popup_con .table .table_top .table-model {
        width: 50%;
        background-color: #333;
        display: flex;
        color: #fff;
        text-align: center;
    }
    .cti-cartype .model_popup .popup_con .table .table_top .table-model .active {
        background-color: #333;
        color: #fff;
        display: flex;
    }
    .cti-cartype .model_popup .popup_con .table .table_top .table-model div:first-child {
        width: 12%;
        flex: auto;
        cursor: auto;
        line-height: 3em;
    }
    .cti-cartype .model_popup .popup_con .table .table_top .table-model div {
        flex: 1;
        display: none;
        border-left: 1px solid #fff;
        padding: 1em 0.5em;
        box-sizing: border-box;
    }
    .cti-cartype .model_popup .popup_con .table .popup_top,
    .cti-cartype .model_popup .popup_con .table .system {
        display: block;
    }
    .cti-cartype .model_popup .popup_con .table .security {
        cursor: pointer;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-con {
        width: 100%;
        border-bottom: 1px solid #fff;
        text-align: center;
        padding: 1em 2em;
        box-sizing: border-box;
        font-weight: 700;
        background-color: #efefef;
        line-height: 2;
        display: flex;
        font-size: 3vw;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-param .security-detail div span,
    .cti-cartype .model_popup .popup_con .table .security .wap-security-param .wap-securty-detail div span {
        line-height: 3;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-con div:first-child {
        width: 95%;
        font-size: 3.5vw;
        color: #333;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-con .zhankai {
        flex: 1;
        color: #000;
        font-size: 3.5vw;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-con .zhankai .iconminus {
        display: none;
        font-size: 3.5vw;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-param {
        display: none;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-param .security-detail {
        width: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        border-bottom: 1px solid #d6d6d6;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-param .security-detail .active1 {
        border-left: 0 solid #d6d6d6;
        display: block;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-param .security-detail .params_right,
    .cti-cartype .model_popup .popup_con .table .security .wap-security-param .wap-securty-detail div:nth-child(2) {
        border-left: 1px solid #d6d6d6;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-param .security-detail .params_left {
        display: block;
        font-size: 2.5vw;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-param .security-detail div {
        display: none;
        flex: 1;
        border-right: 0 solid #d6d6d6;
        padding: 1em 0.5em;
        box-sizing: border-box;
        font-size: 0.8vw;
    }
    .cti-cartype .model_popup .popup_con .table .security .security-param:first-child {
        width: 12%;
        flex: auto;
        border-right: 0;
        display: block;
        font-size: 3vw;
    }
    .cti-cartype .model_popup .popup_con .table .security .wap-security-param {
        display: none;
    }
    .cti-cartype .model_popup .popup_con .table .security .wap-security-param .wap-securty-detail {
        width: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        border-bottom: 1px solid #d6d6d6;
    }
    .cti-cartype .model_popup .popup_con .table .security .wap-security-param .wap-securty-detail .active1 {
        background-color: #ededed;
    }
    .cti-cartype .model_popup .popup_con .table .security .wap-security-param .wap-securty-detail div:first-child {
        width: 12%;
        flex: auto;
        border-right: 0;
    }
    .cti-cartype .model_popup .popup_con .table .security .wap-security-param .wap-securty-detail div {
        flex: 1;
        border-right: 1px solid #d6d6d6;
        padding: 1.5em 0.5em;
        box-sizing: border-box;
        font-size: 3vw;
    }
}
.common_swiper_gallery .table-model div {
    cursor: pointer;
}
.common_swiper_gallery .wap-media,
.common_swiper_gallery .wap-swiper-img {
    display: none !important;
}
.common_swiper_gallery .wap-swiper-img {
    width: 100%;
}
.common_swiper_gallery .wap-swiper-img .swiper-slide {
    width: 100vw;
    height: 40vh;
}
.common_swiper_gallery .wap-swiper-img .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.common_swiper_gallery .wap-swiper-img .swiper-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3vw;
    position: relative;
    z-index: 1;
}
.common_swiper_gallery .wap-swiper-img .swiper-pagination .swiper-pagination-bullet {
    width: 2.9vw;
    height: 0.8vw;
    background-color: #8b8b8b;
    border-radius: 0;
    margin: 0 0.8vw;
}
.common_swiper_gallery .wap-swiper-img .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fc0000;
    transform: scale(1);
}
.common_swiper_gallery .gallery-box-max {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
.common_swiper_gallery .gallery-box-swiper,
.common_swiper_gallery .gallery-box-swiper .swiper-container,
.common_swiper_gallery .gallery-box-swiper .swiper-wrapper {
    width: 100%;
}
.common_swiper_gallery .gallery-box-swiper .swiper-slide {
    width: 90vw;
    height: 70vh;
}
.common_swiper_gallery .gallery-box-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.common_swiper_gallery .gallery-box-swiper-2 {
    width: 100%;
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-container,
.common_swiper_gallery .gallery-box-swiper-2 .swiper-wrapper {
    width: 100%;
    position: relative;
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-slide {
    width: 20% !important;
    height: 10vw !important;
    overflow: hidden;
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-container {
    overflow: initial;
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-slide:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    cursor: pointer;
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-slide-active:after {
    opacity: 0;
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-pagination-box {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-pagination-box .swiper-button-prev.swiper-button-black {
    background-position: 50%;
    background-size: 20%;
    top: 0;
    margin-top: 0;
    position: absolute;
    transform: translate(-80%, 0);
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-pagination-box .swiper-button-next.swiper-button-black {
    background-position: 50%;
    background-size: 20%;
    top: 0;
    position: absolute;
    margin-top: 0;
    transform: translate(80%, 0);
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-pagination-box .swiper-button-next,
.common_swiper_gallery .gallery-box-swiper-2 .swiper-pagination-box .swiper-button-prev {
    width: 5vw;
    height: 5vw;
    background-color: rgba(127, 127, 127, 0.6);
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-button-prev {
    left: 0;
}
.common_swiper_gallery .gallery-box-swiper-2 .swiper-button-next {
    right: 0;
}
.gallery_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99;
    display: none;
}
.gallery_mask .gallery_mask_center {
    width: 90vw;
    height: 90vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
@media screen and (max-width: 750px) {
    .gallery_mask .gallery_mask_center {
        width: 100vw;
        height: 50vh;
    }
    .common_swiper_gallery .wap-swiper-img {
        display: block !important;
    }
    .common_swiper_gallery .swiper-banner-pc {
        display: none;
    }
    .common_swiper_gallery .swiper-banner-wap {
        display: block;
    }
    .common_swiper_gallery .gallery-box-max {
        display: none !important;
    }
}
.cti-contact .kv,
.cti-contact .kv img {
    width: 100%;
}

.cti-contact .title {
    width: 100%;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
    box-sizing: border-box;
    font-size: 1.5vw;
}
.cti-contact.branch-app .title{
    padding-bottom: 50px;
}

.cti-contact .title p{
    font-size: 17px;
    margin: 10px auto;
    max-width: 65%;
    line-height: 1.4;

}
.cti-contact .table {
    width: 91%;
    margin: auto;
    display: flex;
    background-color: #333;
    color: #fff;
    padding: 1% 0;
    font-size: 1vw;
}
.cti-contact .table .left {
    width: 30%;
    text-align: center;
}
.cti-contact .table .center {
    flex: 1;
}
.cti-contact .table_con {
    width: 91%;
    margin: 1vw auto auto;
    background-color: #ececec;
    display: flex;
    align-items: center;
    border: 1px solid #cecece;
    font-size: 1vw;
}
.cti-contact .table_con .left {
    width: 25%;
    text-align: center;
}
.cti-contact .table_con .center {
    flex: 1;
    border-left: 1px solid #cecece;
}
.cti-contact .table_con .center div {
    padding: 3% 0 3% 2%;
    box-sizing: border-box;
    border-bottom: 1px solid #cecece;
}
.cti-contact .table_con .center div:last-child {
    border-bottom: 0;
}
.cti-contact .proposal {
    width: 91%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.cti-contact.branch-app .proposal{
    justify-content: center;
    padding: 50px 0;
    background: #f3f3f3;
}
.cti-contact.branch-app .proposal .from{
    width: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cti-contact.branch-app .proposal .from .from-item{
    width: 45%;
    margin-top: unset;
    margin-bottom: 15px;
    background: #fff;
    padding: 0 10px;
}
.cti-contact.branch-app .proposal .from .from-item:nth-child(3),
.cti-contact.branch-app .proposal .from .from-item:nth-child(4) {
    width: 45%;
    display: inline-block;
}
.cti-contact.branch-app .proposal .from .from-item input{
    border: 0;
}
.cti-contact.branch-app .proposal .from .from-item input::placeholder{
    color: #bdbdbd;
}

.cti-contact.branch-app .proposal .from .from-item label{
    color: #000;
    cursor: pointer;
    font-weight: 500;
}

.cti-contact.branch-app .proposal .from .submmit-btn button{
    background-color: #7d7d7d;
}

.cti-contact.branch-app .proposal .from .from-item:nth-child(4) {
    margin-left: 0;
}

.cti-contact .proposal .textrea {
    width: 40%;
}
.cti-contact .proposal .textrea label {
    font-size: 0.75vw;
    color: #939393;
}
.cti-contact .proposal .textrea textarea {
    width: 100%;
    height: 26em;
    padding: 1em;
    margin-top: 1%;
    box-sizing: border-box;
}
.cti-contact .proposal .textrea textarea::-webkit-input-placeholder {
    color: #000;
    font-size: 0.9vw;
    font-family: "Microsoft YaHei";
}
.cti-contact .proposal .textrea textarea:-moz-placeholder {
    color: #000;
    font-size: 0.9vw;
    font-family: "Microsoft YaHei";
}
.cti-contact .proposal .textrea textarea:-ms-input-placeholder {
    color: #000;
    font-size: 0.9vw;
    font-family: "Microsoft YaHei";
}
.cti-contact .proposal .from {
    width: 50%;
}
.cti-contact .proposal .from .from-item:first-child {
    margin-top: 0;
}
.cti-contact .proposal .from .from-item {
    width: 100%;
    margin-top: 3.2%;
}
.cti-contact .proposal .from .from-item label {
    color: #8b8b8b;
    font-size: 0.75vw;
    text-transform: uppercase;
}

.radio-wrapper{
    display: flex;
    gap: 15px;
    padding-top: 15px;
}

.radio-form{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.radio-form input[type="radio"]{
    appearance: auto !important;
    -webkit-appearance: auto !important;
}


.formulate-form .country-selector__label{
    display: none;
}
.formulate-form .country-selector__country-flag{
    top: 15px !important;
    left: 44px !important;
}
.formulate-form .country-selector__input,
.formulate-form .country-selector,
.formulate-form .select-country-container,
.formulate-form .input-tel__input
.formulate-form .country-selector__input{
    border: none !important;
    box-shadow: none !important;
    caret-color: none !important;
}
.formulate-form .input-tel__input:hover,
.formulate-form .input-tel__input:focus{
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.formulate-form .input-tel__label{
    top: -15px !important;
    left: -1px !important;
}
.formulate-form .formulate-input-error{
    color: red;
    font-size: 12px;
}
.formulate-form .formulate-input-errors{
    display: block !important;
}
.formulate-form .formulate-input-errors li{
    width: 100% !important;
    margin: 0 !important;
}
.formulate-form.form-box .vue-phone-number-input{
    border: 1px solid #898989;
}
.formulate-form.form-box .input-tel__input{
    border: none !important;
}
.formulate-form.form-box .country-selector.has-value .country-selector__input{
    padding-left: 13px !important;
    padding-top: 0 !important;
}
.formulate-form.form-box .input-tel__label{
    top: -23px !important;
}
.cti-contact .proposal .from .from-item dt,
.cti-contact .proposal .from .from-item input {
    border-width: 0 0 1px;
    border-color: #e6e5e5;
    text-align: left;
    padding-left: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 0.9vw;
    box-sizing: border-box;
}
.cti-contact .proposal .from .from-item:nth-child(3),
.cti-contact .proposal .from .from-item:nth-child(4) {
    width: 48%;
    display: inline-block;
}
.cti-contact .proposal .from .from-item:nth-child(4) {
    margin-left: 3%;
}


.cti-contact .proposal .from .submmit-btn {
    width: 100%;
    text-align: center;
    margin-top: 2.8%;
}
.cti-contact .proposal .from .submmit-btn button {
    padding: 1em 2em;
    width: 100%;
    background-color: #c7c7c7;
    color: #eeeeef;
    transition: all 0.3s;
    font-size: 1vw;
}
.cti-contact .proposal .from .submmit-btn button:hover {
    background-color: #343c45;
}
.cti-contact .cti-bingmap .search-wrap {
    margin-top: 0;
    display: none;
}
.cti-contact .cti-bingmap .map-wrap #myMap {
    height: 31.5em;
}
@media screen and (max-width: 800px) {
    .cti-contact .title {
        font-size: 6vw;
    }
    .cti-contact .table {
        width: 91%;
        margin: auto;
        display: flex;
        background-color: #333;
        color: #fff;
        padding: 1% 0;
        font-size: 3vw;
    }
    .cti-contact .table .left {
        width: 30%;
        text-align: center;
    }
    .cti-contact .table .center {
        flex: 1;
    }
    .cti-contact .table_con {
        width: 91%;
        margin: 2vw auto auto;
        background-color: #ececec;
        display: flex;
        align-items: center;
        border: 1px solid #cecece;
        font-size: 3vw;
    }
    .cti-contact .table_con .left {
        width: 25%;
        text-align: center;
    }
    .cti-contact .table_con .center {
        flex: 1;
        border-left: 1px solid #cecece;
    }
    .cti-contact .table_con .center div {
        padding: 4% 4% 4% 2%;
        box-sizing: border-box;
        border-bottom: 1px solid #cecece;
    }
    .cti-contact .table_con .center div:last-child {
        border-bottom: 0;
    }
    .cti-contact .proposal .from .from-item:first-child {
        margin-top: 3.2%;
    }
    .cti-contact .from-map .from .query-btn button,
    .cti-contact .proposal .from .submmit-btn button {
        padding: 0.5em 2em;
        font-size: 2.5vw;
    }
    .cti-contact .proposal .from .from-item input,
    .cti-contact .proposal .from .from-item label,
    .cti-contact .proposal .textrea label {
        font-size: 3vw;
    }
    .cti-contact .from-map .from .query-btn,
    .cti-contact .proposal .from .submmit-btn {
        margin-top: 4%;
    }
    .cti-contact .cti-bingmap {
        margin: 2em auto 1em;
    }
    .cti-contact .cti-bingmap .wrap {
        width: 100%;
    }
    .cti-contact .cti-bingmap .map-wrap #myMap {
        height: 22em;
    }
    .cti-contact .proposal {
        width: 91%;
        display: block;
    }
    .cti-contact .proposal .textrea {
        width: 100%;
    }
    .cti-contact .proposal .textrea textarea::-webkit-input-placeholder {
        color: #000;
        font-size: 3vw;
        font-family: "Microsoft YaHei";
    }
    .cti-contact .proposal .textrea textarea:-moz-placeholder {
        color: #000;
        font-size: 3vw;
        font-family: "Microsoft YaHei";
    }
    .cti-contact .proposal .textrea textarea:-ms-input-placeholder {
        color: #000;
        font-size: 3vw;
        font-family: "Microsoft YaHei";
    }
    .cti-contact .proposal .from {
        width: 100%;
    }
    .cti-contact .proposal .from .from-item dt {
        border-width: 0 0 1px;
        border-color: #e6e5e5;
        text-align: left;
        padding-left: 0;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        font-size: 3.5vw;
        box-sizing: border-box;
    }
    .cti-contact .proposal .from .from-item dt::after {
        font-size: 3.5vw;
    }
    .cti-contact .proposal .from .from-item .select-wrap dd .item {
        padding: 1em;
        font-size: 4vw;
    }
    .cti-contact .proposal .from .from-item:nth-child(3),
    .cti-contact .proposal .from .from-item:nth-child(4) {
        width: 100%;
        display: block;
        margin-left: 0;
    }
    .cti-contact .proposal .textrea textarea {
        height: 16em;
    }
}
.cti-development {
    width: 100%;
    background: #f8f8f8;
}
.cti-development .tupian {
    position: relative;
}
.cti-development .tupian img {
    width: 100%;
}
.cti-development .center {
    width: 80%;
    margin: auto;
}
.cti-development .center .research {
    width: 100%;
    margin: 0 auto 2vw;
}
.cti-development .center .research .video {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #fff;
}
.cti-development .center .research .video .left {
    width: 50%;
    position: relative;
}
.cti-development .center .research .video .left .video_con {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
    object-fit: fill;
}
.cti-development .center .research .video .left img {
    width: 100%;
}
.cti-development .center .research .video .left .video_btn {
    width: 4vw;
    height: 4vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.cti-development .center .research .video .left .video_btn img {
    width: 100%;
}
.cti-development .center .research .video .right {
    width: 50%;
    padding-left: 3%;
    padding-right: 3%;
    box-sizing: border-box;
    line-height: 2;
    font-size: 1vw;
}
.cti-development .center .research .produ_title {
    font-size: 2vw;
    font-weight: 600;
    padding: 2.5vw 0;
    box-sizing: border-box;
}
.cti-development .center .research .tu {
    width: 100%;
}
.cti-development .center .research .tu .wenzi {
    width: 100%;
    text-align: left;
    padding: 2.5vw 0;
}
.cti-development .center .research .tu .wenzi > p{
    font-size: 2vw;
    font-weight: 600;
}
.cti-development .center .research .tu .wenzi .desc > p{
    margin: 10px 0;
}
.cti-development .center .research .tu .wenzi .cur {
    font-size: 1vw;
}
.cti-development .center .research .tu img {
    width: 100%;
    height: 100%;
}
.cti-development .center .research .yingwen {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 3vw;
    text-align: left;
    font-size: 1vw;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #292929;
}
.cti-development .center .research .yingwen p {
    font-size: 1.5vw;
    font-weight: 700;
    padding-bottom: 1.5vw;
}
.cti-development .center .research .yingwen .dibu {
    width: 100%;
    display: flex;
    display: block;
    justify-content: space-between;
}
.cti-development .center .research .yingwen .dibu .wenzi {
    font-size: 2vw;
    font-weight: 600;
    padding: 5vw 0;
}
.cti-development .center .research_bottom {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 5%;
    box-sizing: border-box;
}
.cti-development .center .wenzi {
    width: 100%;
    padding: 2.5vw;
}
.cti-development .center .deve_swiper {
    width: 100%;
    background-color: #fff;
}
.cti-development .center .deve_swiper .swiper-slide {
    width: 100%;
    display: flex;
    align-items: center;
}
.cti-development .center .deve_swiper .swiper-slide div {
    flex: 1;
}
.cti-development .center .deve_swiper .swiper-slide div img {
    width: 100%;
}
.cti-development .center .deve_swiper .swiper-slide .swiper_text {
    padding: 3%;
    line-height: 2;
    font-size: 1vw;
}
.cti-development .center .deve_swiper_title {
    width: 100%;
    display: flex;
    margin-bottom: 3vw;
    margin-top: 1.5vw;
    align-content: space-between;
    align-items: center;
}
.cti-development .center .deve_swiper_title .title {
    width: 70%;
    font-size: 1.5vw;
    padding-left: 3vw;
    box-sizing: border-box;
}
.cti-development .center .deve_swiper_title .swiper_btn {
    width: 20%;
    text-align: center;
    position: relative;
    align-items: center;
    margin-left: auto;
}
.cti-development .center .deve_swiper_title .swiper_btn .swiper-button-next {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    background-size: 15px 26px;
}
.cti-development .center .deve_swiper_title .swiper_btn p {
    font-size: 1.5vw;
}
.cti-development .center .deve_swiper_title .swiper_btn .swiper-button-prev {
    position: absolute;
    right: auto;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
    background-size: 15px 26px;
}
@media screen and (max-width: 750px) {
    .cti-development {
        width: 100%;
        background: #f8f8f8;
    }
    .cti-development .top {
        position: absolute;
        width: 40vw;
        font-size: 4vw;
        color: #fff;
        top: 16vw;
        left: 5vw;
        font-weight: 400;
    }
    .cti-development .tupian {
        position: relative;
    }
    .cti-development .tupian img {
        width: 100%;
    }
    .cti-development .center {
        width: 90%;
        margin: auto;
    }
    .cti-development .center .research {
        width: 100%;
        margin: 0 auto;
    }
    .cti-development .center .research .tu {
        width: 100%;
    }
    .cti-development .center .research .tu .wenzi {
        width: 100%;
        text-align: left;
        font-size: 4vw;
        font-weight: 600;
        padding: 5vw 0;
    }
    .cti-development .center .research .tu .wenzi .cur {
        font-size: 3vw;
    }
    .cti-development .center .research .tu .wenzi p:first-child {
        padding-bottom: 2vw;
    }
    .cti-development .center .research .tu img {
        width: 100%;
    }
    .cti-development .center .research .video {
        width: 100%;
        display: block;
        align-items: center;
        background-color: #fff;
    }
    .cti-development .center .research .video .left {
        width: 100%;
        position: relative;
    }
    .cti-development .center .research .video .left .video_con {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: none;
        object-fit: fill;
    }
    .cti-development .center .research .video .left img {
        width: 100%;
    }
    .cti-development .center .research .video .left .video_btn {
        width: 4vw;
        height: 4vw;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .cti-development .center .research .video .left .video_btn img {
        width: 100%;
    }
    .cti-development .center .research .video .right {
        width: 100%;
        padding: 5%;
        box-sizing: border-box;
        line-height: 1.5;
        font-size: 3vw;
    }
    .cti-development .center .research .yingwen {
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        padding: 7vw;
        text-align: left;
        font-size: 3vw;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: 1px;
        color: #292929;
    }
    .cti-development .center .research .yingwen p {
        font-size: 4vw;
        font-weight: 700;
        padding-bottom: 1.5vw;
    }
    .cti-development .center .research .yingwen .dibu {
        width: 100%;
        display: flex;
        display: block;
        justify-content: space-between;
    }
    .cti-development .center .research .yingwen .dibu .wenzi {
        font-size: 2vw;
        font-weight: 600;
        padding: 5vw 0;
    }
    .cti-development .center .wenzi {
        width: 100%;
        font-size: 5vw;
        font-weight: 600;
        padding: 8vw 0 4vw;
    }
    .cti-development .center .deve_swiper {
        width: 100%;
        background-color: #fff;
    }
    .cti-development .center .deve_swiper .swiper-button-next,
    .cti-development .center .deve_swiper .swiper-button-prev {
        position: absolute;
        top: 14%;
        margin: auto;
        background-color: rgba(255, 255, 255, 0.8);
        background-size: 15px 26px;
    }
    .cti-development .center .deve_swiper .swiper-button-prev {
        right: auto;
        left: 0;
    }
    .cti-development .center .deve_swiper .swiper-slide {
        width: 100%;
        display: block;
        align-items: center;
    }
    .cti-development .center .deve_swiper .swiper-slide .swiper_img {
        width: 100%;
    }
    .cti-development .center .deve_swiper .swiper-slide div {
        flex: 1;
    }
    .cti-development .center .deve_swiper .swiper-slide div img {
        width: 100%;
    }
    .cti-development .center .deve_swiper .swiper-slide .swiper_text {
        padding: 3%;
        line-height: 2;
        font-size: 3vw;
    }
    .cti-development .center .deve_swiper_title {
        width: 100%;
        display: flex;
        margin-bottom: 3vw;
        margin-top: 3vw;
        align-content: space-between;
        align-items: center;
    }
    .cti-development .center .deve_swiper_title .title {
        width: 70%;
        font-size: 4.5vw;
        padding-left: 3vw;
        box-sizing: border-box;
    }
    .cti-development .center .deve_swiper_title .swiper_btn {
        width: 20%;
        text-align: center;
        position: relative;
        align-items: center;
        margin-left: auto;
    }
    .cti-development .center .deve_swiper_title .swiper_btn .swiper-button-next {
        position: absolute;
        bottom: 0;
        top: 0;
        margin: auto;
        background-size: 15px 26px;
    }
    .cti-development .center .deve_swiper_title .swiper_btn p {
        font-size: 3vw;
    }
    .cti-development .center .deve_swiper_title .swiper_btn .swiper-button-prev {
        position: absolute;
        right: auto;
        bottom: 0;
        top: 0;
        left: 0;
        margin: auto;
        background-size: 15px 26px;
    }
}
.cti-download-center .flex {
    display: flex;
    align-items: center;
}
.cti-download-center .list {
    justify-content: center;
    margin: 0 auto;
    margin-bottom: calc(3.27vw - 1.3vw);
}
.cti-download-center .list li {
    color: #a2a2a2;
    font-size: 1vw;
    padding: 0 4.32vw;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}
.cti-download-center .list-active {
    color: #000 !important;
}
.cti-download-center .list li::after {
    content: "·";
    position: absolute;
    right: 0;
    color: #3b3b3b;
    font-weight: 700;
}
.cti-download-center .list li:nth-last-child(1)::after {
    content: " ";
}
.cti-download-center .search {
    width: 43.8vw;
    height: 2.74vw;
    border: 2px solid #333;
    display: flex;
    margin: 0 auto 3.32vw;
}
.cti-download-center .search input {
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 1vw;
    font-size: 1.2vw;
    box-sizing: border-box;
}
.cti-download-center .search > div {
    width: 5.34vw;
    height: 2.74vw;
    min-width: 5.34vw;
    background-color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.cti-download-center .down-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #dedede;
    padding: 1vw 1.98vw;
}
.cti-download-center .down-list li > div img {
    width: 2.13vw;
    margin-right: 2.75vw;
}
.cti-download-center .down-list li > div span {
    font-size: 1vw;
    color: #333;
    width: calc(100vw - 25vw);
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cti-download-center .down-list li .down {
    cursor: pointer;
    width: 1.4vw;
    opacity: 0.6;
}
.cti-download-center .down-list li .down:hover {
    opacity: 1;
}
.cti-download-center .fenye {
    margin-top: 2vw;
    justify-content: center;
}
.cti-download-center .fenye li {
    padding: 0 1vw;
    height: 2vw;
    line-height: 2vw;
    border: 2px solid #333;
    font-size: 0.8vw;
    margin-right: 0.48vw;
    cursor: pointer;
}
.cti-download-center .fenye .activefenye,
.cti-download-center paging li:hover {
    color: #fff;
    background-color: #333;
}
.cti-download-center .fenye li:nth-child(1),
.cti-download-center .fenye li:nth-last-child(1) {
    padding: 0 1vw;
}
.cti-cartype-new-ehs9 .pc-carmodel-btn {
    bottom: 20vw !important;
}
.cti-cartype-new-ehs9 .panoramic-box .panoramic-right .item-h9 .h9-color > img,
.cti-cartype-new-ehs9 .wap-panoramic-box .h9-qiehuan .item-h9-color-wap > img {
    border-radius: 50%;
}
.cti-cartype-new-ehs9 .panoramic-box .panoramic-left-bg {
    width: 28.6vw !important;
}
.cti-cartype-new-ehs9 .panoramic-box .panoramic-right {
    transform: translate(3vw, 8vw) !important;
}
.cti-cartype-new-ehs9 .swiper-banner-wap .btn-new-h9 {
    bottom: 18.6vw !important;
}
.cti-cartype-new-ehs9 .table .table-model {
    cursor: pointer;
}
* {
    margin: 0;
    padding: 0;
}
.cti-event-detail {
    font-size: 1.5vw;
    font-family: "微软雅黑";
}
.cti-event-detail .section {
    width: 100%;
    position: relative;
}
.cti-event-detail .event_return {
    position: absolute;
    width: 8%;
    right: 10%;
    top: 2%;
    bottom: 0;
    margin: auto;
}
.cti-event-detail .event_return img {
    width: 100%;
}
.cti-event-detail img {
    max-width: 100%;
}
.cti-event-detail .kv,
.cti-event-detail .kv img {
    width: 100%;
}
.cti-event-detail .title {
    width: 100%;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
    box-sizing: border-box;
    font-size: 1.5vw;
}
.cti-event-detail .detail {
    width: 55%;
    margin: 0 auto;
}
.cti-event-detail .detail img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.cti-event-detail .detail .detail-img,
.cti-event-detail .detail .detail-img img {
    width: 100%;
}
.cti-event-detail .detail .detail-title {
    width: 90%;
    padding-top: 6%;
    font-size: 1.3vw;
    font-weight: 700;
    box-sizing: border-box;
    line-height: 2;
}
.cti-event-detail .detail .detail-record {
    width: 100%;
    padding: 1% 0 2%;
    border-bottom: 1px solid #d2d2d2;
    box-sizing: border-box;
    margin-top: 3%;
    display: flex;
}
.cti-event-detail .detail .detail-record .detail-source {
    flex: 1;
}
.cti-event-detail .detail .detail-record .detail-author {
    flex: 1;
    text-align: center;
}
.cti-event-detail .detail .detail-record .detail-date {
    flex: 1;
}
.cti-event-detail .detail .detail-record .detail-date .iconshijian {
    color: #747474;
    margin-right: 0.5vw;
}
.cti-event-detail .detail .detail-con {
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
    box-sizing: border-box;
}
.cti-event-detail .detail .detail-con p {
    padding-top: 3%;
    box-sizing: border-box;
    line-height: 1.9;
    color: #333;
    font-weight: 400;
}
.cti-event-detail .detail .detail-con img {
    margin-top: 3%;
}
.cti-event-detail .detail .detail-con .share-icon {
    width: 100%;
    margin-top: 5%;
    border-top: 1px solid #d2d2d2;
    padding-top: 2%;
    display: flex;
    box-sizing: border-box;
}
.cti-event-detail .detail .detail-con .share-icon a {
    font-size: 1.5vw;
    color: #898989;
    transition: all 0.3s;
}
.cti-event-detail .detail .detail-con .share-icon .iconFacebook:hover {
    color: #3d57a1;
}
.cti-event-detail .detail .detail-con .share-icon .icontwitter:hover {
    color: #41abe1;
}
.cti-event-detail .detail .detail-con .share-icon a:nth-child(2),
.cti-event-detail .detail .detail-con .share-icon a:nth-child(3) {
    margin-left: 2%;
}
.cti-event-detail .detail .detail-con .share-icon .pagtion {
    width: 14%;
    margin-left: auto;
    display: flex;
    text-align: center;
    justify-content: space-between;
}
.cti-event-detail .detail .detail-con .share-icon .pagtion div {
    cursor: pointer;
    opacity: 0.5;
}
.cti-event-detail .detail .detail-con .share-icon .pagtion div:first-child:hover,
.cti-event-detail .detail .detail-con .share-icon .pagtion div:nth-child(2):hover {
    opacity: 1;
}
.cti-event-detail .detail .detail-con .share-icon .pagtion div span {
    font-size: 1.7vw;
}
.cti-event-detail .detail .detail-con .share-icon .pagtion div p {
    font-size: 0.7vw;
}
@media screen and (max-width: 750px) {
    .cti-event-detail {
        font-size: 3.5vw;
        font-family: "微软雅黑";
    }
    .cti-event-detail img {
        max-width: 100%;
    }
    .cti-event-detail .kv,
    .cti-event-detail .kv img {
        width: 100%;
    }
    .cti-event-detail .title {
        width: 100%;
        text-align: center;
        padding-top: 5%;
        padding-bottom: 5%;
        box-sizing: border-box;
        font-size: 4vw;
    }
    .cti-event-detail .detail {
        width: 90%;
        margin: 0 auto;
    }
    .cti-event-detail .detail img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
    .cti-event-detail .detail .detail-img,
    .cti-event-detail .detail .detail-img img {
        width: 100%;
    }
    .cti-event-detail .detail .detail-title {
        width: 95%;
        padding-top: 4%;
        font-size: 4.5vw;
        font-weight: 700;
        box-sizing: border-box;
        line-height: 2;
    }
    .cti-event-detail .detail .detail-record {
        width: 100%;
        padding: 1% 0 2%;
        border-bottom: 1px solid #d2d2d2;
        box-sizing: border-box;
        margin-top: 3%;
        display: flex;
    }
    .cti-event-detail .detail .detail-record .detail-source {
        flex: 1;
    }
    .cti-event-detail .detail .detail-record .detail-author {
        flex: 1;
        text-align: center;
    }
    .cti-event-detail .detail .detail-record .detail-date {
        flex: auto;
        width: 35%;
    }
    .cti-event-detail .detail .detail-record .detail-date .iconshijian {
        color: #747474;
        margin-right: 0.5vw;
    }
    .cti-event-detail .detail .detail-con {
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
        box-sizing: border-box;
    }
    .cti-event-detail .detail .detail-con p {
        padding-top: 3%;
        box-sizing: border-box;
        line-height: 1.9;
        color: #333;
        font-weight: 400;
    }
    .cti-event-detail .detail .detail-con img {
        margin-top: 3%;
    }
    .cti-event-detail .detail .detail-con .share-icon {
        width: 100%;
        margin-top: 5%;
        border-top: 1px solid #d2d2d2;
        padding-top: 5%;
        display: flex;
        box-sizing: border-box;
    }
    .cti-event-detail .detail .detail-con .share-icon a {
        font-size: 5vw;
        color: #898989;
        transition: all 0.3s;
    }
    .cti-event-detail .detail .detail-con .share-icon .iconFacebook:hover {
        color: #3d57a1;
    }
    .cti-event-detail .detail .detail-con .share-icon .icontwitter:hover {
        color: #41abe1;
    }
    .cti-event-detail .detail .detail-con .share-icon a:nth-child(2),
    .cti-event-detail .detail .detail-con .share-icon a:nth-child(3) {
        margin-left: 2%;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion {
        width: 25%;
        margin-left: auto;
        display: flex;
        text-align: center;
        justify-content: space-between;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div {
        cursor: pointer;
        opacity: 0.5;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div:first-child:hover,
    .cti-event-detail .detail .detail-con .share-icon .pagtion div:nth-child(2):hover {
        opacity: 1;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div span {
        font-size: 5vw;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div p {
        font-size: 3vw;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div:first-child {
        margin-right: 3%;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div:nth-child(2) {
        padding-right: 2%;
        box-sizing: border-box;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 800px) and (orientation: portrait) {
    .cti-event-detail {
        font-size: 1.8vw;
        font-family: "微软雅黑";
    }
    .cti-event-detail img {
        max-width: 100%;
    }
    .cti-event-detail .kv,
    .cti-event-detail .kv img {
        width: 100%;
    }
    .cti-event-detail .title {
        width: 100%;
        text-align: center;
        padding-top: 5%;
        padding-bottom: 5%;
        box-sizing: border-box;
        font-size: 2.5vw;
    }
    .cti-event-detail .detail {
        width: 75%;
        margin: 0 auto;
    }
    .cti-event-detail .detail img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
    .cti-event-detail .detail .detail-img,
    .cti-event-detail .detail .detail-img img {
        width: 100%;
    }
    .cti-event-detail .detail .detail-title {
        width: 90%;
        padding-top: 4%;
        font-size: 2vw;
        font-weight: 700;
        box-sizing: border-box;
        line-height: 2;
    }
    .cti-event-detail .detail .detail-record {
        width: 100%;
        padding: 1% 0 2%;
        border-bottom: 1px solid #d2d2d2;
        box-sizing: border-box;
        margin-top: 3%;
        display: flex;
    }
    .cti-event-detail .detail .detail-record .detail-source {
        flex: 1;
    }
    .cti-event-detail .detail .detail-record .detail-author {
        flex: 1;
        text-align: center;
    }
    .cti-event-detail .detail .detail-record .detail-date {
        flex: 1;
        font-size: 1.5vw;
    }
    .cti-event-detail .detail .detail-record .detail-date .iconshijian {
        color: #747474;
        margin-right: 0.5vw;
    }
    .cti-event-detail .detail .detail-con {
        width: 100%;
        padding-left: 1%;
        padding-right: 1%;
        box-sizing: border-box;
    }
    .cti-event-detail .detail .detail-con p {
        padding-top: 3%;
        box-sizing: border-box;
        line-height: 1.9;
        color: #333;
        font-weight: 400;
    }
    .cti-event-detail .detail .detail-con img {
        margin-top: 3%;
    }
    .cti-event-detail .detail .detail-con .share-icon {
        width: 100%;
        margin-top: 5%;
        border-top: 1px solid #d2d2d2;
        padding-top: 2%;
        display: flex;
        box-sizing: border-box;
    }
    .cti-event-detail .detail .detail-con .share-icon a {
        font-size: 2 vw;
        color: #898989;
        transition: all 0.3s;
    }
    .cti-event-detail .detail .detail-con .share-icon .iconFacebook:hover {
        color: #3d57a1;
    }
    .cti-event-detail .detail .detail-con .share-icon .icontwitter:hover {
        color: #41abe1;
    }
    .cti-event-detail .detail .detail-con .share-icon a:nth-child(2),
    .cti-event-detail .detail .detail-con .share-icon a:nth-child(3) {
        margin-left: 2%;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion {
        width: 14%;
        margin-left: auto;
        display: flex;
        text-align: center;
        justify-content: space-between;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div {
        cursor: pointer;
        opacity: 0.5;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div:first-child:hover,
    .cti-event-detail .detail .detail-con .share-icon .pagtion div:nth-child(2):hover {
        opacity: 1;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div span {
        font-size: 2.2vw;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div p {
        font-size: 1.5vw;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div:first-child {
        margin-right: 15%;
    }
    .cti-event-detail .detail .detail-con .share-icon .pagtion div:nth-child(2) {
        padding-right: 2%;
        box-sizing: border-box;
    }
}
.see-pdf-box {
    width: 96%;
    margin: auto;
    position: relative;
}
.see-pdf-box .see-pdf-item {
    display: flex;
    justify-items: center;
    align-items: center;
    margin: 2vw 2vw 0;
    float: left;
}
.see-pdf-box .see-pdf-item img {
    width: 1.5vw;
    display: block;
    margin-right: 1vw;
}
.see-pdf-box .see-pdf-item a {
    display: block;
    color: #b0b0b0;
    font-size: 1.5vw;
}
@media screen and (max-width: 750px) {
    .see-pdf-box .see-pdf-item img {
        width: 3vw;
    }
    .see-pdf-box .see-pdf-item a {
        font-size: 3vw;
    }
}
.cti-cartype-new-h9 .table .table_active {
    width: 100% !important;
}
.cti-cartype-new-h9 .table .table-model {
    cursor: pointer;
}
.cti-cartype-new-h9 .wap-panoramic-box {
    display: none;
}
.cti-cartype-new-h9 .wap-media,
.cti-cartype-new-h9 .wap-swiper-img {
    display: none !important;
}
.cti-cartype-new-h9 .video-mask:after {
    background: url() rgba(0, 0, 0, 0.6);
}
.cti-cartype-new-h9 .car-img {
    /* width: 96% !important; */
    overflow: hidden;
    margin: 0 auto;
}
.cti-cartype-new-h9 #map1 {
    padding-bottom: 1% !important;
}
.cti-cartype-new-h9 .cti-bingmap .wrap {
    width: 96% !important;
}
.cti-cartype-new-h9 .swiper-banner {
    width: 100%;
    position: relative;
}
.cti-cartype-new-h9 .swiper-banner img {
    width: 100%;
}
.cti-cartype-new-h9 .swiper-banner-wap {
    display: none;
}
.cti-cartype-new-h9 .swiper-banner-top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-transform: uppercase;
    position: absolute;
    top: 18vh;
}
.cti-cartype-new-h9 .swiper-banner-top .title-new-h9 {
    font-size: 3.125vw;
    font-weight: 800;
    color: #2e2e2e;
    margin-bottom: 20px;
}
.cti-cartype-new-h9 .swiper-banner-top .btn-new-h9 {
    padding: 0 1.56vw;
    height: 2.6vw;
    line-height: 2.6vw;
    background-color: #000;
    color: #d0d1cc;
    font-size: 0.78vw;
    text-align: center;
    cursor: pointer;
}
.cti-cartype-new-h9 .banner-wrap {
    padding-top: 0 !important;
}
.cti-cartype-new-h9 .type-title {
    color: #2e2e2e;
    font-weight: 800;
}
.cti-cartype-new-h9 .carmodel-con .carmodel_top .car-Media {
    font-size: 1.8vw;
    color: #2e2e2e;
    font-weight: 800;
}
.cti-cartype-new-h9 .carmodel-con .carmodel_top {
    width: 100%;
}
.cti-cartype-new-h9 .carmodel-con .carmodel_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 50px;
}
.cti-cartype-new-h9 .carmodel-con .carmodel_wrapper .car-img{
    margin-bottom: 50px;
    
}
.cti-cartype-new-h9 .carmodel-con .carmodel_wrapper .car-img img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.cti-cartype-new-h9 .carmodel-con .carmodel_wrapper .car-img.w-full{
    width: 100%;
}
.cti-cartype-new-h9 .carmodel-con .carmodel_wrapper .car-img.w-50{
    width: 49%;
}
.cti-cartype-new-h9 .carmodel-con .carmodel_wrapper .car-img-info{
    padding-top: 20px;
}

.cti-cartype-new-h9 .carmodel-con .carmodel_wrapper .car-img .car-img-title{
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 15px;
}
.cti-cartype-new-h9 .carmodel-con .carmodel_wrapper .car-img .car-img-desc{

}

.cti-cartype-new-h9 .car_router {
    width: 100%;
    text-align: center;
    font-size: 1.8vw;
    color: #2e2e2e;
    font-weight: 800;
    background-color: #fff;
    padding-top: 4%;
    position: absolute;
}
.cti-cartype-new-h9 .fh-config {
    background-color: #fff;
    padding-top: 0;
    height: 28.6vw;
    position: relative;
    z-index: 1;
}
.cti-cartype-new-h9 .swiper-button-prev.swiper-button-black {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: 27%;
}
.cti-cartype-new-h9 .swiper-button-next.swiper-button-black {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E") 50% no-repeat;
    background-size: 27%;
}
.cti-cartype-new-h9 .param-detail .swiper-button-next,
.cti-cartype-new-h9 .param-detail .swiper-button-prev {
    top: -20%;
    z-index: 1 !important;
    width: 4vw;
    height: 4vw;
    background-color: rgba(127, 127, 127, 0.6);
}
.cti-cartype-new-h9 .param-detail .swiper-button-prev {
    left: -53%;
}
.cti-cartype-new-h9 .param-detail .swiper-button-next {
    right: -53%;
}
.cti-cartype-new-h9 .swiper-button-next,
.cti-cartype-new-h9 .swiper-button-prev {
    width: 73px;
    height: 71px;
}
.cti-cartype-new-h9 .carmodel_top {
    background-color: #f1f1f1;
    position: relative;
}
.cti-cartype-new-h9 .carmodel_top .param-detail {
    height: 32.81vw;
    padding-top: 21%;
    width: 48%;
}
.cti-cartype-new-h9 .panoramic-box {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}
.cti-cartype-new-h9 .panoramic-box > div {
    flex: 1;
    height: 100%;
    position: relative;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-left-bg {
    width: 18.17vw;
    position: absolute;
    right: 0;
    bottom: -2px;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center {
    position: relative;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center > img {
    width: 41.15vw;
    position: absolute;
    bottom: -7.5vw;
    left: -5vw;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center .h9-720 {
    position: absolute;
    top: 7vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center .h9-720 .h9-720-img {
    width: 8.76vw;
    position: relative;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center .h9-720 .h9-720-img > div {
    transform: translateX(0) rotateX(63deg);
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center .h9-720 .h9-720-img .zhuan-img {
    width: 100%;
    animation: zhuan 5s linear infinite;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center .h9-720 .h9-720-img .img-720 {
    width: 3.65vw;
    position: absolute;
    left: 0;
    top: -1.2vw;
    right: 0;
    bottom: 0;
    margin: auto;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center .h9-720 .h9-720-img .text-720 {
    position: absolute;
    left: -0.5vw;
    right: 0;
    top: 3.2vw;
    bottom: 0;
    margin: auto;
    z-index: 1;
    text-align: center;
    font-size: 2vw;
    font-weight: 900;
    transform: translateX(0) rotateX(0);
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center .h9-720 .h9-720-img .text-720 .yuandian {
    position: absolute;
    width: 0.5vw;
    height: 0.5vw;
    background-color: #282828;
    border-radius: 50%;
    top: 0.5vw;
    margin-left: 0.2vw;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-center .h9-720 .h9-720-btn {
    color: #333;
    font-size: 1.2vw;
    font-weight: 700;
    transform: translateY(-1.2vw);
}
.cti-cartype-new-h9 .panoramic-box .panoramic-right {
    display: flex;
    flex-direction: column;
    justify-content: end;
    box-sizing: border-box;
    transform: translate(3vw, 4vw);
}
.cti-cartype-new-h9 .panoramic-box .panoramic-right .item-h9 {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-right .item-h9 .h9-color {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 4vw;
    height: 4vw;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-right .item-h9 .h9-color > img {
    width: 2.76vw;
    height: 2.76vw;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-right .item-h9 .h9-title {
    padding-left: 1vw;
    color: #adadad;
    font-size: 0.8vw;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-right .active-color .h9-color {
    background-color: #bebebe;
}
.cti-cartype-new-h9 .panoramic-box .panoramic-right .active-color .h9-title {
    color: #5c5c5c;
    font-weight: 900;
}
.cti-cartype-new-h9 .brake-system {
    margin-top: 0;
    cursor: pointer;
    background-color: #ccc;
}
.cti-cartype-new-h9 .brake-system .icon-up {
    display: inline-block;
    width: 1.2vw;
    height: 1.4vw;
    background: url(/assets/images/cartype/up.png) no-repeat;
    background-size: 100%;
    transform: rotate(180deg);
    transition: 0.4s;
    vertical-align: bottom;
}
.cti-cartype-new-h9 .new-h9-param .swiper-container {
    transform: translateY(-6vw);
}
.cti-cartype-new-h9 .new-h9-param .swiper-slide {
    padding-top: 5vw;
}
.cti-cartype-new-h9 .new-h9-param-title {
    width: 84%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    top: 15vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}
.cti-cartype-new-h9 .new-h9-param-title > img {
    width: 29.68vw;
}
.cti-cartype-new-h9 .new-h9-param-title .new-h9-param-xian-1 {
    transform: rotate(180deg);
}
.cti-cartype-new-h9 .new-h9-param-title .new-h9-param-carname {
    color: #2e2e2e;
    font-size: 1.875vw;
    font-weight: bolder;
    opacity: 0;
}
.cti-cartype-new-h9 .new-h9-model-con-box {
    margin: 2.18vw auto;
    width: 96%;
    display: flex;
    justify-content: space-between;
}
.cti-cartype-new-h9 .new-h9-model-con-box .model-con {
    width: 30.52vw !important;
    display: flex;
    flex-direction: column;
}
.cti-cartype-new-h9 .new-h9-model-con-box .model-con div.d-carText {
    width: 100% !important;
    position: relative !important;
    margin-left: 0 !important;
}
.cti-cartype-new-h9 .new-h9-model-con-box .model-con div.d-carImg {
    width: 100% !important;
    height: 30.52vw;
    margin-bottom: 1vw !important;
}
.cti-cartype-new-h9 .new-h9-model-con-box .model-con div.d-carImg img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
.cti-cartype-new-h9 .new-h9-model-con-box-2 {
    margin: 2.18vw auto;
    width: 96%;
    display: flex;
    justify-content: space-between;
}
.cti-cartype-new-h9 .model-con {
    width: 46.77vw !important;
    display: flex;
    flex-direction: column;
}
.cti-cartype-new-h9 .model-con div.d-carText {
    width: 100% !important;
    position: relative !important;
    margin-left: 0 !important;
}
.cti-cartype-new-h9 .model-con div.d-carImg {
    width: 100% !important;
    margin-bottom: 1vw !important;
}
.cti-cartype-new-h9 .model-con div.d-carImg img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
.cti-cartype-new-h9 .gallery-box-max {
    width: 96%;
    margin: 0 auto;
    overflow-x: hidden;
}
.cti-cartype-new-h9 .gallery-box-swiper,
.cti-cartype-new-h9 .gallery-box-swiper .swiper-container,
.cti-cartype-new-h9 .gallery-box-swiper .swiper-container img,
.cti-cartype-new-h9 .gallery-box-swiper .swiper-slide,
.cti-cartype-new-h9 .gallery-box-swiper .swiper-slide img,
.cti-cartype-new-h9 .gallery-box-swiper .swiper-wrapper,
.cti-cartype-new-h9 .gallery-box-swiper .swiper-wrapper img,
.cti-cartype-new-h9 .gallery-box-swiper-2 {
    width: 100%;
}
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-container,
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-slide,
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-wrapper {
    width: 100%;
    position: relative;
}
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-container img,
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-slide img,
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-wrapper img {
    width: 100%;
}
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-container {
    overflow: initial;
}
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-slide:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.6;
    cursor: pointer;
}
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-button-next.swiper-button-black,
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-button-prev.swiper-button-black {
    background-position: 50%;
    background-size: 14%;
    position: absolute;
    margin-top: 0;
    transform: translateY(-650%);
    top: 0;
}
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-slide-thumb-active:after {
    opacity: 0;
}
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-button-next,
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-button-prev {
    width: 4vw;
    height: 4vw;
    background-color: rgba(127, 127, 127, 0.6);
}
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-button-prev {
    left: 0;
}
.cti-cartype-new-h9 .gallery-box-swiper-2 .swiper-button-next {
    right: 0;
}
.cti-cartype-new-h9 .swiper-banner-wap {
    position: relative;
    width: 100%;
}
.cti-cartype-new-h9 .swiper-banner-wap .swiper-banner-top {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.cti-cartype-new-h9 .swiper-banner-wap .title-new-h9 {
    font-size: 9vw;
    position: absolute;
    top: 29.6vw;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.cti-cartype-new-h9 .swiper-banner-wap .btn-new-h9 {
    padding: 0 2vw;
    height: 9.3vw;
    line-height: 9.3vw;
    text-align: center;
    font-size: 2.5vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35.6vw;
    white-space: nowrap;
}
.cti-cartype-new-h9 .swiper-banner-wap .btn-new-h9 a {
    width: 100%;
    height: 100%;
}
.cti-cartype-new-h9 .news-car {
    display: none;
}
.cti-cartype-new-h9 .news-car .security-con {
    display: none !important;
}
.cti-cartype-new-h9 .news-car .table-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.47em;
    background-color: #dbdbdb;
}
.cti-cartype-new-h9 .news-car .table-nav .table-nav-item {
    display: inline-block;
    padding: 0 1vw;
    line-height: 2.5vw;
    height: 2.5vw;
    border-radius: 2.5vw;
    margin: 0 1.5vw;
    background-color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.8vw;
}
.cti-cartype-new-h9 .news-car .table-nav .active {
    background-color: #767676;
    color: #fff;
}
.cti-cartype-new-h9 .wap-panoramic-box {
    width: 100%;
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-720 {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transform: translateY(10vw);
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-720 .h9-720-img {
    width: 17.33vw;
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-720 .h9-720-img > div {
    width: 100%;
    transform: translateX(0) rotateX(65deg);
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-720 .h9-720-img > div > img {
    width: 100%;
    animation: zhuan 5s linear infinite;
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-720 .h9-720-img .img-720 {
    width: 7.4vw;
    position: absolute;
    left: 0.2vw;
    top: -1.8vw;
    right: 0;
    bottom: 0;
    margin: auto;
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-720 .h9-720-img .text-720 {
    position: absolute;
    left: -0.5vw;
    right: 0;
    top: 6.2vw;
    bottom: 0;
    margin: auto;
    z-index: 1;
    text-align: center;
    font-size: 3.6vw;
    font-weight: 900;
    transform: translateX(0) rotateX(0);
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-720 .h9-720-img .text-720 .yuandian {
    position: absolute;
    width: 1vw;
    height: 1vw;
    background-color: #282828;
    border-radius: 50%;
    top: 0.5vw;
    margin-left: 0.2vw;
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-720 .h9-720-btn {
    font-weight: bolder;
    color: #333;
    font-size: 2.2vw;
    transform: translateY(-3.2vw);
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-car {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transform: translateY(15vw);
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-car > img {
    width: 90%;
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-qiehuan {
    width: 100%;
    background-color: #f1f1f1;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 16vw;
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-qiehuan .item-h9-color-wap {
    width: 8.9vw;
    height: 8.9vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2.9vw;
    cursor: pointer;
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-qiehuan .item-h9-color-wap > img {
    width: 7.73vw;
}
.cti-cartype-new-h9 .wap-panoramic-box .h9-qiehuan .active-color-wap {
    background-color: #fff;
}
.cti-cartype-new-h9 .wap-panoramic-box .qiehuan-btn {
    width: 100%;
    border-top: 2px solid #b9b9b9;
    border-bottom: 2px solid #b9b9b9;
    height: 6.66vw;
    line-height: 6.66vw;
    text-align: center;
    font-weight: 700;
    color: #5c5c5c;
    font-size: 2.13vw;
    background-color: #f1f1f1;
    cursor: pointer;
}
.cti-cartype-new-h9 .wap-media {
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.cti-cartype-new-h9 .wap-media .wap-media-item {
    width: 100%;
    margin-bottom: 2vw;
}
.cti-cartype-new-h9 .wap-media .wap-media-item > img {
    width: 100%;
}
.cti-cartype-new-h9 .wap-media .wap-media-item .wap-media-item-title {
    color: #2e2e2e;
    font-size: 4vw;
    margin-top: 2vw;
}
.cti-cartype-new-h9 .wap-media .wap-media-item .wap-media-item-content {
    color: #646464;
    font-size: 3.2vw;
    margin-top: 2vw;
}
.cti-cartype-new-h9 .wap-swiper-img,
.cti-cartype-new-h9 .wap-swiper-img img {
    width: 100%;
}
.cti-cartype-new-h9 .wap-swiper-img .swiper-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3vw;
    position: relative;
    z-index: 1;
}
.cti-cartype-new-h9 .wap-swiper-img .swiper-pagination .swiper-pagination-bullet {
    width: 2.9vw;
    height: 0.8vw;
    background-color: #8b8b8b;
    border-radius: 0;
    margin: 0 0.8vw;
}
.cti-cartype-new-h9 .wap-swiper-img .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fc0000;
    transform: scale(1);
}
.cti-cartype-new-h9 .title-wap {
    text-align: center;
    font-weight: bolder;
    color: #2e2e2e;
    font-size: 5.46vw;
    margin-top: 10vw;
}
.cti-cartype-new-h9 .car-name {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    font-size: 1.875vw;
    font-weight: 700;
    color: #282828;
}
.cti-cartype-new-h9 .carmodel-btn {
    display: none;
}
.cti-cartype-new-h9 .pc-carmodel-btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6vw;
    padding: 0 1.56vw;
    height: 2.6vw;
    line-height: 2.6vw;
    background-color: #000;
    color: #d0d1cc;
    font-size: 0.78vw;
    text-align: center;
    cursor: pointer;
}
.cti-cartype-new-h9 .wap-video-box {
    width: 100%;
    height: 169vw;
    position: relative;
    display: none;
}
.cti-cartype-new-h9 .wap-video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.cti-cartype-new-h9 .wap-video-box .wap-video-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.cti-cartype-new-h9 .wap-video-box .wap-video-icon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 19.3vw;
    height: 19.3vw;
    display: block;
    z-index: 1;
    cursor: pointer;
}
.cti-cartype-new-h9 .wap-video-box::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.cti-cartype-new-h9 .d-carText ul li:nth-child(2) {
    font-weight: 500;
    color: #646464;
}
@media screen and (max-width: 900px) {
    .cti-cartype-new-h9 .new-h9-param {
        width: 80% !important;
    }
    .cti-cartype-new-h9 .new-h9-param .swiper-button-next {
        right: -10%;
    }
    .cti-cartype-new-h9 .new-h9-param .swiper-button-prev {
        left: -10%;
    }
}
@media screen and (max-width: 750px) {
    .cti-cartype-new-h9 .wap-panoramic-box {
        display: block;
    }
    .cti-cartype-new-h9 .pc-carmodel-btn {
        display: none;
    }
    .cti-cartype-new-h9 .wap-video-box {
        display: block;
    }
    .cti-cartype-new-h9 .carmodel-btn {
        height: 6.4vw;
        background-color: #000;
        color: #d0d1cc;
        font-size: 2vw;
        font-weight: 700;
        line-height: 6.4vw;
        text-align: center;
        cursor: pointer;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
        padding: 0 2vw;
        display: inline-block;
    }
    .cti-cartype-new-h9 .wap-media {
        display: flex !important;
    }
    .cti-cartype-new-h9 .wap-swiper-img {
        display: block !important;
    }
    .cti-cartype-new-h9 .new-h9-param {
        width: 95% !important;
    }
    .cti-cartype-new-h9 .swiper-banner-pc {
        display: none;
    }
    .cti-cartype-new-h9 .swiper-banner-wap {
        display: block;
    }
    .cti-cartype-new-h9 .banner-wrap,
    .cti-cartype-new-h9 .carmodel-con,
    .cti-cartype-new-h9 .fh-config,
    .cti-cartype-new-h9 .new-h9-param .swiper-button-next,
    .cti-cartype-new-h9 .new-h9-param .swiper-button-prev,
    .cti-cartype-new-h9 .new-h9-param-title,
    .cti-cartype-new-h9 .panoramic-box {
        display: none;
    }
    .cti-cartype-new-h9 .swiper-slide .top div:first-child {
        border-right: none;
    }
    .cti-cartype-new-h9 .param-detail {
        height: auto !important;
        padding-top: 16% !important;
    }
    .cti-cartype-new-h9 .new-h9-param .swiper-slide {
        padding-top: 11vw;
    }
    .cti-cartype-new-h9 .carmodel_top {
        padding-bottom: 5vw;
    }
    .cti-cartype-new-h9 .type-title {
        font-size: 5.46vw;
    }
    .cti-cartype-new-h9 .car-name {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 0;
        font-size: 4.66vw;
        font-weight: 700;
        color: #282828;
    }
    .cti-cartype-new-h9 .news-car {
        display: block !important;
    }
    .cti-cartype-new-h9 .news-car .security-con {
        display: flex !important;
    }
    .cti-cartype-new-h9 .news-car .table-nav {
        display: none;
    }
}
@keyframes zhuan {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.cti-poster .container .kv {
    width: 100%;
    position: relative;
}
.cti-poster .container .kv img {
    width: 100%;
}
.cti-poster .container .kv .kv_right {
    width: 35%;
    position: absolute;
    right: 0;
    top: 12vw;
    margin: auto;
}
.cti-poster .container .kv .kv_right .icon {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 0.8vw;
}
.cti-poster .container .kv .kv_right .icon div {
    width: 11%;
}
.cti-poster .container .kv .kv_right .icon div img {
    width: 100%;
}
.cti-poster .container .kv .kv_right .icon span {
    margin-left: 1vw;
    font-size: 1vw;
    color: #385379;
    font-weight: 600;
}
.cti-poster .container .kv a,
.cti-poster .container .kv a:hover {
    width: 10%;
    position: absolute;
    right: 23vw;
    bottom: 5vw;
    padding: 1%;
    font-size: 0.8vw;
    white-space: nowrap;
    margin: auto;
    display: flex;
    border-radius: 0.5vw;
    height: 1vw;
}
.cti-poster .container .kv a {
    color: #000;
    background: #fff;
    align-items: center;
    justify-content: center;
}
.cti-poster .container .kv a:hover {
    color: #fff;
    background: #40577d;
    align-items: center;
    justify-content: center;
}
.cti-poster .container .title {
    width: 100%;
    text-align: center;
    padding: 4% 0;
    font-size: 1.8vw;
}
.cti-poster .container .form_con {
    width: 50%;
    margin: auto;
}
.cti-poster .container .form_con .form_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1vw;
    font-size: 1vw;
}
.cti-poster .container .form_con .form_row .form_item {
    width: 32%;
    align-items: center;
    padding: 1% 2%;
    box-sizing: border-box;
    border-radius: 0.5vw;
    border: 1px solid #eaeaea;
}
.cti-poster .container .form_con .form_row .form_item input {
    width: 80%;
    font-size: 1vw;
    color: #999;
}
.cti-poster .container .form_con .form_row .form_item .select-wrap dt {
    border: 0;
    color: #999;
    padding: 0;
    font-size: 1vw;
}
.cti-poster .container .form_con .form_row .form_item label {
    color: #999;
    padding: 0;
    font-size: 1vw;
}
.cti-poster .container .form_con .form_row .form_item input::-webkit-input-placeholder {
    color: #999;
    font-size: 1vw;
}
.cti-poster .container .form_con .sumbit {
    width: 100%;
    text-align: center;
    margin-top: 2vw;
    margin-bottom: 3vw;
}
.cti-poster .container .form_con .sumbit a {
    background-color: #40577d;
    font-size: 0.8vw;
    border-radius: 0.5vw;
    color: #fff;
    padding: 1% 10%;
}
@media screen and (max-width: 750px) {
    .cti-poster {
        background-color: #f3f5f7;
    }
    .cti-poster .container .kv {
        width: 100%;
        position: relative;
    }
    .cti-poster .container .kv img {
        width: 100%;
    }
    .cti-poster .container .kv .kv_right {
        display: none;
    }
    .cti-poster .container .kv a,
    .cti-poster .container .kv a:hover {
        width: 80%;
        height: 8vw;
        right: 0;
        left: 0;
        bottom: 4vw;
        padding: 1%;
        display: flex;
        font-size: 4vw;
        white-space: nowrap;
        margin: auto;
        border-radius: 2vw;
    }
    .cti-poster .container .kv a {
        position: absolute;
        color: #000;
        background: #fff;
        align-items: center;
        justify-content: center;
    }
    .cti-poster .container .kv a:hover {
        position: absolute;
        color: #fff;
        background: #40577d;
        align-items: center;
        justify-content: center;
    }
    .cti-poster .container .title {
        width: 100%;
        text-align: center;
        padding: 4% 0;
        font-size: 5vw;
    }
    .cti-poster .container .form_con {
        width: 95%;
        margin: auto;
        padding: 4%;
        border-radius: 2vw;
        box-sizing: border-box;
        background-color: #fff;
    }
    .cti-poster .container .form_con .form_row {
        width: 100%;
        display: block;
        margin-bottom: 0;
        font-size: 1vw;
    }
    .cti-poster .container .form_con .form_row .form_item {
        width: 100%;
        align-items: center;
        padding: 3% 2%;
        box-sizing: border-box;
        border-radius: 2vw;
        border: 1px solid #eaeaea;
        margin-bottom: 3vw;
    }
    .cti-poster .container .form_con .form_row .form_item input {
        width: 80%;
        font-size: 3vw;
        color: #999;
    }
    .cti-poster .container .form_con .form_row .form_item .select-wrap dt {
        border: 0;
        color: #999;
        padding: 0;
        font-size: 3vw;
    }
    .cti-poster .container .form_con .form_row .form_item .select-wrap dd .item {
        font-size: 3vw;
        padding: 0.3em;
    }
    .cti-poster .container .form_con .form_row .form_item label {
        color: #999;
        padding: 0;
        font-size: 3vw;
    }
    .cti-poster .container .form_con .form_row .form_item input::-webkit-input-placeholder {
        color: #999;
        font-size: 0.8vw;
        font-size: 3vw;
    }
    .cti-poster .container .form_con .sumbit {
        width: 100%;
        text-align: center;
        margin-top: 2vw;
        margin-bottom: 3vw;
        background-color: #40577d;
        padding: 3%;
        box-sizing: border-box;
        border-radius: 1.5vw;
    }
    .cti-poster .container .form_con .sumbit a {
        background-color: #40577d;
        font-size: 3vw;
        color: #fff;
        padding: 0;
    }
}
.cti-history {
    background-color: #e4e4e5;
    font-family: SourceHanSans;
}
div[class*="cti"] .kv{
    position: relative;
    height: 100vh;
}
div[class*="cti"] .kv::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000006b;
}
div[class*="cti"] .kv img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.section-bg-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(50%);
    font-weight: 600;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
}

.cti-history .kv,
.cti-history .kv img {
    width: 100%;
}
.cti-history .history_title {
    width: 70%;
    margin: 6vw auto auto;
    font-size: 2vw;
    font-weight: 700;
}
.cti-history .history {
    width: 100%;
    margin-top: 3vw;
}
.cti-history .history .history_con {
    width: 85%;
    margin: auto auto 2.5vw;
    display: flex;
}
.cti-history .history .history_con .img {
    width: 52%;
}
.cti-history .history .history_con .img img,
.cti-history .history .history_con .right img {
    width: 100%;
}
.cti-history .history .history_con .right {
    flex: 1;
}
.cti-history .history .history_con .right .text {
    font-size: 1vw;
    padding-left: 5%;
    padding-top: 5%;
    box-sizing: border-box;
    text-align: right;
    line-height: 2;
}
.cti-history .history .history_con .right .text_left {
    font-size: 1vw;
    padding-right: 5%;
    padding-top: 5%;
    box-sizing: border-box;
    text-align: left;
    line-height: 2;
}
.cti-history .history .history_con.cloum .right .top{
    text-align: right;
    position: relative;
    font-size: 70px;
    line-height: 0;
}
.cti-history .history .history_con.cloum .right .top::before{
    content: "";
    position: absolute;
    right: 185px;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 2px;
    background: lightgray;
}

.cti-history .history .history_con.serve .right .top{
    text-align: left;
    position: relative;
    font-size: 70px;
    line-height: 0;
}
.cti-history .history .history_con.serve .right .top::before{
    content: "";
    position: absolute;
    left: 185px;
    top: 50%;
    transform: translateY(-50%);
    width: 200px;
    height: 2px;
    background: lightgray;
}

@media screen and (max-width: 750px) {
    .cti-history {
        background-color: #e4e4e5;
        font-family: SourceHanSans;
    }
    .cti-contact.branch-app .proposal .from .from-item:nth-child(3), 
    .cti-contact.branch-app .proposal .from .from-item:nth-child(4),
    .cti-contact.branch-app .proposal .from .from-item{
        width: 100%;
    }
    .cti-contact.branch-app .proposal .from{
        justify-content: center;
        margin: 0 auto;
    }
    .cti-history .kv,
    .cti-history .kv img {
        width: 100%;
    }
    .cti-history .history_title {
        width: 85%;
        margin: 6vw auto auto;
        font-size: 5vw;
        font-weight: 700;
    }
    .cti-history .history {
        width: 100%;
        margin-top: 3vw;
    }
    .cti-history .history .cloum {
        flex-direction: column-reverse;
    }
    .cti-history .history .serve {
        flex-direction: column;
    }
    .cti-history .history .history_con {
        width: 90%;
        margin: 4% auto 5%;
        display: flex;
    }
    .cti-history .history .history_con .img {
        width: 100%;
        margin-top: 1vw;
    }
    .cti-history .history .history_con .img img {
        width: 100%;
    }
    .cti-history .history .history_con .right {
        flex: 1;
    }
    .cti-history .history .history_con .right img {
        width: 100%;
    }
    .cti-history .history .history_con .right .top img {
        width: 50%;
    }
    .cti-history .history .history_con .right .text {
        font-size: 3.5vw;
        padding-left: 0;
        padding-top: 2%;
        box-sizing: border-box;
        text-align: left;
        line-height: 1.5;
    }
    .cti-history .history .history_con .right .text_left {
        font-size: 3.5vw;
        padding-right: 5%;
        padding-top: 2%;
        box-sizing: border-box;
        text-align: left;
        line-height: 1.5;
    }
}
.cti-HS5_poster .container .kv {
    width: 100%;
    position: relative;
}
.cti-HS5_poster .container .kv img {
    width: 100%;
}
.cti-HS5_poster .container .kv .kv_right {
    width: 39%;
    position: absolute;
    left: 4vw;
    top: 18vw;
    margin: auto;
}
.cti-HS5_poster .container .kv .kv_right .icon {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 1.5vw;
}
.cti-HS5_poster .container .kv .kv_right .icon div {
    width: 5%;
    text-align: center;
}
.cti-HS5_poster .container .kv .kv_right .icon div img {
    width: 100%;
}
.cti-HS5_poster .container .kv .kv_right .icon .icon_Light img {
    width: 60%;
}
.cti-HS5_poster .container .kv a,
.cti-HS5_poster .container .kv a:hover {
    width: 9%;
    position: absolute;
    left: 4vw;
    bottom: 18vw;
    padding: 1%;
    color: #fff;
    display: flex;
    white-space: nowrap;
}
.cti-HS5_poster .container .kv .kv_right .icon span {
    margin-left: 1vw;
    font-size: 1vw;
    color: #fff;
    font-weight: 600;
    border-radius: 2vw;
}
.cti-HS5_poster .container .kv a {
    height: 1vw;
    margin: auto;
    border: 1px solid #fff;
    align-items: center;
    justify-content: center;
    border-radius: 2vw;
    font-size: 0.8vw;
}
.cti-HS5_poster .container .kv a:hover {
    height: 1vw;
    margin: auto;
    background: #033e92;
    border: 1px solid #033e92;
    align-items: center;
    justify-content: center;
    border-radius: 2vw;
    font-size: 0.8vw;
}
.cti-HS5_poster .container .title {
    width: 100%;
    text-align: center;
    padding: 4% 0;
    font-size: 1.8vw;
    color: #033e92;
}
.cti-HS5_poster .container .form_con {
    width: 50%;
    margin: auto;
}
.cti-HS5_poster .container .form_con .form_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1vw;
    font-size: 1vw;
}
.cti-HS5_poster .container .form_con .form_row .form_item {
    width: 32%;
    align-items: center;
    padding: 1% 2%;
    box-sizing: border-box;
    border-radius: 0.5vw;
    border: 1px solid #eaeaea;
}
.cti-HS5_poster .container .form_con .form_row .form_item input {
    width: 80%;
    font-size: 1vw;
    color: #999;
}
.cti-HS5_poster .container .form_con .form_row .form_item .select-wrap dt {
    border: 0;
    color: #999;
    padding: 0;
    font-size: 1vw;
}
.cti-HS5_poster .container .form_con .form_row .form_item label {
    color: #999;
    padding: 0;
    font-size: 1vw;
}
.cti-HS5_poster .container .form_con .form_row .form_item input::-webkit-input-placeholder {
    color: #999;
    font-size: 1vw;
}
.cti-HS5_poster .container .form_con .form_row .form_item .select-wrap dt::after {
    color: #033e92;
}
.cti-HS5_poster .container .form_con .sumbit {
    width: 100%;
    text-align: center;
    margin-top: 2vw;
    margin-bottom: 3vw;
}
.cti-HS5_poster .container .form_con .sumbit a {
    background-color: #033e92;
    font-size: 0.8vw;
    border-radius: 0.5vw;
    color: #fff;
    padding: 1% 10%;
}
@media screen and (max-width: 750px) {
    .cti-HS5_poster {
        background-color: #000;
    }
    .cti-HS5_poster .container .kv {
        width: 100%;
        position: relative;
    }
    .cti-HS5_poster .container .kv img {
        width: 100%;
    }
    .cti-HS5_poster .container .kv .btn,
    .cti-HS5_poster .container .kv .btn:hover {
        width: 28%;
        height: 6.5vw;
        top: 22vw;
        right: 0;
        left: 45vw;
        bottom: 0;
        font-size: 3vw;
        white-space: nowrap;
        margin: auto;
    }
    .cti-HS5_poster .container .kv .kv_right {
        display: none;
    }
    .cti-HS5_poster .container .kv .btn {
        position: absolute;
        padding: 1%;
        color: #fff;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5vw;
    }
    .cti-HS5_poster .container .kv .btn:hover {
        color: #fff;
        background: #033e92;
        border: 1px solid #033e92;
        position: absolute;
        border-radius: 5vw;
    }
    .cti-HS5_poster .container .title {
        width: 90%;
        text-align: center;
        padding: 4% 0;
        margin: auto;
        font-size: 5vw;
        background-color: #fff;
        color: #000;
        border-top-left-radius: 4vw;
        border-top-right-radius: 4vw;
    }
    .cti-HS5_poster .container .form_con {
        width: 90%;
        margin: auto;
        padding: 4%;
        border-bottom-left-radius: 4vw;
        border-bottom-right-radius: 4vw;
        box-sizing: border-box;
        background-color: #fff;
    }
    .cti-HS5_poster .container .form_con .form_row {
        width: 100%;
        display: block;
        margin-bottom: 0;
        font-size: 1vw;
    }
    .cti-HS5_poster .container .form_con .form_row .form_item {
        width: 100%;
        align-items: center;
        padding: 3% 2%;
        box-sizing: border-box;
        border-radius: 2vw;
        border: 1px solid #eaeaea;
        margin-bottom: 3vw;
    }
    .cti-HS5_poster .container .form_con .form_row .form_item input {
        width: 80%;
        font-size: 3vw;
        color: #999;
    }
    .cti-HS5_poster .container .form_con .form_row .form_item .select-wrap dt {
        border: 0;
        color: #999;
        padding: 0;
        font-size: 3vw;
    }
    .cti-HS5_poster .container .form_con .form_row .form_item .select-wrap dd .item {
        font-size: 3vw;
        padding: 0.3em;
    }
    .cti-HS5_poster .container .form_con .form_row .form_item label {
        color: #999;
        padding: 0;
        font-size: 3vw;
    }
    .cti-HS5_poster .container .form_con .form_row .form_item input::-webkit-input-placeholder {
        color: #999;
        font-size: 0.8vw;
        font-size: 3vw;
    }
    .cti-HS5_poster .container .form_con .sumbit {
        width: 100%;
        text-align: center;
        margin-top: 2vw;
        margin-bottom: 3vw;
        background-color: #033e92;
        padding: 3%;
        box-sizing: border-box;
        border-radius: 4vw;
    }
    .cti-HS5_poster .container .form_con .sumbit a {
        background-color: #033e92;
        font-size: 3vw;
        color: #fff;
        padding: 0;
    }
}
.cti-idea {
    background-color: #e4e4e5;
}
.cti-idea .history_development_five .text,
.cti-idea .history_development_four .text,
.cti-idea .history_development_one .text,
.cti-idea .history_development_three .text,
.cti-idea .history_development_two .text {
    background-color: #fff;
    line-height: 2.3;
    box-sizing: border-box;
}
.cti-idea .kv,
.cti-idea .kv img {
    width: 100%;
}
.cti-idea .history_development_one {
    width: 100%;
    position: relative;
    margin-top: 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cti-idea .history_development_one .img {
    width: 46.8%;
    position: absolute;
    left: 0;
    right: 0;
    top: 4em;
    z-index: 3;
}
.cti-idea .history_development_one .img img {
    width: 100%;
}
.cti-idea .history_development_one .text {
    width: 60%;
    padding: 1% 5% 13% 8%;
    font-size: 1vw;
    z-index: 1;
    margin-top: -2vw;
}
.cti-idea .history_development_one .text p:first-child {
    font-size: 2.8vw;
    font-weight: 700;
}
.cti-idea .history_development_one .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-idea .history_development_one .time {
    width: 50%;
}
.cti-idea .history_development_one .time img {
    width: 100%;
}
.cti-idea .history_development_one .time p {
    font-size: 7vw;
    color: #ccc;
    font-style: italic;
}
.cti-idea .history_development_two {
    width: 100%;
    position: relative;
    margin-top: 7%;
    display: flex;
    flex-wrap: wrap;
}
.cti-idea .history_development_two .img {
    width: 46.8%;
    position: absolute;
    right: 0;
    top: 4em;
    z-index: 3;
}
.cti-idea .history_development_two .img img {
    width: 100%;
}
.cti-idea .history_development_two .text {
    width: 60%;
    padding: 1% 13% 5% 3%;
    font-size: 1vw;
    z-index: 1;
    margin-top: -2vw;
}
.cti-idea .history_development_two .text p:first-child {
    font-size: 2.6vw;
    font-weight: 700;
}
.cti-idea .history_development_two .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-idea .history_development_two .time {
    width: 50%;
}
.cti-idea .history_development_two .time p {
    font-size: 7vw;
    color: #ccc;
    font-style: italic;
}
.cti-idea .history_development_three {
    width: 100%;
    position: relative;
    margin-top: 7%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cti-idea .history_development_three .img {
    width: 46.8%;
    position: absolute;
    left: 0;
    right: 0;
    top: 4em;
    z-index: 3;
}
.cti-idea .history_development_three .img img {
    width: 100%;
}
.cti-idea .history_development_three .text {
    width: 60%;
    padding: 1% 5% 13% 8%;
    font-size: 1vw;
    z-index: 1;
    margin-top: -2vw;
}
.cti-idea .history_development_three .text p:first-child {
    font-size: 2.6vw;
    font-weight: 700;
}
.cti-idea .history_development_three .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-idea .history_development_three .time {
    width: 50%;
}
.cti-idea .history_development_three .time p {
    font-size: 7vw;
    color: #ccc;
    font-style: italic;
}
.cti-idea .history_development_four {
    width: 100%;
    position: relative;
    margin-top: 7%;
    display: flex;
    flex-wrap: wrap;
}
.cti-idea .history_development_four .img {
    width: 46.8%;
    position: absolute;
    right: 0;
    top: 4em;
    z-index: 3;
}
.cti-idea .history_development_four .img img {
    width: 100%;
}
.cti-idea .history_development_four .text {
    width: 60%;
    padding: 1% 13% 3% 3%;
    font-size: 1vw;
    z-index: 1;
    margin-top: -2vw;
}
.cti-idea .history_development_four .text p:first-child {
    font-size: 2.6vw;
    font-weight: 700;
}
.cti-idea .history_development_four .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-idea .history_development_four .time {
    width: 50%;
}
.cti-idea .history_development_four .time p {
    font-size: 7vw;
    color: #ccc;
    font-style: italic;
}
.cti-idea .history_development_five {
    width: 100%;
    position: relative;
    margin-top: 7%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cti-idea .history_development_five .img {
    width: 46.8%;
    position: absolute;
    left: 0;
    right: 0;
    top: 4em;
    z-index: 3;
}
.cti-idea .history_development_five .img img {
    width: 100%;
}
.cti-idea .history_development_five .text {
    width: 60%;
    padding: 1% 3% 6% 13%;
    font-size: 1vw;
    z-index: 1;
    margin-top: -2vw;
}
.cti-idea .history_development_five .text p:first-child {
    font-size: 2.6vw;
    font-weight: 700;
}
.cti-idea .history_development_five .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-idea .history_development_five .time {
    width: 50%;
}
.cti-idea .history_development_five .time p {
    font-size: 7vw;
    color: #ccc;
    font-style: italic;
}
@media screen and (max-width: 750px) {
    .cti-idea .history_development_five .time,
    .cti-idea .history_development_four .time,
    .cti-idea .history_development_one .time,
    .cti-idea .history_development_six .time,
    .cti-idea .history_development_three .time,
    .cti-idea .history_development_two .time {
        width: 80%;
        visibility: hidden;
        margin: auto;
    }
    .cti-idea .history_development_five,
    .cti-idea .history_development_four,
    .cti-idea .history_development_one,
    .cti-idea .history_development_six,
    .cti-idea .history_development_three,
    .cti-idea .history_development_two {
        margin-top: 24%;
        overflow: hidden;
        display: block;
        flex-direction: column-reverse;
    }
    .cti-idea .history_design_img img,
    .cti-idea .history_development_five .text p:first-child,
    .cti-idea .history_development_one .text p:first-child,
    .cti-idea .history_development_six .text p:first-child,
    .cti-idea .history_development_two .text p:first-child {
        font-size: 4.5vw;
        text-align: left;
        line-height: 1.6;
    }
    .cti-idea .history_development_five .text p:nth-child(2),
    .cti-idea .history_development_four .text p:nth-child(2),
    .cti-idea .history_development_one .text p:nth-child(2),
    .cti-idea .history_development_six .text p:nth-child(2),
    .cti-idea .history_development_three .text p:nth-child(2),
    .cti-idea .history_development_two .text p:nth-child(2),
    .cti-idea .history_family {
        line-height: 1.6;
        font-size: 2.6vw;
    }
    .cti-idea .history_development_five .text,
    .cti-idea .history_development_four .text,
    .cti-idea .history_development_one .text,
    .cti-idea .history_development_six .text,
    .cti-idea .history_development_three .text,
    .cti-idea .history_development_two .text {
        width: 100%;
        padding: 3%;
        font-size: 5vw;
        margin-top: -7vw;
    }
    .cti-idea .history_development_five .img,
    .cti-idea .history_development_four .img,
    .cti-idea .history_development_one .img,
    .cti-idea .history_development_six .img,
    .cti-idea .history_development_three .img,
    .cti-idea .history_development_two .img,
    .cti-idea .history_old .img {
        width: 100%;
        display: block;
        position: inherit;
        top: -7vw;
    }
}
.cti-index .banner-tit {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.875vw;
    display: none;
}
.cti-index .banner {
    position: relative;
    width: 100%;
}
.cti-index .banner .car-img {
    width: 100%;
}
.cti-index .banner .d-pcShow {
    display: block;
}
.cti-index .banner .txt_btn {
    position: absolute;
    top: 47.5% !important;
    left: 12.35%;
    width: 30%;
}
.cti-index .banner .txt-wrap {
    position: absolute;
    top: 25.5%;
    left: 12.35%;
    font-weight: bolder;
}
.cti-index .banner .txt-wrap p:first-child {
    font-size: 2.85vw;
    margin-bottom: 1vw;
}
.cti-index .banner .txt-wrap p:nth-child(2) {
    font-size: 1.4vw;
    margin-bottom: 4%;
}
.cti-index .banner .txt-wrap a {
    padding: 0.8em 2em;
    color: #fff;
    background-color: #2f3944;
    box-sizing: border-box;
    font-size: 0.8vw;
}
.cti-index .banner .txt-wrap a:hover {
    background-color: #000;
}
.cti-index .left-car,
.cti-index .right-car {
    display: none;
}
.cti-index .left-car {
    position: absolute;
    width: 39.1666%;
    left: 5.85%;
    top: 52.3%;
}
.cti-index .right-car {
    position: absolute;
    width: 52%;
    left: 46.85%;
    top: 47.8%;
}
.cti-index .right-car-liu {
    width: 58vw;
}
.cti-index .right-car-liu .car-img {
    width: 45.3vw;
}
.cti-index .right-car-liu .car-img-yy {
    position: absolute;
    width: 58vw;
    left: -26.5%;
    top: 73%;
}
.cti-index .right-light {
    width: 45.8%;
    left: 46.7%;
    top: 47.4%;
    opacity: 0.5;
}
.cti-index .left-light,
.cti-index .right-light {
    animation: streamer 1.3s 1s linear infinite;
}
.cti-index .right-light-liu {
    top: 46.55% !important;
}
.cti-index .swiper-button-next,
.cti-index .swiper-button-prev {
    color: #9e9e9e !important;
}
.cti-index .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
    transform: scale(1);
    height: 5px;
}
.cti-index .swiper-pagination-bullet {
    width: 35px;
    height: 3px;
    border-radius: 3px;
    background-color: #9e9e9e;
    transition: height 0.3s;
    opacity: 0.5;
}
.cti-index .swiper-pagination-bullet-active {
    opacity: 1;
}
.cti-index .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 5%;
}
.cti-index .cartype {
    text-align: center;
    font-size: 1vw;
    margin: 5% 0 13%;
}
.cti-index .cartype h2 {
    font-size: 1.77vw;
    font-weight: bolder;
    letter-spacing: 0.2em;
}
.cti-index .cartype .cartype-car,
.cti-index .cartype .cartype-name {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.cti-index .cartype .cartype-car li,
.cti-index .cartype .cartype-name li {
    margin: 3% 3% 0;
    position: relative;
    cursor: pointer;
}
.cti-index .cartype .cartype-car li.act,
.cti-index .cartype .cartype-name li.act {
    font-weight: 700;
    pointer-events: none;
}
.cti-index .cartype .cartype-car li.act span,
.cti-index .cartype .cartype-name li.act span {
    font-weight: 700;
}
.cti-index .cartype .cartype-car li.act:after,
.cti-index .cartype .cartype-name li.act:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #000;
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
}
.cti-index .cartype .cartype-car li .img,
.cti-index .cartype .cartype-name li .img {
    width: 15.98958vw;
}
.cti-index .cartype .cartype-car li p,
.cti-index .cartype .cartype-name li p {
    margin-top: 15%;
}
.cti-index .cartype .cartype-car-group {
    position: relative;
}
.cti-index .cartype .cartype-car-group .cartype-car {
    position: absolute;
    width: 100%;
    pointer-events: none;
}
.cti-index .cartype .cartype-car-group .cartype-car li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cti-index .cartype .cartype-car-group .cartype-car li.act:after {
    display: none;
}
.cti-index .cartype .cartype-car-group .cartype-car li.act span {
    border-bottom: 1px solid #000;
}
.cti-index .cartype .cartype-car-group.d-enter .cartype-car .d-center-right p {
    transition-delay: 1s;
    transition-duration: 1s;
    opacity: 0;
}
.cti-index .cartype .cartype-car-group.d-enter .cartype-car.act {
    pointer-events: auto;
}
.cti-index .cartype .cartype-car-group.d-enter .cartype-car.act .d-center-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.cti-index .cartype .cartype-car-group.d-enter .cartype-car.act .d-center-right p {
    opacity: 1;
}
.cti-index .changing-over {
    /* margin-bottom: 5%; */
    overflow: hidden;
    position: relative;
}

.cti-index .changing-over .d-rela img{
    object-fit: cover;
    height: 485px;
}
.cti-index .changing-over .car-group {
    width: 58.8%;
    position: absolute;
    top: 25%;
    right: 2%;
    height: 100%;
}
.cti-index .changing-over .car-group .car-item {
    opacity: 0;
    pointer-events: none;
}
.cti-index .changing-over .car-group .car-item.act {
    opacity: 1;
    pointer-events: auto;
}
.cti-index .changing-over .car-group .car-item img.act {
    pointer-events: none;
}
.cti-index .changing-over .changing_left {
    width: 27px;
    height: 44px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1vw;
    margin: auto;
    cursor: pointer;
}
.cti-index .changing-over .changing_left img {
    width: 100%;
}
.cti-index .changing-over .changing_right {
    width: 27px;
    height: 44px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1vw;
    margin: auto;
    cursor: pointer;
}
.cti-index .changing-over .changing_right img {
    width: 100%;
}
.cti-index .changing-over .car-item-wrap {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.cti-index .changing-over .car-item-wrap .d-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    object-fit: contain;
    transition: all 1s;
}
.cti-index .changing-over .car-item-wrap .d-img.act {
    opacity: 1;
}
.cti-index .changing-over .describe-group {
    position: absolute;
    top: 25%;
    left: 9.5%;
}
.cti-index .changing-over .describe {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 1s;
    white-space: nowrap;
}
.cti-index .changing-over .describe.act {
    opacity: 1;
}
.cti-index .changing-over .describe h3 {
    font-size: 1.24vw;
}
.cti-index .changing-over .describe h2 {
    font-size: 5.2vw;
    font-weight: bolder;
    margin: 3% 0 12%;
    text-indent: -0.08em;
}
.cti-index .changing-over .describe a {
    display: block;
    padding: 1.5em 6em;
    text-align: center;
    font-size: 0.9vw;
    background: #333;
    color: #fff;
    transition: all 0.3s;
}
.cti-index .changing-over .describe a:hover {
    background-color: #000;
}
.cti-index .changing-over .color-btn-group {
    margin: 2% 0 0 9%;
    width: 85%;
    position: relative;
    z-index: 1;
    font-size: 1vw;
    height: calc(3.75vw + 6px + 4em);
    color: #333;
}
.cti-index .changing-over .color-btn-group .color-btn {
    display: flex;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
}
.cti-index .changing-over .color-btn-group .color-btn.act {
    opacity: 1;
    pointer-events: auto;
}
.cti-index .changing-over .color-btn-group li {
    margin: 0 0.2em;
    cursor: pointer;
}
.cti-index .changing-over .color-btn-group li.act p {
    display: block;
    height: 1.7em;
}
.cti-index .changing-over .color-btn-group li.act.blue img {
    border-color: #2b3692;
}
.cti-index .changing-over .color-btn-group li.act.black img {
    border-color: #000;
}
.cti-index .changing-over .color-btn-group li.act.golden img {
    border-color: #a09383;
}
.cti-index .changing-over .color-btn-group li.act.silvery img {
    border-color: #6e7986;
}
.cti-index .changing-over .color-btn-group li.act.brown img {
    border-color: #281c1c;
}
.cti-index .changing-over .color-btn-group li.act.purple img {
    border-color: #694c7a;
}
.cti-index .changing-over .color-btn-group li.act.golden_purple img {
    border-color: #9b88a4;
}
.cti-index .changing-over .color-btn-group li.act.bown img {
    border-color: #52342a;
}
.cti-index .changing-over .color-btn-group li.act.white img {
    border-color: #f6f7f2;
}
.cti-index .changing-over .color-btn-group img {
    border: 3px solid transparent;
    width: 3.75vw;
    height: 3.75vw;
    margin-bottom: 0.5em;
}
.cti-index .changing-over .color-btn-group p {
    position: relative;
    display: none;
}
.cti-index .changing-over .color-btn-group p span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-style: italic;
}
.cti-index .changing-over .section-arrow {
    position: absolute;
    top: 50%;
    width: 27px;
    cursor: pointer;
    z-index: 399;
}
.cti-index .changing-over .section-arrow.prev {
    left: 10px;
}
.cti-index .changing-over .section-arrow.next {
    right: 10px;
}
.cti-index .map-wrap {
    overflow: hidden;
}
.cti-index .map-wrap .map {
    position: relative;
}
.cti-index .map-wrap .map .map-img-group {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}
.cti-index .map-wrap .map .map-img-group .d-img {
    display: block;
}
.cti-index .map-wrap .map .map-img-group .map-img-item {
    position: absolute;
    opacity: 0;
    transform: translateX(100%);
    transition: all 1s;
    pointer-events: none;
    width: 100%;
    left: 0;
}
.cti-index .map-wrap .map .map-img-group .map-img-item.act {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}
.cti-index .map-wrap .map .wrap-uae {
    position: absolute;
    top: 53%;
    right: 40%;
}
.cti-index .map-wrap .map .wrap-kuwait {
    position: absolute;
    top: 40%;
    right: 48%;
}
.cti-index .map-wrap .map .wrap-qatar {
    position: absolute;
    top: 49%;
    right: 43.8%;
}
.cti-index .map-wrap .map .wrap-jordan {
    position: absolute;
    top: 35.3%;
    right: 61.3%;
}
.cti-index .map-wrap .map .warp-myanmar {
    position: absolute;
    top: 43.3%;
    right: 28%;
}
.cti-index .map-wrap .map .wrap-cambodia {
    position: absolute;
    top: 71%;
    right: 12.5%;
}
.cti-index .map-wrap .map .wrap-azerbaijan {
    position: absolute;
    top: 30.5%;
    right: 32.7%;
}
.cti-index .map-wrap .map .wrap-french {
    position: absolute;
    top: 40.5%;
    right: 37.7%;
}
.cti-index .map-wrap .map .wrap-china {
    position: absolute;
    top: 82.5%;
    right: 7.5%;
}
.cti-index .map-wrap .map .wrap-senegal {
    position: absolute;
    top: 51.5%;
    right: 45%;
}
.cti-index .map-wrap .map .point-wrap {
    font-size: 1vw;
}
.cti-index .map-wrap .map .point-wrap .wave,
.cti-index .map-wrap .map .point-wrap .wave::after,
.cti-index .map-wrap .map .point-wrap .wave::before {
    width: 1em;
    height: 1em;
}
.cti-index .map-wrap .map .point-wrap .txt-wrap {
    position: absolute;
    top: -6em;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 1em;
    padding: 2em;
    opacity: 0;
    transform: translateX(-50%);
    transition: all 0.3s;
}
.cti-index .map-wrap .map .point-wrap:hover .txt-wrap {
    opacity: 1;
}
.cti-index .map-wrap .country-wrap {
    position: absolute;
    top: 0;
    left: 10%;
    width: 19vw;
    text-align: center;
    z-index: 3;
}
.cti-index .map-wrap .country-wrap h2 {
    font-size: 1.82vw;
    margin: 25% 0 30%;
    text-align: left;
    font-weight: bolder;
}
.cti-index .map-wrap .country-wrap dl dt {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 1.59vw;
}
.cti-index .map-wrap .country-wrap dl dt::before,
.cti-index .map-wrap .country-wrap dl dt:after {
    display: block;
    content: "";
    border-top: 2px dashed #000;
    width: 50%;
    height: 0;
}
.cti-index .map-wrap .country-wrap dl dt span {
    margin: 0 5%;
}
.cti-index .map-wrap .country-wrap dl dt .point {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    position: absolute;
    left: -17px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #000;
}
.cti-index .map-wrap .country-wrap dl dd ul {
    padding: 18% 0;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 27vw;
    direction: rtl;
    margin-left: -12px;
    font-size: 1.157vw;
}
.cti-index .map-wrap .country-wrap dl dd ul::-webkit-scrollbar {
    width: 2px;
    height: 1px;
    position: absolute;
    left: 0;
}
.cti-index .map-wrap .country-wrap dl dd ul::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: #333;
}
.cti-index .map-wrap .country-wrap dl dd ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 1px;
    background-color: rgba(0, 0, 0, 0.4);
}
.cti-index .map-wrap .country-wrap dl dd ul li {
    margin: 6% 0;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s;
}
.cti-index .map-wrap .country-wrap dl dd ul li span {
    transition: all 0.3s;
}
.cti-index .map-wrap .country-wrap dl dd ul li.act,
.cti-index .map-wrap .country-wrap dl dd ul li:hover {
    color: #0056a7;
    transform: scale(1.05);
}
.cti-index .map-wrap .country-wrap dl dd ul li.act span,
.cti-index .map-wrap .country-wrap dl dd ul li:hover span {
    display: block;
}
.cti-index .map-wrap .country-wrap dl dd ul li.act {
    pointer-events: none;
}
.cti-index .hongqi-ideal {
    background-color: #f3f3f3;
    padding: 1% 0 5%;
    overflow: hidden;
}
.cti-index .hongqi-ideal .icon-logo1 {
    width: 5.26vw;
}
.cti-index .hongqi-ideal .icon-logo2 {
    width: 5.7vw;
}
.cti-index .hongqi-ideal .icon-logo3 {
    width: 4.5vw;
}
.cti-index .hongqi-ideal .icon-logo4 {
    width: 3.95vw;
}
.cti-index .hongqi-ideal .icon-logo5 {
    width: 3.54vw;
}
.cti-index .hongqi-ideal .img-wrap {
    margin-right: 4%;
    display: none;
}
.cti-index .hongqi-ideal .txt-wrap {
    letter-spacing: 0.2em;
    text-align: center;
}
.cti-index .hongqi-ideal .learn-more {
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
}
.cti-index .news-information {
    padding: 1% 0 0;
    font-size: 1vw;
    overflow: hidden;
}
.cti-index .news-information .column-footer {
    border-top: 1px solid #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8vw;
    padding: 5% 0;
}
.cti-index .news-information .column-content {
    justify-content: flex-start;
}
.cti-index .news-information .col3 {
    margin-right: 1.6%;
}
.cti-index .news-information .col3:nth-of-type(3n) {
    margin-right: 0;
}
.cti-index .hongqi-topics {
    margin-top: -1.5%;
    overflow: hidden;
    padding-bottom: 1%;
}
.cti-index .hongqi-topics .column-item {
    transition: all 0.25s ease-in;
}
.cti-index .hongqi-topics .column-item:hover {
    box-shadow: 0 0 1em 0 rgba(51, 51, 51, 0.2);
    transform: translateY(-1%);
}
.cti-index .hongqi-topics .column-item .right-top {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: #f3f3f3;
    padding: 4%;
    margin: 0;
}
.cti-index .hongqi-topics .topics-cloumn {
    font-size: 1vw;
}
.cti-index .hongqi-topics .topics-cloumn .col2 {
    overflow: initial;
}
.cti-index .hongqi-topics .topics-cloumn .col3.d-ani {
    overflow: visible;
}
.cti-index .hongqi-topics .topics-cloumn .avatar-wrap {
    width: 4vw;
    height: 4vw;
    overflow: hidden;
    border-radius: 100%;
}
.cti-index .hongqi-topics .topics-cloumn .details-wrap {
    width: calc(100% - 4vw - 2%);
    line-height: 2;
}
.cti-index .hongqi-topics .topics-cloumn .details-wrap a,
.cti-index .hongqi-topics .topics-cloumn .details-wrap div {
    font-weight: inherit;
    font-size: inherit;
}
.cti-index .hongqi-topics .topics-cloumn .details-wrap .title {
    font-size: 1.3vw;
    font-weight: 700;
}
.cti-index .hongqi-topics .topics-cloumn .details-wrap .title a {
    color: #1da1f2;
}
.cti-index .hongqi-topics .topics-cloumn .details-wrap .txt-uppercase:hover {
    color: #000;
}
.cti-index .hongqi-topics .topics-cloumn .details-wrap .date {
    font-size: 0.9vw;
    margin: 3% 0;
    color: #667785;
}
.cti-index .hongqi-topics .topics-cloumn .footer {
    color: #bec1c3;
    display: flex;
    align-items: center;
    padding: 0 0 4%;
    margin-top: 3%;
    font-weight: 400;
}
.cti-index .hongqi-topics .topics-cloumn .footer a:first-child {
    margin-left: 3%;
    margin-right: 4.5%;
}
.cti-index .hongqi-topics .topics-cloumn .footer a {
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cti-index .hongqi-topics .topics-cloumn .footer a .iconfont {
    font-size: 1.5vw;
    transition: all 0.3s;
}
.cti-index .hongqi-topics .topics-cloumn .footer a .iconfont img {
    width: 1.5vw;
}
.cti-index .hongqi-topics .topics-cloumn .footer a .icondianzan {
    animation: scaleDraw 5s ease-in-out infinite;
    -webkit-animation: scaleDraw 5s ease-in-out infinite;
    margin-right: 0.2em;
}
.cti-index .hongqi-topics .topics-cloumn .footer a .icondianzan1 {
    color: #d81e06;
    pointer-events: none;
}
.cti-index .hongqi-topics .topics-cloumn .footer a .iconhuifu:hover::before,
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data div .iconhuifu:hover::before {
    color: #333;
}
.cti-index .hongqi-topics .topics-cloumn .footer a .iconhuifu {
    margin-right: 0.2em;
}
.cti-index .hongqi-topics .topics-cloumn .footer .comment {
    margin-right: 0.8em;
}
.cti-index .hongqi-topics .topics-cloumn .details_img {
    overflow: hidden;
}
.cti-index .hongqi-topics .topics-cloumn .details_img img {
    width: 100%;
}
.cti-index #map-wrap {
    width: 100%;
    height: calc(100vw / (1920 / 1080));
    position: relative;
}
.cti-index #map-wrap select{
    color: red !important;
}
@keyframes streamer {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    }
    25% {
        clip-path: polygon(25% 0, 35% 0, 30% 100%, 20% 100%);
    }
    50% {
        clip-path: polygon(50% 0, 70% 0, 60% 100%, 40% 100%);
    }
    75% {
        clip-path: polygon(75% 0, 105% 0, 90% 100%, 60% 100%);
    }
    100% {
        clip-path: polygon(105% 0, 130% 0, 120% 100%, 100% 100%);
    }
}
@media screen and (max-width: 768px) {
    .cti-index #map-wrap {
        height: calc(100vw / (750 / 800));
        overflow: hidden;
    }
}
@media screen and (max-width: 750px) {
    .cti-index .banner .d-pcShow,
    .cti-index .banner-tit,
    .cti-index .swiper-button-next,
    .cti-index .swiper-button-prev {
        display: none;
    }
    .cti-index .banner-tit {
        width: 80%;
        left: 10%;
        font-size: 8vw;
    }
    .cti-index .banner {
        height: 45vh;
        overflow: hidden;
    }
    .cti-index .banner .swiper-container {
        position: absolute;
        width: 100%;
        top: 18%;
        left: 0;
        /* transform: translateY(-50%); */
        height: 100%;
    }
    .cti-index .banner .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: calc((100% - 100vh) / 2 + 5%);
    }
    .cti-index .banner .swiper-container .d-img{
        height: 100%;
        object-fit: contain;
    }
    .cti-index .banner .d-wapShow {
        display: block;
    }
    .cti-index .banner .txt-wrap {
        left: 10%;
        top: 66% !important;
        width: 90%;
    }
    .cti-index .banner .txt-wrap p {
        font-weight: 700;
    }
    .cti-index .banner .txt-wrap p:first-child {
        font-size: 6vw;
        margin-bottom: 0.5em;
    }
    .cti-index .banner .txt-wrap p:nth-child(2) {
        font-size: 5vw;
        margin: 0.5em 0;
    }
    .cti-index .banner .txt-wrap a {
        font-size: 3vw;
        display: inline-block;
    }
    .cti-index .swiper-slide {
        overflow: hidden;
    }
    .cti-index .swiper-slide .right-car-liu {
        width: 80%;
        left: 10%;
    }
    .cti-index .swiper-slide .right-car-liu .car-img {
        width: 100%;
    }
    .cti-index .swiper-slide .right-car-liu .car-img-yy {
        position: absolute;
        width: 126.5%;
        left: -32.9%;
        top: 74%;
    }
    .cti-index .swiper-slide .right-light-liu {
        width: 80%;
        left: 10%;
        top: 51.5% !important;
    }
    .cti-index .banner.act .left-car,
    .cti-index .banner.act .right-car {
        transform: initial;
    }
    .cti-index .cartype {
        text-align: center;
        font-size: 4vw;
        margin: 15% 0 40%;
    }
    .cti-index .cartype h2 {
        font-size: 6.4vw;
        width: 70%;
        margin: 0 auto;
        font-weight: 700;
    }
    .cti-index .cartype .cartype-name {
        margin: 4% 0 calc(4% + 1em);
    }
    .cti-index .cartype .cartype-name li.act span {
        font-weight: 700;
    }
    .cti-index .cartype .cartype-name li.act:after {
        border-left-width: 0.4em;
        border-right-width: 0.4em;
        border-top-width: 0.5em;
    }
    .cti-index .cartype .cartype-car li .img {
        width: 22vw;
    }
    .cti-index .changing-over {
        margin-bottom: 5%;
        height: 450px;
    }
    .cti-index .changing-over .d-rela img{
        height: unset;
    }
    .cti-index .changing-over .car-wrap {
        width: 100%;
        top: 68%;
        right: 0;
    }
    .cti-index .changing-over .describe-group {
        top: 17%;
        top: 9%;
    }
    .cti-index .changing-over .describe h3 {
        font-size: 4vw;
    }
    .cti-index .changing-over .describe h2 {
        font-size: 13.33vw;
        margin: 0 0 6%;
    }
    .cti-index .changing-over .describe a {
        padding: 0.6em 1.5em;
        font-size: 3.2vw;
    }
    .cti-index .changing-over .color-btn-group {
        margin: 3% auto 0;
        height: 8vw;
        height: calc(8vw + 6px + 4em);
        top: 40%;
    }
    .cti-index .changing-over .color-btn-group .color-btn {
        justify-content: center;
        width: 100%;
    }
    .cti-index .changing-over .color-btn-group li {
        margin: 0 1em;
    }
    .cti-index .changing-over .color-btn-group img {
        border-width: 2px;
        width: 8vw;
        height: 8vw;
        margin-bottom: 0.5em;
    }
    .cti-index .changing-over .color-btn-group p span {
        font-size: 3.2vw;
    }
    .cti-index .hongqi-ideal .icon-logo1 {
        width: 14.1333vw;
    }
    .cti-index .hongqi-ideal .icon-logo2 {
        width: 10.364vw;
    }
    .cti-index .hongqi-ideal .icon-logo3 {
        width: 12.5vw;
    }
    .cti-index .hongqi-ideal .icon-logo4 {
        width: 10.4vw;
    }
    .cti-index .hongqi-ideal .icon-logo5 {
        width: 8.933vw;
    }
    .cti-index .hongqi-ideal .img-wrap {
        margin-right: 2%;
    }
    .cti-index .hongqi-ideal .learn-more {
        position: absolute;
        bottom: 8%;
        left: 50%;
        transform: translateX(-50%);
        box-sizing: border-box;
    }
    .cti-index .column-content .column-item:hover {
        box-shadow: none;
        transform: initial;
    }
    .cti-index .column-content .column-item:last-child {
        margin-bottom: 0;
    }
    .cti-index .column-content .column-item:last-child .column-footer {
        padding-bottom: 0;
    }
    .cti-index .news-information {
        font-size: 3.2vw;
    }
    .cti-index .news-information .column-footer {
        font-size: 1em;
    }
    .cti-index .hongqi-topics .topics-cloumn {
        font-size: 3.2vw;
    }
    .cti-index .hongqi-topics .topics-cloumn .details-wrap {
        width: 100%;
    }
    .cti-index .hongqi-topics .topics-cloumn .details-wrap .source {
        margin-bottom: 5%;
    }
    .cti-index .hongqi-topics .topics-cloumn .details-wrap .source .avatar {
        width: 10vw;
        margin-right: 4%;
        height: 10vw;
        border-radius: 100%;
    }
    .cti-index .hongqi-topics .topics-cloumn .details-wrap .two-lines {
        min-height: 0;
        height: 2em;
    }
    .cti-index .hongqi-topics .topics-cloumn .details-wrap .title {
        font-size: 4vw;
        margin: 1% 0 5%;
    }
    .cti-index .hongqi-topics .topics-cloumn .details-wrap .date {
        font-size: 3.2vw;
    }
    .cti-index .hongqi-topics .topics-cloumn .footer {
        color: #9fa1a3;
    }
    .cti-index .hongqi-topics .topics-cloumn .footer a .iconfont {
        font-size: 5vw;
    }
    .cti-index .hongqi-topics .topics-cloumn .footer span {
        margin-right: 2%;
        font-size: 3.2vw;
    }
    .cti-index .map-wrap {
        margin-bottom: 2%;
        display: flex;
        flex-direction: column-reverse;
    }
    .cti-index .map-wrap .map .point-wrap .txt-wrap {
        padding: 1em;
        right: 0;
        transform: translateX(0);
    }
    .cti-index .map-wrap .country-wrap {
        position: initial;
        width: 100%;
    }
    .cti-index .map-wrap .country-wrap h2 {
        font-size: 6.48vw;
        font-weight: 700;
        margin: 10% 0;
        text-align: center;
    }
    .cti-index .map-wrap .country-wrap dl dt {
        font-size: 4vw;
        margin-bottom: 2em;
    }
    .cti-index .map-wrap .country-wrap dl dt span {
        font-weight: 700;
    }
    .cti-index .map-wrap .country-wrap dl dt .point,
    .cti-index .map-wrap .country-wrap dl dt::before,
    .cti-index .map-wrap .country-wrap dl dt:after {
        display: none;
    }
    .cti-index .map-wrap .country-wrap dl dd {
        background-color: #67addb;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .cti-index .map-wrap .country-wrap dl dd ul {
        padding: 0;
        height: auto;
        margin-left: 0;
        font-size: 3.2vw;
        display: flex;
        flex-wrap: nowrap;
        width: 80vw;
        direction: initial;
    }
    .cti-index .map-wrap .country-wrap dl dd ul::-webkit-scrollbar-track {
        box-shadow: none;
        background-color: transparent;
        border-radius: 0;
    }
    .cti-index .map-wrap .country-wrap dl dd ul::-webkit-scrollbar-thumb {
        border-radius: 0;
    }
    .cti-index .map-wrap .country-wrap dl dd ul::-webkit-scrollbar {
        width: 0;
    }
    .cti-index .map-wrap .country-wrap dl dd ul li {
        margin: 0;
        white-space: nowrap;
        flex: 0 0 30vw;
        padding: 2% 0;
    }
    .cti-index .map-wrap .country-wrap dl dd ul li.act {
        background-color: #d2e7f5;
        font-weight: 700;
    }
    .cti-index .map-wrap .country-wrap dl dd .arrow-left,
    .cti-index .map-wrap .country-wrap dl dd .arrow-right {
        width: 6.4vw;
    }
    .cti-index .map-wrap .country-wrap dl dd .arrow-left:after,
    .cti-index .map-wrap .country-wrap dl dd .arrow-right:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 0.5em solid transparent;
    }
    .cti-index .map-wrap .country-wrap dl dd .arrow-right:after {
        border-left-color: #000;
    }
    .cti-index .map-wrap .country-wrap dl dd .arrow-left:after {
        float: right;
        border-right-color: #000;
    }
    .cti-index .changing-over .car-group {
        position: relative;
        width: 100%;
        margin-top: -42%;
    }
    .cti-index .news-information .col3 {
        margin-right: 0;
    }
    .cti-index .left-car,
    .cti-index .left-light,
    .cti-index .right-car,
    .cti-index .right-light {
        position: absolute;
        top: 52%;
        left: -13.86vw;
        width: 111.86vw;
        right: auto;
        transform: scale(0);
        transition: all 3s;
    }
    .cti-index .left-car,
    .cti-index .left-light {
        transition-delay: 1s;
    }
    .cti-index .left-light,
    .cti-index .right-light {
        opacity: 0.5;
    }
    .cti-index .banner.act .left-car,
    .cti-index .banner.act .left-light,
    .cti-index .banner.act .right-car,
    .cti-index .banner.act .right-light {
        transform: scale(1);
    }
}
.cti-information {
    font-size: 1vw;
}
.cti-information .dataEnd {
    margin-top: 5%;
}
.cti-information .information-kv,
.cti-information .information-kv img {
    width: 100%;
}
.cti-information .information-text {
    width: 100%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 40px;
    box-sizing: border-box;
    font-size: 1.8vw;
}
.cti-information .vehicles-events {
    width: 93%;
    margin: 0 auto;
}
.cti-information .vehicles-events ::-webkit-scrollbar {
    display: none;
}
.cti-information .vehicles-events .events-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-bottom: 10px;
    /* -ms-overflow-style: none;
    scrollbar-width: none; */
    /* overflow: hidden; */
}
.cti-information .vehicles-events .events-row .item {
    width: 31.9%;
    /* overflow: hidden; */
    /* box-sizing: border-box; */
    margin-bottom: 20px;
}

.cti-information .vehicles-events .events-row .item > a{
    display: block;
}
.cti-information .vehicles-events .events-row div .events-img{
    height: 350px;
}
.cti-information .vehicles-events .events-row div .events-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cti-information .vehicles-events .events-row div .img-text {
    width: 100%;
    text-align: center;
    font-size: 1vw;
    line-height: 2;
    box-sizing: border-box;
    margin: 3%;
    font-weight: 700;
}
.cti-information .vehicles-events .events-row div .events-con {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 7%;
    padding-bottom: 4.5%;
    border-top: 2px solid #000;
    box-sizing: border-box;
}
.cti-information .vehicles-events .events-row div .events-con .events-date {
    flex: 1;
    padding-left: 0;
    box-sizing: border-box;
    font-size: 0.8vw;
    font-weight: 700;
}
.cti-information .vehicles-events .events-row div .events-con .events-btn {
    margin-right: 0;
    flex: 1;
    text-align: right;
}
/* .cti-information .vehicles-events .events-row div:first-child,
.cti-information .vehicles-events .events-row div:nth-child(2) {
    margin-right: 15px;
} */
.cti-information .vehicles-events .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    overflow: inherit;
}
.cti-information .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 4%;
    overflow: inherit;
}
.cti-information .brand-text {
    width: 100%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 40px;
    box-sizing: border-box;
    font-size: 1.8vw;
}
.cti-information .brand-events {
    width: 93%;
    margin: 0 auto;
}
.cti-information .brand-events .brand-con {
    width: 100%;
    background: #e3e3e3;
    display: flex;
    margin-bottom: 1vw;
    cursor: pointer;
}
.cti-information .brand-events .brand-con .left-img {
    width: 38%;
}
.cti-information .brand-events .brand-con .left-img img {
    width: 100%;
}
.cti-information .brand-events .brand-con .text-right {
    flex: 1;
    padding: 1.8%;
    box-sizing: border-box;
    line-height: 1.5;
}
.cti-information .brand-events .brand-con .text-right .title {
    font-size: 1.5vw;
}
.cti-information .brand-events .brand-con .text-right p {
    font-size: 1.3vw;
}
.cti-information .brand-events .brand-con .text-right .derction {
    margin-top: 2%;
    min-height: 7vw;
}
.cti-information .brand-events .brand-con .text-right .text-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1vw;
    margin-top: 6vw;
}
.cti-information .brand-events .brand-con .text-right .text-bottom .button a {
    padding: 1em 2em;
}
.cti-information .brand-events .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 4%;
    overflow: inherit;
}
.cti-information .enterprise-text,
.cti-information .topics-text {
    width: 100%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 40px;
    box-sizing: border-box;
    font-size: 1.8vw;
}
.cti-information .hongqi-topics {
    width: 93%;
    margin: auto;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left {
    width: 32.2%;
    background-color: #f3f3f3;
    margin-right: 0;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left:hover {
    box-shadow: 0 0 1em 0 rgba(51, 51, 51, 0.2);
    transform: translateY(-2%);
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top {
    width: 100%;
    padding: 3%;
    display: flex;
    box-sizing: border-box;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .header-img {
    width: 4vw;
    height: 4vw;
    border-radius: 100%;
    overflow: hidden;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .header-img img {
    width: 100%;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con {
    margin-left: 20px;
    width: calc(100% - 4vw);
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .header {
    display: none;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con p {
    line-height: 2;
    font-weight: 700;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .txt-uppercase {
    margin-top: 8px;
    font-weight: 700;
    font-size: 1.3vw;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .txt-uppercase span {
    color: #1da1f2;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .txt-uppercase:hover {
    color: #9b0b37;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .left-date {
    color: #667785;
    margin: 0 0 3%;
    font-size: 0.9vw;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data {
    width: 100%;
    border-top: 1px solid #e5e8eb;
    display: flex;
    padding-top: 2%;
    padding-bottom: 2%;
    box-sizing: border-box;
    align-items: center;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data div .iconfont {
    font-size: 1.5vw;
    cursor: pointer;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data div .iconfont img {
    width: 1.5vw;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data div span {
    color: #9da0a2;
    margin-left: 5px;
    font-size: 1vw;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data div .icondianzan {
    -webkit-animation: scaleDraw 5s ease-in-out infinite;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data div .icondianzan1 {
    color: #d81e06;
    pointer-events: none;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data .topics-data-left {
    margin-right: 2.5%;
    margin-left: 3%;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-img img {
    width: 100%;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right {
    width: 32.2%;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right:hover {
    box-shadow: 0 0 1em 0 rgba(51, 51, 51, 0.2);
    transform: translateY(-2%);
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top {
    padding: 3% 3% 3% 1.5%;
    box-sizing: border-box;
    background-color: #f3f3f3;
    display: flex;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .header-img {
    width: 4vw;
    height: 4vw;
    border-radius: 100%;
    overflow: hidden;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .header-img img {
    width: 100%;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con {
    margin-left: 20px;
    width: calc(100% - 4vw);
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .header {
    display: none;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con p {
    line-height: 2;
    font-weight: 700;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .txt-uppercase {
    margin-top: 8px;
    font-weight: 700;
    font-size: 1.3vw;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .txt-uppercase span {
    color: #1da1f2;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .txt-uppercase:hover,
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .fabulous span.icondianzan1 {
    color: #9b0b37;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .left-date {
    color: #667785;
    margin: 0 0 3%;
    font-size: 0.9vw;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data {
    width: 100%;
    background: #f3f3f3;
    display: flex;
    padding-top: 2%;
    padding-bottom: 2%;
    box-sizing: border-box;
    align-items: center;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data div .iconfont {
    font-size: 1.5vw;
    cursor: pointer;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data div .iconfont img {
    width: 1.5vw;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data div .icondianzan {
    -webkit-animation: scaleDraw 5s ease-in-out infinite;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data div span {
    color: #9da0a2;
    margin-left: 5px;
    font-size: 1vw;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data div .icondianzan1 {
    color: #d81e06;
    pointer-events: none;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data div .iconhuifu:hover::before {
    color: #333;
}
@keyframes scaleDraw {
    0%,
    50% {
        transform: scale(1);
    }
    25%,
    75% {
        transform: scale(1.3);
    }
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data .topics-data-left {
    margin-right: 2.5%;
    margin-left: 3%;
}
.cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .left-img img {
    width: 100%;
}
.cti-information .hongqi-topics .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 4%;
    overflow: inherit;
}
@media screen and (max-width: 750px) {
    .cti-information .information-kv,
    .cti-information .information-kv img {
        width: 100%;
    }
    .cti-information .information-text {
        width: 100%;
        text-align: center;
        padding-top: 6%;
        padding-bottom: 3%;
        box-sizing: border-box;
        font-size: 6vw;
        font-weight: 700;
    }
    .cti-information .vehicles-events {
        width: 93%;
        margin: 0 auto;
        font-size: 3.2vw;
    }
    .cti-information .vehicles-events .events-row {
        width: 100%;
        display: block;
        margin-top: 10px;
    }
    .cti-information .vehicles-events .events-row .item {
        font-size: 1em;
        width: 100%;
    }
    .cti-information .vehicles-events .events-row div {
        width: 100%;
        margin-bottom: 3%;
    }
    .cti-information .vehicles-events .events-row div .events-img,
    .cti-information .vehicles-events .events-row div .events-img img {
        width: 100%;
    }
    .cti-information .vehicles-events .events-row div .img-text {
        width: 100%;
        text-align: center;
        font-size: 3vw;
        line-height: 2;
        box-sizing: border-box;
        margin: 2% 0;
        font-weight: 700;
    }
    .cti-information .vehicles-events .events-row div .events-con {
        width: 100%;
        display: flex;
        align-items: center;
        padding-top: 7%;
        padding-bottom: 3%;
        border-top: 2px solid #000;
    }
    .cti-information .vehicles-events .events-row div .events-con .events-date {
        flex: 1;
        padding-left: 0;
        box-sizing: border-box;
        font-size: 3.2vw;
        font-weight: 700;
    }
    .cti-information .vehicles-events .events-row div .events-con .events-btn {
        flex: 1;
        text-align: right;
        box-sizing: border-box;
    }
    .cti-information .vehicles-events .events-row div:first-child {
        margin-right: 15px;
    }
    .cti-information .vehicles-events .events-row div:nth-child(2) {
        margin-right: 0;
    }
    .cti-information .vehicles-events .loading {
        width: 100%;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 4%;
        overflow: inherit;
    }
    .cti-information .vehicles-events .loading a {
        font-size: 2vw;
    }
    .cti-information .vehicles-events .dataEnd,
    .cti-information .vehicles-events .dataEnd span {
        font-size: 3vw;
    }
    .cti-information .brand-text {
        width: 100%;
        text-align: center;
        padding-top: 2.5%;
        padding-bottom: 2%;
        box-sizing: border-box;
        font-size: 6vw;
        font-weight: 700;
    }
    .cti-information .brand-events {
        width: 93%;
        margin: 0 auto;
    }
    .cti-information .brand-events .brand-con {
        width: 100%;
        background: #e3e3e3;
        display: block;
        margin-bottom: 1vw;
        cursor: pointer;
    }
    .cti-information .brand-events .brand-con .left-img,
    .cti-information .brand-events .brand-con .left-img img {
        width: 100%;
    }
    .cti-information .brand-events .brand-con .text-right {
        width: 100%;
        padding: 3%;
        box-sizing: border-box;
        line-height: 1.5;
    }
    .cti-information .brand-events .brand-con .text-right .title {
        font-size: 1.5vw;
    }
    .cti-information .brand-events .brand-con .text-right p {
        font-size: 1.3vw;
    }
    .cti-information .brand-events .brand-con .text-right .derction {
        margin-top: 2%;
        min-height: 7vw;
    }
    .cti-information .brand-events .brand-con .text-right .text-bottom {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1vw;
        margin-top: 6vw;
    }
    .cti-information .enterprise-text,
    .cti-information .topics-text {
        width: 100%;
        text-align: center;
        font-size: 6vw;
        font-weight: 700;
        box-sizing: border-box;
    }
    .cti-information .brand-events .brand-con .text-right .text-bottom .button a {
        padding: 2em 3em;
    }
    .cti-information .brand-events .loading {
        width: 100%;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 4%;
        overflow: inherit;
    }
    .cti-information .enterprise-text {
        padding-top: 4.5%;
        padding-bottom: 3.5%;
    }
    .cti-information .topics-text {
        padding-top: 3.5%;
        padding-bottom: 2%;
    }
    .cti-information .hongqi-topics {
        width: 93%;
        margin: auto;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide {
        width: 100%;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row {
        width: 100%;
        display: block;
        justify-content: space-between;
        margin-top: 20px;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left {
        width: 100%;
        padding: 3% 3% 3% 1.5%;
        box-sizing: border-box;
        background-color: #f3f3f3;
        display: block;
        margin-right: 25px;
        margin-bottom: 5%;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .header-img {
        width: 8vw;
        height: 8vw;
        border-radius: 100%;
        object-fit: cover;
        margin-left: 5px;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .header-img img {
        width: 100%;
        border-radius: 100%;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con {
        margin-left: 10px;
        width: calc(100% - 4vw);
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .header {
        width: 8vw;
        height: 8vw;
        border-radius: 100%;
        margin-right: 10px;
        display: none;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .header img {
        width: 100%;
        border-radius: 100%;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .header-name {
        display: contents;
        margin-left: 15px;
        font-size: 3.5vw;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con p {
        line-height: 2;
        font-size: 4vw;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .txt-uppercase {
        margin-top: 8px;
        font-weight: 700;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .left-top .left-con .left-date {
        color: #667785;
        margin-top: 10px;
        font-size: 3.5vw !important;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data {
        width: 100%;
        border-top: 0 solid #e5e8eb;
        margin-top: 10px;
        display: flex;
        padding-top: 20px;
        box-sizing: border-box;
        align-items: center;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data div .iconfont {
        font-size: 4vw;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .left .topics-data div span {
        color: #9da0a2;
        margin-left: 5px;
        font-size: 3vw;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right {
        width: 100%;
        padding: 3% 3% 3% 1.5%;
        box-sizing: border-box;
        background-color: #f3f3f3;
        display: block;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .header-img {
        width: 8vw;
        height: 8vw;
        border-radius: 100%;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .header-img img {
        width: 100%;
        border-radius: 100%;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con {
        margin-left: 10px;
        width: calc(100% - 4vw);
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .header {
        width: 8vw;
        height: 8vw;
        border-radius: 100%;
        display: inline-block;
        margin-right: 10px;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .header img {
        width: 100%;
        border-radius: 100%;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .header-name {
        display: contents;
        margin-left: 15px;
        font-size: 3.5vw;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con p {
        line-height: 2;
        font-size: 4vw;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .txt-uppercase {
        margin-top: 8px;
        font-weight: 700;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .right-top .left-con .left-date {
        color: #667785;
        margin-top: 10px;
        font-size: 3.5vw !important;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data {
        width: 100%;
        border-top: 0 solid #e5e8eb;
        margin-top: 10px;
        display: flex;
        padding-top: 10px;
        box-sizing: border-box;
    }
    .cti-information .hongqi-topics .loading,
    .cti-information .loading {
        width: 100%;
        text-align: center;
        margin-top: 8%;
        margin-bottom: 4%;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data div .iconfont {
        font-size: 4vw;
    }
    .cti-information .hongqi-topics .swiper-container .swiper-wrapper .swiper-slide .topics-row .right .topics-data div span {
        color: #9da0a2;
        margin-left: 5px;
        font-size: 3vw;
    }
    .cti-information .hongqi-topics .loading .loading-btn {
        padding: 2em 4em;
        font-size: 2vw;
    }
    .cti-information .hongqi-topics .dataEnd,
    .cti-information .hongqi-topics .dataEnd span {
        font-size: 3vw;
    }
    .cti-information .loading .loading-btn {
        font-size: 3.2vw;
    }
}
.cti-leaving-msg {
    width: 100%;
    position: relative;
}
.cti-leaving-msg .yy-listContainer,
.cti-leaving-msg .yy-listContainer .swiper-container {
    background-color: #e8e8e8 !important;
}
.cti-leaving-msg .yy-listContainer .swiper-slide {
    opacity: 0.5;
    transform: scale(0.9);
}
.cti-leaving-msg .yy-listContainer .swiper-slide .leaving_zan {
    display: none;
}
.cti-leaving-msg .yy-listContainer .swiper-slide-next,
.cti-leaving-msg .yy-listContainer .swiper-slide-prev {
    transition: all 0.5s;
    cursor: pointer;
}
.cti-leaving-msg .yy-listContainer .swiper-slide-active {
    transition: all 0.5s;
    transform: scale(1);
    opacity: 1;
}
.cti-leaving-msg .yy-listContainer .swiper-slide-active .leaving_zan {
    display: flex;
}
.cti-leaving-msg .leaving_zan .flex-space-between .follow_right {
    width: 35%;
    display: flex;
    align-items: center;
    margin-left: auto;
    color: #929292;
    font-weight: 400;
}
.cti-leaving-msg .leaving_zan .flex-space-between .follow_right div {
    flex: 1;
    text-align: right;
    display: flex;
    align-items: center;
}
.cti-leaving-msg .leaving_zan .flex-space-between .follow_right div span {
    margin-left: 4%;
    font-size: 1.4vw;
}
.cti-leaving-msg .leaving_zan .flex-space-between .follow_right div .iconfenxiang {
    cursor: pointer;
}
@media screen and (min-width: 750px) {
    .cti-leaving-msg .leaving_zan .next,
    .cti-leaving-msg .leaving_zan .prev {
        display: none;
    }
    .cti-leaving-msg .leaving_zan .d-flex,
    .cti-leaving-msg .leaving_zan .flex-space-between {
        flex: 1;
        width: 40%;
        justify-content: left;
        padding-left: 2%;
        padding-right: 3%;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 750px) {
    .cti-leaving-msg .yy-listContainer,
    .cti-leaving-msg .yy-listContainer .swiper-container {
        background-color: #e8e8e8 !important;
    }
    .cti-leaving-msg .yy-listContainer .swiper-slide {
        opacity: 1;
        transform: scale(1);
    }
    .cti-leaving-msg .yy-listContainer .swiper-slide .leaving_zan {
        display: block;
    }
    .cti-leaving-msg .yy-listContainer .swiper-slide-next,
    .cti-leaving-msg .yy-listContainer .swiper-slide-prev {
        transition: none;
        cursor: pointer;
    }
    .cti-leaving-msg .yy-listContainer .swiper-slide-active {
        transition: none;
        transform: scale(1);
        opacity: 1;
    }
    .cti-leaving-msg .yy-listContainer .swiper-slide-active .leaving_zan {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-size: 3.5vw;
    }
}
.cti-leaving-msg .leaving_top {
    width: 100%;
    background-color: #e8e8e8;
}
.cti-leaving-msg .leaving_top .leaving_info {
    width: 90%;
    margin: auto;
    display: flex;
    padding-top: 3%;
    box-sizing: border-box;
}
.cti-leaving-msg .leaving_top .leaving_info .leaving_header {
    width: 4vw;
    border-radius: 100%;
}
.cti-leaving-msg .leaving_top .leaving_info .leaving_header img {
    width: 100%;
}
.cti-leaving-msg .leaving_top .leaving_info .leaving_name {
    width: 88%;
    padding-left: 1.5%;
    box-sizing: border-box;
}
.cti-leaving-msg .leaving_top .leaving_info .leaving_name .name {
    font-weight: 700;
    font-size: 1.3vw;
}
.cti-leaving-msg .leaving_top .leaving_info .leaving_name .title {
    font-weight: 700;
    font-size: 1.1vw;
}
.cti-leaving-msg .leaving_top .leaving_info .leaving_name .time {
    font-size: 0.7vw;
    color: #4b4b4b;
    margin-top: 2%;
}
.cti-leaving-msg .leaving_top .leaving_info .leaving_name .time span {
    margin-right: 0.5vw;
}
.cti-leaving-msg .leaving_top .leaving_img {
    width: 100%;
    display: flex;
    margin: 1.7% auto auto;
    align-items: center;
}
.cti-leaving-msg .leaving_top .leaving_img .previous {
    font-size: 2.5vw;
    width: 8%;
    text-align: left;
}
.cti-leaving-msg .leaving_top .leaving_img .img {
    width: 90%;
    margin: 0 auto;
}
.cti-leaving-msg .leaving_top .leaving_img .img img {
    width: 100%;
}
.cti-leaving-msg .leaving_top .leaving_img .next {
    font-size: 2.5vw;
    width: 8%;
    text-align: right;
}
.cti-leaving-msg .leaving_top .leaving_zan {
    width: 100%;
    margin-top: 1%;
    text-align: center;
    padding-bottom: 2%;
    box-sizing: border-box;
}
.cti-leaving-msg .leaving_top .leaving_zan .zanBtn_article a.icondianzan1 {
    color: #e60012;
}
.cti-leaving-msg .leaving_top .leaving_zan .yy-iconBox {
    width: 2vw;
    height: 2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    margin-right: 20px;
    color: #fff;
    background: #000;
    border-radius: 100%;
    font-size: 1vw;
    cursor: pointer;
}
.cti-leaving-msg .leaving_top .leaving_zan .yy-iconBox:nth-last-child(1) {
    margin-right: 0;
}
.cti-leaving-msg .leaving_top .leaving_zan .yy-iconBox:nth-last-child(1):hover {
    background-color: #fff;
    color: #e60012;
}
.cti-leaving-msg .leaving_top .leaving_zan .yy-iconBox:nth-child(2):hover {
    background-color: #fff;
    color: #41abe1;
}
.cti-leaving-msg .leaving_top .leaving_zan .yy-iconBox:first-child:hover {
    background-color: #fff;
    color: #1a76f3;
}
.cti-leaving-msg .leaving_top .leaving_zan .yy-iconBox p {
    font-size: 1vw;
    border-radius: 100%;
    display: block;
    margin-top: 2%;
}
@media screen and (max-width: 750px) {
    .cti-leaving-msg .leaving_top .leaving_info .leaving_header {
        width: 10vw;
    }
    .cti-leaving-msg .leaving_top .leaving_info .leaving_name .name {
        font-size: 4.5vw;
    }
    .cti-leaving-msg .leaving_top .leaving_info .leaving_name .time,
    .cti-leaving-msg .leaving_top .leaving_info .leaving_name .title {
        font-size: 3.5vw;
    }
    .cti-leaving-msg .leaving_top .leaving_img {
        width: 100%;
        display: flex;
        margin: 1.7% auto auto;
        align-items: center;
    }
    .cti-leaving-msg .leaving_top .leaving_img .previous {
        font-size: 2.5vw;
        width: 8%;
        text-align: left;
    }
    .cti-leaving-msg .leaving_top .leaving_img .img {
        width: 90%;
        margin: 0 auto;
    }
    .cti-leaving-msg .leaving_top .leaving_img .img img {
        width: 100%;
    }
    .cti-leaving-msg .leaving_top .leaving_img .next {
        font-size: 2.5vw;
        width: 8%;
        text-align: right;
    }
    .cti-leaving-msg .leaving_top .leaving_zan {
        width: 90%;
    }
    .cti-leaving-msg .leaving_top .leaving_zan .flex-space-between .d-flex {
        width: 50%;
    }
    .cti-leaving-msg .leaving_top .leaving_zan .flex-space-between .yy-iconBox {
        width: 5vw;
        height: 5vw;
        line-height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cti-leaving-msg .leaving_top .leaving_zan .flex-space-between .yy-iconBox a {
        font-size: 2.5vw;
    }
    .cti-leaving-msg .leaving_top .leaving_zan .flex-space-between .follow_right div span {
        font-size: 3.5vw;
    }
}
.cti-leaving-msg .leaving_operation {
    width: 56%;
    margin: auto;
    text-align: right;
}
.cti-leaving-msg .leaving_operation .share {
    width: 100%;
    padding-top: 3%;
    padding-right: 6.5%;
    box-sizing: border-box;
}
.cti-leaving-msg .leaving_operation .share p {
    font-size: 1vw;
}
.cti-leaving-msg .leaving_operation .share p a {
    opacity: 0;
    color: #898989;
}
.cti-leaving-msg .leaving_operation .share p a:hover {
    color: #000;
}
.cti-leaving-msg .leaving_operation .leaving_total {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #999;
    padding-bottom: 1%;
    box-sizing: border-box;
    margin-top: 2%;
}
.cti-leaving-msg .leaving_operation .leaving_total .follow_left {
    width: 40%;
    text-align: left;
    font-weight: 700;
    font-size: 1.3vw;
}
.cti-leaving-msg .leaving_operation .leaving_comment {
    width: 100%;
    display: flex;
    margin-top: 4%;
}
.cti-leaving-msg .leaving_operation .warp_textarea,
.cti-leaving-msg .leaving_popup,
.cti-network .dealer-application-wrap,
.cti-saudi .container .title {
    display: none;
}
.cti-leaving-msg .leaving_operation .leaving_comment .comment-header {
    width: 4vw;
}
.cti-leaving-msg .leaving_operation .leaving_comment .comment-header img {
    width: 100%;
    border-radius: 100%;
}
.cti-leaving-msg .leaving_operation .leaving_comment .textarea {
    flex: 1;
    margin-left: 1.5%;
    padding-top: 1.5%;
    box-sizing: border-box;
    border: 1px solid #a0a0a0;
    border-radius: 15px;
}
.cti-leaving-msg .leaving_operation .leaving_comment .textarea textarea {
    width: 100%;
    padding: 1em;
    font-size: 1.1vw;
    box-sizing: border-box;
    border: 0;
    border-radius: 5px;
    margin-bottom: 1%;
}
.cti-leaving-msg .leaving_operation .leaving_comment .textarea .subit_btn {
    width: 8%;
    margin-bottom: 2%;
}
.cti-leaving-msg .leaving_operation .leaving_comment .textarea .subit_btn a {
    padding: 0.2em 1em;
    border: 1px solid #8d8d8d;
    border-radius: 20px;
    color: #8d8d8d;
    font-size: 0.8vw;
    transition: all 0.2s;
}
.cti-leaving-msg .leaving_operation .leaving_comment .textarea .subit_btn a:hover {
    background-color: #000;
    color: #fff;
}
.cti-leaving-msg .leaving_operation .leaving_list {
    width: 100%;
    margin-top: 3%;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    display: flex;
    padding-top: 4%;
    padding-bottom: 4%;
    box-sizing: border-box;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_header {
    width: 4vw;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_header img {
    width: 100%;
    border-radius: 100%;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con {
    width: 93%;
    margin-left: 1%;
    padding-top: 0.5%;
    box-sizing: border-box;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .name {
    font-weight: 700;
    font-size: 1.2vw;
    text-align: left;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer {
    width: 100%;
    display: flex;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .release_time {
    font-size: 0.5vw;
    padding-top: 0.4%;
    box-sizing: border-box;
    font-weight: 700;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .fabulous {
    margin-left: auto;
    cursor: pointer;
    width: 50%;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .fabulous span {
    font-size: 1.2vw;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .comments {
    font-size: 1.1vw;
    width: 100%;
    text-align: left;
    line-height: 2;
    padding-bottom: 3%;
    padding-top: 1.5%;
    box-sizing: border-box;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .two_response {
    width: 100%;
    text-align: left;
    padding-top: 2%;
    box-sizing: border-box;
    border-top: 1px solid #d6d6d6;
    font-size: 1vw;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .two_response p {
    font-weight: 400;
    color: #515151;
}
.cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .two_response span {
    color: #1c69d4;
    font-weight: 700;
}
.cti-leaving-msg .leaving_operation .loading {
    width: 100%;
    text-align: center;
    padding: 1em 2em;
    background-color: #ececec;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 1vw;
    color: #8f8f8f;
}
@media screen and (min-width: 750px) {
    .cti-leaving-msg .leaving_operation .loading:hover {
        background-color: #666;
        color: #fff;
        font-size: 1vw;
    }
}
@media screen and (max-width: 750px) {
    .cti-leaving-msg .leaving_popup {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.2);
        display: none;
        overflow: hidden;
        z-index: 9;
    }
    .cti-leaving-msg .leaving_popup .textarea_popup {
        width: 100%;
        height: 30%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #fff;
        border-top: 1px solid #8d8d8d;
        z-index: 5;
    }
    .cti-leaving-msg .leaving_popup .textarea_popup .textarea_con {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .cti-leaving-msg .leaving_popup .textarea_popup .textarea_con .cancel {
        width: 30%;
        text-align: left;
        padding: 2%;
        font-size: 5vw;
    }
    .cti-leaving-msg .leaving_popup .textarea_popup .textarea_con .subit_btn {
        width: 16%;
        text-align: center;
        font-size: 5vw;
        font-weight: 700;
        margin-top: 3%;
    }
    .cti-leaving-msg .leaving_popup .textarea_popup .textarea {
        width: 100%;
        margin-top: 5%;
    }
    .cti-leaving-msg .leaving_popup .textarea_popup .textarea textarea {
        width: 100%;
        padding-left: 4%;
        border: 0;
    }
    .cti-leaving-msg .leaving_operation {
        width: 90%;
    }
    .cti-leaving-msg .leaving_operation .leaving_total .follow_left {
        width: 50%;
        font-size: 4.5vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_total .follow_right {
        width: 40%;
    }
    .cti-leaving-msg .leaving_operation .leaving_total .follow_right div span {
        font-size: 3vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_total .follow_right div .iconfenxiang {
        cursor: pointer;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment {
        display: none;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment .comment-header {
        width: 10vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment .textarea textarea {
        height: 25vw;
        font-size: 3.5vw;
    }
    .cti-leaving-msg .leaving_operation .warp_textarea {
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: left;
        background-color: #fff;
        padding: 4% 4% 4% 5%;
        box-sizing: border-box;
        z-index: 2;
        color: #929292;
        border: 1px solid #e8e8e8;
        display: block;
        font-size: 4vw;
        box-shadow: -1px -3px 5px #e8e8e8;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_header {
        width: 10vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .name {
        font-size: 3.5vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .release_time {
        font-size: 3vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .comments,
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .fabulous span,
    .cti-leaving-msg .leaving_operation .loading a {
        font-size: 3.5vw;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 800px) and (orientation: portrait) {
    .cti-leaving-msg .leaving_operation {
        width: 70%;
        margin: auto;
        text-align: right;
    }
    .cti-leaving-msg .leaving_operation .share {
        width: 100%;
        padding-top: 3%;
        padding-right: 6.5%;
        box-sizing: border-box;
    }
    .cti-leaving-msg .leaving_operation .share p {
        font-size: 1vw;
    }
    .cti-leaving-msg .leaving_operation .share p a {
        opacity: 0;
        color: #898989;
    }
    .cti-leaving-msg .leaving_operation .share p a:hover {
        color: #000;
    }
    .cti-leaving-msg .leaving_operation .leaving_total {
        width: 100%;
        display: flex;
        border-bottom: 1px solid #999;
        padding-bottom: 1%;
        box-sizing: border-box;
        margin-top: 2%;
    }
    .cti-leaving-msg .leaving_operation .leaving_total .follow_left {
        width: 40%;
        text-align: left;
        font-weight: 700;
        font-size: 1.3vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment {
        width: 100%;
        display: flex;
        margin-top: 4%;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment .comment-header {
        width: 4vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment .comment-header img {
        width: 100%;
        border-radius: 100%;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment .textarea {
        flex: 1;
        margin-left: 1.5%;
        padding-top: 1.5%;
        box-sizing: border-box;
        border: 1px solid #a0a0a0;
        border-radius: 15px;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment .textarea textarea {
        width: 100%;
        padding: 1em;
        font-size: 1.1vw;
        box-sizing: border-box;
        border: 0;
        border-radius: 5px;
        margin-bottom: 1%;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment .textarea .subit_btn {
        width: 8%;
        margin-bottom: 2%;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment .textarea .subit_btn a {
        padding: 0.2em 1em;
        border: 1px solid #8d8d8d;
        border-radius: 20px;
        color: #8d8d8d;
        font-size: 0.8vw;
        transition: all 0.2s;
    }
    .cti-leaving-msg .leaving_operation .leaving_comment .textarea .subit_btn a:hover {
        background-color: #000;
        color: #fff;
    }
    .cti-leaving-msg .leaving_operation .warp_textarea {
        display: none;
    }
    .cti-leaving-msg .leaving_operation .leaving_list {
        width: 100%;
        margin-top: 3%;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con {
        width: 100%;
        border-top: 1px solid #d6d6d6;
        display: flex;
        padding-top: 4%;
        padding-bottom: 4%;
        box-sizing: border-box;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_header {
        width: 4vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_header img {
        width: 100%;
        border-radius: 100%;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con {
        width: 93%;
        margin-left: 1%;
        padding-top: 0.5%;
        box-sizing: border-box;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .name {
        font-weight: 700;
        font-size: 2vw;
        text-align: left;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer {
        width: 100%;
        display: flex;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .release_time {
        font-size: 1.4vw;
        padding-top: 0.4%;
        box-sizing: border-box;
        font-weight: 700;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .fabulous {
        margin-left: auto;
        cursor: pointer;
        width: 50%;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .fabulous span {
        font-size: 2.2vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .timer .fabulous span.icondianzan1 {
        color: #9b0b37;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .comments {
        font-size: 2vw;
        width: 100%;
        text-align: left;
        line-height: 2;
        padding-bottom: 3%;
        padding-top: 1.5%;
        box-sizing: border-box;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .two_response {
        width: 100%;
        text-align: left;
        padding-top: 2%;
        box-sizing: border-box;
        border-top: 1px solid #d6d6d6;
        font-size: 1vw;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .two_response p {
        font-weight: 400;
        color: #515151;
    }
    .cti-leaving-msg .leaving_operation .leaving_list .leaving_con .list_con .two_response span {
        color: #1c69d4;
        font-weight: 700;
    }
    .cti-leaving-msg .leaving_operation .loading {
        width: 100%;
        text-align: center;
        padding: 1em 2em;
        background-color: #ececec;
        box-sizing: border-box;
        cursor: pointer;
        transition: all 0.3s;
        font-size: 1vw;
        color: #8f8f8f;
    }
    .cti-leaving-msg .leaving_operation .loading:hover {
        background-color: #666;
        color: #fff;
        font-size: 1vw;
    }
    .cti-leaving-msg .leaving_top .leaving_info .leaving_header {
        width: 10vw;
    }
    .cti-leaving-msg .leaving_top .leaving_info .leaving_name .name {
        font-size: 4.5vw;
    }
    .cti-leaving-msg .leaving_top .leaving_info .leaving_name .time,
    .cti-leaving-msg .leaving_top .leaving_info .leaving_name .title {
        font-size: 3.5vw;
    }
    .cti-leaving-msg .leaving_top .leaving_img {
        width: 100%;
        display: flex;
        margin: 1.7% auto auto;
        align-items: center;
    }
    .cti-leaving-msg .leaving_top .leaving_img .previous {
        font-size: 2.5vw;
        width: 8%;
        text-align: left;
    }
    .cti-leaving-msg .leaving_top .leaving_img .img {
        width: 90%;
        margin: 0 auto;
    }
    .cti-leaving-msg .leaving_top .leaving_img .img img {
        width: 100%;
    }
    .cti-leaving-msg .leaving_top .leaving_img .next {
        font-size: 2.5vw;
        width: 8%;
        text-align: right;
    }
    .cti-leaving-msg .leaving_top .leaving_zan {
        width: 90%;
    }
    .cti-leaving-msg .leaving_top .leaving_zan .flex-space-between .d-flex {
        width: 50%;
    }
    .cti-leaving-msg .leaving_top .leaving_zan .flex-space-between .yy-iconBox {
        width: 3vw;
        height: 3vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cti-leaving-msg .leaving_top .leaving_zan .flex-space-between .follow_right div span,
    .cti-leaving-msg .leaving_top .leaving_zan .flex-space-between .yy-iconBox p {
        font-size: 3.5vw;
    }
}
.cti-login .login-kv,
.cti-login .login-kv img {
    width: 100%;
}
.cti-login .login-online {
    width: 100%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 40px;
    box-sizing: border-box;
    font-size: 25px;
}
.cti-login .login-con {
    width: 91%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.cti-login .login-con .login-form {
    width: 30%;
    margin: 0 auto;
}
.cti-login .login-con .login-form .login-input {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.cti-login .login-con .login-form .login-input > div {
    width: 48%;
    margin-right: 0;
}
.cti-login .login-con .login-form .login-input > div input {
    width: 100%;
    padding: 0 1em 0 0.5em;
    border: 1px solid #898989;
    font-size: inherit;
    text-align: center;
    line-height: 2em;
    box-sizing: border-box;
}
/* .cti-login .login-con .login-form .login-input > div input:-webkit-autofill {
    color: #898989 !important;
    text-align: center;
    -webkit-text-fill-color: #000 !important;
} */
.cti-login .login-con .login-form .login-input > div input::-webkit-input-placeholder {
    color: #898989 !important;
    text-align: center;
}
.cti-login .login-con .login-form .login-input > div input::-moz-placeholder {
    color: #898989 !important;
    text-align: center;
}
.cti-login .login-con .login-form .login_btn {
    width: 50%;
    margin: 17% auto 0;
    text-align: center;
}
.cti-login .login-con .login-form .login_btn a {
    padding: 1em 3em;
    font-size: 0.8vw;
    background: #d3d3d3;
    cursor: pointer;
}
.cti-login .login-con .login-form .login_btn a:hover {
    background-color: #666;
    font-weight: 700;
    color: #fff;
    font-size: 0.8vw;
}
@media screen and (max-width: 800px) {
    .cti-login .login-con {
        display: inherit;
    }
    .cti-login .login-con .login-form {
        width: 100%;
        display: inherit;
    }
    .cti-login .login-con .login-form .login_btn button {
        padding: 0.8em 4em;
        font-size: 3.8vw;
    }
    .cti-login .login-con .login-form .login-input {
        display: inherit;
        width: 80%;
        margin: 0 auto;
    }
    .cti-login .login-con .login-form .login-input > div {
        margin: 0 auto 1.5em;
        width: 100%;
    }
    .cti-login .login-con .login-form .login-input > div input {
        padding: 0 1em 0 0.5em;
        box-sizing: border-box;
    }
    /* .cti-login .login-con .login-form .login-input > div input input:-webkit-autofill {
        -webkit-text-fill-color: #000 !important;
    } */
    .cti-login .login-con .login-form .login_btn {
        width: 100%;
        margin: 14% auto 10%;
    }
    .cti-login .login-con .login-form .login_btn a {
        font-size: 3vw;
        padding: 1em 4em;
    }
    .cti-login .login-con .login-form .login_btn a:hover {
        padding: 1em 4em;
        font-size: 2vw;
        background: #d3d3d3;
        cursor: pointer;
    }
}
.cti-network .network-wrap {
    width: 91%;
    margin: 0 auto;
}
.cti-network .network-tab {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    font-size: 1.14vw;
    padding-top: 40px;
}
.cti-network .network-tab li {
    width: 50%;
    text-align: center;
    background-color: #e4e4e5;
    color: #000;
    transition: all 0.3s;
    cursor: pointer;
    padding: 1.5em 0;
}
.cti-network .network-tab li.act,
.cti-network .network-tab li:hover {
    background-color: #3b444f;
    color: #fff;
}
.cti-network .dealer-application-wrap {
    color: #242424;
    padding: 3em;
    font-size: 1vw;
    box-sizing: border-box;
    background-color: #f2f2f2;
}
.cti-network .dealer-application-wrap .describe {
    font-size: 0.75vw;
    color: #9b0b37;
}
.cti-network .dealer-application-wrap .title {
    font-size: 1.5vw;
    margin: 2% 0;
}
.cti-network .dealer-application-wrap .form-wrap .form-item {
    margin-bottom: 1em;
    font-weight: 700;
}
.cti-network .dealer-application-wrap .form-wrap .col3 {
    width: 32%;
    margin-right: 2%;
}
.cti-network .dealer-application-wrap .form-wrap .col3:last-child,
.cti-network .dealer-application-wrap .form-wrap .col3:nth-child(3n) {
    margin-right: 0;
}
.cti-network .dealer-application-wrap .form-wrap .col2 {
    width: 47%;
}
.cti-network .dealer-application-wrap .form-wrap label {
    color: #8b8b8b;
    font-size: 0.75vw;
    text-transform: uppercase;
}
.cti-network .dealer-application-wrap .form-wrap dt,
.cti-network .dealer-application-wrap .form-wrap input {
    border-width: 0 0 1px;
    border-color: #e6e5e5;
    text-align: left;
    padding-left: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 0.9vw;
}
.cti-network .dealer-application-wrap .agree-wrap {
    display: flex;
    align-items: center;
    font-size: 0.8vw;
}
.cti-network .dealer-application-wrap .agree-wrap p {
    color: #9b0b37;
    border-bottom: 1px solid #9b0b37;
}
.cti-network .dealer-application-wrap .agree-wrap p span {
    cursor: pointer;
}
.cti-network .dealer-application-wrap .agree-wrap .agree-icon {
    width: 1.3vw;
    height: 1.3vw;
    background-color: #fff;
    border: 1px solid #c9cbcd;
    margin-right: 10px;
    margin-top: 0.2em;
    cursor: pointer;
}
.cti-network .dealer-application-wrap .agree-wrap .agree-icon.act {
    position: relative;
}
.cti-network .dealer-application-wrap .agree-wrap .agree-icon.act::after {
    font-family: iconfont !important;
    font-size: 1.5em;
    font-style: normal;
    content: "\e6fd";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #9b0b37;
}
.cti-network .dealer-application-wrap button {
    background-color: #898989;
    font-size: 1.25vw;
    margin-top: 1em;
    display: block;
    width: 100%;
    color: #fff;
    padding: 1em 0;
    transition: all 0.3s;
}
.cti-network .dealer-application-wrap button:hover {
    background-color: #343c45;
}
@media screen and (max-width: 800px) {
    .cti-network .network-tab {
        flex-wrap: wrap;
        font-size: 3.2vw;
    }
    .cti-network .network-tab li {
        width: 50%;
        letter-spacing: 1px;
    }
    .cti-network .network-tab li:last-child {
        width: 50%;
        /* margin-top: 4%; */
    }
    .cti-network .dealer-application-wrap .describe {
        font-size: 3.2vw;
    }
    .cti-network .dealer-application-wrap {
        padding: 5em;
    }
    .cti-network .dealer-application-wrap .title {
        font-size: 4vw;
        margin: 4% auto;
    }
    .cti-network .dealer-application-wrap .form-wrap .col3 {
        width: 100%;
        margin-right: 0;
    }
    .cti-network .dealer-application-wrap .form-wrap .form-item {
        margin-bottom: 5em;
    }
    .cti-network .dealer-application-wrap .form-wrap label {
        font-size: 3.75vw;
    }
    .cti-network .dealer-application-wrap .form-wrap dt,
    .cti-network .dealer-application-wrap .form-wrap input {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        font-size: 3.5vw;
    }
    .cti-network .dealer-application-wrap .agree-wrap {
        font-size: 3.5vw;
    }
    .cti-network .dealer-application-wrap .agree-wrap span {
        cursor: pointer;
    }
    .cti-network .dealer-application-wrap .agree-wrap .agree-icon {
        width: 4.3vw;
        height: 4.3vw;
    }
    .cti-network .dealer-application-wrap button,
    .cti-network .form-wrap .form-item .select-wrap .item {
        font-size: 4vw;
    }
    .cti-network .form-wrap .form-item .select-wrap dd {
        max-height: 35em;
    }
}
@media screen and (max-width: 750px) {
    .cti-network .network-tab {
        flex-wrap: wrap;
        font-size: 2.2vw;
    }
    .cti-network .network-tab li {
        width: 100%;
        /* letter-spacing: 1px; */
        font-weight: 700;
    }
    .cti-network .network-tab li:last-child {
        width: 100%;
        margin-top: 2%;
    }
    .cti-network .network-tab li:not(.act):last-child{
        color: #000;
    }
    .map-info.show{
        position: relative;
        top: 20px;
        width: 100%;
        margin-bottom: 20px;
        background: #e4e4e5;
    }
    
}
.cti-news_hongqi {
    background-color: #e4e4e5;
}
.cti-news_hongqi .kv,
.cti-news_hongqi .kv img {
    width: 100%;
}
.cti-news_hongqi .history-top {
    width: 60%;
    margin: auto;
}
.cti-news_hongqi .history-top .title {
    font-weight: 700;
    font-size: 1.5vw;
    line-height: 2.3;
    border-bottom: 1px solid #8d8d8d;
    padding-bottom: 2%;
    box-sizing: border-box;
}
.cti-news_hongqi .history-top .con {
    margin-top: 2%;
    line-height: 2.3;
    font-size: 1.5vw;
}
.cti-news_hongqi .history_old {
    width: 100%;
    position: relative;
    margin-top: 8%;
}
.cti-news_hongqi .history_old .img {
    width: 46.8%;
    position: absolute;
    left: 0;
    right: 0;
    top: -4em;
    z-index: 1;
}
.cti-news_hongqi .history_old .img img {
    width: 100%;
}
.cti-news_hongqi .history_old .text {
    width: 61%;
    padding: 8% 3% 16% 13%;
    box-sizing: border-box;
    background-color: #fff;
    float: right;
    line-height: 2.3;
    font-size: 1vw;
}
.cti-news_hongqi .history_old .text p:first-child {
    font-size: 3vw;
    font-weight: 700;
}
.cti-news_hongqi .history_old .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.5vw;
    font-weight: 400;
}
.cti-news_hongqi .history_news {
    width: 100%;
    position: relative;
    margin-top: 8%;
}
.cti-news_hongqi .history_news .img {
    width: 46.8%;
    position: absolute;
    right: 0;
    top: -4em;
}
.cti-news_hongqi .history_news .img img {
    width: 100%;
}
.cti-news_hongqi .history_news .text {
    width: 61%;
    padding: 4% 13% 14% 3%;
    box-sizing: border-box;
    background-color: #fff;
    float: left;
    line-height: 2.3;
    font-size: 1vw;
}
.cti-news_hongqi .history_news .text p:first-child {
    font-size: 3vw;
    font-weight: 700;
    text-align: right;
}
.cti-news_hongqi .history_news .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.5vw;
}
.cti-news_hongqi .history_introduce {
    width: 60%;
    margin: 5% auto auto;
    line-height: 2.3;
}
.cti-news_hongqi .history_introduce P:first-child {
    font-weight: 700;
    font-size: 1.5vw;
}
.cti-news_hongqi .history_introduce p:nth-child(2) {
    margin-top: 3%;
    font-size: 1.5vw;
}
.cti-news_hongqi .history_illustration {
    width: 100%;
    margin-top: 6%;
}
.cti-news_hongqi .history_illustration img {
    width: 100%;
}
.cti-news_hongqi .history_new_brand {
    width: 100%;
    background-color: #fff;
    padding-top: 5%;
    padding-bottom: 5%;
    box-sizing: border-box;
}
.cti-news_hongqi .history_new_brand .new_brand_top {
    width: 60%;
    margin: auto;
    font-weight: 700;
    border-bottom: 1px solid #8d8d8d;
    padding-bottom: 1%;
    box-sizing: border-box;
}
.cti-news_hongqi .history_new_brand .new_brand_top p:first-child {
    font-size: 4vw;
}
.cti-news_hongqi .history_new_brand .new_brand_top p:nth-child(2) {
    font-size: 2.5vw;
    line-height: 2.3;
}
.cti-news_hongqi .history_new_brand .new_brand_bottom {
    width: 60%;
    margin: 1% auto auto;
    line-height: 2.3;
    font-size: 1.5vw;
}
.cti-news_hongqi .history_design_img,
.cti-news_hongqi .history_design_img img {
    width: 100%;
}
.cti-news_hongqi .history_design {
    width: 100%;
    background-color: #fff;
    padding-top: 5%;
    padding-bottom: 10%;
    box-sizing: border-box;
}
.cti-news_hongqi .history_design .design_top {
    width: 60%;
    margin: auto;
    font-weight: 700;
    border-bottom: 1px solid #8d8d8d;
    padding-bottom: 1%;
    box-sizing: border-box;
}
.cti-news_hongqi .history_design .design_top p:first-child {
    font-size: 4vw;
}
.cti-news_hongqi .history_design .design_top p:nth-child(2) {
    font-size: 3vw;
    line-height: 2.3;
}
.cti-news_hongqi .history_design .design_bottom {
    width: 60%;
    margin: 1% auto auto;
    line-height: 2.3;
    font-size: 1.5vw;
}
.cti-news_hongqi .history_design .design_language {
    width: 60%;
    margin: 4% auto auto;
    font-weight: 700;
}
.cti-news_hongqi .history_design .design_language .language_title {
    width: 100%;
    font-size: 3vw;
    border-bottom: 1px solid #8d8d8d;
    padding-bottom: 1.5%;
    box-sizing: border-box;
}
.cti-news_hongqi .history_design .design_language .language_con {
    width: 100%;
    font-size: 1.5vw;
    font-weight: 400;
    margin-top: 1.5%;
    line-height: 2.3;
}
.cti-news_hongqi .history_product {
    width: 60%;
    margin: 5% auto auto;
}
.cti-news_hongqi .history_product .product_title {
    width: 100%;
    border-bottom: 1px solid #8d8d8d;
    font-weight: 700;
    font-size: 4vw;
    padding-bottom: 1.5%;
}
.cti-news_hongqi .history_product .product_line_con {
    width: 100%;
    font-size: 1.5vw;
    line-height: 2.3;
    margin-top: 1.5%;
}
.cti-news_hongqi .history_product .product_line_con p span {
    font-weight: 700;
    font-size: 2vw;
}
.cti-news_hongqi .history_development_one {
    width: 100%;
    position: relative;
    margin-top: 15%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cti-news_hongqi .history_development_one .img {
    width: 46.8%;
    position: absolute;
    left: 0;
    right: 0;
    top: 5em;
    z-index: 3;
}
.cti-news_hongqi .history_development_one .img img {
    width: 100%;
}
.cti-news_hongqi .history_development_one .text {
    width: 60%;
    padding: 1% 5% 16% 8%;
    box-sizing: border-box;
    background-color: #fff;
    line-height: 2.3;
    font-size: 1vw;
    z-index: 1;
    margin-top: -6vw;
}
.cti-news_hongqi .history_development_one .text p:first-child {
    font-size: 3.5vw;
    font-weight: 700;
}
.cti-news_hongqi .history_development_one .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-news_hongqi .history_development_one .time {
    width: 50%;
}
.cti-news_hongqi .history_development_one .time img {
    width: 100%;
}
.cti-news_hongqi .history_development_two {
    width: 100%;
    position: relative;
    margin-top: 15%;
    display: flex;
    flex-wrap: wrap;
}
.cti-news_hongqi .history_development_two .img {
    width: 46.8%;
    position: absolute;
    right: 0;
    top: 5em;
    z-index: 3;
}
.cti-news_hongqi .history_development_two .img img {
    width: 100%;
}
.cti-news_hongqi .history_development_two .text {
    width: 60%;
    padding: 1% 13% 8% 3%;
    box-sizing: border-box;
    background-color: #fff;
    line-height: 2.3;
    font-size: 1vw;
    z-index: 1;
    margin-top: -6vw;
}
.cti-news_hongqi .history_development_two .text p:first-child {
    font-size: 3.5vw;
    font-weight: 700;
}
.cti-news_hongqi .history_development_two .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-news_hongqi .history_development_two .time {
    width: 50%;
}
.cti-news_hongqi .history_development_two .time img {
    width: 100%;
}
.cti-news_hongqi .history_development_three {
    width: 100%;
    position: relative;
    margin-top: 15%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cti-news_hongqi .history_development_three .img {
    width: 46.8%;
    position: absolute;
    left: 0;
    right: 0;
    top: 5em;
    z-index: 3;
}
.cti-news_hongqi .history_development_three .img img {
    width: 100%;
}
.cti-news_hongqi .history_development_three .text {
    width: 60%;
    padding: 1% 5% 17% 8%;
    box-sizing: border-box;
    background-color: #fff;
    line-height: 2.3;
    font-size: 1vw;
    z-index: 1;
    margin-top: -6vw;
}
.cti-news_hongqi .history_development_three .text p:first-child {
    font-size: 3.5vw;
    font-weight: 700;
}
.cti-news_hongqi .history_development_three .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-news_hongqi .history_development_three .time {
    width: 50%;
}
.cti-news_hongqi .history_development_three .time img {
    width: 100%;
}
.cti-news_hongqi .history_development_four {
    width: 100%;
    position: relative;
    margin-top: 15%;
    display: flex;
    flex-wrap: wrap;
}
.cti-news_hongqi .history_development_four .img {
    width: 46.8%;
    position: absolute;
    right: 0;
    top: 5em;
    z-index: 3;
}
.cti-news_hongqi .history_development_four .img img {
    width: 100%;
}
.cti-news_hongqi .history_development_four .text {
    width: 60%;
    padding: 1% 13% 3% 3%;
    box-sizing: border-box;
    background-color: #fff;
    line-height: 2.3;
    font-size: 1vw;
    z-index: 1;
    margin-top: -6vw;
}
.cti-news_hongqi .history_development_four .text p:first-child {
    font-size: 3.5vw;
    font-weight: 700;
}
.cti-news_hongqi .history_development_four .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-news_hongqi .history_development_four .time {
    width: 50%;
}
.cti-news_hongqi .history_development_four .time img {
    width: 100%;
}
.cti-news_hongqi .history_development_five {
    width: 100%;
    position: relative;
    margin-top: 15%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.cti-news_hongqi .history_development_five .img {
    width: 46.8%;
    position: absolute;
    left: 0;
    right: 0;
    top: 5em;
    z-index: 3;
}
.cti-news_hongqi .history_development_five .img img {
    width: 100%;
}
.cti-news_hongqi .history_development_five .text {
    width: 60%;
    padding: 3% 3% 6% 13%;
    box-sizing: border-box;
    background-color: #fff;
    line-height: 2.3;
    font-size: 1vw;
    z-index: 1;
    margin-top: -6vw;
}
.cti-news_hongqi .history_development_five .text p:first-child {
    font-size: 3.5vw;
    font-weight: 700;
}
.cti-news_hongqi .history_development_five .text p:nth-child(2) {
    margin-top: 2%;
    font-size: 1.3vw;
}
.cti-news_hongqi .history_development_five .time {
    width: 50%;
}
.cti-news_hongqi .history_development_five .time img {
    width: 100%;
}
@media screen and (max-width: 750px) {
    .cti-news_hongqi .history_design_img img,
    .cti-news_hongqi .history_illustration img {
        width: 100%;
    }
    .cti-news_hongqi .history-top,
    .cti-news_hongqi .history_family,
    .cti-news_hongqi .history_introduce {
        width: 100%;
        padding: 3%;
    }
    .cti-news_hongqi .history_family p span,
    .cti-news_hongqi .history_product .product_line_con p span,
    .cti-news_hongqi .history_timeline .timeline_con .time_line .time_con,
    .cti-news_hongqi .history_timeline .timeline_con .time_line .time_title {
        display: block;
        font-size: 3.8vw;
    }
    .cti-news_hongqi .history .history_design .design_top p:first-child,
    .cti-news_hongqi .history-top .title,
    .cti-news_hongqi .history_design .design_language .language_title,
    .cti-news_hongqi .history_design .design_top p:nth-child(2),
    .cti-news_hongqi .history_design_img img,
    .cti-news_hongqi .history_development_five .text p:first-child,
    .cti-news_hongqi .history_development_four .text p:first-child,
    .cti-news_hongqi .history_development_one .text p:first-child,
    .cti-news_hongqi .history_development_six .text p:first-child,
    .cti-news_hongqi .history_development_two .text p:first-child,
    .cti-news_hongqi .history_introduce P:first-child,
    .cti-news_hongqi .history_new_brand .new_brand_top p:first-child,
    .cti-news_hongqi .history_new_brand .new_brand_top p:nth-child(2),
    .cti-news_hongqi .history_news .text p:first-child,
    .cti-news_hongqi .history_old .text p:first-child {
        font-size: 4.5vw;
        text-align: left;
        line-height: 1.6;
    }
    .cti-news_hongqi .history-top .con,
    .cti-news_hongqi .history_design .design_bottom,
    .cti-news_hongqi .history_design .design_language .language_con,
    .cti-news_hongqi .history_development_five .text p:nth-child(2),
    .cti-news_hongqi .history_development_four .text p:nth-child(2),
    .cti-news_hongqi .history_development_one .text p:nth-child(2),
    .cti-news_hongqi .history_development_six .text p:nth-child(2),
    .cti-news_hongqi .history_development_three .text p:nth-child(2),
    .cti-news_hongqi .history_family,
    .cti-news_hongqi .history_introduce p:nth-child(2),
    .cti-news_hongqi .history_new_brand .new_brand_bottom,
    .cti-news_hongqi .history_news .text p:nth-child(2),
    .cti-news_hongqi .history_old .text p:nth-child(2),
    .cti-news_hongqi .history_product .product_line_con {
        line-height: 1.6;
        font-size: 3.5vw;
    }
    .cti-news_hongqi .history_old {
        position: inherit;
    }
    .cti-news_hongqi .history_news {
        display: flex;
        flex-direction: column-reverse;
    }
    .cti-news_hongqi .history_development_five .text,
    .cti-news_hongqi .history_development_four .text,
    .cti-news_hongqi .history_development_one .text,
    .cti-news_hongqi .history_development_six .text,
    .cti-news_hongqi .history_development_three .text,
    .cti-news_hongqi .history_development_two .text,
    .cti-news_hongqi .history_news .text,
    .cti-news_hongqi .history_old .text,
    .cti-news_hongqi .history_product {
        width: 100%;
        padding: 3%;
        font-size: 5vw;
    }
    .cti-news_hongqi .history_development_five .time,
    .cti-news_hongqi .history_development_four .time,
    .cti-news_hongqi .history_development_one .time,
    .cti-news_hongqi .history_development_six .time,
    .cti-news_hongqi .history_development_three .time,
    .cti-news_hongqi .history_development_two .time {
        width: 80%;
        margin: auto;
    }
    .cti-news_hongqi .history_development_five,
    .cti-news_hongqi .history_development_four,
    .cti-news_hongqi .history_development_one,
    .cti-news_hongqi .history_development_six,
    .cti-news_hongqi .history_development_three,
    .cti-news_hongqi .history_development_two {
        margin-top: 24%;
        overflow: hidden;
        display: block;
        flex-direction: column-reverse;
    }
    .cti-news_hongqi .history_design_img img,
    .cti-news_hongqi .history_development_five .text p:first-child,
    .cti-news_hongqi .history_development_one .text p:first-child,
    .cti-news_hongqi .history_development_six .text p:first-child,
    .cti-news_hongqi .history_development_two .text p:first-child {
        font-size: 4.5vw;
        text-align: left;
        line-height: 1.6;
    }
    .cti-news_hongqi .history_development_five .text p:nth-child(2),
    .cti-news_hongqi .history_development_four .text p:nth-child(2),
    .cti-news_hongqi .history_development_one .text p:nth-child(2),
    .cti-news_hongqi .history_development_six .text p:nth-child(2),
    .cti-news_hongqi .history_development_three .text p:nth-child(2),
    .cti-news_hongqi .history_family {
        line-height: 1.6;
        font-size: 3.5vw;
    }
    .cti-news_hongqi .history_development_five .text,
    .cti-news_hongqi .history_development_four .text,
    .cti-news_hongqi .history_development_one .text,
    .cti-news_hongqi .history_development_six .text,
    .cti-news_hongqi .history_development_three .text,
    .cti-news_hongqi .history_development_two .text {
        width: 100%;
        padding: 3%;
        font-size: 5vw;
        margin-top: -7vw;
    }
    .cti-news_hongqi .history_development_five .img,
    .cti-news_hongqi .history_development_four .img,
    .cti-news_hongqi .history_development_one .img,
    .cti-news_hongqi .history_development_six .img,
    .cti-news_hongqi .history_development_three .img,
    .cti-news_hongqi .history_development_two .img,
    .cti-news_hongqi .history_old .img {
        width: 100%;
        display: block;
        position: inherit;
        top: -7vw;
    }
    .cti-news_hongqi .history_news .img,
    .cti-news_hongqi .history_old .img {
        width: 100%;
        display: block;
        position: inherit;
        top: 0;
    }
    .cti-news_hongqi .history_design .design_bottom,
    .cti-news_hongqi .history_design .design_language,
    .cti-news_hongqi .history_design .design_top,
    .cti-news_hongqi .history_new_brand .new_brand_bottom,
    .cti-news_hongqi .history_new_brand .new_brand_top,
    .cti-news_hongqi .history_timeline .timeline_con {
        width: 90%;
    }
}
.cti-online_training .login-kv,
.cti-online_training .login-kv img {
    width: 100%;
}
.cti-online_training .login-online {
    width: 100%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 40px;
    box-sizing: border-box;
    font-size: 1.8vw;
}
.cti-online_training .online-con {
    width: 93%;
    margin: 0 auto;
}
.cti-online_training .online-con .online-row {
    width: 100%;
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    overflow: hidden;
}
.cti-online_training .online-con .online-row .img-ani-wrap .reset-img-height {
    width: 100%;
}
.cti-online_training .online-con .online-row div {
    width: 49%;
    position: relative;
}
.cti-online_training .online-con .online-row div img {
    width: 100%;
    height: 100%;
}
.cti-online_training .online-con .online-row div .online-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.cti-online_training .online-con .online-row div .mask-text {
    width: 30%;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    text-align: center;
    font-size: 1vw;
    z-index: 1;
}
.cti-online_training .online-con .online-row div .mask-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3%;
    margin: auto;
    z-index: 1;
    text-align: center;
    height: 4vw;
}
.cti-online_training .online-con .online-row div .mask-btn div {
    margin-right: 0;
}
.cti-online_training .online-con .online-row div:first-child {
    margin-right: 20px;
}
.cti-online_training .online-con .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 4%;
    overflow: inherit;
}
@media screen and (max-width: 750px) {
    .cti-online_training {
        font-size: 3vw;
    }
    .cti-online_training .login-kv,
    .cti-online_training .login-kv img {
        width: 100%;
    }
    .cti-online_training .login-online {
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        box-sizing: border-box;
        font-size: 6vw;
        font-weight: 700;
    }
    .cti-online_training .d-opacity {
        opacity: 1;
    }
    .cti-online_training .online-con {
        width: 93%;
        margin: 0 auto;
    }
    .cti-online_training .online-con .online-row {
        width: 100%;
        display: block;
        margin-top: 0;
        justify-content: space-between;
    }
    .cti-online_training .online-con .online-row .pront_item {
        margin-bottom: 6%;
    }
    .cti-online_training .online-con .online-row div {
        width: 100%;
        position: relative;
    }
    .cti-online_training .online-con .online-row div img {
        width: 100%;
        height: 100%;
    }
    .cti-online_training .online-con .online-row div .online-mask {
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .cti-online_training .online-con .online-row div .mask-text {
        width: 30%;
        height: 10vw;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        color: #fff;
        text-align: center;
        font-size: 3vw;
    }
    .cti-online_training .online-con .online-row div .mask-btn {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15%;
        margin: auto;
    }
    .cti-online_training .online-con .online-row div .mask-btn div,
    .cti-online_training .online-con .online-row div:first-child {
        margin-right: 0;
    }
    .cti-online_training .online-con .online-row div .mask-btn a {
        font-size: 2vw;
    }
    .cti-online_training .online-con .online-row div .mask-btn .Without-btn {
        padding: 1.5em 3em;
        font-size: 3vw;
    }
    .cti-online_training .loading-btn {
        padding: 2em 4em;
        font-size: 2vw;
    }
    .cti-online_training .dataEnd {
        width: 100%;
        text-align: center;
    }
    .cti-online_training .dataEnd span {
        font-size: 3vw;
    }
}
.cti-privacy {
    background-color: #fff;
    width: 100%;
    overflow: auto;
    overflow-y: auto;
    margin: 0 auto;
}
.cti-privacy .privacy {
    width: 100%;
}
.cti-privacy .privacy .close {
    text-align: right;
    color: #000;
    font-size: 2.2vw;
    z-index: 6;
    position: fixed;
    top: 6vw;
    right: 10%;
}
.cti-privacy .privacy .close span {
    margin-right: 3%;
    cursor: pointer;
}
.cti-privacy .privacy .privacy_con {
    width: 70%;
    margin: auto;
    padding-top: 10%;
    box-sizing: border-box;
}
.cti-privacy .privacy .privacy_con .title {
    width: 100%;
    text-align: center;
}
.cti-privacy .privacy .privacy_con .title p {
    font-size: 1.8vw;
}
.cti-privacy .privacy .privacy_con .title p:nth-child(2) {
    margin-top: 1%;
}
.cti-privacy .privacy .privacy_con .con {
    width: 100%;
    margin-top: 3%;
    font-size: 1.1vw;
}
.cti-privacy .privacy .privacy_con .con p:first-child {
    font-size: 1.3vw;
}
.cti-privacy .privacy .privacy_con .con .first {
    margin-top: 1.5%;
}
.cti-privacy .privacy .privacy_con .con .first .colorred {
    color: #c00000;
}
@media screen and (max-width: 750px) {
    .cti-privacy .privacy {
        width: 100%;
    }
    .cti-privacy .privacy .privacy_con {
        width: 85%;
        margin: auto;
        padding-top: 25%;
        box-sizing: border-box;
    }
    .cti-privacy .privacy .privacy_con .title {
        width: 100%;
        text-align: center;
    }
    .cti-privacy .privacy .privacy_con .title p {
        font-size: 5vw;
    }
    .cti-privacy .privacy .privacy_con .title p:nth-child(2) {
        margin-top: 2%;
    }
    .cti-privacy .privacy .privacy_con .con {
        width: 100%;
        margin-top: 6%;
        font-size: 3.2vw;
    }
    .cti-privacy .privacy .privacy_con .con p:first-child {
        font-size: 4vw;
    }
    .cti-privacy .privacy .privacy_con .con .first {
        margin-top: 7%;
    }
    .c ti-privacy .privacy .close {
        font-size: 5.2vw;
        right: 7%;
    }
}
.cti-saudi .container .kv {
    width: 100%;
    position: relative;
}
.cti-saudi .container .kv img {
    width: 100%;
}
.cti-saudi .container .form_con {
    width: 90%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.cti-saudi .container .form_con .form_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1vw;
    font-size: 1vw;
}
.cti-saudi .container .form_con .form_row .form_item {
    width: 32%;
    align-items: center;
    padding: 0.8% 2%;
    box-sizing: border-box;
    border-radius: 0.5vw;
    border: 1px solid #eaeaea;
    background-color: #fff;
}
.cti-saudi .container .form_con .form_row .form_item input {
    width: 80%;
    font-size: 1vw;
    color: #999;
}
.cti-saudi .container .form_con .form_row .form_item .select-wrap dt {
    border: 0;
    color: #999;
    padding: 0;
    font-size: 1vw;
}
.cti-saudi .container .form_con .form_row .form_item label {
    color: #999;
    padding: 0;
    font-size: 1vw;
}
.cti-saudi .container .form_con .form_row .form_item input::-webkit-input-placeholder {
    color: #999;
    font-size: 1vw;
}
.cti-saudi .container .form_con .sumbit {
    width: 100%;
    text-align: center;
    margin-top: 2vw;
    margin-bottom: 3vw;
}
.cti-saudi .container .form_con .sumbit a {
    background-color: #40577d;
    font-size: 0.8vw;
    border-radius: 0.5vw;
    color: #fff;
    padding: 0.8% 14.5%;
}
.cti-saudi .container .fotter_phone {
    display: none;
}
@media screen and (max-width: 750px) {
    .cti-saudi {
        background-color: #f3f5f7;
    }
    .cti-saudi .container .kv {
        width: 100%;
        position: relative;
    }
    .cti-saudi .container .kv img {
        width: 100%;
    }
    .cti-saudi .container .title {
        display: block;
        width: 100%;
        text-align: center;
        padding: 4% 0;
        font-size: 5vw;
    }
    .cti-saudi .container .form_con {
        width: 95%;
        margin: auto;
        padding: 4%;
        border-radius: 2vw;
        box-sizing: border-box;
        background-color: #fff;
        position: static;
    }
    .cti-saudi .container .form_con .form_row {
        width: 100%;
        display: block;
        margin-bottom: 0;
        font-size: 1vw;
    }
    .cti-saudi .container .form_con .form_row .form_item {
        width: 100%;
        align-items: center;
        padding: 3% 2%;
        box-sizing: border-box;
        border-radius: 2vw;
        border: 1px solid #eaeaea;
        margin-bottom: 3vw;
    }
    .cti-saudi .container .form_con .form_row .form_item input {
        width: 80%;
        font-size: 3vw;
        color: #999;
    }
    .cti-saudi .container .form_con .form_row .form_item .select-wrap dt {
        border: 0;
        color: #999;
        padding: 0;
        font-size: 3vw;
    }
    .cti-saudi .container .form_con .form_row .form_item .select-wrap dd .item {
        font-size: 3vw;
        padding: 0.3em;
    }
    .cti-saudi .container .form_con .form_row .form_item label {
        color: #999;
        padding: 0;
        font-size: 3vw;
    }
    .cti-saudi .container .form_con .form_row .form_item input::-webkit-input-placeholder {
        color: #999;
        font-size: 0.8vw;
        font-size: 3vw;
    }
    .cti-saudi .container .form_con .sumbit {
        width: 100%;
        text-align: center;
        margin-top: 2vw;
        margin-bottom: 3vw;
        background-color: #40577d;
        padding: 3%;
        box-sizing: border-box;
        border-radius: 1.5vw;
    }
    .cti-saudi .container .form_con .sumbit a {
        background-color: #40577d;
        font-size: 3vw;
        color: #fff;
        padding: 0;
    }
    .cti-saudi .container .fotter_phone {
        width: 95%;
        margin: 4vw auto auto;
        display: block;
        display: flex;
        align-items: flex-end;
        font-size: 4vw;
        font-weight: 700;
    }
    .cti-saudi .container .fotter_phone .number {
        padding-left: 4%;
        box-sizing: border-box;
    }
    .cti-saudi .container .fotter_phone .adress {
        margin-left: 3vw;
        font-size: 2vw;
        font-weight: 400;
    }
}
.cti-social_responsibility {
    background-color: #f8f8f8;
}
.cti-social_responsibility .kv,
.cti-social_responsibility .kv img {
    width: 100%;
}
.cti-social_responsibility .responsibility {
    width: 71%;
    margin: auto;
    padding-top: 2vw;
}
.cti-social_responsibility .responsibility .responsibility_title {
    width: 100%;
    padding: 3% 0;
    font-size: 2vw;
    font-weight: 700;
    border-bottom: 1px solid #d1d1d1;
}
.cti-social_responsibility .responsibility .responsibility_top {
    width: 100%;
    font-size: 1vw;
    color: #333;
    margin-top: 2vw;
}
.cti-social_responsibility .responsibility .top_img {
    width: 100%;
    margin-top: 2vw;
}
.cti-social_responsibility .responsibility .top_img img {
    width: 100%;
}
.cti-social_responsibility .responsibility .top_text {
    width: 100%;
    margin-top: 2vw;
    color: #333;
    font-size: 1.45vw;
}
.cti-social_responsibility .responsibility .top_text .social_con {
    font-size: 1vw;
    margin-top: 1.5vw;
}
.cti-social_responsibility .responsibility .social_title {
    width: 100%;
    margin-top: 2vw;
    color: #333;
    font-size: 1.45vw;
}
.cti-social_responsibility .responsibility .social_title .social_con {
    font-size: 1vw;
    margin-top: 1.5vw;
}
.cti-social_responsibility .responsibility .energy_title {
    width: 100%;
    padding: 3% 0;
    font-size: 2vw;
    margin-top: 3vw;
    border-top: 1px solid #d1d1d1;
    color: #333;
}
.cti-social_responsibility .responsibility .energy_title p {
    font-size: 1vw;
    margin-top: 2vw;
}
.cti-social_responsibility .responsibility .energy_con {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
/* .cti-social_responsibility .responsibility .energy_con .energy_left,
.cti-social_responsibility .responsibility .energy_con .energy_right {
    width: 48%;
    color: #333;
} */

.cti-social_responsibility .responsibility .energy_con .energy_left{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.cti-social_responsibility .responsibility .energy_con .energy_left > div {
    background-color: #fff;
    border-radius: 2vw;
    border: 2px solid #d9d9d9;
    padding: 5%;
    box-sizing: border-box;
    width: 49%;
    margin: 15px 0;
}
.cti-social_responsibility .responsibility .energy_con .energy_left .date {
    font-size: 2.5vw;
}
.cti-social_responsibility .responsibility .energy_con .energy_left p {
    margin-top: 1vw;
    font-size: 1vw;
}
.cti-social_responsibility .responsibility .energy_con .energy_left p:first-child {
    margin-top: 0;
}
/* .cti-social_responsibility .responsibility .energy_con .energy_left > div:nth-child(2) {
    margin-top: 2vw;
} */
.cti-social_responsibility .responsibility .energy_con .energy_right div {
    background-color: #fff;
    border-radius: 2vw;
    border: 2px solid #d9d9d9;
    padding: 5%;
    box-sizing: border-box;
}
.cti-social_responsibility .responsibility .energy_con .energy_right .date {
    font-size: 2.5vw;
}
.cti-social_responsibility .responsibility .energy_con .energy_right p {
    margin-top: 1vw;
    font-size: 1vw;
}
.cti-social_responsibility .responsibility .energy_con .energy_right p:first-child {
    margin-top: 0;
}
.cti-social_responsibility .responsibility .energy_con .energy_right div:nth-child(2) {
    margin-top: 2vw;
}
.cti-social_responsibility .responsibility .socila_td {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3vw;
}
.cti-social_responsibility .responsibility .socila_td .left {
    width: 47.4%;
    border: 2px solid #a19c9c;
    border-radius: 1vw;
    overflow: hidden;
    font-weight: 100;
}
.cti-social_responsibility .responsibility .socila_td .left .top {
    width: 100%;
    display: flex;
    padding: 1vw 0.2vw;
    box-sizing: border-box;
    align-items: center;
    color: #fff;
    font-size: 1.1vw;
    background-color: #a19c9c;
}
.cti-social_responsibility .responsibility .socila_td .left .top .top_left {
    width: 35%;
    text-align: center;
}
.cti-social_responsibility .responsibility .socila_td .left .top .top_right {
    width: 35%;
    text-align: center;
    margin-left: 4vw;
}
.cti-social_responsibility .responsibility .socila_td .left .footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5%;
    box-sizing: border-box;
}
.cti-social_responsibility .responsibility .socila_td .left .footer .footer_left {
    width: 30%;
}
.cti-social_responsibility .responsibility .socila_td .left .footer .footer_left img {
    text-align: center;
    width: 100%;
}
.cti-social_responsibility .responsibility .socila_td .left .footer .footer_right {
    width: 67%;
    padding: 0 1%;
    box-sizing: border-box;
    font-size: 1vw;
    color: #8fb641;
}
.cti-social_responsibility .responsibility .socila_td .left .footer .footer_right div {
    border-radius: 2vw;
    border: 2px solid #a19c9c;
    margin-bottom: 0.5vw;
    padding: 5% 0 5% 5%;
    box-sizing: border-box;
    color: #a19c9c;
    font-weight: 400;
}
.cti-social_responsibility .responsibility .socila_td .right {
    width: 45%;
}

.cti-social_responsibility .responsibility .social-img-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2vw;
}
.cti-social_responsibility .responsibility .social-img-flex > div{
    width: 49%;
}
.cti-social_responsibility .responsibility .social-img-flex > div img{
    width: 100%;
}
@media screen and (max-width: 750px) {
    .cti-social_responsibility {
        background-color: #f8f8f8;
    }
    .cti-social_responsibility .kv,
    .cti-social_responsibility .kv img {
        width: 100%;
    }
    .cti-social_responsibility .responsibility {
        width: 90%;
        margin: auto;
    }
    .cti-social_responsibility .responsibility .responsibility_title {
        width: 100%;
        padding: 3% 0;
        font-size: 4vw;
        font-weight: 700;
        border-bottom: 1px solid #d1d1d1;
    }
    .cti-social_responsibility .responsibility .responsibility_top {
        width: 100%;
        font-size: 3vw;
        color: #333;
        margin-top: 2vw;
    }
    .cti-social_responsibility .responsibility .top_img {
        width: 100%;
        margin-top: 2vw;
    }
    .cti-social_responsibility .responsibility .top_img img {
        width: 100%;
    }
    .cti-social_responsibility .responsibility .top_text {
        width: 100%;
        margin-top: 2vw;
        color: #333;
        font-size: 3.5vw;
    }
    .cti-social_responsibility .responsibility .top_text .social_con {
        font-size: 3vw;
        margin-top: 1.5vw;
    }
    .cti-social_responsibility .responsibility .social_title {
        width: 100%;
        margin-top: 2vw;
        color: #333;
        font-size: 3.5vw;
    }
    .cti-social_responsibility .responsibility .social_title .social_con {
        font-size: 3vw;
        margin-top: 1.5vw;
    }
    .cti-social_responsibility .responsibility .energy_title {
        width: 100%;
        padding: 3% 0;
        font-size: 3.5vw;
        margin-top: 3vw;
        border-top: 1px solid #d1d1d1;
        color: #333;
    }
    .cti-social_responsibility .responsibility .energy_title p {
        font-size: 3vw;
        margin-top: 2vw;
    }
    .cti-social_responsibility .responsibility .energy_con {
        width: 100%;
        display: block;
        justify-content: space-between;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_left {
        width: 100%;
        color: #333;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_left > div {
        background-color: #fff;
        border-radius: 2vw;
        border: 2px solid #d9d9d9;
        padding: 5%;
        box-sizing: border-box;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_left .date {
        font-size: 5.5vw;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_left p {
        margin-top: 1vw;
        font-size: 3vw;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_left p:first-child {
        margin-top: 0;
    }
    /* .cti-social_responsibility .responsibility .energy_con .energy_left > div:nth-child(2) {
        margin-top: 2vw;
    } */
    .cti-social_responsibility .responsibility .energy_con .energy_right {
        width: 100%;
        color: #333;
        margin-top: 2vw;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_right div {
        background-color: #fff;
        border-radius: 2vw;
        border: 2px solid #d9d9d9;
        padding: 5%;
        box-sizing: border-box;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_right .date {
        font-size: 5.5vw;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_right p {
        margin-top: 1vw;
        font-size: 3vw;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_right p:first-child {
        margin-top: 0;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_right div:nth-child(2) {
        margin-top: 2vw;
    }
    .cti-social_responsibility .responsibility .socila_td {
        width: 100%;
        display: block;
        justify-content: space-between;
        margin-bottom: 3vw;
    }
    .cti-social_responsibility .responsibility .socila_td .left {
        width: 100%;
        border: 2px solid #a19c9c;
        border-radius: 2vw;
        overflow: hidden;
        font-weight: 100;
        margin-bottom: 4vw;
    }
    .cti-social_responsibility .responsibility .socila_td .left .top {
        width: 100%;
        display: flex;
        padding: 1vw 0.2vw;
        box-sizing: border-box;
        align-items: center;
        color: #fff;
        font-size: 3.1vw;
        /* background-color: #8fb641; */
    }
    .cti-social_responsibility .responsibility .socila_td .left .top .top_left {
        width: 35%;
        text-align: center;
    }
    .cti-social_responsibility .responsibility .socila_td .left .top .top_right {
        width: 35%;
        text-align: center;
        margin-left: 4vw;
    }
    .cti-social_responsibility .responsibility .socila_td .left .footer {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5%;
        box-sizing: border-box;
    }
    .cti-social_responsibility .responsibility .socila_td .left .footer .footer_left {
        width: 30%;
    }
    .cti-social_responsibility .responsibility .socila_td .left .footer .footer_left img {
        text-align: center;
        width: 100%;
    }
    .cti-social_responsibility .responsibility .socila_td .left .footer .footer_right {
        width: 67%;
        padding: 0 1%;
        box-sizing: border-box;
        font-size: 3vw;
        color: #8fb641;
    }
    .cti-social_responsibility .responsibility .socila_td .left .footer .footer_right div {
        border-radius: 5vw;
        /* border: 2px solid #8fb641; */
        margin-bottom: 1.5vw;
        padding: 5% 0 5% 5%;
        box-sizing: border-box;
    }
    .cti-social_responsibility .responsibility .socila_td .right {
        width: 45%;
    }
}
.cti-source_material {
    font-size: 1vw;
}
.cti-source_material .yy-end {
    text-align: center;
    display: none;
}
.cti-source_material .iconxiazai {
    font-size: 2vw !important;
}
.cti-source_material .login-kv,
.cti-source_material .login-kv img {
    width: 100%;
}
.cti-source_material .dowlod_map {
    width: 100%;
    text-align: center;
    padding-bottom: 3%;
    padding-top: 1.7%;
    box-sizing: border-box;
    font-size: 1.8vw;
}
.cti-source_material .map_con {
    width: 85%;
    margin: auto;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #a2a2a2;
    padding: 1% 0;
    box-sizing: border-box;
    justify-content: space-between;
}
.cti-source_material .map_con .left {
    width: 3%;
    text-align: center;
}
.cti-source_material .map_con .left img {
    width: 100%;
}
.cti-source_material .map_con .name {
    padding-left: 2%;
    flex: 1;
    box-sizing: border-box;
}
.cti-source_material .map_con .icon {
    width: 3%;
    text-align: center;
}
.cti-source_material .map_con .icon img {
    width: 100%;
}
.cti-source_material .search {
    width: 91%;
    margin: auto;
    display: flex;
    padding-top: 3%;
    box-sizing: border-box;
}
.cti-source_material .search div {
    margin-left: auto;
    width: 20%;
    text-align: right;
    box-sizing: border-box;
    border: 1px solid #a2a2a2;
    border-radius: 30px;
    display: flex;
    align-items: center;
    padding: 1% 1% 1% 2%;
}
.cti-source_material .search div span {
    cursor: pointer;
    color: #a2a2a2;
    font-size: 1vw;
}
.cti-source_material .search div input {
    width: 70%;
    padding-left: 4%;
    box-sizing: border-box;
    font-size: 0.8vw;
}
.cti-source_material .hongqi-data,
.cti-source_material .hongqi-picture,
.cti-source_material .hongqi-pictures {
    /* padding-bottom: 3%; */
    padding-bottom: 1.7%;
    font-size: 1.8vw;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.cti-source_material .search div input::-webkit-input-placeholder {
    color: #a2a2a2;
}
.cti-source_material .search div input::-moz-placeholder {
    color: #a2a2a2;
}
.cti-source_material .hongqi-data,
.cti-source_material .hongqi-picture {
    padding-top: 1.7%;
}
.cti-source_material .model {
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
    padding-top: 3%;
    box-sizing: border-box;
    overflow: hidden;
}
.cti-source_material .model ul {
    width: 60%;
    margin: 0 auto;
    display: flex;
    position: relative;
    justify-content: center;
}
.cti-source_material .model ul li {
    width: 20%;
    text-align: center;
    color: #a2a2a2;
    white-space: nowrap;
    padding: 0 5%;
    cursor: pointer;
}
.cti-source_material .model ul li .circular {
    color: #000;
    font-size: 16px;
}
.cti-source_material .model ul li::after {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #000;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    margin: 0 6%;
}
.cti-source_material .model ul .active {
    color: #000;
    pointer-events: none;
}
.cti-source_material .tab-con .show {
    display: block !important;
}
.cti-source_material .tab-con .con {
    display: none;
}
.cti-source_material .tab-con .con .rotate-wrap {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transition: all 1s;
}
.cti-source_material .tab-con .con .rotate-wrap.d-rotateY {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
}
.cti-source_material .tab-con .con .product_area {
    width: 91%;
    margin: 0 auto;
}
.cti-source_material .tab-con .con .product_area .product-row {
    width: 100%;
    display: flex;
    /* margin-bottom: 20px; */
    margin-bottom: 0;
    flex-wrap: wrap;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item:nth-child(3n) {
    margin-right: 0;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item {
    position: relative;
    width: 31.9%;
    margin-right: 2%;
    /* margin-bottom: 2%; */
    margin-bottom: 0;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .d-mask {
    z-index: 1;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .product-con,
.cti-source_material .tab-con .con .product_area .product-row .product-item .product-con img {
    width: 100%;
    height: 100%;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    z-index: 1;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-text {
    flex: 1;
    padding-left: 1em;
    box-sizing: border-box;
    padding-bottom: 1%;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-text span {
    font-size: 0.9vw;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon {
    flex: 1;
    text-align: right;
    height: 4vw;
    max-width: 24%;
    margin-right: 0;
    box-sizing: border-box;
    display: flex;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon div {
    flex: 1;
    margin-right: 0;
    text-align: center;
    cursor: pointer;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon div .iconxiazai1 {
    font-size: 2.1vw;
    line-height: 2;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon div .iconsearch {
    line-height: 2;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon div:hover {
    background-color: #eee;
    color: #333;
}
.cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon span {
    font-size: 2vw;
}
.cti-source_material .tab-con .con .product_area .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 2%;
    overflow: inherit;
}
.cti-source_material .tab-con .con .product_area .imgNone {
    display: none;
}
.cti-source_material .tab-con .con .hongqi-video {
    width: 91%;
    margin: 0 auto;
}
.cti-source_material .tab-con .con .hongqi-video .video-row {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    overflow: hidden;
    flex-wrap: wrap;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item:nth-child(3n) {
    margin-right: 0;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item {
    position: relative;
    width: 31.9%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video .video-auto {
    width: 580px;
    max-width: 580px;
    max-height: 380px;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .framing,
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .framing img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask {
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
    color: #fff;
    line-height: 1;
    margin-right: 0;
    height: 50px;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask div {
    margin-right: 0;
    flex: 1;
    max-width: 12%;
    height: 4vw;
    text-align: center;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask div:hover {
    background-color: #eee;
    color: #333;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask .single-line {
    font-size: 0.9vw;
    padding-left: 1em;
    box-sizing: border-box;
    max-width: 70%;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask .iconxiazai1 {
    line-height: 2;
    font-size: 2vw;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .video-info {
    width: 100%;
    box-sizing: border-box;
    margin: auto;
    display: flex;
    align-items: center;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .video-info .video-bo {
    flex: 1;
    max-width: 20%;
    cursor: pointer;
    margin-right: 0;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .video-info .video-bo img {
    width: 100%;
}
.cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .video-info .video-time {
    flex: 1;
    max-width: 20%;
    height: 3.4vw;
    line-height: 3.4vw;
    font-size: 1vw;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}
.cti-source_material .tab-con .con .hongqi-video .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 2%;
    overflow: inherit;
}
.cti-source_material .tab-con .con .hongqi-video .videoNone {
    display: none;
}
.cti-source_material .tab-con .con .data-area {
    width: 91%;
    margin: 0 auto;
}
.cti-source_material .tab-con .con .data-area .d-mask {
    z-index: 1;
    pointer-events: none;
}
.cti-source_material .tab-con .con .data-area .technology_row {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item:nth-child(3n) {
    margin-right: 0;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item {
    position: relative;
    width: 31.9%;
    margin-right: 2%;
    margin-bottom: 2%;
    overflow: hidden;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item .technology-con,
.cti-source_material .tab-con .con .data-area .technology_row .product-item .technology-con img {
    width: 100%;
    height: 100%;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    z-index: 1;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-text {
    flex: 1;
    padding-left: 1em;
    box-sizing: border-box;
    padding-bottom: 1%;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-text span {
    font-size: 0.9vw;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon {
    flex: 1;
    text-align: right;
    height: 4vw;
    max-width: 14%;
    margin-right: 0;
    box-sizing: border-box;
    display: flex;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon div {
    width: 4vw;
    height: 4vw;
    margin-right: 0;
    text-align: center;
    cursor: pointer;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon div .iconxiazai1 {
    font-size: 2.1vw;
    line-height: 2;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon div:hover {
    background-color: #eee;
    color: #333;
}
.cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon span {
    font-size: 2vw;
}
.cti-source_material .tab-con .con .data-area .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 4%;
    overflow: inherit;
}
.cti-source_material .tab-con .con .data-area .dataNone {
    display: none;
}
@media screen and (max-width: 750px) {
    .cti-source_material .iconxiazai {
        font-size: 4vw !important;
    }
    .cti-source_material .hongqi-pictures {
        padding-bottom: 7%;
        padding-top: 4%;
        font-size: 6vw;
        font-weight: 700;
    }
    .cti-source_material .hongqi-picture {
        padding-bottom: 3%;
        padding-top: 8.7%;
        font-size: 6vw;
        box-sizing: border-box;
        font-weight: 700;
    }
    .cti-source_material .hongqi-data {
        padding-bottom: 3%;
        padding-top: 1.7%;
        font-size: 6vw;
        font-weight: 700;
    }
    .cti-source_material .dowlod_map {
        width: 100%;
        text-align: center;
        padding-bottom: 3%;
        padding-top: 1.7%;
        box-sizing: border-box;
        font-size: 1.8vw;
        display: none;
    }
    .cti-source_material .map_con {
        display: none;
    }
    .cti-source_material .model {
        padding-top: 5%;
    }
    .cti-source_material .model ul {
        width: 72%;
        justify-content: flex-start;
        overflow: hidden;
        overflow-x: auto;
    }
    .cti-source_material .model ul li {
        width: 20%;
        text-align: center;
        color: #a2a2a2;
        white-space: nowrap;
        padding: 0 5%;
        cursor: pointer;
        font-size: 3vw;
    }
    .cti-source_material .model ul li .circular {
        color: #000;
        font-size: 16px;
    }
    .cti-source_material .model ul li::after {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 100%;
        background: #000;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        margin: 0 5%;
    }
    .cti-source_material .model ul .active {
        color: #000;
    }
    .cti-source_material .tab-con .show {
        display: block !important;
    }
    .cti-source_material .tab-con .con {
        display: none;
    }
    .cti-source_material .tab-con .con .rotate-wrap {
        transform: rotateY(180deg);
        transition: all 1s;
    }
    .cti-source_material .tab-con .con .rotate-wrap.d-rotateY {
        transform: rotateY(360deg);
    }
    .cti-source_material .tab-con .con .product_area {
        width: 91%;
        margin: 0 auto;
    }
    .cti-source_material .tab-con .con .product_area .product-row {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item:nth-child(3n) {
        margin-right: 0;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item {
        position: relative;
        width: 100%;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item .d-mask {
        z-index: 1;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item .product-con,
    .cti-source_material .tab-con .con .product_area .product-row .product-item .product-con img {
        width: 100%;
        height: 100%;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask {
        position: absolute;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        line-height: 1;
        display: flex;
        align-items: center;
        z-index: 1;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-text {
        flex: 1;
        padding-left: 1em;
        box-sizing: border-box;
        padding-bottom: 1%;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-text span {
        font-size: 3vw;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon div .iconxiazai1,
    .cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon span {
        font-size: 6vw;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon {
        flex: 1;
        text-align: right;
        height: 14vw;
        line-height: 2.5;
        max-width: 24%;
        margin-right: 0;
        box-sizing: border-box;
        display: flex;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon div {
        width: 10vw;
        height: 14vw;
        margin-right: 0;
        text-align: center;
        cursor: pointer;
    }
    .cti-source_material .tab-con .con .product_area .product-row .product-item .bottom-mask .mask-icon div:hover {
        background-color: #eee;
        color: #333;
    }
    .cti-source_material .tab-con .con .product_area .loading {
        width: 100%;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 2%;
        overflow: inherit;
    }
    .cti-source_material .tab-con .con .product_area .loading a {
        font-size: 2vw;
    }
    .cti-source_material .tab-con .con .product_area .imgNone {
        display: none;
    }
    .cti-source_material .tab-con .con .product_area .imgend {
        font-size: 3vw;
    }
    .cti-source_material .tab-con .con .hongqi-video {
        width: 91%;
        margin: 0 auto;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        overflow: hidden;
        flex-wrap: wrap;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item:nth-child(3n) {
        margin-right: 0;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item {
        position: relative;
        width: 100%;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video {
        width: 100%;
        height: 100%;
        display: none;
        position: absolute;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video .video-auto {
        width: 580px;
        max-width: 580px;
        max-height: 380px;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .framing,
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .framing img {
        width: 100%;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask {
        background-color: rgba(0, 0, 0, 0.6);
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;
        align-items: center;
        color: #fff;
        line-height: 1;
        margin-right: 0;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask div {
        margin-right: 0;
        flex: 1;
        max-width: 12%;
        height: 14vw;
        line-height: 2.5;
        text-align: center;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask div:hover {
        background-color: #eee;
        color: #333;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask .single-line {
        font-size: 3vw;
        padding-left: 1em;
        box-sizing: border-box;
        max-width: 70%;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .bottom-mask .iconxiazai1 {
        font-size: 6vw;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .video-info {
        width: 100%;
        box-sizing: border-box;
        margin: auto;
        display: flex;
        align-items: center;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .video-info .video-bo {
        flex: 1;
        max-width: 20%;
        cursor: pointer;
        margin-right: 0;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .video-info .video-bo img {
        width: 100%;
    }
    .cti-source_material .tab-con .con .hongqi-video .video-row .product-item .video-bottom .video-info .video-time {
        flex: 1;
        max-width: 20%;
        height: 10.5vw;
        line-height: 10.5vw;
        font-size: 1vw;
        background-color: rgba(0, 0, 0, 0.6);
        text-align: center;
        color: #fff;
        box-sizing: border-box;
    }
    .cti-source_material .tab-con .con .hongqi-video .loading {
        width: 100%;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 2%;
        overflow: inherit;
    }
    .cti-source_material .tab-con .con .hongqi-video .loading a {
        font-size: 2vw;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-text span,
    .cti-source_material .tab-con .con .hongqi-video .videoend {
        font-size: 3vw;
    }
    .cti-source_material .tab-con .con .hongqi-video .videoNone {
        display: none;
    }
    .cti-source_material .tab-con .con .data-area {
        width: 91%;
        margin: 0 auto;
    }
    .cti-source_material .tab-con .con .data-area .d-mask {
        z-index: 1;
        pointer-events: none;
    }
    .cti-source_material .tab-con .con .data-area .technology_row {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item:nth-child(3n) {
        margin-right: 0;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item {
        position: relative;
        width: 100%;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .technology-con,
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .technology-con img {
        width: 100%;
        height: 100%;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask {
        position: absolute;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        line-height: 1;
        display: flex;
        align-items: center;
        z-index: 1;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-text {
        flex: 1;
        padding-left: 1em;
        box-sizing: border-box;
        padding-bottom: 1%;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon {
        flex: 1;
        height: 14vw;
        line-height: 2.5;
        max-width: 14%;
        margin-right: 0;
        box-sizing: border-box;
        display: flex;
        text-align: right;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon div {
        width: 14vw;
        height: 14vw;
        margin-right: 0;
        text-align: center;
        cursor: pointer;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon div .iconxiazai1 {
        font-size: 6vw;
    }
    .cti-source_material .tab-con .con .data-area .loading a,
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon span {
        font-size: 2vw;
    }
    .cti-source_material .tab-con .con .data-area .technology_row .product-item .bottom-mask .mask-icon div:hover {
        background-color: #eee;
        color: #333;
    }
    .cti-source_material .tab-con .con .data-area .loading {
        width: 100%;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 4%;
        overflow: inherit;
    }
    .cti-source_material .tab-con .con .data-area .dataNone {
        display: none;
    }
    .cti-source_material .tab-con .con .data-area .dataEnd,
    .cti-source_material .tab-con .con .data-area .dataEnd span {
        font-size: 3vw;
    }
}
.cti-training_gate .kv,
.cti-training_gate .kv img {
    width: 100%;
}
.cti-training_gate .about {
    width: 60%;
    margin: auto;
}
.cti-training_gate .about .about_title {
    width: 100%;
    padding: 3% 0;
    box-sizing: border-box;
    font-size: 2vw;
    font-weight: 700;
}
.cti-training_gate .about .pc-show {
    display: block;
}
.cti-training_gate .about .about_con {
    width: 100%;
    position: relative;
    margin-bottom: 1vw;
}
.cti-training_gate .about .about_con img {
    width: 100%;
}
.cti-training_gate .about .about_con .about_btn {
    position: absolute;
    width: 100%;
    left: 3vw;
    right: 0;
    bottom: 3vw;
    margin: auto;
    color: #fff;
}
.cti-training_gate .about .about_con .about_btn a {
    border: 1px solid #fff;
    padding: 1% 5%;
    box-sizing: border-box;
    font-size: 1vw;
}
.cti-training_gate .about .about_con .about_btn a:hover {
    background-color: #fff;
    color: #333;
}
@media screen and (max-width: 800px) {
    .cti-training_gate .kv,
    .cti-training_gate .kv img {
        width: 100%;
    }
    .cti-training_gate .about {
        width: 100%;
        margin: auto;
    }
    .cti-training_gate .about .about_title {
        width: 100%;
        padding: 3% 0 3% 3%;
        box-sizing: border-box;
        font-size: 4vw;
        font-weight: 700;
    }
    .cti-training_gate .about .pc-show {
        display: none;
    }
    .cti-training_gate .about .about_con {
        width: 100%;
        position: relative;
        margin-top: 4vw;
    }
    .cti-training_gate .about .about_con img {
        width: 100%;
    }
    .cti-training_gate .about .about_con .about_btn {
        position: absolute;
        width: 100%;
        left: 3vw;
        right: 0;
        bottom: 3vw;
        margin: auto;
        color: #fff;
    }
    .cti-training_gate .about .about_con .about_btn a {
        border: 1px solid #fff;
        padding: 1% 5%;
        box-sizing: border-box;
        font-size: 3vw;
    }
    .cti-training_gate .about .about_con .about_btn a:hover {
        background-color: #fff;
        color: #333;
    }
}
.cti-training_materials .login-online,
.cti-training_materials .technology-online {
    width: 100%;
    text-align: center;
    padding-bottom: 3%;
    font-size: 1.8vw;
    box-sizing: border-box;
}
.cti-training_materials .yy-end {
    text-align: center;
    display: none;
}
.cti-training_materials .login-kv,
.cti-training_materials .login-kv img {
    width: 100%;
}
.cti-training_materials .login-online {
    padding-top: 3%;
}
.cti-training_materials .technology-online {
    padding-top: 2%;
}
.cti-training_materials .product_area {
    width: 91%;
    margin: 0 auto;
}
.cti-training_materials .product_area .img-ani-wrap {
    cursor: pointer;
}
.cti-training_materials .product_area .product-row {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    overflow: hidden;
    flex-wrap: wrap;
}
.cti-training_materials .product_area .product-row .product-item:nth-child(3n) {
    margin-right: 0;
}
.cti-training_materials .product_area .product-row .product-item {
    position: relative;
    width: 32.2%;
    margin-right: 1.2%;
    margin-bottom: 2%;
}
.cti-training_materials .product_area .product-row .product-item .d-mask {
    z-index: 1;
}
.cti-training_materials .product_area .product-row .product-item .product-con,
.cti-training_materials .product_area .product-row .product-item .product-con img {
    width: 100%;
    height: 100%;
}
.cti-training_materials .product_area .product-row .product-item .bottom-mask {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    z-index: 1;
}
.cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-text {
    flex: 1;
    padding-left: 1em;
    box-sizing: border-box;
}
.cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-text span {
    font-size: 0.9vw;
}
.cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon {
    flex: 1;
    text-align: right;
    height: 4vw;
    line-height: 2;
    max-width: 14%;
    margin-right: 0;
    box-sizing: border-box;
    display: flex;
}
.cti-training_materials .jishuBox,
.cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon div:nth-child(2) {
    display: none;
}
.cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon div {
    width: 4.1vw;
    height: 4vw;
    margin-right: 0;
    text-align: center;
    cursor: pointer;
}
.cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon div:hover {
    background-color: #eee;
    color: #333;
}
.cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon span {
    font-size: 2vw;
}
.cti-training_materials .product_area .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 2%;
    overflow: inherit;
}
.cti-training_materials .technology_area {
    width: 91%;
    margin: 0 auto;
}
.cti-training_materials .technology_area .technology_row {
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.cti-training_materials .technology_area .technology_row .product-item:nth-child(3n) {
    margin-right: 0;
}
.cti-training_materials .technology_area .technology_row .product-item {
    position: relative;
    width: 31.9%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.cti-training_materials .technology_area .technology_row .product-item .d-mask {
    z-index: 1;
}
.cti-training_materials .technology_area .technology_row .product-item .product-con,
.cti-training_materials .technology_area .technology_row .product-item img {
    width: 100%;
    height: 100%;
}
.cti-training_materials .technology_area .technology_row .product-item .bottom-mask {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    box-sizing: border-box;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    z-index: 1;
}
.cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-text {
    flex: 1;
    padding-left: 1em;
    box-sizing: border-box;
}
.cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-text span {
    font-size: 0.9vw;
}
.cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon {
    flex: 1;
    text-align: right;
    height: 4vw;
    line-height: 2;
    max-width: 14%;
    margin-right: 0;
    box-sizing: border-box;
    display: flex;
}
.cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon div {
    width: 4.1vw;
    height: 4vw;
    margin-right: 0;
    text-align: center;
    cursor: pointer;
}
.cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon div:nth-child(2) {
    display: none;
}
.cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon div:hover {
    background-color: #eee;
    color: #333;
}
.cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon span {
    font-size: 2vw;
}
.cti-training_materials .technology_area .loading {
    width: 100%;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 2%;
    overflow: inherit;
}
@media screen and (max-width: 750px) {
    .cti-contact .title p{
        font-size: 14px;
        max-width: 90%;
    }
    .cti-training_materials .login-online,
    .cti-training_materials .technology-online {
        width: 100%;
        text-align: center;
        font-size: 6vw;
        font-weight: 700;
        box-sizing: border-box;
    }
    .cti-training_materials .login-kv,
    .cti-training_materials .login-kv img {
        width: 100%;
    }
    .cti-training_materials .login-online {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .cti-training_materials .technology-online {
        padding-top: 4%;
        padding-bottom: 4%;
    }
    .cti-training_materials .product_area {
        width: 91%;
        margin: 0 auto;
    }
    .cti-training_materials .product_area .img-ani-wrap {
        cursor: pointer;
    }
    .cti-training_materials .product_area .product-row {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        overflow: hidden;
        flex-wrap: wrap;
    }
    .cti-training_materials .product_area .product-row .product-item:nth-child(3n) {
        margin-right: 0;
    }
    .cti-training_materials .product_area .product-row .product-item {
        position: relative;
        width: 100%;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .cti-training_materials .product_area .product-row .product-item .d-mask {
        z-index: 1;
    }
    .cti-training_materials .product_area .product-row .product-item .product-con,
    .cti-training_materials .product_area .product-row .product-item .product-con img {
        width: 100%;
        height: 100%;
    }
    .cti-training_materials .product_area .product-row .product-item .bottom-mask {
        position: absolute;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        line-height: 1;
        display: flex;
        align-items: center;
        z-index: 1;
    }
    .cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-text {
        flex: 1;
        padding-left: 1em;
        box-sizing: border-box;
    }
    .cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-text span {
        font-size: 3vw;
    }
    .cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon {
        flex: 1;
        text-align: right;
        height: 14vw;
        line-height: 2.5;
        max-width: 14%;
        margin-right: 0;
        box-sizing: border-box;
        display: flex;
    }
    .cti-training_materials .jishuBox,
    .cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon div:nth-child(2) {
        display: none;
    }
    .cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon div {
        width: 14vw;
        height: 14vw;
        margin-right: 0;
        text-align: center;
        cursor: pointer;
    }
    .cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon div:hover {
        background-color: #eee;
        color: #333;
    }
    .cti-training_materials .product_area .product-row .product-item .bottom-mask .mask-icon span {
        font-size: 6vw;
    }
    .cti-training_materials .product_area .loading {
        width: 100%;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 2%;
        overflow: inherit;
    }
    .cti-training_materials .product_area .loading a {
        font-size: 2vw;
    }
    .cti-training_materials .product_area .dataEnd,
    .cti-training_materials .product_area .dataEnd span,
    .cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-text span {
        font-size: 3vw;
    }
    .cti-training_materials .technology_area {
        width: 91%;
        margin: 0 auto;
    }
    .cti-training_materials .technology_area .technology_row {
        width: 100%;
        display: block;
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
    .cti-training_materials .technology_area .technology_row .product-item:nth-child(3n) {
        margin-right: 0;
    }
    .cti-training_materials .technology_area .technology_row .product-item {
        position: relative;
        width: 100%;
        margin-right: 2%;
        margin-bottom: 4%;
    }
    .cti-training_materials .technology_area .technology_row .product-item .d-mask {
        z-index: 1;
    }
    .cti-training_materials .technology_area .technology_row .product-item .product-con,
    .cti-training_materials .technology_area .technology_row .product-item img {
        width: 100%;
        height: 100%;
    }
    .cti-training_materials .technology_area .technology_row .product-item .bottom-mask {
        position: absolute;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        left: 0;
        right: 0;
        bottom: 0;
        color: #fff;
        line-height: 1;
        display: flex;
        align-items: center;
        z-index: 1;
    }
    .cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-text {
        flex: 1;
        padding-left: 1em;
        box-sizing: border-box;
    }
    .cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon {
        flex: 1;
        text-align: right;
        height: 14vw;
        line-height: 2.5;
        max-width: 14%;
        margin-right: 0;
        box-sizing: border-box;
        display: flex;
    }
    .cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon div {
        width: 14vw;
        height: 14vw;
        margin-right: 0;
        text-align: center;
        cursor: pointer;
    }
    .cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon div:nth-child(2) {
        display: none;
    }
    .cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon div:hover {
        background-color: #eee;
        color: #333;
    }
    .cti-training_materials .technology_area .technology_row .product-item .bottom-mask .mask-icon span {
        font-size: 6vw;
    }
    .cti-training_materials .technology_area .loading {
        width: 100%;
        text-align: center;
        margin-top: 4%;
        margin-bottom: 2%;
        overflow: inherit;
    }
    .cti-training_materials .technology_area .dataEnd span,
    .cti-training_materials .technology_area .loading a {
        font-size: 3vw;
    }
    .cti-training_materials .loading-btn {
        padding: 2em 4em;
        font-size: 2vw;
    }
}

@media screen and (max-width:768px) {
    .section-bg-title{
        left: 50%;
        transform: translateX(-50%);
        font-size: 25px;
        width: 100%;
        text-align: center;
    }
    .cti-about .about .about_con .about_con_title{
        font-size: 18px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }
    .cti-about .about .about_con .about_btn{
        left: 0;
        text-align: center;
    }
}

@media screen and (min-width:768px) and (max-width:820px) {
    .cti-map-wrapper .map-wrap{
        overflow: unset;
    }
    .cti-event-detail .detail{
        width: 90%;
    }
    .section-bg-title{
        left: 50%;
        transform: translateX(-50%);
        font-size: 25px;
        width: 100%;
        text-align: center;
    }
    .input-wrap input, 
    .input-wrap textarea {
        padding: 0.5em 1em;
        line-height: 1;
        text-align: left;
    }
}

@media screen and (max-width:768px) {
    .section-bg-title{
        left: 50%;
        transform: translateX(-50%);
        font-size: 25px;
        width: 100%;
        text-align: center;
    }
    .cti-about .about .about_con .about_con_title{
        font-size: 18px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }
    .cti-about .about .about_con .about_btn{
        left: 0;
        text-align: center;
    }
}

@media screen and (max-width: 800px) {
    .menu-dropdown-right{
        display: none;
    }
    #cti-header .menu .item{
        position: relative;
    }
    #cti-header .menu .item:hover .menu-dropdown{
        top: 30px;
        padding: 20px 20px;
        background: #fff;
        z-index: 200;
    }
    .cti-history .history .history_con .right{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 45px;
        padding: 20px 0;
    }
    .cti-history .history .history_con.cloum .right .top::before,
    .cti-history .history .history_con.serve .right .top::before{
        display: none;
    }
    .cti-achievement .achievement_con .awards .awards_con img{
        width: 100%;
    }
    .cti-social_responsibility .responsibility img{
        width: 100%;
    }
    .cti-social_responsibility .responsibility .energy_con .energy_left > div{
        width: 100%;
    }
    .cti-social_responsibility .responsibility .social-img-flex > div{
        width: 100%;
    }
    #cti-footer .contact .email-wrap .button{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .cti-cartype-new-h9 .swiper-banner-wap .title-new-h9{
        top: 43.6vw;
    }
    .map-info{
        display: none;
    }
    .map-info.show{
        display: block;
        width: 88%;
    }

    div[class*="cti"] .kv{
        height: 35vh;
    }
}