@charset "utf-8";

html {
    -webkit-text-size-adjust: 100%;
}

* {
    padding: 0px;
    margin: 0px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pay h2,
h3,
h4,
h5,
p,
div,
a,
ul,
li,
img,
span {
    margin: 0px;
    outline: none;
    padding: 0;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

body {
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
    line-height: 1.42857143;
    color: #333333;
    font-size: 14px;
}

li {
    list-style: none;
    list-style-position: initial;
    list-style-image: initial;
    list-style-type: none;
}

a {
    color: #666;
    text-decoration: none;
}

h2,
h3,
h4,
h5,
p,
div,
a,
ul,
li,
img,
span {
    outline: none;
}

img {
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.1;
    font-family: inherit;
    font-weight: 500;
    color: inherit;
}

.floatLeft {
    float: left;
}

.footer {
    width: 100%;
    position: relative;
    color: #000;
}

.footer_wrapper {
    position: relative;
    background: url("/Public/Front/images/footer/yunduo.png") no-repeat bottom / 100% auto !important;
}

.phone .footer_wrapper {
    padding-top: 4%;
}

.footer_wrapper .footer_icon_01 {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
}

.footer_wrapper .footer_icon_01 img,
.footer_wrapper .footer_icon_02 img,
.footer_wrapper .footer_icon_03 img,
.footer_wrapper .footer_icon_04 img {
    width: 100%;
}

.footer_wrapper .footer_icon_02 {
    position: absolute;
    left: 0;
    top: 5%;
    width: 7%;
    z-index: 999;
}

.footer_wrapper .footer_icon_02.mini {
    /* top: 0; */
    width: 8%;
}

.phone .footer_wrapper .footer_icon_02 {
    width: 11%;
}

.footer_wrapper .footer_icon_03 {
    position: absolute;
    top: 5%;
    right: 0;
    width: 8.5%;
    z-index: 999;
}

/* @media screen and (max-width: 1280px) {
    .footer_wrapper .footer_icon_02,
    .footer_wrapper .footer_icon_03 {
        top: 2%;
    }
} */

.footer_wrapper .footer_icon_03.mini {
    /* top: 0; */
    width: 8%;
}

.footer-two .footer_icon_04 {
    position: absolute;
    width: 15.5%;
    left: 0;
    bottom: 0;
}

.phone .foot3 .footer_icon_04 {
    position: absolute;
    width: 15.5%;
    left: 0;
    bottom: 0;
}

.footer-two .footer_icon_04 img,
.phone .foot3 .footer_icon_04 img {
    width: 100%;
}

.footer-one {
    position: relative;
    z-index: 4998;
    width: 100%;
    height: auto;
    /* background: #fff; */
    padding: 40px 0px;
}

.foonter_phone {
    position: relative;
    z-index: 4998;
}

.footer-one-1 {
    margin-left: 5%;
    width: 25%;
    height: 100%;
}

.footerLogo,
.headerLogo {
    width: 49%;
    height: 70px;
    margin-right: 1%;
    cursor: pointer;
}


.footerLogo img,
.headerLogo img {
    height: 40px;
    margin-top: 15px;
}

.footerLogo p {
    height: 40px;
    margin-top: 17px;
    margin-left: 10px;
    font-size: 13px;
    color: #000;
}

.footer-one-2 {
    width: 18%;
    height: 100%;
    padding-left: 30px;
}

.footList {
    padding-left: 30px;
}

.footList>ul>li {
    font-size: 14px;
    line-height: 32px;
    text-indent: 5px;
}

.footer-one-3 {
    width: 16%;
    height: 100%;
}

.footer-one-4 {
    width: 16%;
    height: 100%;
}

.footer-one-5 {
    width: 16%;
    height: 100%;
}

.footer-two {
    position: relative;
    font-size: 13px !important;
    line-height: 15px;
    padding-top: 15px;
    letter-spacing: normal;
    padding-left: 0;
    background: #fff;
    border-top: 2px solid #E3E3E3;
}

.footer-twoRightList {
    border-right: 1px solid #000;
}

.footer-two .footer-twoLeft {
    float: left;
}

.footer-two .footer-twoRightList a,
.footer-two p {
    font-size: 13px !important;
}

.footer-bgimg {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.footer-twoLeft-new {
    text-align: center;
    margin-bottom: 10px;
}

.flex-set {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    padding-bottom: 20px;
}

.footer-twoRightList-new {
    position: relative;
    line-height: 23px;
    padding: 0px 7px;
    font-size: 13px !important;
}

.footer-twoRightList-new>a {
    color: #000;
}

.footer-twoRightList-new::after {
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #000;
    right: 0;
    content: '';
    top: 5px;
}

.footer-twoRightList-new:last-child:after {
    background-color: #fff;
}

.swiper-container91 {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.swiper-container91 .ban1 {
    width: 100%;
}

.swiper-container91 .ban1 img {
    width: 100%;
}

.swiper-button-prev,
.swiper-button-next {
    background-image: none !important;
    top: calc(50% - 50px) !important;
}

@media screen and (max-width:1400px) {
    .footNew div.flexDR {
        flex: 0.5
    }

    .footer-two .footer-twoRight {
        margin-right: 40px;
    }

    .footNew div.flexDR {
        margin-right: 45px;
    }
}

@media screen and (max-width:1180px) {
    .footNew div.flexDL {
        flex: 0.8;
    }
}

@media screen and (max-width:1170px) {
    .footNew div.flexDR {
        margin-right: 0;
    }
}

.footerp>.foot3 .mobileOne {
    font-size: 13px !important;
    color: #000 !important;
}

.footerp>.foot3 .mobileOne a {
    font-size: 13px !important;
    color: #000 !important;
}

.mobileFot div {
    height: 15px;
    line-height: 15px;
}

.foot31_te {
    padding: 5px 0 0 0 !important;
    font-size: 13px !important;
    position: relative;
}

.mobileOne {
    text-align: center;
    margin: 5px 0;
}

.mobileFot {
    display: flex;
    width: 360px;
    margin: 0 auto 10px auto;
    font-size: 13px;
}

.mobileFot div {
    flex: 1;
    border-right: 1px solid #000;
    padding: 0px 7px;
}

.mobileFot div a {
    color: #000;
    font-size: 13px;
}

.mobileFot div.borderNone {
    border-right: none;
}

.swiper-pagination-bullet-active {
    background: #B93D3F !important;
}

.ayou1 {
    overflow: hidden;
    margin-top: 40px;
}

.pdc1 .select_show {
    width: 100%;
    height: auto;
    background: none;
}

.pay .bottom_toolbar {
    width: 100% !important;
    margin-top: 20px;
}

.bottom_toolbar {
    background-color: #FFFFFF;
    clear: both;
    color: #666666;
    font: 12px Arial, Helvetica, SimSun;
    height: 18px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 19px 23px 10px;
    width: 951px;
}

.bottom_toolbar #goTop {
    background: url(../images/arrow_copy.gif) no-repeat scroll right -2px !important;
    padding-right: 45px;
}

.bottom_toolbar .hover {
    color: #BF2318;
    text-decoration: underline;
}

.bottom_toolbar span {
    cursor: pointer;
    float: right;
}

.bg0 {
    position: fixed;
    z-index: 1000000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    display: none;
}

.swiper-container9,.new-swiper-container9 {
    width: 100%;
    overflow: hidden;
    background: #000;
}

.swiper-pagination9,.new-swiper-pagination9 {
    background: #000000;
    padding: 10px 0px;
    text-align: center;
}

@media screen and (min-width:975px) {
    .dnff1 {
        float: left;
        width: 80%;
    }

    .dnc1 h4 {
        font-size: 22px;
        color: #494747;
        line-height: 180%;
    }

    .dnff1 {
        float: left;
        width: 80%;
    }

    .dnffr {
        float: right;
        width: 20%;
    }

    .dnc1 {
        float: left;
        width: 22%;
        margin-right: 3%;
    }

    .dnffr {
        margin-top: 46px;
    }

    .guide_recomfsffs {
        width: 90%;
        margin: 20px auto 40px;
        overflow: hidden;
    }

    .guide_recomfsffs li {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .pdc8 {
        font-size: 30px;
        color: #494747;
        line-height: 180%;
    }

    .pay1 {
        width: 100%;
        margin: 0 auto;
    }

    .pdc1 .select_picBlock {
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        width: 40%;
        float: left;
        margin: 20px 0 0px;
        height: 40px;
    }

    .pdc1 .select_button {
        border: 0px;
        background: #B93D3F;
        width: 28%;
        float: left;
        right: 0px;
        height: 40px;
        top: 20px;
        font-size: 22px;
        color: #FFF;
        border-radius: 10px;
    }

    .ayou1 {
        overflow: hidden;
        margin-top: 40px;
    }

    .ayou1 h2 {
        line-height: 150%;
        padding: 10px;
        font-size: 26px;
        text-align: center;
        color: #000;
        font-weight: 500;
    }

    .ayou1 p {
        line-height: 150%;
        padding: 0px 0px 20px 0px;
        font-size: 12px;
        text-align: center;
        color: #999;
    }

    .goback {
        margin: 40px 0px 0px;
    }

    .goback a {
        font-size: 13px;
        color: #B93D3F
    }

    .pagrt {
        margin: 30px 0px;
        overflow: hidden;
    }

    .pagrt .dsss1 {
        float: left;
    }

    .pagrt .dsss2 {
        float: right;
    }

    .bottom_toolbar {
        width: 980px !important;
    }

    .bb0 {
        position: fixed;
        z-index: 1000001;
        left: 50%;
        top: 50%;
        margin-left: -533.5px;
        margin-top: -300px;
        width: 1067px;
        height: 600px;
        padding: 0%;
        display: none;
    }

    .bb1 {
        overflow: hidden;
        position: absolute;
        z-index: 4001;
        top: 0px;
        right: -75px;
    }

    .bb2 {
        overflow: hidden;
        width: 1067px;
        margin: 0 auto;
    }

    .bb2 video {
        width: 100%;
        object-fit: fill;
    }

    .bb3 {
        position: relative;
        top: 10px;
        left: 20px;
        color: #eee;
        font-size: 16px;
        z-index: 200;
    }

    .swiper-container9 .swiper-pagination-bullet,.new-swiper-container9 .swiper-pagination-bullet{
        width: 15px;
        height: 15px;
        border-radius: 100%;
        background: #4F5050;
        opacity: 1;
        cursor: pointer;
    }

    .swiper-container9 .swiper-pagination-bullet-active,.new-swiper-container9  .swiper-pagination-bullet-active{
        width: 80px;
        height: 15px;
        border-radius: 10px;
        background: #7B7C7C;
    }
}

@media screen and (max-width:974px) {
    .dnc1 h4 {
        font-size: 30px;
        line-height: 200%;
    }

    .pdc6 .search_content select {
        font-size: 18px;
        color: #494747;
        width: 100%;
        margin-left: 0px;
        height: 48px;
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        margin-top: 10px;
    }

    .pay1 {
        width: 90%;
        margin: 0 auto;
    }

    .headpc {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 999999;
    }

    .pdc6 .dealer_search {
        padding: 0px;
        background: none;
        width: 100%;
        height: auto;
        min-height: 118px;
        overflow: hidden;
    }

    .pdc8 {
        font-size: 30px;
        color: #494747;
        margin-left: 1%;
        padding-left: 15px;
    }

    .pdc1 .select_button {
        border: 0px;
        background: #B93D3F;
        width: 28%;
        float: left;
        right: 0px;
        height: 48px;
        top: 20px;
        font-size: 22px;
        color: #FFF;
        border-radius: 10px;
    }

    .ayou1 {
        overflow: hidden;
        margin-top: 40px;
    }

    .ayou1 h2 {
        line-height: 150%;
        padding: 10px;
        font-size: 36px;
        text-align: center;
        color: #000;
        font-weight: 500;
    }

    .ayou1 p {
        line-height: 150%;
        padding: 0px 0px 20px 0px;
        font-size: 20px;
        text-align: center;
        color: #999;
    }

    .goback {
        margin: 40px 0px 0px;
    }

    .goback a {
        font-size: 24px;
        color: #B93D3F
    }

    .pagrt {
        margin: 30px 0px;
        overflow: hidden;
    }

    .bottom_toolbar {
        width: 100% !important;
    }

    .bb0 {
        position: fixed;
        z-index: 1000001;
        left: 50%;
        top: 50%;
        width: 92%;
        height: 406px;
        padding: 3% 0px;
        display: none;
        transform: translate(-50%,-50%);
    }

    .bb1 {
        overflow: hidden;
        position: absolute;
        z-index: 4004;
        top: -50px !important;
        right: 0px !important;
    }

    .bb2 {
        overflow: hidden;
        width: 100%;
        margin: 0 auto;
        position: fixed;
        z-index: 4004;
        top: 50%;
        left: 50%;
        /* margin-left: -360px;
        margin-top: -200px; */
        transform: translate(-50%, -50%);
    }

    .bb2 .CCH5playerContainer {
        width: 100% !important; 
    }

    .bb2 video {
        width: 100%;
    }

    .bb3 {
        overflow: hidden;
        width: 90%;
        margin: 0 auto;
        /* margin-top: 0px;
        margin-left: auto; */
        position: fixed;
        z-index: 4004;
        /* top: 54.8%;
        left: 50%;
        margin-left: -330px;
        margin-top: 150px; */
        bottom: -30px;
        color: #fff;
        font-size: 16px;
    }

    .swiper-container9 .swiper-pagination-bullet,.new-swiper-container9 .swiper-pagination-bullet {
        width: 80px;
        height: 8px;
        border-radius: 10px;
        background: #4F5050;
        opacity: 1;
        cursor: pointer;
    }

    .swiper-container9 .swiper-pagination-bullet-active,.new-swiper-container9 .swiper-pagination-bullet-active {
        width: 80px;
        height: 8px;
        border-radius: 10px;
        background: #7B7C7C;
    }

    .foot3 {
        position: relative;
    }
}

@media screen and (min-width:1900px) {
    .cbodty {
        margin: 0 auto;
        font-size: 14px;
        line-height: 150%;
    }

    .cbodty img {
        max-width: 100%;
    }

    .info99 .cbodty {
        width: 90%;
    }

    .pc {
        display: block;
    }

    .phone {
        display: none;
    }

    .head1 {
        padding: 20px 2.4% 0px;
        overflow: hidden;
        background: #fff;
    }

    .head1a {
        float: left;
        width: 40%;
    }

    .fffds .head1a {
        float: left;
        width: 24%;
    }

    .head1a img {
        height: 51px;
    }

    .head1b {
        float: left;
        margin-top: 10px;
    }

    .head1d {
        float: right;
        margin-top: 8px;
    }

    .head1d img {
        width: 123px;
        margin-top: 6px;
    }

    .head1c {
        float: right;
        margin-top: 10px;
        margin-right: 18px;
    }

    .head1c2 {
        float: left;
        border: 2px solid #c6c6c6;
        line-height: 26px;
    }

    .head1c2 .search {
        display: inline;
        float: left;
        margin: 0px 0 0 0;
        position: relative;
        width: 110px;
        height: 26px;
        border: 0px solid #d2d2d2;
        background: none;
    }

    .head1c2 .search input {
        outline: none;
        width: 100%;
        height: 26px;
        padding: 4px 0px;
        background-color: white;
        font-size: 14px;
        padding-left: 21px;
        border: 1px solid #fff;
        height: 26px;
        margin: 0;
        border: 0;
    }

    .head1c2 .search .getfocus {
        width: 100%;
        padding-left: 5px;
    }

    .head1c2 a.search_but {
        display: block;
        width: 21px;
        height: 17px;
        background: url(../images/ico_s.png) no-repeat;
        position: absolute;
        left: 4px;
        top: 5px;
        z-index: 100000;
    }

    .head1c2 p.sub_logo {
        width: 144px;
        float: left;
        margin: 28px 0 0 40px;
    }

    .head5 {
        background: #000;
        height: 60px;
        padding: 0px 30px;
    }

    .head51 {
        float: left;
        margin: 16px 0px 0px;
    }

    .head52 {
        float: right;
        margin: 12px 0px 0px;
    }

    .head53 {
        float: right;
        margin: 11px 35px 0px;
    }

    .cai0 {
        position: fixed;
        background: #000;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000;
        padding: 10% 8%;
        display: none;
    }

    .cai1 {
        overflow: hidden;
    }

    .cai1a {
        float: left;
    }

    .cai1b {
        float: right;
        margin-right: 30px;
        filter: grayscale(100%) brightness(10000%) !important;
        background: transparent !important;
        opacity: 1 !important;
        border-radius: unset !important;
    }

    .cai2 {
        overflow: hidden;
        margin-top: 30px;
    }

    .cai2 ul li {
        line-height: 90px;
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai2 ul li span {
        display: block;
        float: left;
    }

    .cai2 ul li span img {
        margin-top: 50%;
    }

    .cai2 ul li h2 {
        display: block;
        float: left;
        color: #fff;
        line-height: 90px;
        margin-left: 30px;
        font-size: 26px;
    }

    .cai3 {
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai31 {
        display: block;
        float: left;
        line-height: 90px;
        border: 0px;
        background: url(../images/header/xx11.png) no-repeat center center;
        width: 90px;
    }

    .cai32 {
        display: block;
        float: left;
        line-height: 90px;
        border: 0px;
        width: 80%;
        font-size: 26px;
        background: none;
        color: #fff;
    }

    .head2 {
        width: 100%;
        height: 60px;
        background: #fff;
    }

    .head2 ul {
        text-align: center;
        position: relative;
    }

    .head2 ul li {
        display: inline-block;
        margin: 0px 30px;
    }

    .head2 ul li h2 {
        margin: 0px;
        line-height: 60px;
        border: 0px;
    }

    .head2 ul li h2 a {
        font-size: 16px;
        color: #000;
        cursor: pointer;
    }

    .nav00 {
        position: relative;
    }

    .nav00:hover .nav2 {
        display: block;
    }

    .nav2 {
        position: absolute;
        top: 60px;
        left: -20px;
        z-index: 1000;
        display: none;
    }

    .nav1 {
        width: 100%;
        background: #fff;
        display: none;
        overflow: hidden;
    }

    .nav1 dl {
        margin: 0px;
    }

    .nav1 dl dt {
        width: 16%;
        float: left;
        margin: 2%;
    }

    .nav1 dl dt span img {
        width: 100%;
    }

    .nav1 dl dt p {
        text-align: left;
        padding-left: 1%;
    }

    .nav1 dl dt p a {
        line-height: 67px;
        font-size: 20px;
        color: #000;
    }

    .goods_info_new {
        padding-top: 50px !important;
    }

    .new_supports_head_contents_c2 {
        min-height: 260px;
    }

    .new_csr_box_iconc {
        margin-left: 15%;
    }

    .new_about_box_iconc {
        margin-left: 26%;
    }

    .new_about_box_icon {
        width: 69%;
    }

    .footer {
        background: #ffff;
    }

    .footerLogo,
    .headerLogo {
        position: relative;
    }

    .footerLogo .cac,
    .headerLogo .cac {
        position: absolute;
        top: 0px;
        left: 40px;
        width: auto;
        height: auto;
        display: none;
        padding: 5px;
        background: #fff;
        z-index: 200;
        border: 5px solid #eeeeee;
    }

    .footer-one h3 {
        margin: 20px 0px 10px;
        font-size: 24px;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }

    .footList h3 a {
        font-size: 24px;
    }

    .footList h3 a,
    .footList ul li a {
        color: #000;
    }

    .footerLogo:hover .cac,
    .headerLogo:hover .cac {
        display: block;
    }

    .guii {
        text-align: center;
        font-size: 16px !important;
        padding-bottom: 10px;
        clear: both;
        /* background: #fff; */
    }

    .location {
        width: 100%;
        height: 46px;
        background: url(../images/crumbs.png) no-repeat;
        position: relative;
    }

    .location span {
        line-height: 46px;
        font-size: 15px;
        font-weight: 600;
    }

    .location-one {
        padding: 0px 56px;
        color: #FFF;
    }

    .location-two {
        padding: 0px 15px;
        color: #616161;
    }

    .location span.location-three {
        padding: 0px 17px;
        color: #494747;
    }

    .swiper-pagination91 {
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 10px;
        width: 100%;
        z-index: 600;
    }

    .swiper-container91 .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: #B2B2B2;
        opacity: 1;
        cursor: pointer;
    }

    .swiper-container91 .swiper-pagination-bullet-active {
        width: 78px;
        height: 12px;
        border-radius: 10px;
        background: #B93D3F;
    }

    .pdc6 {
        width: 100%;
        overflow: hidden;
        background: #F9F9F9;
        padding: 25px 0;
    }

    .pdc6 .dealer_search {
        padding: 0px;
        background: none;
        width: 100%;
        height: auto;
        min-height: 118px;
        overflow: hidden;
    }

    .pdc6 .search_content {
        width: 100%;
    }

    .pdc6 .search_content select {
        font-size: 18px;
        color: #494747;
        width: 100%;
        margin-left: 0px;
        height: 48px;
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        margin-top: 10px;
    }

    .pdc6 .dealer_search .search_content .aa0 a {
        background: #B93D3F;
        width: 100%;
        height: 48px;
        color: #FFF;
        font-size: 22px;
        text-indent: 0px;
        text-align: center;
        line-height: 48px;
        border-radius: 10px;
        display: block;
    }

    .pdc6 .search_content .a1 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a2 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a3 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a4 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }
}

/* #nav3 h2 a:hover, */
.footList h3 a:hover,
.footList ul li a:hover,
.footer-twoRightList-new a:hover {
    color: #CC0000;
    text-decoration: none;
}

.new_about_box_icon {
    margin-left: 3%;
}

.location a:hover {
    text-decoration: none !important;
}

.location a:hover>span {
    color: #ba3d40;
}

.location a:last-child span,
.location>span.location-three:last-child {
    color: #ba3d40;
}

.hover_pro:hover img {
    box-shadow: 0px 5px 15px rgb(0 0 0 / 20%);
    -webkit-transition: -webkit-box-shadow .3s linear;
    transition: box-shadow .3s linear;
}

.hover_pro:hover p,
.hover_act:hover p,
.hover_pro:hover h4,
.hover_act:hover span,
.hover_act:hover em {
    color: #CC0000;
}

.hover_act:hover img {
    opacity: 0.7;
}

.listLi_new {
    width: 32% !important;
    background: #FFFFFF !important;
    margin-left: 2% !important;
    margin-bottom: 2%;
}

.listLi-price-new {
    padding-left: 6%;
    padding-top: 2%;
}

.listLi-contrast-new {
    padding-right: 6%;
    line-height: 38px !important;
    padding-top: 1%;
}

.listLiBottom-new {
    height: 105px !important;
}

.overview-menu {
    background-color: #333333;
    text-align: center;
    padding: 17.5px 0px 17.5px;
    cursor: pointer;
    border-radius: 10px;
    display: block;
    height: 90px;
}

.fixedBox-new>div,
.fixedBox-new a {
    margin-bottom: 5px;
}

.overview-menu>p {
    margin-top: 5px;
    color: #ffffff;
}

.tab-content-new {
    background: none;
    padding: 0;
}

.listBox0-new {
    background: none;
}

.listLiTop-new {
    border: none !important;
}

.listLiBottom .listLi-name-new {
    text-align: center;
    padding-top: 0 !important;
    line-height: 19px !important;
    height: 45px !important;
}

.listLi-price-new {
    color: rgb(186, 62, 64);
}

.listLi-price-new span {
    color: #000 !important;
}

.toggle-button::after {
    transform: translateX(calc(100% + 2px)) !important;
    background-color: #fff !important;
    border: 1px solid rgb(171, 12, 16) !important;
}

.toggle-button {
    background-color: rgb(171, 12, 16) !important;
}

.fixedBox-new {
    position: fixed;
    right: 0px;
    top: 30%;
    z-index: 999;
    width: 90px;
}

.listLi-contrast-new>div {
    margin-top: 9px !important;
    float: left !important;
    position: relative;
    width: 40px !important;
    height: 20px !important;
    margin: 4px;
    vertical-align: top;
    background: rgb(221, 221, 221);
    border: 1px solid rgb(221, 221, 221) !important;
    border-radius: 30px;
    outline: none;
    cursor: pointer !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.listLi-contrast-new>div:after {
    content: "";
    position: absolute;
    left: 0.5px;
    top: 0px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateX(0);
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.db-new-title {
    font-size: 22px;
    margin: 0;
    padding: 15px;
    background-color: rgb(229, 229, 229);
    position: relative;
}

.pdb18 {
    border-left: 1px solid #e1e1e1 !important;
}

.pdb13 {
    border-bottom: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
}

.pdb14 {
    border-bottom: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
}

.pdb15 {
    border-bottom: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
}

.pdb16 {
    border-bottom: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
}

.pdb17 {
    border-bottom: 1px solid #e1e1e1 !important;
    border-right: 1px solid #e1e1e1 !important;
}

.pdb26 input:focus-visible {
    outline: none;
}

.vgdfs {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.pdb2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 136px;
    height: 83px;
    margin-left: -68px;
    margin-top: -41.5px;
}

.pdb2 h2 {
    padding-right: 0px;
    font-size: 22px;
    color: rgb(55, 55, 55);
    line-height: 25px;
}

.pdb2 h2>span {
    display: inline-block;
    margin-bottom: 15px;
}

.pdb2 h2 b {
    font-weight: 400;
    color: rgb(55, 55, 55);
}

.pdb2 h2 span input {
    width: 24px;
    height: 24px;
    margin: 0px 5px 0 0;
}

.pdb2 h2 span input {
    width: 40px !important;
    height: 20px !important;
    margin: 4px !important;
    vertical-align: top;
    background: rgb(160, 160, 160);
    border: 1px solid rgb(160, 160, 160) !important;
    border-radius: 30px;
    outline: none;
    cursor: pointer !important;
    appearance: none;
    -webkit-appearance: none;
    transition: all 0.3S cubic-bezier(0.2, 0.85, 0.32, 1.2);
    position: relative;
}

.pdb2 h2 span input:focus-visible,
.pdb2 h2 span input:focus {
    outline: none;
}

.pdb2 h2 span input::after {
    content: "";
    position: absolute;
    left: 0.5px;
    top: 0px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateX(0);
}

.pdb2 h2 span input:checked {
    background-color: rgb(171, 12, 16) !important;
    border: 1px solid rgb(171, 12, 16) !important;
}

.pdb2 h2 span input:checked::after {
    transform: translateX(calc(100% + 2px)) !important;
}

.count_num {
    padding: 0 5px;
    color: rgb(171, 12, 16) !important;
}

.pdb12 {
    background: #fff !important;
    padding: 15px;
}

.pdb12 h2 {
    color: #000 !important;
}

.pdb10 {
    margin-top: 0px !important;
}

.pdb12 {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.pdb27 ul li dl dd h3 {
    color: rgb(55, 55, 55) !important;
}

.pdb13 {
    background: #f2f2f2 !important;
    text-align: left !important;
    color: #9fa0a0;
}

.pdb27 ul li h2 {
    background: url(../images/db-add.svg) no-repeat right 5px center !important;
    background-size: 16px !important;
    font-weight: bold;
    font-size: 18px !important;
}

.pdb27 ul li h2.on {
    background: url(../images/db-jh.svg) no-repeat right 5px center !important;
    background-size: 16px !important;
}

.pdb2 h2 div b {
    font-size: 16px;
    padding-right: 5px;
}

#more_li {
    display: flex;
}

.goods_info_new {
    width: 74% !important;
}

.button_buy_new {
    width: 100% !important;
}

.sale_point {
    text-align: left;
    margin-left: 15px;
    margin-top: 10px;
}

.sale_point li {
    list-style: disc;
    margin-bottom: 5px;
    font-size: 18px;
}

.jp_price_name_new {
    padding-right: 8px;
    color: rgb(160, 160, 160);
}

.goods_name1_new {
    padding-top: 0px !important;
}

.goods_name_new {
    margin-bottom: 15px !important;
}

@media screen and (min-width:975px) {
    .listLi_new:nth-child(3n+1) {
        margin-left: 0 !important;
    }
}

.product_icon_new_box {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    background-color: rgb(242, 242, 242);
}

.product_icon_new_box_child {
    position: relative;
}

.pinwid1 {
    width: 100%;
}

.pinwid2 {
    width: 50%;
}

.pinwid3 {
    width: 33.3333%;
}

.pinwid4 {
    width: 25%;
}

.overview_box2 .pinwid4,
.overview_box2 .pinwid3 {
    width: 50%;
}

.goods_links_new {
    font-size: 16px;
    float: right;
    width: 100%;
    margin-top: 5px;
}

.product_icon_new_box_child a {
    display: block;
    text-align: center;
    padding: 15px 0;
}

.product_icon_new_box_child a>span {
    position: relative;
    padding-left: 45px;
    display: inline-block;
    text-align: left;
    min-width: 125px;
}

.product_icon_new_box_child a>span::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 7px;
    top: 50%;
    margin-top: -15px;
}

.product_icon_new_box_child a:hover {
    text-decoration: none;
    color: #000;
}

.down_icon_new::before {
    background-image: url(/Public/Front/images/pro_down_icon.svg);
}

.net_icon_new::before {
    background-image: url(/Public/Front/images/pro_net_icon.svg);
}

.dealer_icon_new::before {
    background-image: url(/Public/Front/images/pro_dealer_icon.svg);
}

.phone_icon_new::before {
    background-image: url(/Public/Front/images/pro_phone_icon.svg);
}

.common_icon_new::before {
    background-image: url(/Public/Front/images/pro_common_icon.svg);
}

.pinwid2::after,
.pinwid3::after,
.pinwid4::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 35px;
    background-color: rgb(170, 170, 170);
    right: 0;
    top: 50%;
    margin-top: -17.5px;
}

.pinwid2:last-child::after,
.pinwid3:last-child::after,
.pinwid4:nth-child(4n+4):after,
.overview_box2 .pinwid4:nth-child(2n+2):after,
.overview_box2 .pinwid3:nth-child(2n+2):after {
    width: 0;
}

.bdsharebuttonbox {
    display: flex;
    display: -webkit-flex;
}

.sharing_new_text {
    color: rgb(185, 185, 185);
    line-height: 44px;
    margin-right: 15px;
}

.sharing_new .bdshare-button-style0-32 a {
    float: none !important;
    display: block;
    margin: 6px 15px 6px 0 !important;
    width: 36px !important;
    line-height: 36px !important;
    height: 36px !important;
}

.sharing_new .bdshare-button-style0-32 a.bds_weixin {
    background-image: url(/Public/Front/images/share_wechat.svg) !important;
    background-position: center !important;
}

.sharing_new .bdshare-button-style0-32 a.bds_tsina {
    background-image: url(/Public/Front/images/share_weibo.svg) !important;
    background-position: center !important;
}

.banner-txt {
    position: relative;
}

.sharing_new {
    position: absolute;
    bottom: -60px;
    left: 13%;
}

.tab_fixed_box {
    background-color: rgb(242, 242, 242);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3999;
    left: 0;
    height: auto;
    display: none;
}

.tab_fixed {
    width: 90%;
    margin: 0 auto;
}

.tab_fixed h2 {
    padding: 15px 0;
    font-weight: bold;
    font-size: 24px;
    position: relative;
}

.tab_fixed_jy {
    padding-left: 50px;
    font-size: 18px;
    font-weight: normal;
}

.tab_fixed_jy2 {
    font-weight: normal;
    font-size: 18px;
}

.tab_fixed_buy {
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 50%;
    height: 19px;
    margin-top: -9.5px;
}

.tab_fixed_buy a {
    color: rgb(171, 12, 16);
}

.tab_fixed_buy a:hover {
    text-decoration: none;
    color: rgb(171, 12, 16);
}

.nav-tabs-new>li>a {
    background: rgb(185, 185, 185) !important;
    color: rgb(90, 90, 90) !important;
}

.nav-tabs-new>li.active>a,
.nav-tabs-new>li.active>a:hover,
.nav-tabs-new>li.active>a:focus {
    border: none !important;
}

.nav-tabs-new>li>a {
    border-radius: 0 !important;
}

.nav-tabs-new {
    border-bottom: none !important;
}

.nav-tabs-new>li.active>a {
    color: #fff !important;
}

.nav-tabs-new>li>a:hover {
    border: none;
}

.cssss_new {
    width: 100% !important;
    position: fixed !important;
    left: 0;
    margin-top: 0 !important;
    z-index: 3999;
    background: rgb(185, 185, 185);
    height: 44px;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
}

.bbi .cssss_new .tabs {
    width: 90% !important;
    height: 44px;
}

.cssss_new .nav-tabs>li,
.cssss_new .nav-tabs>li>a {
    position: relative;
}

.cssss_new .nav-tabs>li::before {
    position: absolute;
    content: '';
    top: 0;
    height: 44px;
    width: 3px;
    background: #fff;
    left: 0;
    z-index: 1;
}

.cssss_new .nav-tabs>li:last-child::after {
    position: absolute;
    content: '';
    top: 0;
    height: 44px;
    width: 3px;
    background: #fff;
    right: 0;
    z-index: 1;
}

.cssss_new .nav-tabs>li {
    margin-left: 0% !important;
}

.cssss_new .nav-tabs>li.active {
    height: 44px;
}

.cssss_new .nav-tabs>li.active a {
    height: 100%;
}

.cssss_new .nav-tabs>li>a {
    margin-right: 0;
}

.nav-tabs-new>li {
    position: relative;
}

.product_menu_new_2 {
    display: flex;
    display: -webkit-flex;
    position: absolute;
    bottom: 0;
    width: 1000%;
    z-index: 1;
}

.product_menu_new_2 li {
    margin-right: 30px;
}

.new_promenu_height {
    height: 80px !important;
}

.nav-tabs-new>li:last-child ul {
    right: 0;
    justify-content: right;
    -webkit-justify-content: right;
}

.nav-tabs-new>li:last-child ul li {
    margin-right: 0;
    margin-left: 30px;
}

.goods_buttons {
    margin-top: 20px;
}

.trdss_new {
    background-color: #fff;
    width: 100% !important;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.1);
    display: none;
    height: 40px;
}

.trdss_new3 {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.trdss_new2 {
    position: absolute;
    width: auto !important;
    top: 0;
    padding-left: 0 !important;
}

.product_menu_new_2 li.hover a {
    color: #b10c10;
}

.tab_fixed_mh {
    padding-left: 5px;
    font-size: 16px;
    color: #000;
}

.pdb14_price {
    color: #ba3d40;
    font-weight: bold;
    font-size: 17px;
}

.pdb27 ul li dl dd h3:hover {
    color: #ba3d40 !important;
}

.pro_buy_new {
    position: relative;
}

.pro_buy_new::before {
    position: absolute;
    content: '';
    background-image: url("/Public/Front/images/shopcar_w.svg");
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 50%;
    left: -37px;
    margin-top: -15px;
}

.pro_fixed_top_car {
    position: relative;
}

.pro_fixed_top_car::before {
    position: absolute;
    content: '';
    background-image: url("/Public/Front/images/shopcar_r.svg");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 50%;
    left: -27px;
    margin-top: -10px;
}

.banner-img-new {
    margin-bottom: 0;
}

.banner-txt-new .goods_links {
    margin-top: 0 !important;
}

.new_supports_head_contents_box a:hover,
.new_purchase_head_contents_c1 a:hover {
    color: #CC0000;
    text-decoration: none;
}

.new_supports_head_contents_box a:foucs {
    text-decoration: none;
    color: #CC0000;
}

.new_supports_head_contents_box a {
    text-decoration: none !important;
}

.new_supports_menu_hover2 {
    max-width: 1400px;
    margin: 0 auto;
}

.new_supports_menu_hover2 a:hover {
    text-decoration: none;
    color: unset;
}

.head_flex_set {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.new_csr_box_icon_flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.new_csr_box_icon_flex .new_csr_box_iconc{
    flex: 0 0 25%;
    width: auto;
    max-width: none;
    margin-left: 0;
}

.new_csr_box_icon_flex .new_csr_box_iconc a.head_flex_set{
    flex-wrap: nowrap;
}

.new_csr_box_icon_flex .new_csr_box_iconc .new_toc_box_name{
    display: flex;
    align-items: center;
    line-height: 1;
}

.head2 ul li h2 {
    max-height: 60px;
    font-size: 30px;
    font-weight: 500;
}

.new_head_hover:hover>h2>a {
    color: #CC0000;
    text-decoration: none;
}

.new_head_hover:hover::after {
    position: absolute;
    content: "";
    bottom: -1.5px;
    width: 100%;
    height: 3px;
    background: #CC0000;
    left: 0;
    z-index: 199999;
}

.new_supports_box,
.new_toc_box,
.new_tob_box,
.new_csr_box,
.new_about_box,
.new_video_box,
.new_purchase_box,
.new_btob_box {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 99999;
    top: 131px;
    left: 0;
    border-top: 1px solid #EEEEEE;
    display: none;
}

.new_supports_box_c,
.new_toc_box_c,
.new_toc_box_c_news {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

.new_toc_box_c_news {
    overflow: hidden;
    position: relative;
}

.new_supports_menu_hover1 {
    width: 100%;
    padding: 31px 0;
    margin: 0 auto;
}

.new_supports_head_title {
    text-align: left;
    padding-bottom: 20px;
    position: relative;
}

.new_supports_head_close {
    display: block;
    max-width: 22px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    right: 0;
    top: 0;
}

.new_supports_head_title>a {
    color: #111111;
    font-size: 20px;
    font-weight: bold;
    font-family: Microsoft YaHei;
}

.new_supports_head_title>a:hover {
    text-decoration: none;
    color: #CC0000;
}

.new_supports_head_contents_box {
    width: 100%;
}

.new_supports_head_contents_c1 {
    width: 50%;
    position: relative;
}

.new_supports_head_contents_c1::after {
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #DDDDDD;
    height: 100%;
    content: '';
}

.new_supports_head_contents_c2 {
    width: 40%;
    margin-left: 40px;
}

.new_supports_head_contents_cc1 {
    width: 40%;
    padding-left: 2%;
}

.new_supports_head_contents_cc1>h3 {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    font-family: Microsoft YaHei;
}

.new_supports_head_contents_cc1>h3>a {
    color: #111111;
    font-family: Microsoft YaHei;
}

.new_supports_head_contents_cc1 ul {
    width: 98%;
    padding-left: 2%;
    text-align: left;
    margin-top: 20px;
}

.new_supports_head_contents_cc1 ul li {
    display: block !important;
    text-align: left;
    margin: 0 0 27px 0 !important;
}

.new_supports_head_contents_cc1 ul li:last-child {
    margin: 0 !important;
}

.new_supports_head_contents_cc1 ul li a {
    font-size: 16px;
}

.new_supports_head_zzfw {
    width: 40%;
    margin-bottom: 40px;
    margin-right: 10%;
}

.new_supports_head_zzfw>a {
    background: #EEEEEE;
    padding: 16px 0;
    max-height: 110px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    text-align: center;
    height: 100%;
}

.new_supports_head_zzfw>a:hover {
    opacity: 0.7;
}

.new_supports_head_zzfw:nth-child(2n+2) {
    margin-right: 0%;
}

.new_supports_head_zzfw>a p {
    width: 100%;
}

.new_supports_head_zzfw>a span {
    display: block;
    font-size: 16px;
    margin-top: 6px;
    color: #111111 !important;
}

.new_supports_head_zzfw>a:hover span {
    color: #CC0000 !important;
}

.xxxfl,
.yxxx,
.xxswlbg,
.dxswlbg,
.zydy,
.scxg,
.fjlstz,
.aqxg,
.cpxg,
.newsall,
.zzfwtitle {
    display: none;
}

.new_supports_head_active {
    display: block;
    position: relative;
    min-height: 260px;
}

.new_supports_menu_hover2 a {
    padding: 20px;
    width: 25%;
}

.new_supports_menu_hover2_bg {
    background-color: #E3E3E3;
}

.new_supports_menu_hover2_img {
    width: 20%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    text-align: center;
}

.new_supports_menu_hover2_img>img {
    max-width: 33px;
    margin: 0 auto;
}

.new_supports_menu_hover2_text {
    width: 78%;
    margin-left: 2%;
    text-align: left;
    align-items: center;
    display: flex;
    display: -webkit-flex;
}

.new_supports_box_c2 {
    background-color: #F5F5F5;
}

.new_supports_menu_hover2_text>p {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #111111;
}

.new_supports_menu_hover2_text>p>span {
    color: #666666;
    font-size: 14px;
    display: block;
    font-weight: normal;
}

.head_scroll {
    top: 0 !important;
    z-index: 999999;
}

.new_supports_head_ul li.active a {
    color: #cc0000;
}

.new_supports_head_news a {
    display: block;
}

.new_supports_head_news a:hover>p {
    color: #CC0000;
}

.new_supports_head_news a>div div {
    font-size: 14px;
    color: #666666;
    line-height: 14px;
    margin-bottom: 6px;
}

.new_supports_head_news_date {
    padding-right: 10px;
    border-right: 1px solid #AAAAAA;
}

.new_supports_head_news_type {
    padding-left: 10px;
}

.new_supports_head_news a>p {
    font-size: 16px;
    color: #000;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.new_supports_head_news {
    margin-bottom: 30px;
}

.new_supports_head_more {
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    font-family: Microsoft YaHei;
}

.new_supports_head_more_p {
    position: absolute;
    bottom: 3px;
    left: 0;
    line-height: 16px;
}

.new_head_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 131px;
    left: 0;
    display: none;
    z-index: 99998;
    transition: all 0.5s;
}

.overview_box2 .new_supports_box,
.overview_box2 .new_head_bg,
.overview_box2 .new_toc_box,
.overview_box2 .new_tob_box,
.overview_box2 .new_csr_box,
.overview_box2 .new_about_box,
.overview_box2 .new_video_box,
.overview_box2 .new_purchase_box,
.overview_box2 .new_btob_box {
    width: 980px;
    margin: 0px auto;
    left: 50%;
    margin-left: -490px;
}

.overview_box2 .head2 ul li {
    margin: 0px 19px;
}

.overview_box2 .new_supports_box_c,
.overview_box2 .new_toc_box_c {
    width: 93%;
}

.overview_box2 .new_supports_head_contents_c1 {
    width: 46%;
}

.overview_box2 .new_supports_head_contents_c2 {
    width: 48%;
}

.overview_box2 .new_toc_box_img img {
    width: 100%;
}

.overview_box2 .new_toc_box_c_news {
    width: 93%;
    margin: 0 auto;
}

.overview_box2 .new_toc_box_c_contents_box,
.overview_box2 .new_tob_box_c_contents_box {
    width: 33.333%;
    margin-bottom: 10px;
}

.overview_box2 .new_toc_box_c_all {
    margin-bottom: 25px;
}

.overview_box2 .new_purchase_head_contents_c1 {
    padding-bottom: 10px;
}

.overview_box2 .new_purchase_head_box01,
.overview_box2 .new_purchase_head_box02 {
    max-width: 140px;
}

.overview_box2 .new_purchase_head_box03 {
    min-width: 209px;
}

.overview_box2 .new_purchase_head_box04 {
    max-width: 122px;
}

.overview_box2 .new_purchase_head_box05 {
    min-width: 195px;
}

.overview_box2 .new_purchase_head_contents_cc1 {
    margin-left: 1.6%;
}

.overview_box2 .new_csr_box_iconc {
    margin-left: 4%;
}

.overview_box2 .new_csr_box_c_all {
    margin-bottom: 0;
}

.overview_box2 .new_about_box_iconc {
    margin-left: 9%;
}

.overview_box2 .new_about_box_icon {
    width: 63%;
}

.overview_box2 .new_video_box_qrc img {
    width: 100%;
}

.overview_box2 .new_video_box_img_play {
    position: absolute;
    width: 40px !important;
    height: 39px;
    right: 5%;
    bottom: 5%;
}

.overview_box2 .new_video_box_qrc {
    width: 48.5%;
}

.overview_box2 .new_video_box_qr {
    width: 23%;
    align-items: normal;
}

.overview_box2 .new_video_box_qrc:nth-child(2n+1) {
    margin-left: 0;
}

.overview_box2 .new_video_box_qrc p {
    font-size: 13px;
}

.overview_box2 .new_video_box_banner {
    width: 35%;
}

.overview_box2 .new_video_box_icon {
    width: 42%;
}

.overview_box2 .new_btob_box_icon {
    justify-content: unset;
    -webkit-justify-content: unset;
}

.overview_box2 .new_btob_box_icon>div:last-child {
    width: auto;
}

.overview_box2 .new_btob_box_iconc {
    width: 33%;
}

.overview_box2 .new_btob_box_iconc-s {
    width: 260px;
}

.overview_box2 .new_style_left_all {
    flex-direction: column;
}

.overview_box2 .new_left_box_style,
.overview_box2 .new_left_box_style_last,
.overview_box2 .new_left_box_style_toc,
.overview_box2 .new_left_box_style_toc_last {
    width: 20% !important;
}

.overview_box2 .new_left_box_style_toc_last,
.overview_box2 .new_left_box_style_last {
    margin-bottom: 30px !important;
}

.overview_box2 .left_icon,
.overview_box2 .right_img,
.overview_box2 .right_img_toc {
    width: 100%;
}

.overview_box2 .right_img,
.overview_box2 .right_img_toc {
    flex-direction: row;
    justify-content: flex-start;
}

.overview_box2 .right_img::before,
.overview_box2 .right_img_toc::before {
    display: none;
}

.overview_box2 .right_img_style {
    width: 35%;
}

.overview_box2 .new_style_left_name {
    line-height: 25px !important;
}

.new_button_style {
    border-radius: 15px;
    display: inline-block;
    background-color: #000;
    color: #fff;
    width: 80px;
    padding: 4px;
    position: absolute;
    bottom: -10px;
    font-size: 12px;
}

.new_a_stype {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
}

.new_banner_style {
    position: relative;
    max-width: 90%;
}

.new_new_style {
    position: absolute;
    top: -16px;
    background: #cc0000;
    width: 50px;
    color: #fff;
    border-radius: 30px 0;
    font-style: italic;
    font-size: 12px;
    text-align: center;
}

.new_supports_head_contents_c2 div .head_flex_set .new_supports_head_zzfw:nth-child(3),
.new_supports_head_contents_c2 div .head_flex_set .new_supports_head_zzfw:nth-child(4) {
    margin-bottom: 0;
}

.new_supports_head_active {
    min-height: 260px;
}

.new_supports_box_c2 .new_supports_menu_hover2>a:hover .new_supports_menu_hover2_text>p {
    color: #cc0000;
}

.new_head_sp_third>li>a>h2 {
    color: #DDDDDD !important;
}

#nav4>h2>a:hover,
#nav1>h2>a:hover,
#nav2>h2>a:hover,
#nav7>h2>a:hover,
#nav25>h2>a:hover,
#nav5>h2>a:hover,
#nav6>h2>a:hover,
#nav3>h2>a:hover {
    text-decoration: none !important;
}

#nav1,
#nav2,
#nav7,
#nav25,
#nav5,
#nav6,
#nav3 {
    position: relative;
}

a.new_toc_box_link_a>.new_toc_box_name {
    font-size: 16px;
    color: #000;
    line-height: 66px;
    margin-left: 10px;
    text-align: left;
}

a.new_toc_box_link_a>.new_toc_box_img {
    max-width: 66px;
    max-height: 66px;
}

a.new_toc_box_link_a:hover,
a.new_toc_box_c_newsc:hover {
    text-decoration: none;
}

a.new_toc_box_link_a:hover .new_toc_box_name,
.new_toc_box_c_newsc:hover,
a.new_toc_box_c_newsc:hover .new_head_newslogo>span,
a.new_toc_box_c_newsc:hover h3 {
    color: #cc0000;
}

a.new_toc_box_link_a:hover img,
a.new_toc_box_c_newsc:hover img {
    opacity: 0.7;
}

.new_toc_box_c_contents_box,
.new_tob_box_c_contents_box {
    width: 20%;
    margin-bottom: 40px;
}

.new_toc_box_c_all {
    margin-top: 10px;
}

.new_toc_box_c_newsc {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    color: #000;
}

.new_toc_box_c_swiper,
.new_tob_box_c_swiper,
.new_csr_box_c_swiper,
.new_about_box_c_swiper,
.new_purchase_box_c_swiper,
.new_btob_box_c_swiper {
    padding: 15px 0;
    min-height: 124px;
}

.new_toc_box_c_newstitle {
    align-items: center;
    width: 70%;
    text-align: left;
}

.new_toc_box_c_newstitle>h3 {
    font-size: 17px;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.new_head_newslogo {
    text-align: left;
    font-weight: normal;
    font-size: 16px !important;
    margin-top: 8px;
}

.new_head_newslogo>span {
    color: #333333;
    position: relative;
}

.new_head_newslogo>span::before {
    content: "|";
    position: absolute;
    right: -10px;
    width: 1px;
    height: 17px;
    top: 0;
    color: #AAAAAA;
}

.new_head_newslogo>span::after {
    content: "NEWS";
    position: absolute;
    right: -70px;
    width: 48px;
    height: 17px;
    top: 1px;
    color: #CC0000;
    font-size: 16px;
}

.new_head_newslogo_btob>span::after {
    content: "";
}

.new_head_newslogo>b {
    color: #CC0000;
    padding-left: 18px;
    font-weight: normal;
}

.new_btob_box_img_y {
    max-width: 166px !important;
}

.new_btob_box_icon {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.new_btob_box_icon>div:last-child {
    width: 100%;
}

.new_btob_box_icon>div:last-child>div {
    max-width: 170px;
}

.new_btob_box_iconc {
    margin-bottom: 40px;
}

.new_purchase_box_c_swiper .new_head_newslogo_shanghai>span::after {
    content: "上海展厅";
}

.new_purchase_box_c_swiper .new_head_newslogo_guangzhou>span::after {
    content: "广州展厅";
}

.new_purchase_box_c_swiper .new_head_newslogo_shenzhen>span::after {
    content: "深圳展厅";
}

.new_purchase_box_c_swiper .new_head_newslogo_chengdu>span::after {
    content: "成都展厅";
}

.new_toc_box_c_newsimg {
    max-width: 170px;
}

.new_toc_box_c_newsimg img {
    width: 100%;
}

.new_product_menu_hover1 {
    padding-bottom: 0px;
}

.new_head_swiper_p>.swiper-pagination91>span.swiper-pagination-bullet-active {
    width: 27px;
    border-radius: 10px;
}

.new_csr_box_qr,
.new_about_box_qr {
    width: 16%;
    margin-right: 4%;
    text-align: left;
}

.new_about_box_qr {
    width: 28%;
    max-width: 336px;
}

.new_about_box_qrc {
    margin-right: 4%;
    width: 48%;
}

.new_about_box_qrc:last-child {
    margin-right: 0;
}

.new_csr_box_qr>img,
.new_about_box_qrc>img {
    width: 100%;
    max-width: 158px;
}

.new_csr_box_qr>p,
.new_about_box_qrc>p {
    font-size: 16px;
    color: #111111;
    margin-top: 5px;
    max-width: 158px;
    text-align: center;
}

.new_csr_box_icon {
    width: 80%
}

.new_csr_box_iconc {
    width: 25%;
    margin-bottom: 40px;
    max-width: 145px;
}

.new_csr_box_iconc:nth-child(4n+1) {
    margin-left: 0%;
}

.new_about_box_iconc {
    width: 33.3333%;
    margin-bottom: 40px;
    max-width: 145px;
}

.new_about_box_iconc:nth-child(3n+1) {
    margin-left: 0%;
}

.new_toc_box_c_contents_box:nth-child(5n+1),
.new_tob_box_c_contents_box:nth-child(5n+1) {
    margin-left: 0%;
}

.new_video_box_icon {
    width: 33.3333%;
}

.new_video_box_qr {
    align-items: center;
    width: 27.5%;
}

.new_video_box_qrc {
    width: 31.33%;
    margin-left: 3%;
}

.new_video_box_qrc:nth-child(3n+1) {
    margin-left: 0;
}

.new_video_box_banner {
    width: 39.16666%;
    min-height: 281px;
}

.new_video_box_banner:hover a>img,
.new_video_box_banner_mini:hover a>img {
    opacity: 0.7;
}

.new_video_box_iconc {
    width: 50%;
}

.new_video_box_banner img {
    width: 100%;
}

.new_video_box_c_all {
    padding-bottom: 30px;
}

.new_video_box_banner>a {
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.new_video_box_img_play {
    position: absolute;
    width: 72px !important;
    height: 72px;
    right: 5%;
    bottom: 5%;
    /* left: 50%;
    top: 50%;
    transform: translate(-50%,-50%); */
}

.new_purchase_head_contents_c1 {
    width: 100%;
}

.new_purchase_head_contents_cc1 {
    width: 20%;
    padding-left: 0;
}

.new_purchase_head_contents_cc1:nth-child(5n+1) {
    padding-left: 0;
    margin-left: 0;
}

.new_purchase_head_contents_c1 {
    padding-bottom: 40px;
}


.new_page_common_box {
    width: 90%;
    margin: 50px auto;
}

.new_purchase_head_box01 .new_supports_head_ul a:hover img {
    opacity: 0.7;
}

.footerLogo img.cac,
.headerLogo img.cac {
    max-width: 129px;
    border: 5px solid #eeeeee !important;
}

.new_supports_box_c2 .swiper-slide {
    background: transparent !important;
}

.new_supports_head_zzfwtitle.active {
    color: #CC0000;
}

.new_common_tab {
    display: flex;
    width: 100%;
    align-items: flex-end;
}

.new_common_tab li,
.new_common_tab a {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    background-color: #F2F2F2;
    color: #7C7C7C;
    border: 0;
    border-radius: 0;
    height: 48px;
    line-height: 48px;
    width: 50%;
    cursor: pointer;
    display: block;
    border-right: 2px solid #fff;
}

.new_common_tab li:last-child,
.new_common_tab a:last-child {
    border-right: none;
}

.new_common_tab li.is-active,
.new_common_tab a.is-active {
    height: 60px;
    line-height: 60px;
    background-color: #B93D3F;
    color: white;
}

.footer-one-1 {
    margin-top: 6px;
}

.head2 .swiper-pagination-bullet-active {
    background: #B93D3F !important;
}

.new_style_left_all {
    justify-content: space-between;
}

.left_icon {
    width: 77%;
    display: flex;
    flex-wrap: wrap;
}

.right_img,
.right_img_toc {
    width: 22%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.right_img {
    justify-content: unset;
}

.right_img::before {
    position: absolute;
    content: '';
    height: 63%;
    border-left: 1px solid #DDDDDD;
}

.right_img_toc::before {
    position: absolute;
    content: '';
    height: 50%;
    border-left: 1px solid #DDDDDD;
}

.new_style_left,
.new_style_left_tob {
    flex-direction: column;
    align-items: center;
}

.new_style_left_name {
    margin-left: 0 !important;
    line-height: 30px !important;
    white-space: nowrap;
}

.right_img_style {
    width: 100%;
    margin-bottom: 35px;
}

.rightimg_detail,
.rightimg_detail_tob {
    max-width: 100%;
    max-height: 120px;
}

.left_icon .new_left_box_style {
    margin-bottom: 10px;
}

.two_style {
    display: flex;
    flex-direction: column;
    line-height: 25px !important;
    justify-content: center;
}

.new_style_center {
    line-height: 50px !important;
}

.overview_box2 .rightimg_detail,
.overview_box2 .rightimg_detail_tob {
    max-height: 140px;
}

.new_cai3 #MF_form_phrase::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

@media screen and (min-width:975px) and (max-width:1080px) {
    .new_btob_box_icon {
        justify-content: unset;
        -webkit-justify-content: unset;
    }

    .new_btob_box_icon>div:last-child {
        width: auto;
    }

    .new_btob_box_iconc {
        width: 33%;
    }

    .new_btob_box_iconc-s {
        width: 260px;
    }
}

@media screen and (min-width:975px) and (max-width:1400px) {
    .new_tob_box_c_contents_box {
        margin-bottom: 15px !important;
    }

    .new_rightimg {
        height: 66px;
        width: 66px;
    }
}

@media screen and (min-width:1400px) and (max-width:1900px) {
    .cbodty {
        margin: 0 auto;
        font-size: 14px;
        line-height: 150%;
    }

    .cbodty img {
        max-width: 100%;
    }

    .info99 .cbodty {
        width: 90%;
    }

    .pc {
        display: block;
    }

    .phone {
        display: none;
    }

    .head1 {
        padding: 20px 2.4% 0px;
        overflow: hidden;
        background: #fff;
    }

    .head1a {
        float: left;
        width: 37%;
    }

    .fffds .head1a {
        float: left;
        width: 24%;
    }

    .head1a img {
        height: 51px;
    }

    .head1b {
        float: left;
        margin-top: 10px;
    }

    .head1d {
        float: right;
        margin-top: 8px;
    }

    .head1d img {
        width: 123px;
        margin-top: 6px;
    }

    .head1c {
        float: right;
        margin-top: 10px;
        margin-right: 18px;
    }

    .head1c2 {
        float: left;
        border: 2px solid #c6c6c6;
        line-height: 26px;
    }

    .head1c2 .search {
        display: inline;
        float: left;
        margin: 0px 0 0 0;
        position: relative;
        width: 110px;
        height: 26px;
        border: 0px solid #d2d2d2;
        background: none;
    }

    .head1c2 .search input {
        outline: none;
        width: 100%;
        height: 26px;
        padding: 4px 0px;
        background-color: white;
        font-size: 14px;
        padding-left: 21px;
        border: 1px solid #fff;
        height: 26px;
        margin: 0;
        border: 0;
    }

    .head1c2 .search .getfocus {
        width: 100%;
        padding-left: 5px;
    }

    .head1c2 a.search_but {
        display: block;
        width: 21px;
        height: 17px;
        background: url(../images/ico_s.png) no-repeat;
        position: absolute;
        left: 4px;
        top: 5px;
        z-index: 100000;
    }

    .head1c2 p.sub_logo {
        width: 144px;
        float: left;
        margin: 28px 0 0 40px;
    }

    .head5 {
        background: #000;
        height: 60px;
        padding: 0px 30px;
    }

    .head51 {
        float: left;
        margin: 16px 0px 0px;
    }

    .head52 {
        float: right;
        margin: 12px 0px 0px;
    }

    .head53 {
        float: right;
        margin: 11px 35px 0px;
    }

    .cai0 {
        position: fixed;
        background: #000;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000;
        padding: 10% 8%;
        display: none;
    }

    .cai1 {
        overflow: hidden;
    }

    .cai1a {
        float: left;
    }

    .cai1b {
        float: right;
        margin-right: 30px;
        filter: grayscale(100%) brightness(10000%) !important;
        background: transparent !important;
        opacity: 1 !important;
        border-radius: unset !important;
    }

    .cai2 {
        overflow: hidden;
        margin-top: 30px;
    }

    .cai2 ul li {
        line-height: 90px;
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai2 ul li span {
        display: block;
        float: left;
    }

    .cai2 ul li span img {
        margin-top: 50%;
    }

    .cai2 ul li h2 {
        display: block;
        float: left;
        color: #fff;
        line-height: 90px;
        margin-left: 30px;
        font-size: 26px;
    }

    .cai3 {
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai31 {
        display: block;
        float: left;
        line-height: 90px;
        border: 0px;
        background: url(../images/header/xx11.png) no-repeat center center;
        width: 90px;
    }

    .cai32 {
        display: block;
        float: left;
        line-height: 90px;
        border: 0px;
        width: 80%;
        font-size: 26px;
        background: none;
        color: #fff;
    }

    .head2 {
        width: 100%;
        height: 60px;
        background: #fff;
    }

    .head2 ul {
        text-align: center;
        position: relative;
    }

    .head2 ul li {
        display: inline-block;
        margin: 0px 30px;
    }

    .head2 ul li h2 {
        margin: 0px;
        line-height: 60px;
        border: 0px;
    }

    .head2 ul li h2 a {
        font-size: 16px;
        color: #000;
        cursor: pointer;
    }

    .nav00 {
        position: relative;
    }

    .nav00:hover .nav2 {
        display: block;
    }

    .nav2 {
        position: absolute;
        top: 60px;
        left: -20px;
        z-index: 1000;
        display: none;
    }

    .nav1 {
        width: 100%;
        background: #fff;
        display: none;
        overflow: hidden;
    }

    .nav1 dl {
        margin: 0px;
    }

    .nav1 dl dt {
        width: 16%;
        float: left;
        margin: 2%;
    }

    .nav1 dl dt span img {
        width: 100%;
    }

    .nav1 dl dt p {
        text-align: left;
        padding-left: 1%;
    }

    .nav1 dl dt p a {
        line-height: 67px;
        font-size: 20px;
        color: #000;
    }

    .new_csr_box_iconc {
        margin-left: 12%;
    }

    .new_about_box_icon {
        width: 69%;
    }

    .new_about_box_iconc {
        margin-left: 26%;
    }

    .footer {
        background: #ffff;
    }

    .footerLogo,
    .headerLogo {
        position: relative;
    }

    .footerLogo .cac,
    .headerLogo .cac {
        position: absolute;
        top: 0px;
        left: 40px;
        width: auto;
        height: auto;
        display: none;
        padding: 5px;
        background: #fff;
        z-index: 200;
        border: 2px solid #000;
    }

    .footer-one h3 {
        margin: 20px 0px 10px;
        font-size: 24px;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }

    .footList h3 a {
        font-size: 24px;
    }

    .footList h3 a,
    .footList ul li a {
        color: #000;
    }

    .footerLogo:hover .cac,
    .headerLogo:hover .cac {
        display: block;
    }

    .guii {
        text-align: center;
        font-size: 16px !important;
        padding-bottom: 10px;
        clear: both;
        /* background: #fff; */
    }

    .location {
        width: 100%;
        height: 46px;
        background: url(../images/crumbs.png) no-repeat;
        position: relative;
    }

    .location span {
        line-height: 46px;
        font-size: 15px;
        font-weight: 600;
    }

    .location-one {
        padding: 0px 56px;
        color: #FFF;
    }

    .location-two {
        padding: 0px 15px;
        color: #616161;
    }

    .location span.location-three {
        padding: 0px 17px;
        color: #494747;
    }

    .swiper-pagination91 {
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 10px;
        width: 100%;
        z-index: 600;
    }

    .swiper-container91 .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: #B2B2B2;
        opacity: 1;
        cursor: pointer;
    }

    .swiper-container91 .swiper-pagination-bullet-active {
        width: 78px;
        height: 12px;
        border-radius: 10px;
        background: #B93D3F;
    }

    .swiper-container91 .ban1 {
        text-align: center
    }

    .pdc6 {
        width: 100%;
        overflow: hidden;
        background: #F9F9F9;
        padding: 25px 0;
    }

    .pdc6 .dealer_search {
        padding: 0px;
        background: none;
        width: 100%;
        height: auto;
        min-height: 118px;
        overflow: hidden;
    }

    .pdc6 .search_content {
        width: 100%;
    }

    .pdc6 .search_content select {
        font-size: 18px;
        color: #494747;
        width: 100%;
        margin-left: 0px;
        height: 48px;
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        margin-top: 10px;
    }

    .pdc6 .dealer_search .search_content .aa0 a {
        background: #B93D3F;
        width: 100%;
        height: 48px;
        color: #FFF;
        font-size: 22px;
        text-indent: 0px;
        text-align: center;
        line-height: 48px;
        border-radius: 10px;
        display: block;
    }

    .pdc6 .search_content .a1 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a2 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a3 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a4 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }
}

@media screen and (min-width:1400px) and (max-width:1649px) {
    .new_about_box_icon {
        width: 66%;
    }

    .new_about_box_iconc {
        margin-left: 22%;
    }
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .cbodty {
        margin: 0 auto;
        font-size: 14px;
        line-height: 150%;
    }

    .cbodty img {
        max-width: 100%;
    }

    .info99 .cbodty {
        width: 90%;
    }

    .pc {
        display: block;
    }

    .phone {
        display: none;
    }

    .head1 {
        padding: 20px 1.8% 0px;
        overflow: hidden;
        background: #fff;
    }

    .head1a {
        float: left;
        width: 33%;
    }

    .fffds .head1a {
        float: left;
        width: 24%;
    }

    .head1a img {
        height: 52px;
    }

    .head1b {
        float: left;
        margin-top: 10px;
    }

    .head1d {
        float: right;
        margin-top: 8px;
    }

    .head1d img {
        width: 126px;
        margin-top: 6px;
    }

    .head1c {
        float: right;
        margin-top: 10px;
        margin-right: 18px;
    }

    .head1c2 {
        float: left;
        border: 2px solid #c6c6c6;
        line-height: 26px;
        margin-left: 10px;
    }

    .head1c2 .search {
        display: inline;
        float: left;
        margin: 0px 0 0 0;
        position: relative;
        width: 112px;
        height: 26px;
        border: 0px solid #d2d2d2;
        background: none;
    }

    .head1c2 .search input {
        outline: none;
        width: 100%;
        height: 26px;
        padding: 4px 0px;
        background-color: white;
        font-size: 14px;
        padding-left: 21px;
        border: 1px solid #fff;
        height: 26px;
        margin: 0;
        border: 0;
    }

    .head1c2 .search .getfocus {
        width: 100%;
        padding-left: 5px;
    }

    .head1c2 a.search_but {
        display: block;
        width: 21px;
        height: 17px;
        background: url(../images/ico_s.png) no-repeat;
        position: absolute;
        left: 4px;
        top: 5px;
        z-index: 100000;
    }

    .head1c2 p.sub_logo {
        width: 144px;
        float: left;
        margin: 28px 0 0 40px;
    }

    .head5 {
        background: #000;
        height: 60px;
        padding: 0px 30px;
    }

    .head51 {
        float: left;
        margin: 16px 0px 0px;
    }

    .head52 {
        float: right;
        margin: 12px 0px 0px;
    }

    .head53 {
        float: right;
        margin: 11px 35px 0px;
    }

    .cai0 {
        position: fixed;
        background: #000;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000;
        padding: 10% 8%;
        display: none;
    }

    .cai1 {
        overflow: hidden;
    }

    .cai1a {
        float: left;
    }

    .cai1b {
        float: right;
        margin-right: 30px;
        filter: grayscale(100%) brightness(10000%) !important;
        background: transparent !important;
        opacity: 1 !important;
        border-radius: unset !important;
    }

    .cai2 {
        overflow: hidden;
        margin-top: 30px;
    }

    .cai2 ul li {
        line-height: 90px;
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai2 ul li span {
        display: block;
        float: left;
    }

    .cai2 ul li span img {
        margin-top: 50%;
    }

    .cai2 ul li h2 {
        display: block;
        float: left;
        color: #fff;
        line-height: 90px;
        margin-left: 30px;
        font-size: 26px;
    }

    .cai3 {
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai31 {
        display: block;
        float: left;
        line-height: 90px;
        border: 0px;
        background: url(../images/header/xx11.png) no-repeat center center;
        width: 90px;
    }

    .cai32 {
        display: block;
        float: left;
        line-height: 90px;
        border: 0px;
        width: 80%;
        font-size: 26px;
        background: none;
        color: #fff;
    }

    .head2 {
        width: 100%;
        height: 60px;
        background: #fff;
    }

    .head2 ul {
        text-align: center;
        position: relative;
    }

    .head2 ul li {
        display: inline-block;
        margin: 0px 30px;
    }

    .head2 ul li h2 {
        margin: 0px;
        line-height: 60px;
        border: 0px;
    }

    .head2 ul li h2 a {
        font-size: 16px;
        color: #000;
        cursor: pointer;
    }

    .nav00 {
        position: relative;
    }

    .nav2 {
        position: absolute;
        top: 60px;
        left: -20px;
        z-index: 1000;
        display: none;
    }

    .nav00:hover .nav2 {
        display: block;
    }

    .nav1 {
        width: 100%;
        background: #fff;
        display: none;
        overflow: hidden;
    }

    .nav1 dl {
        margin: 0px;
    }

    .nav1 dl dt {
        width: 16%;
        float: left;
        margin: 2%;
    }

    .nav1 dl dt span img {
        width: 100%;
    }

    .nav1 dl dt p {
        text-align: left;
        padding-left: 0%;
    }

    .nav1 dl dt p a {
        line-height: 67px;
        font-size: 17px;
        color: #000;
    }

    .new_csr_box_iconc {
        margin-left: 12.5%;
    }

    .new_about_box_icon {
        width: 64%;
    }

    .new_about_box_iconc {
        margin-left: 22%;
    }

    .new_video_box_icon,
    .new_video_box_banner,
    .new_video_box_qr {
        width: 33.3333%;
    }

    .footer {
        background: #ffff;
    }

    .footerLogo,
    .headerLogo {
        position: relative;
    }

    .footerLogo .cac,
    .headerLogo .cac {
        position: absolute;
        top: 0px;
        left: 40px;
        width: auto;
        height: auto;
        display: none;
        padding: 5px;
        background: #fff;
        z-index: 200;
        border: 2px solid #000;
    }

    .footer-one h3 {
        margin: 20px 0px 10px;
        font-size: 24px;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }

    .footList h3 a {
        font-size: 24px;
    }

    .footList h3 a,
    .footList ul li a {
        color: #000;
    }

    .footerLogo:hover .cac,
    .headerLogo:hover .cac {
        display: block;
    }

    .guii {
        text-align: center;
        font-size: 16px !important;
        padding-bottom: 10px;
        clear: both;
        /* background: #fff; */
    }

    .location {
        width: 100%;
        height: 46px;
        background: url(../images/crumbs.png) no-repeat;
        position: relative;
    }

    .location span {
        line-height: 46px;
        font-size: 15px;
        font-weight: 600;
    }

    .location-one {
        padding: 0px 56px;
        color: #FFF;
    }

    .location-two {
        padding: 0px 15px;
        color: #616161;
    }

    .location span.location-three {
        padding: 0px 17px;
        color: #494747;
    }

    .swiper-pagination91 {
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 10px;
        width: 100%;
        z-index: 600;
    }

    .swiper-container91 .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: #B2B2B2;
        opacity: 1;
        cursor: pointer;
    }

    .swiper-container91 .swiper-pagination-bullet-active {
        width: 78px;
        height: 12px;
        border-radius: 10px;
        background: #B93D3F;
    }

    .pdc6 {
        width: 100%;
        overflow: hidden;
        background: #F9F9F9;
        padding: 25px 0;
    }

    .pdc6 .dealer_search {
        padding: 0px;
        background: none;
        width: 100%;
        height: auto;
        min-height: 118px;
        overflow: hidden;
    }

    .pdc6 .search_content {
        width: 100%;
    }

    .pdc6 .search_content select {
        font-size: 18px;
        color: #494747;
        width: 100%;
        margin-left: 0px;
        height: 48px;
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        margin-top: 10px;
    }

    .pdc6 .dealer_search .search_content .aa0 a {
        background: #B93D3F;
        width: 100%;
        height: 48px;
        color: #FFF;
        font-size: 22px;
        text-indent: 0px;
        text-align: center;
        line-height: 48px;
        border-radius: 10px;
        display: block;
    }

    .pdc6 .search_content .a1 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a2 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a3 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a4 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }
}

@media screen and (max-width:1499px) {

    .new_supports_box_c,
    .new_toc_box_c,
    .new_toc_box_c_news {
        width: 90%;
    }

    .new_style_left_tob .new_style_left_name {
        font-size: 16px !important;
        max-width: 100% !important;
        white-space: nowrap;
    }

    .new_style_left_name {
        line-height: 30px !important;
    }

    .new_style_center {
        line-height: 40px !important;
    }

    .two_style {
        display: flex;
        flex-direction: column;
        line-height: 20px !important;
        justify-content: center;
    }

    .new_left_box_style_toc,
    .new_left_box_style {
        margin-bottom: 5px !important;
    }

    .right_img::before {
        height: 60%;
        margin-bottom: 25px;
    }

    .rightimg_detail,
    .rightimg_detail_tob {
        max-height: 100px;
    }

    .new_style_left_all {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:1399px) {
    .new_video_box_banner {
        min-height: 100%;
    }
}

@media screen and (min-width:1200px) and (max-width:1499px) {
    .new_tob_box_c_contents_box .new_toc_box_link .new_toc_box_link_a {
        align-items: center;
    }

    .new_tob_box_c_contents_box .new_toc_box_link .new_toc_box_link_a .new_toc_box_name {
        line-height: 1.6;
        max-width: 128px;
    }

    .overview_box2 .new_tob_box_c_contents_box .new_toc_box_link .new_toc_box_link_a .new_toc_box_name {
        max-width: 100%;
    }
}

@media screen and (max-width:1399px) {
    .new_supports_head_contents_cc1 ul li {
        margin: 0 0 10px 0 !important;
    }

    .new_supports_head_active {
        min-height: 219px;
    }

    .new_supports_menu_hover2 a {
        padding: 10px;
    }

    .new_supports_head_zzfw {
        margin-bottom: 7%;
        margin-right: 7%;
        height: 92px;
    }

    .new_supports_head_zzfw>a {
        padding: 12px 0;
    }

    .new_supports_head_zzfw>a>p>img {
        max-width: 40px;
    }

    .new_head_imagerunnerrent_icon {
        max-width: 83px !important;
    }

    .new_head_index_icon {
        max-width: 52px !important;
    }

    .new_supports_head_news {
        margin-bottom: 20px;
    }

    .new_head_sdk_icon {
        max-width: 69px !important;
    }
}

@media screen and (min-width:1200px) and (max-width:1380px) {
    .new_csr_box_iconc {
        margin-left: 10%;
    }

    .new_about_box_icon {
        width: 63%;
    }

    .new_about_box_iconc {
        margin-left: 17.5%;
    }
}

@media screen and (max-width:1270px) {
    .new_video_box_qr {
        width: 32%;
    }

    .new_video_box_qrc>img {
        width: 100%;
    }

    .new_video_box_banner {
        width: 28%;
    }

    .new_video_box_icon {
        width: 40%;
    }

    .new_video_box_iconc a.new_toc_box_link_a>.new_toc_box_img {
        max-width: 50px;
        max-height: 50px;
    }

    .new_video_box_iconc a.new_toc_box_link_a>.new_toc_box_img>img {
        width: 100%;
    }

    .new_video_box_iconc a.new_toc_box_link_a>.new_toc_box_name {
        line-height: 50px;
    }
}

@media screen and (max-width:1199px) {
    .new_toc_box_c_contents_box {
        width: 33%;
        margin-bottom: 20px;
    }

    .new_tob_box_c_contents_box {
        width: 33.3333%;
        margin-bottom: 20px;
    }

    .new_product_menu_hover1 {
        padding-bottom: 20px;
    }
}

@media screen and (min-width:975px) and (max-width:1200px) {
    .cbodty {
        width: 84%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 170%;
    }

    .cbodty img {
        max-width: 100%;
    }

    .pc {
        display: block;
    }

    .phone {
        display: none;
    }

    .head1 {
        padding: 20px 40px 0px;
        overflow: hidden;
        background: #fff;
    }

    .head1a {
        float: left;
        width: 27%;
    }

    .fffds .head1a {
        float: left;
        width: 33%;
    }

    .head1a img {
        width: 60%;
    }

    .head1b {
        float: left;
        width: 42%;
        margin-top: 10px;
    }

    .head1d {
        float: right;
        width: 14%;
        margin-top: 5px;
    }

    .head1d img {
        width: 71%;
        margin-left: 40px;
        margin-top: 6px;
    }

    .head1c {
        float: left;
        margin-top: 10px;
    }

    .head1c2 {
        float: left;
        border: 2px solid #c6c6c6;
        line-height: 24px;
        margin-left: 18px;
    }

    .head1c2 .search {
        display: inline;
        float: left;
        margin: 0px 0 0 0;
        position: relative;
        width: 126px;
        height: 26px;
        border: 0px solid #d2d2d2;
        background: none;
    }

    .head1c2 .search input {
        outline: none;
        width: 105px;
        width: 103px;
        height: 18px;
        height: 16px;
        padding: 4px 0px;
        font-size: 14px;
        padding-left: 21px;
        border: 1px solid #fff;
        height: 20px;
        margin: 0;
        border: 0;
    }

    .head1c2 .search .getfocus {
        width: 120px;
        padding-left: 5px;
    }

    .head1c2 a.search_but {
        display: block;
        width: 21px;
        height: 17px;
        background: url(../images/ico_s.png) no-repeat;
        position: absolute;
        left: 4px;
        top: 5px;
    }

    .head1c2 p.sub_logo {
        width: 144px;
        float: left;
        margin: 28px 0 0 40px;
    }

    .head5 {
        background: #000;
        height: 60px;
        padding: 0px 30px;
    }

    .head51 {
        float: left;
        margin: 16px 0px 0px;
    }

    .head52 {
        float: right;
        margin: 12px 0px 0px;
    }

    .head53 {
        float: right;
        margin: 11px 35px 0px;
    }

    .cai0 {
        position: fixed;
        background: #000;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000;
        padding: 10% 8%;
        display: none;
    }

    .cai1 {
        overflow: hidden;
    }

    .cai1a {
        float: left;
    }

    .cai1b {
        float: right;
        margin-right: 30px;
        filter: grayscale(100%) brightness(10000%) !important;
        background: #000 !important;
        opacity: 0.8 !important;
        border-radius: unset !important;
    }

    .cai2 {
        overflow: hidden;
        margin-top: 30px;
    }

    .cai2 ul li {
        line-height: 90px;
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai2 ul li span {
        display: block;
        float: left;
    }

    .cai2 ul li span img {
        margin-top: 50%;
    }

    .cai2 ul li h2 {
        display: block;
        float: left;
        color: #fff;
        line-height: 90px;
        margin-left: 30px;
        font-size: 26px;
    }

    .cai3 {
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai31 {
        display: block;
        float: left;
        line-height: 90px;
        border: 0px;
        background: url(../images/header/xx11.png) no-repeat center center;
        width: 90px;
    }

    .cai32 {
        display: block;
        float: left;
        line-height: 90px;
        border: 0px;
        width: 80%;
        font-size: 26px;
        background: none;
        color: #fff;
    }

    .head2 {
        width: 100%;
        height: 60px;
        background: #fff;
    }

    .head2 ul {
        text-align: center;
        position: relative;
    }

    .head2 ul li {
        display: inline-block;
        margin: 0px 18px;
    }

    .head2 ul li h2 {
        margin: 0px;
        line-height: 60px;
        border: 0px;
    }

    .head2 ul li h2 a {
        font-size: 16px;
        color: #000;
        cursor: pointer;
    }

    .nav00 {
        position: relative;
    }

    .nav2 {
        position: absolute;
        top: 60px;
        left: -20px;
        z-index: 1000;
        display: none;
    }

    .nav00:hover .nav2 {
        display: block;
    }

    .nav1 {
        width: 100%;
        background: #fff;
        display: none;
    }

    .nav1 dl {
        margin: 0px;
    }

    .nav1 dl dt {
        width: 16%;
        float: left;
        margin: 2%;
    }

    .nav1 dl dt span img {
        width: 100%;
    }

    .nav1 dl dt p {
        text-align: left;
        padding-left: 1%;
    }

    .nav1 dl dt p a {
        line-height: 67px;
        font-size: 15px;
        color: #000;
    }

    .head2 ul li:hover .nav1 {
        display: block;
    }

    .head2 ul li:hover .nav2 {
        display: block;
    }

    .nav2 dl dd {
        margin: 2%;
        text-align: left;
        width: 170px;
    }

    .nav2 dl {
        padding: 0%;
        background: #fff;
        overflow: hidden;
    }

    .nav2 dl dd a {
        line-height: 26px;
        font-size: 15px;
        color: #000;
        padding: 0px 20px;
    }

    .new_supports_box {
        top: 125px;
    }

    .new_csr_box_iconc {
        margin-left: 8%;
    }

    .new_about_box_icon {
        width: 62%;
    }

    .new_about_box_iconc {
        margin-left: 13.2%;
    }

    .new_video_box_qrc p {
        font-size: 12px;
    }

    .footer {
        background: #ffff;
    }

    .footerLogo,
    .headerLogo {
        position: relative;
    }

    .footerLogo .cac,
    .headerLogo .cac {
        position: absolute;
        top: 0px;
        left: 40px;
        width: auto;
        height: auto;
        display: none;
        padding: 5px;
        background: #fff;
        z-index: 1200;
        border: 2px solid #000;
    }

    .footer-one h3 {
        margin: 20px 0px 10px;
        font-size: 24px;
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }

    .footList h3 a {
        font-size: 24px;
    }

    .footList h3 a,
    .footList ul li a {
        color: #000;
    }

    .footerLogo:hover .cac,
    .headerLogo:hover .cac {
        display: block;
    }

    .guii {
        text-align: center;
        font-size: 16px !important;
        padding-bottom: 10px;
        clear: both;
        /* background: #fff; */
    }

    .location {
        width: 100%;
        height: 46px;
        background: url(../images/crumbs.png) no-repeat;
        position: relative;
    }

    .location span {
        line-height: 46px;
        font-size: 15px;
        font-weight: 600;
    }

    .location-one {
        padding: 0px 56px;
        color: #FFF;
    }

    .location-two {
        padding: 0px 15px;
        color: #616161;
    }

    .location span.location-three {
        padding: 0px 17px;
        color: #494747;
    }

    .swiper-pagination91 {
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 10px;
        width: 100%;
        z-index: 600;
    }

    .swiper-container91 .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: #B2B2B2;
        opacity: 1;
        cursor: pointer;
    }

    .swiper-container91 .swiper-pagination-bullet-active {
        width: 78px;
        height: 12px;
        border-radius: 10px;
        background: #B93D3F;
    }

    .pdc6 {
        width: 100%;
        overflow: hidden;
        background: #F9F9F9;
        padding: 25px 0;
    }

    .pdc6 .dealer_search {
        padding: 0px;
        background: none;
        width: 100%;
        height: auto;
        min-height: 118px;
        overflow: hidden;
    }

    .pdc6 .search_content {
        width: 100%;
    }

    .pdc6 .search_content select {
        font-size: 18px;
        color: #494747;
        width: 100%;
        margin-left: 0px;
        height: 48px;
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        margin-top: 10px;
    }

    .pdc6 .dealer_search .search_content .aa0 a {
        background: #B93D3F;
        width: 100%;
        height: 48px;
        color: #FFF;
        font-size: 22px;
        text-indent: 0px;
        text-align: center;
        line-height: 48px;
        border-radius: 10px;
        display: block;
    }

    .pdc6 .search_content .a1 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a2 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a3 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc6 .search_content .a4 {
        width: 18%;
        margin: 0 1%;
        font-size: 22px;
        color: #494747;
    }

    .pdc1 .select_picBlock {
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        width: 40%;
        float: left;
        margin: 20px 0 0px;
        height: 40px;
        font-weight: 700;
        color: #666;
    }

    .right_img_toc,
    .right_img {
        justify-content: space-evenly;
    }

    .bb1 {
        top: 20px !important;
        right: 20px !important;

    }
}

@media screen and (min-width:975px) and (max-width:1087px) {
    .new_csr_box_iconc {
        margin-left: 4%;
    }

    .new_about_box_icon {
        width: 63%;
    }

    .new_about_box_iconc {
        margin-left: 9%;
    }

    .new_purchase_head_box01,
    .new_purchase_head_box02 {
        max-width: 140px;
    }

    .new_purchase_head_box03 {
        min-width: 209px;
    }

    .new_purchase_head_box04 {
        max-width: 122px;
    }

    .new_purchase_head_box05 {
        min-width: 195px;
    }

    .new_purchase_head_contents_cc1 {
        margin-left: 1.6%;
    }
}

@media screen and (max-width:979px) {

    .goods_info_new .goods_price,
    .goods_name1_new {
        text-align: left !important;
    }

    .overview_box2 .pinwid3 {
        width: 33.333333%;
    }

    .overview_box2 .pinwid3:nth-child(2n+2):after,
    .overview_box2 .pinwid4:nth-child(2n+2):after {
        width: 1px;
    }
}

@media screen and (min-width:768px) and (max-width:974px) {

    div,
    ul {
        margin: 0px;
        outline: none;
        padding: 0;
    }

    .pc {
        display: none;
    }

    .phone {
        display: block;
    }

    .head1 {
        padding: 20px 30px 18px;
        overflow: hidden;
        height: 80px;
        background: #fff;
    }

    .head1a {
        float: left;
        width: 35%;
    }

    .head1a img {
        width: 192px;
        max-width: 123% !important;
    }

    .head1b {
        float: left;
        width: 25%;
    }

    .head1d {
        float: right;
        width: 23%;
        margin-top: 1%;
    }

    .head1d img {
        width: 67%;
        margin-left: 57px;
        margin-top: 6px;
    }

    .head1c {
        float: left;
    }

    .head1c2 {
        float: left;
        border: 2px solid #c6c6c6;
        line-height: 24px;
        margin-left: 18px;
    }

    .head1c2 .search {
        display: inline;
        float: left;
        margin: 0px 0 0 0;
        position: relative;
        width: 126px;
        height: 26px;
        border: 0px solid #d2d2d2;
        background: none;
    }

    .head1c2 .search input {
        outline: none;
        width: 105px;
        width: 103px;
        height: 18px;
        height: 16px;
        padding: 4px 0px;
        font-size: 14px;
        padding-left: 21px;
        border: 1px solid #fff;
        height: 20px;
        margin: 0;
        border: 0;
    }

    .cai3 .search {
        float: none;
        margin: 0;
    }

    .head1c2 .search .getfocus {
        width: 120px;
        padding-left: 5px;
    }

    .head1c2 a.search_but {
        display: block;
        width: 21px;
        height: 17px;
        background: url(../images/ico_s.png) no-repeat;
        position: absolute;
        left: 4px;
        top: 5px;
    }

    .head1c2 p.sub_logo {
        width: 144px;
        float: left;
        margin: 28px 0 0 40px;
    }

    .head5 {
        background: #000;
        height: 60px;
        padding: 0px 30px;
    }

    .head51 {
        float: left;
        margin: 16px 0px 0px;
    }

    .head52 {
        float: right;
        margin: 12px 0px 0px;
    }

    .head53 {
        float: right;
        margin: 11px 35px 0px;
    }

    .cai0 {
        position: fixed;
        background: #000;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 150%;
        z-index: 1000;
        padding: 5% 8%;
        display: none;
        overflow-y: auto;
        z-index: 999999;
    }

    .cai1 {
        overflow: hidden;
    }

    .cai1a {
        float: left;
    }

    .cai1b {
        float: right;
        filter: grayscale(100%) brightness(10000%) !important;
        background: transparent !important;
        opacity: 1 !important;
        border-radius: unset !important;
    }

    .cai2 {
        overflow: hidden;
        margin-top: 30px;
    }

    .cai2 ul li {
        line-height: 80px;
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai2 ul li span {
        display: block;
        width: 13%;
    }

    .cai2 ul li span img {
        margin-top: 0%;
        max-width: 100%;
        vertical-align: middle;
    }

    .cai2 ul li h2 {
        display: block;
        color: #fff;
        line-height: 80px;
        margin: 0px 0px 0px 30px;
        font-size: 26px;
    }

    .cai3 {
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai31 {
        display: block;
        float: left;
        line-height: 80px;
        border: 0px;
        background: url(../images/header/xx11.png) no-repeat center center;
        width: 90px;
        outline: none;
    }

    .cai32 {
        display: block;
        float: left;
        line-height: 80px;
        border: 0px;
        width: 80%;
        font-size: 26px;
        background: none;
        color: #fff;
        outline: none;
    }

    .cai32:hover,
    .cai32:active {
        border: 0px;
        box-shadow: 0px 0px 0px #fff;
        outline: none;
    }

    .cai31:hover,
    .cai31:active {
        border: 0px;
        box-shadow: 0px 0px 0px #fff;
        outline: none;
    }

    .head2 {
        width: 100%;
        height: 60px;
    }

    .head2 ul {
        text-align: center;
        position: relative;
    }

    .head2 ul li {
        display: inline-block;
        margin: 0px 30px;
    }

    .head2 ul li h2 {
        margin: 0px;
        line-height: 60px;
        border: 0px;
    }

    .head2 ul li h2 a {
        font-size: 16px;
        color: #000;
    }

    .nav00 {
        position: relative;
    }

    .nav00:hover .nav2 {
        display: block;
    }

    .nav2 {
        position: absolute;
        top: 60px;
        left: -20px;
        display: none;
        z-index: 1000;
    }

    .nav1 {
        position: absolute;
        top: 60px;
        left: 0px;
        width: 100%;
        background: #fff;
        z-index: 1000;
        padding: 0% 3% 0px;
        display: none;
        overflow: hidden;
    }

    .nav1 dl dt {
        width: 21%;
        float: left;
        margin: 2%;
    }

    .nav1 dl dt span img {
        width: 100%;
    }

    .nav1 dl dt p {
        text-align: left;
        padding-left: 0%;
    }

    .nav1 dl dt p a {
        line-height: 67px;
        font-size: 14px;
        color: #000;
    }

    .head2 ul li:hover .nav1 {
        display: block;
    }

    .head2 ul li:hover .nav2 {
        display: block;
    }

    .nav2 dl dd {
        margin: 2%;
        text-align: left;
        width: 170px;
    }

    .nav2 dl {
        padding: 0%;
        background: #fff;
        overflow: hidden;
    }

    .nav2 dl dd a {
        line-height: 26px;
        font-size: 15px;
        color: #000;
        padding: 0px 20px;
    }

    .footList h3 a {
        font-size: 24px;
    }

    .foot2 ul {
        overflow: hidden;
        margin: 0px auto;
        max-width: 453px;
        width: 100%;
    }

    .foot2 {
        padding: 0px 30px 10px;
        border-bottom: 3px solid #E4E4E4;
    }

    .foot2 p {
        text-align: center;
        font-size: 16px !important;
    }

    .foot2 ul li {
        float: left;
        font-size: 18px;
        border-left: 1px solid #000;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .foot2 ul li a {
        color: #000;
        padding: 0px 18px;
    }

    .foot2 ul li.foot21 {
        border-left: 0px solid #000;
    }

    .foot2 ul li.foot21 a {
        padding-left: 0px;
    }

    .foot33 {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 10;
    }

    .foot33 img {
        width: 80px;
    }

    .location {
        width: 100%;
        height: 46px;
        background: url(../images/crumbs.png) no-repeat;
        position: relative;
    }

    .location span {
        line-height: 46px;
        font-size: 15px;
        font-weight: 600;
    }

    .location-one {
        padding: 0px 56px;
        color: #FFF;
    }

    .location-two {
        padding: 0px 15px;
        color: #616161;
    }

    .location span.location-three {
        padding: 0px 17px;
        color: #494747;
    }

    .swiper-pagination91 {
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 10px;
        width: 100%;
        z-index: 600;
    }

    .swiper-container91 .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: #B2B2B2;
        opacity: 1;
        cursor: pointer;
    }

    .swiper-container91 .swiper-pagination-bullet-active {
        width: 78px;
        height: 12px;
        border-radius: 10px;
        background: #B93D3F;
    }

    .pdc6 .search_content .aa0 {
        margin-top: 15px;
    }

    .pdc6 .dealer_search .search_content .aa0 a {
        background: #B93D3F;
        width: 100%;
        height: 48px;
        color: #FFF;
        font-size: 22px;
        text-indent: 0px;
        text-align: center;
        line-height: 48px;
        border-radius: 10px;
        display: block;
    }

    .guide_recomfsffs {
        width: 90%;
        margin: 20px auto 40px;
        overflow: hidden;
    }

    .guide_recomfsffs li {
        width: 30%;
        text-align: center;
        float: left;
        margin-left: 2.5%;
        margin-top: 30px;
        font-size: 20px;
        line-height: 150%;
    }

    .guide_recomfsffs li img {
        max-width: 100%;
    }

    .pdc1 .select_picBlock {
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        width: 40%;
        float: left;
        margin: 20px 0 0px;
        height: 48px;
        font-family: 微软雅黑;
        font-weight: 700;
        color: #666;
    }

    .cbodty {
        width: 94%;
        margin: 0 auto;
        font-size: 24px;
        line-height: 170%;
    }

    .cbodty img {
        max-width: 100%;
    }

    .adva22 {
        float: left;
        width: 100%;
        position: relative;
    }

    .bodymain {
        padding-top: 140px;
    }
}

@media screen and (max-width:974px) {
    .foonter_phone {
        width: 87%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        -webkit-justify-content: center;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .foonter_phone_media {
        display: -webkit-flex;
        display: flex;
        position: relative;
        margin-bottom: 20px;
        margin-left: 8%;
        width: 19%;
        max-width: 30%;
    }

    .foonter_media_img_qr {
        max-width: 129px;
        position: absolute;
        top: 0;
        left: 58px;
        display: none;
        border: 5px solid #eeeeee;
        z-index: 1200;
    }

    .foonter_phone_media:hover .foonter_media_img_qr {
        display: block;
    }

    .foonter_phone_media:nth-child(4n+1) {
        margin-left: 0;
    }

    .foonter_media_img>img {
        max-width: 40px !important;
        vertical-align: top;
    }

    .foonter_media_text {
        margin-left: 18px;
        white-space: nowrap;
        font-size: 14px;
    }

    .foonter_media_text a {
        color: #000;
    }

    .foot2 ul li:last-child a {
        padding-right: 0;
    }

    .listLi_new {
        width: 49% !important;
        background: #FFFFFF !important;
        margin-left: 2% !important;
        margin-bottom: 2%;
    }

    .listLi_new:nth-child(2n+1) {
        margin-left: 0 !important;
    }

    .listBox0-new {
        width: 90% !important;
        margin: 0 auto;
    }

    .overview-menu {
        display: none;
    }

    .category-new-box {
        width: 100%;
        background-color: #fff;
    }

    .category-new {
        display: flex !important;
        width: 90%;
        margin: 15px auto 0px auto !important;
        padding: 10px 0;
        position: relative;
        display: -webkit-flex !important;
    }

    .category-new-child,
    .category-new-child li a {
        margin-right: 40px;
        position: relative;
        margin-left: 45px !important;
        cursor: pointer;
        font-size: 25px !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        line-height: 34px !important;
        color: #000 !important;
        background: #fff !important;
    }

    .category-new-child li a {
        margin-left: 0px !important;
        text-decoration: none;
        margin-right: 0;
    }

    .category-new-child::before {
        content: "";
        position: absolute;
        width: 32px;
        height: 32px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        left: -36px;
        top: 0;
    }

    .category-new-child-01::before {
        background-image: url("/Public/Front/images/overview-menu-phone-icon1.svg");
    }

    .category-new-child-02::before {
        background-image: url("/Public/Front/images/overview-menu-phone-icon2.svg");
    }

    .category-new-child-03::before {
        background-image: url("/Public/Front/images/overview-menu-phone-icon3.svg");
    }

    .fixedBox {
        display: none;
    }

    .fixedBox-phone {
        position: absolute;
        right: 0;
        background-color: rgb(172, 12, 16) !important;
        color: #fff !important;
        margin-right: 0;
        height: 40px !important;
        top: 50%;
        margin-top: -20px;
        cursor: pointer;
        width: 180px !important;
    }

    .fixedBox-phone div {
        height: 100%;
    }

    .fixedBox-phone div p {
        line-height: 1.7;
        height: 100%;
        text-align: center;
    }

    .category-new-box-fixed {
        position: fixed;
        z-index: 999998;
        left: 0;
    }

    .category-new-box-fixed-child {
        margin: 0px auto 0px auto !important;
    }

    .category-new-box-show {
        position: absolute;
        width: 100%;
        background-color: rgb(242, 242, 242);
        z-index: 999999;
        display: none;
        top: 50px;
    }

    .category-new-box-show-flag {
        display: block;
    }

    .tabs-news {
        margin-top: 30px !important;
    }

    .category-new-box-show>div>ul {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 3%;
        position: relative;
        overflow: hidden;
        overflow-y: auto;
        z-index: 999999;
        padding-bottom: 5%;
    }

    .sx-new>ul {
        height: calc(100vh - 180px);
        height: -webkit-calc(100vh - 180px);
        padding-bottom: 11%;
    }

    .category-new-box-show div ul li {
        font-size: 30px;
        padding: 5% 0 1% 0;
        border-bottom: 1px solid rgb(219, 219, 219);
    }

    .category-new-box-show div ul li.active a {
        color: rgb(177, 12, 17);
    }

    .category-new-child-box {
        display: none;
        position: relative;
    }

    .category-new-child-click-active::after {
        position: absolute;
        content: '';
        width: 15px;
        height: 15px;
        background-color: rgb(242, 242, 242);
        bottom: -17px;
        transform: rotate(45deg);
        left: 0;
    }

    .leibie-new::before {
        left: 8%;
    }

    .body-hidden {
        overflow: hidden;
    }

    .selected4-new h2 {
        font-size: 31px;
        font-weight: bold;
        border-bottom: 1px solid rgb(213, 213, 213);
        margin: 0;
    }

    .selectedBox5 ul li {
        padding: 0 !important;
        border: none !important;
        line-height: 70px;
        cursor: pointer;
    }

    .kai3-new {
        position: absolute;
        bottom: 24px;
        margin: 0;
        width: 100%;
        z-index: 999999;
    }

    .kai31-new {
        width: 50% !important;
        line-height: 60px !important;
        height: 60px !important;
        font-size: 24px !important;
        background-color: rgb(73, 73, 73) !important;
    }

    .kai32-new {
        width: 50% !important;
        line-height: 60px !important;
        height: 60px !important;
        font-size: 24px !important;
        background-color: rgb(172, 12, 16) !important;
    }

    .sx-new {
        padding-top: 3%;
    }

    .listLi-price-new {
        padding-bottom: 20px;
    }

    .listLi-price-new span {
        font-size: 13px !important;
        line-height: 13px !important;
    }

    .mobile_price_jy {
        display: block;
        line-height: 16px;
    }

    .overview-phone-db {
        display: block;
        margin-left: 10px;
    }

    .listLi-contrast-new {
        line-height: 20px !important;
    }

    .listLi-contrast>div {
        margin-top: 6px !important;
    }

    .mobile_price_jy {
        color: #000 !important;
    }

    .fixedBox-new-phone {
        display: block;
        position: fixed;
        bottom: 160px;
        right: 0;
        z-index: 999;
    }

    .fixedBox-new-phone a,
    .fixedBox-new-phone div {
        background-color: rgb(73, 73, 73);
        display: block;
        padding: 6px;
        border-radius: 5px;
        margin-bottom: 8px;
    }

    .listUl-new {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
    }

    .listLi_new {
        float: none !important;
    }

    .pinwid4 {
        width: 33.333% !important;
    }

    .pinwid4:nth-child(4n+4):after {
        width: 1px;
    }

    .pinwid4:nth-child(3n+3):after,
    .pinwid3:nth-child(3n+3):after {
        width: 0px;
    }

    .bg_new {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 998;
        display: none;
    }

    .new_head_sp_menu ul li {
        position: relative;
    }

    .new_head_sp_menu ul li a {
        display: -webkit-flex;
        display: flex;
        width: 100%;
    }

    .new_head_sp_menu ul li a:hover {
        text-decoration: none;
    }

    .new_head_sp_menu ul li h2 {
        width: 85%;
        position: relative;
        font-weight: 500;
    }

    .new_head_sp_show {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        right: 0;
    }

    .new_head_sp_show::before,
    .new_head_sp_show::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 4px;
        background: #fff !important;
        transition: all 0.5s;
        box-sizing: border-box;
        top: 50%;
        margin-top: -2px;
    }

    .new_head_sp_show::after {
        -webkit-transform: translateY(0px) rotate(90deg);
        transform: translateY(0px) rotate(90deg);
    }

    .new_head_sp_show.active::after {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }

    .new_head_sp_secend {
        display: none;
    }

    .new_head_sp_secend li {
        color: #fff;
        font-size: 26px;
    }

    .new_head_sp_secend>li:first-child {
        border-top: 2px solid #fff;
    }

    .new_head_sp_secend>li:last-child {
        border-bottom: none;
    }

    .new_head_sp_secend li h2 {
        padding-left: 16%;
        width: 100% !important;
        margin: 0px !important;
    }

    .new_head_sp_secend_click {
        position: relative;
    }

    .new_head_sp_secend_click::after {
        position: absolute;
        content: '';
        width: 21px;
        height: 21px;
        border-top: 4px solid #fff !important;
        border-left: 4px solid #fff !important;
        right: 10px;
        top: 50%;
        margin-top: -10.5px;
        transition: all 0.5s;
        -webkit-transform: translateY(0px) rotate(135deg);
        transform: translateY(0px) rotate(135deg);
    }

    .new_head_sp_secend_click.active::after {
        -webkit-transform: translateY(0px) rotate(225deg);
        transform: translateY(0px) rotate(225deg);
    }

    .new_head_sp_secend_click.active {
        border-bottom: 2px solid #fff;
    }

    .new_head_sp_third {
        width: 82%;
        margin-left: 18%;
        display: none;
    }

    .new_head_sp_third li h2 {
        padding-left: 1%;
    }

    .new_head_sp_third li:last-child {
        border-bottom: none !important;
    }

    #tan0 {
        padding-bottom: 123%;
    }

    .cai0.new_sp_style#tan0 {
        padding-bottom: 123%;
        background-image: url("/Public/Front/images/header/sp_header_bg.webp");
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100% 100vh;
    }

    #tan0.new_year_child_bg::before {
        content: '';
        position: absolute;
        left: 10%;
        top: calc(100vh - 365px);
        width: 50%;
        aspect-ratio: 46 / 30;
        background-image: url("/Public/Front/images/header/sp_header_bg_icon.webp");
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    
    #tan0 .cai1b {
        filter:unset !important;
    }

    .location {
        width: 100%;
        height: 46px;
        background: url(../images/crumbs.png) no-repeat;
        position: relative;
    }

    .location span {
        line-height: 46px;
        font-size: 15px;
        font-weight: 600;
    }

    .location-one {
        padding: 0px 56px;
        color: #FFF;
    }

    .location-two {
        padding: 0px 15px;
        color: #616161;
    }

    .location span.location-three {
        padding: 0px 17px;
        color: #494747;
    }

    .phone_bannerimg {
        border-bottom: unset !important;
        margin: 30px 0;
        overflow: visible !important;
    }

    .phone_bannerimg_style {
        width: 95%;
    }

    /* .new_sp_style {
        background: #fff !important;
    } */

    .new_sp_style .cai2 ul li h2 {
        color: #fff !important;
        font-weight: bold;
    }

    .new_sp_style_child>li>a>h2 {
        color: #fff !important;
        font-weight: unset !important;
    }

    .new_sp_style_child>li>a>h2 {
        color: #fff !important
    }

    .phone_bannerimg {
        border-bottom: unset !important;
        margin: 30px 0;
        overflow: visible !important;
    }

    .phone_bannerimg_style {
        width: 95%;
    }

    .new_cai3 {
        border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    }

    .new_button_style {
        border-radius: 20px;
        width: 100px;
        text-align: center;
        line-height: 20px;
    }

    .new_new_style {
        line-height: 25px;
        width: 70px;
    }

    .new_banner_style {
        width: 90%;
    }
}

@media screen and (max-width:804px) {
    .foonter_phone {
        width: 92%;
    }

    .zhihu_img {
        left: -82px;
    }
}

@media screen and (min-width:200px) and (max-width:768px) {
    .swiper-pagination91 {
        text-align: center;
        position: absolute;
        left: 0px;
        bottom: 10px;
        width: 100%;
        z-index: 600;
    }

    .swiper-container91 .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background: #B2B2B2;
        opacity: 1;
        cursor: pointer;
    }

    .swiper-container91 .swiper-pagination-bullet-active {
        width: 78px;
        height: 12px;
        border-radius: 10px;
        background: #B93D3F;
    }

    div,
    ul {
        margin: 0px;
        outline: none;
        padding: 0;
    }

    .pc {
        display: none;
    }

    .phone {
        display: block;
    }

    .head1 {
        padding: 20px 30px 18px;
        overflow: hidden;
        height: 80px;
        background: #fff;
    }

    .head1a {
        float: left;
        width: 35%;
    }

    .head1a img {
        width: 192px;
        max-width: 129% !important;
    }

    .head1b {
        float: left;
        width: 25%;
    }

    .head1d {
        float: right;
        width: 23%;
        margin-top: 1%;
    }

    .head1d img {
        width: 75%;
        margin-left: 37px;
        margin-top: 6px;
    }

    .head1c {
        float: left;
    }

    .head1c2 {
        float: left;
        border: 2px solid #c6c6c6;
        line-height: 24px;
        margin-left: 18px;
    }

    .head1c2 .search {
        display: inline;
        float: left;
        margin: 0px 0 0 0;
        position: relative;
        width: 126px;
        height: 26px;
        border: 0px solid #d2d2d2;
        background: none;
    }

    .head1c2 .search input {
        outline: none;
        width: 105px;
        width: 103px;
        height: 18px;
        height: 16px;
        padding: 4px 0px;
        font-size: 14px;
        padding-left: 21px;
        border: 1px solid #fff;
        height: 20px;
        margin: 0;
        border: 0;
    }

    .cai3 .search {
        float: none;
        margin: 0;
    }

    .head1c2 .search .getfocus {
        width: 120px;
        padding-left: 5px;
    }

    .head1c2 a.search_but {
        display: block;
        width: 21px;
        height: 17px;
        background: url(../images/ico_s.png) no-repeat;
        position: absolute;
        left: 4px;
        top: 5px;
    }

    .head1c2 p.sub_logo {
        width: 144px;
        float: left;
        margin: 28px 0 0 40px;
    }

    .head5 {
        background: #000;
        height: 60px;
        padding: 0px 30px;
    }

    .head51 {
        float: left;
        margin: 16px 0px 0px;
    }

    .head52 {
        float: right;
        margin: 12px 0px 0px;
    }

    .head53 {
        float: right;
        margin: 11px 35px 0px;
    }

    .cai0 {
        position: fixed;
        background: #000;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 150%;
        z-index: 1000;
        padding: 5% 8%;
        display: none;
        overflow-y: auto;
        z-index: 999999;
    }

    .cai1 {
        overflow: hidden;
    }

    .cai1a {
        float: left;
    }

    .cai1b {
        float: right;
        filter: grayscale(100%) brightness(10000%) !important;
        background: transparent !important;
        opacity: 1 !important;
        border-radius: unset !important;
    }

    .cai2 {
        overflow: hidden;
        margin-top: 30px;
    }

    .cai2 ul li {
        line-height: 80px;
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai2 ul li span {
        display: block;
        width: 13%;
    }

    .cai2 ul li span img {
        margin-top: 0%;
        max-width: 100%;
        vertical-align: middle;
    }

    .cai2 ul li h2 {
        display: block;
        color: #fff;
        line-height: 80px;
        margin: 0px 0px 0px 30px;
        font-size: 26px;
    }

    .cai3 {
        overflow: hidden;
        border-bottom: 2px solid #fff;
    }

    .cai31 {
        display: block;
        float: left;
        line-height: 80px;
        border: 0px;
        background: url(../images/header/xx11.png) no-repeat center center;
        width: 90px;
        outline: none;
    }

    .cai32 {
        display: block;
        float: left;
        line-height: 80px;
        border: 0px;
        width: 80%;
        font-size: 26px;
        background: none;
        color: #fff;
        outline: none;
    }

    .cai32:hover,
    .cai32:active {
        border: 0px;
        box-shadow: 0px 0px 0px #fff;
    }

    .cai31:hover,
    .cai31:active {
        border: 0px;
        box-shadow: 0px 0px 0px #fff;
    }

    .head2 {
        width: 100%;
        height: 60px;
    }

    .head2 ul {
        text-align: center;
        position: relative;
    }

    .head2 ul li {
        display: inline-block;
        margin: 0px 30px;
    }

    .head2 ul li h2 {
        margin: 0px;
        line-height: 60px;
        border: 0px;
    }

    .head2 ul li h2 a {
        font-size: 16px;
        color: #000;
    }

    .nav00 {
        position: relative;
    }

    .nav00:hover .nav2 {
        display: block;
    }

    .nav2 {
        position: absolute;
        top: 60px;
        left: -20px;
        display: none;
        z-index: 1000;
    }

    .nav1 {
        position: absolute;
        top: 60px;
        left: 0px;
        width: 100%;
        background: #fff;
        z-index: 1000;
        padding: 0% 3% 0px;
        display: none;
        overflow: hidden;
    }

    .nav1 dl dt {
        width: 21%;
        float: left;
        margin: 2%;
    }

    .nav1 dl dt span img {
        width: 100%;
    }

    .nav1 dl dt p {
        text-align: left;
        padding-left: 0%;
    }

    .nav1 dl dt p a {
        line-height: 67px;
        font-size: 14px;
        color: #000;
    }

    .head2 ul li:hover .nav1 {
        display: block;
    }

    .head2 ul li:hover .nav2 {
        display: block;
    }

    .nav2 dl dd {
        margin: 2%;
        text-align: left;
        width: 170px;
    }

    .nav2 dl {
        padding: 0%;
        background: #fff;
        overflow: hidden;
    }

    .nav2 dl dd a {
        line-height: 26px;
        font-size: 15px;
        color: #000;
        padding: 0px 20px;
    }

    .foot2 ul {
        overflow: hidden;
        margin: 0px auto;
        max-width: 453px;
        width: 100%;
    }

    .foot2 {
        padding: 0px 30px 10px;
        border-bottom: 3px solid #E4E4E4;
    }

    .foot2 p {
        text-align: center;
        font-size: 16px !important;
    }

    .foot2 ul li {
        float: left;
        font-size: 18px;
        border-left: 1px solid #000;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .foot2 ul li a {
        color: #000;
        padding: 0px 18px;
    }

    .foot2 ul li.foot21 {
        border-left: 0px solid #000;
    }

    .foot2 ul li.foot21 a {
        padding-left: 0px;
    }

    .foot33 {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 10;
    }

    .foot33 img {
        width: 80px;
    }

    .foot3 {
        position: relative;
    }

    .pdc6 .search_content .aa0 {
        margin-top: 15px;
    }

    .pdc6 .dealer_search .search_content .aa0 a {
        background: #B93D3F;
        width: 100%;
        height: 48px;
        color: #FFF;
        font-size: 22px;
        text-indent: 0px;
        text-align: center;
        line-height: 48px;
        border-radius: 10px;
        display: block;
    }

    .guide_recomfsffs {
        width: 90%;
        margin: 20px auto 40px;
        overflow: hidden;
    }

    .guide_recomfsffs li {
        width: 44%;
        text-align: center;
        float: left;
        margin-left: 4%;
        margin-top: 30px;
        font-size: 20px;
        line-height: 150%;
    }

    .guide_recomfsffs li img {
        max-width: 100%;
    }

    .pdc1 .select_picBlock {
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        width: 40%;
        float: left;
        margin: 20px 0 0px;
        height: 40px;
    }

    .cbodty {
        width: 94%;
        margin: 0 auto;
        font-size: 24px;
        line-height: 170%;
    }

    .cbodty img {
        max-width: 100%;
    }

    .bodymain {
        padding-top: 140px;
    }
}

.head1b3 {
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: center;
    align-items: center;
}

.head1b.pc.head1b_230824 {
    margin-top: 0;
}

.hp_header_logo {
    position: relative;
    display: flex;
    gap: 5px;
    width: 155px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background-size: 200% 100%;
    background-position: right;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.header_logo_shop{
    background-image: url('/Public/Front/images/header/shop_banner.svg');
}
.header_logo_shop:hover{
    background-image: url('/Public/Front/images/header/shop_banner_hover.svg');
}
.header_logo_club{
background-image: url('/Public/Front/images/header/club_banner.svg');
}
.header_logo_club:hover{
background-image: url('/Public/Front/images/header/club_banner_hover.svg');
}
.header_logo_smile{
background-image: url('/Public/Front/images/header/culture_banner.svg');
}
.header_logo_smile:hover{
    background-image: url('/Public/Front/images/header/culture_banner_hover.svg');
}

.head1b3 .hp_header_logo:hover {
    text-decoration: none;
}

/* .hp_header_logo,
.st0,
.st1 {
    transition: all 0.3s ease-in-out;
} */

.hp_header_logo .hp_header_logo_img{
    width: 1.4em;
    height: 1.4em;
}

.hp_header_logo .shop_left_icon {
    position: absolute;
    width: 50px;
    bottom: -3px;
    left: -20px;
}

.hp_header_logo_gif {
    position: absolute;
    width: 50px;
    bottom: -3px;
    right: -11px;
}

/* .hp_header_logo:hover {
    background-position: left;
    background-color: #BA3D41;
    background-image: linear-gradient(90deg, rgba(186, 61, 65, 1) 0%, rgba(186, 61, 65, 0) 50%, rgba(186, 61, 65, 1) 100%);
    color: #fff;
}

.hp_header_logo:hover .st1{
    fill: #fff;
} */

.head5.phone {
    background-color: #fff;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
    padding: 0 30px 0 30px !important;
}

.phone_menue_flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: end;
    height: 100%;
    padding-bottom: 5px;
}

.phone_menue_flex .left_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: end;
    gap: 35px;
}

.phone_menue_flex .right_box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: end;
    gap: 20px;
}

.phone_menue_flex .left_box .shop_icon,
.phone_menue_flex .left_box .club_icon,
.phone_menue_flex .left_box .culture_icon {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: end;
}

.phone_menue_flex .left_box .shop_icon svg,
.phone_menue_flex .left_box .club_icon svg {
    height: 45px;
    padding-bottom: 4px;
}

.phone_menue_flex .left_box .culture_icon {
    font-size: 27px;
    font-weight: bold;
    color: #cc0000;
    vertical-align: bottom;
}

.phone_menue_flex .left_box .culture_icon img {
    width: 65px;
    margin-right: 0px;
}

.phone_menue_flex .left_box .culture_icon .culture_icon_gif {
    width: 65px;
}
.phone_menue_flex .left_box .culture_icon  img.culture_icon_text{
    width: 106px;
    margin-bottom: 5px;
}

.phone_menue_flex .left_box .culture_icon img.sp_culture_icon_right {
    width: 70px;
    margin-bottom: 5px;
}

.phone_menue_flex .right_box .right_icon {
    padding: 0 0 6px 0;
    margin: 0;
}

.phone_menue_flex .right_box .right_icon img{
    width: 40px;
}

.head1a_230824,
.head1b_230824,
.head1d_230824,
.head1c_230824,
.head1c2_230824,
.head1c2_230824 .search {
    float: unset !important;
}

.head1_230824 {
    display: flex;
}

.head1a_230824 {
    width: 160px !important;
}

.head1cd_230824 {
    display: flex;
    width: 255px !important;
}

.head1b_230824 {
    width: calc(100% - 255px - 160px);
}

.head1c2_230824>.search {
    display: block !important;
}

.head1a_230824 img {
    height: auto !important;
    width: 100% !important;
}

@media screen and (min-width:1201px) and (max-width:1399px) {
    .head1cd_230824 {
        width: 270px !important;
    }

    .head1b_230824 {
        width: calc(100% - 270px - 160px);
    }
}

@media screen and (min-width:975px) and (max-width:1200px) {
    .head1a_230824 {
        width: 142px !important;
    }

    .head1cd_230824 {
        width: auto !important;
    }

    .head1b_230824 {
        width: calc(100% - 142px - 97px) !important;
    }

    .head1c_230824 {
        margin-right: 0 !important;
        width: auto !important;
    }

    .head1c2_230824 {
        margin-left: 0 !important;
    }

    .head1d_230824 {
        width: 87px !important;
        margin-left: 10px;
    }

    .head1d_230824 img {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .head1b_230824 img {
        max-width: 150px !important;
    }
}

@media screen and (max-width:974px) {

    .head1d_230824 img,
    .head1d_230824 {
        width: 100% !important;
    }

    .head1d_230824 img {
        margin-left: 0 !important;
    }

    .head1cd_230824 {
        width: 119px !important;
    }

    .head1_230824 {
        justify-content: space-between;
    }

    .head1cd_230824 {
        align-items: flex-end;
    }

    .head51_230824>a {
        margin-left: 30px !important;
    }

}

@media screen and (max-width:790px) {
    .head51_230824>a {
        margin-left: 15px !important;
    }

    .head5 {
        padding: 0px 15px !important;
    }
}

.overview_box2 .hp_header_logo_sports {
    display: none;
}
/* 右侧共通样式 */
.fixedBox-new2025::before,
.canon-fixed-right-menu::before {
    content: '';
    width: 100%;
    position: absolute;
    top: -65px;
    aspect-ratio: 1 / 1;
    background-image: url("/Public/Front/images/sidebar/sidebar_01.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    z-index: 999999;
}

.fixedBox-new2025::after,
.canon-fixed-right-menu::after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 50px;
    background-image: url("/Public/Front/images/sidebar/sidebar_bg.svg");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    z-index: 999999;
    pointer-events: none;
}

.fixedBox-new2025,
.canon-fixed-right-menu {
    position: fixed;
    right: 0px;
    bottom: 17%;
    z-index: 4999;
    width: 80px;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}

.canon-fixed-right-menu {
    top: unset;
    bottom: 5%;
    transform:unset;
}

.right-menu-box {
    background-color: rgba(206, 15, 5, 0.85)!important;
    text-align: center;
    cursor: pointer;
    border-radius: 0px!important;
    display: block;
    height: 80px!important;
    width: 80px!important;
    padding: 10px 0!important;
    margin-bottom: 0px!important;
    text-decoration: none;
    position: relative;
    transition: all .3s;
}

.right-menu-box-after::after,.right-menu-backtop::after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 40%;
    height: 1px;
    left: 50%;
    margin-left: -20%;
    background-color: unset;
    background-image: url(/Public/Front/images/sidebar/line.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.right-menu-backtop::after {
    bottom: unset;
    top: 0;
}

.right-menu-box:hover::after,
.right-menu-box-after:nth-last-child(2)::after,.right-menu-backtop:nth-child(1):after{
    display: none;
}

.right-menu-icon {
    max-width: 30px;
    margin: 0 auto 5px auto;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.compare-icon {
    background-image: url("/Public/Front/images/sidebar/icon_d.svg");
}

.mouse-icon {
    background-image: url("/Public/Front/images/sidebar/icon_s.svg");
}

.contact-icon {
    background-image: url("/Public/Front/images/sidebar/icon_z.svg");
}

.backtop-icon {
    background-image: url("/Public/Front/images/sidebar/icon_t.svg");
}

.right-menu-box:hover {
    background-color: rgb(225, 51, 51)!important;
    text-decoration: none;
}

.right-menu-box:hover .compare-icon {
    background-image: url("/Public/Front/images/sidebar/icon_d_h.svg");
}

.right-menu-box:hover .mouse-icon,
.menu-mouse-checked .mouse-icon {
    background-image: url("/Public/Front/images/sidebar/icon_s_h.svg");
}

.right-menu-box:hover .contact-icon {
    background-image: url("/Public/Front/images/sidebar/icon_z_h.svg");
}

.right-menu-box:hover .backtop-icon {
    background-image: url("/Public/Front/images/sidebar/icon_t_h.svg");
}

.right-menu-text {
    display: flex;
    justify-content: center;
}

.right-menu-text #p_nums,
.right-menu-text p {
    color: #fff;
    font-size: 14px;
}

.right-menu-text #p_nums {
    font-size: 16px;
}

.menu-mouse-checked::after {
    display: none;
}

.menu-mouse-checked {
    background-color: rgb(205, 0, 1)!important;
}

.menu-mouse-checked .right-menu-text p,
.right-menu-box:hover .right-menu-text #p_nums,
.right-menu-box:hover .right-menu-text p {
    color: #f9c385;
}


.right-menu-box>p,
.fixedBox-new2>p {
    font-size: 13px;
    margin-top: 3px;
    color: #ffffff;
    text-align: center;
}

.right-menu-backtop {
    display: none;
}

.right-menu-mouse {
    position: relative;
}


.right-menu-mouse-changebox {
    position: absolute;
    right: 77px;
    width: 190px;
    top: 0;
    display: block;
}

.right-menu-mouse-changebox2 {
    position: relative;
    width: calc(100% - 20px);
    background-color: rgb(255 255 255 / 80%);
    min-height: 80px;
    display: flex;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
    -webkit-transition: -webkit-box-shadow .3s linear;
    transition: box-shadow .3s linear;
    align-items: center;
    border-radius: 5px;
    flex-wrap: wrap;
    color: rgb(126, 126, 126);
}

.right-menu-mouse-changebox2::after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: rgb(255 255 255 / 80%);
    position: absolute;
    right: -16px;
    clip-path: polygon(50% 0%, 0% 80%, 100% 80%);
    transform: rotate(90deg);
}

.right-menu-mouse-changebox2>p {
    text-align: center;
    width: 120px;
    text-align: justify;
    margin: 0 auto;
    line-height: 1.6;
    color: rgb(126, 126, 126);
    font-weight: bold;
    font-size: 14px;
}

.right-menu-mouse-changebox2>p>img {
    width: 24px;
    display: inline-block;
    margin: 2px 2px 0px 2px;
}

.right-menu-mouse:hover .right-menu-mouse-changebox {
    display: block !important;
}

.canon-smile {
    display: none;
    transform-origin: bottom right;
    cursor: pointer;
}

.canon-smile-animate {
    animation: ScaleIcon 1.2s linear 1 forwards;
    width: 80px;
    height: 86px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    cursor: pointer;
    transform-origin: bottom right;
    transform: scale(2);
    box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
}

.canon-smile-exm {
    box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.1);
    margin-top: 10px;
}

.canon-smile-exm2 {
    clip-path: path('M 0 0 L 80 0 L 80 244 L 0 244 Z');
}

.canon-smile-animate>img {
    transform: scale(1);
}

.animate-scale-up {
    animation: scaleUp 1s ease-in-out 3;
    /* 放大动画 */
}


.canon-smile-finger {
    width: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}

.canon-smile-finger-move {
    animation: turnRigh 2s ease-in-out;
}

.canon-smile-close-sty {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 28px;
    top: -26px;
    cursor: pointer;
}
@media screen and (min-width: 997px) and (max-width: 1799px) {
    .fixedBox-product{
        top: unset;
        bottom: 5%;
        transform: unset;
    }
    .overview_box2 .fixedBox-product{
        top: 50%;
        bottom: unset;
        transform: translateY(-50%);
    }
}
@media screen and (max-width: 996px) {
    .canon-smile-close-sty {
        width: 36px;
        right: 22px;
        top: -41px;
    }

    .right-menu-mouse,
    .right-menu-text {
        display: none;
    }

    .right-menu-icon {
        width: 100%;
        height: 100%;
        max-width: 45px;
    }
    .fixedBox-new2025{
        bottom: 20%;
    }
    .canon-fixed-right-menu{
        z-index: 4999;
        bottom: 20%;
    }
    .right-menu-box:hover{
        /* background-color:rgba(255,255,255,0.9)!important; */
    }
    /* .right-menu-box:hover::after{
        display: block!important;
    } */
    .right-menu-box:hover .compare-icon {
        background-image: url("/Public/Front/images/sidebar/icon_d_h.svg");
    }
    
    .right-menu-box:hover .contact-icon {
        background-image: url("/Public/Front/images/sidebar/icon_z_h.svg");
    }
    
    .right-menu-box:hover .backtop-icon {
        background-image: url("/Public/Front/images/sidebar/icon_t_h.svg");
    }
    .right-menu-box:nth-child(3):after{
        display: none;
    }
    .fixedBox-new2 .compare-icon{
        height: 55px;
        margin-bottom: 0;
    }
    .fixedBox-new2 .right-menu-text{
        display: flex;
    }
    .right-menu-text #p_nums, .right-menu-text p{
        font-size: 20px!important;
    }
    .fixedBox.right-menu-box{
        height: 104px!important;
        position: relative!important;
        bottom: unset;
    }
    .right-menu-box-after:nth-child(2)::after{
        display: none;
    }
    .fixedBox-new2.right-menu-box-after::after{
        display: block;
    }
    .right-menu-backtop:nth-child(3)::after{
        display: block;
    }
    .right-menu-box{
        line-height: unset;
    }

}

@keyframes ScaleIcon {
    0% {
        transform: scale(2);
        /* width: 240px;
        height: 298px;
        transform: translate(-170px); */
    }

    100% {
        /* height: 87px;
        width: 70px;
        transform: translate(0px); */
        transform: scale(1);
    }
}

.fixedBox-new,.fixedBox-new-phone,.info99 .bottom_toolbar #goTop {
    display: none !important;
}

.control-right-type-width-150 .pat6 .pat5 h3,
.control-right-type-width-150 .pat6 .pat5 h4,
.control-right-type-width-150 .pat6 .pat5 h5 {
    width: 150px;
    text-align: center;
}

.head2.pc.new_head2_pc {
    background-image: url("/Public/Front/images/header/menu_pc_bg.webp");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 90%;
}

.head2.pc {
    background-image: url("/Public/Front/images/header/menu_pc_bg.webp");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 90%;
}

@media screen and (max-width: 1300px) {
    .head2.pc.new_head2_pc {
        background-image: url("/Public/Front/images/header/menu_sp_bg.webp");
    }
    
    .head2.pc {
        background-image: url("/Public/Front/images/header/menu_sp_bg.webp");
    }
}

.head2.pc.new_head2_pc li>h2>a {
    color: #fff;
}

.head2.pc.new_head2_pc #nav6 .icon_box {
    position: relative;
}

.head2.pc.new_head2_pc #nav6 .icon_box img {
    --width: 6.5vw;
    position: absolute;
    bottom: -5px;
    right: calc(-10px - var(--width));
    width: var(--width);
    z-index: 999998;
    pointer-events: none;
}

.overview_box2 .head2.pc.new_head2_pc #nav6 .icon_box img {
    display: none;
}

@media screen and (min-width: 1225px) and (max-width: 1280px) {
    .head2.pc.new_head2_pc #nav6 .icon_box img {
        --width: 5.2vw;
        right: calc(-5px - var(--width));
        bottom: 50%;
        transform: translateY(50%);
    }
}

@media screen and (min-width: 1201px) and (max-width: 1224px) {
    .head2.pc.new_head2_pc #nav6 .icon_box img {
        --width: 4.3vw;
        right: calc(-5px - var(--width));
        bottom: 50%;
        transform: translateY(50%);
    }
}

@media screen and (min-width: 1155px) and (max-width: 1157px) {
    .head2.pc.new_head2_pc #nav6 .icon_box img {
        bottom: 50%;
        transform: translateY(50%);
    }
}

@media screen and (max-width: 1078px) {
    .head2.pc.new_head2_pc #nav6 .icon_box img {
        display: none;
    }
}

/* .head2.pc.new_head2_pc .new_year_denglong {
    position: relative;
} */

.head2.pc.new_head2_pc .new_year_denglong::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 5%;
    aspect-ratio: 129 / 252;
    background-image: url("/Public/Front/images/header/denglong_left.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 999999;
}

.head2.pc.new_head2_pc .new_year_denglong::after {
    content: '';
    position: absolute;
    top: -5px;
    right: 0;
    width: 5%;
    aspect-ratio: 129 / 252;
    background-image: url("/Public/Front/images/header/denglong_right.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 999999;
}

@media screen and (max-width: 1280px) {
    .head2.pc.new_head2_pc .new_year_denglong::before {
        left: -5px;
    }

    .head2.pc.new_head2_pc .new_year_denglong::after {
        right: -5px;
    }
}

.overview_box2 .head2.pc.new_head2_pc .new_year_denglong::before,
.overview_box2 .head2.pc.new_head2_pc .new_year_denglong::after {
    content: unset;
}

.overview_box2 .head2.pc.new_head2_pc .icon_box img {
    display: none;
}