﻿@charset "utf-8";

@media screen and (min-width:1900px) {
    .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;
    }

    .head1b1 img {
        margin-left: 10px;
    }

    .head1b1 {
        float: left;
    }

    .head1b2 {
        margin-left: 20px;
        float: left;
    }

    .mb10 tr td,
    .mb10 tr th {
        padding: 5px;
        font-size: 12px;
    }

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

    .head1c1 {
        float: left;
    }

    .head1c1 .qa1 {
        display: block;
        float: left;
        width: 28px;
        height: 28px;
        background: url(../images/ico_1.png) no-repeat;
    }

    .head1c1 .qa2 {
        display: block;
        float: left;
        width: 28px;
        height: 28px;
        background: url(../images/ico_2.png) no-repeat;
        margin-left: 2px;
    }

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

    .head1c2a {
        float: left;
    }

    .head1c2a input {
        display: block;
        background: url(../images/ico_s.png) no-repeat center center;
        width: 24px;
        height: 24px;
        border: 0px;
    }

    .head1c2b {
        float: left;
    }

    .head1c2b input {
        display: block;
        height: 24px;
        border: 0px;
        width: 107px;
        font-size: 14px;
    }

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

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

    .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;
    }

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

    .head2 ul li:hover .nav1 {
        transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        opacity: 1;
    }

    .head2 ul li:hover .nav2 {
        transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        opacity: 1;
    }

    .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;
    }

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

    .swiper-container9 .ban10 {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        padding: 6% 5%;
    }

    .swiper-container9 .ban11 {
        float: left;
        text-align: center;
        width: 50%;
    }

    .swiper-container9 .ban11a {
        margin-top: 20%;
    }

    .swiper-container9 .ban11b {
        margin-top: 3%;
    }

    .swiper-container9 .ban11c {
        margin-top: 3%;
    }

    .swiper-container9 .ban12 {
        float: right;
        width: 50%;
    }

    .swiper-container9 .ban12 img {
        text-align: right;
        max-width: 90%;
    }

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

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

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

    .adv0 h2 {
        margin: 0px;
    }

    .adv0 a {
        text-decoration: none;
    }

    .adv0 {
        width: 100%;
        background: #262626;
        overflow: hidden;
    }

    .adva {
        width: 40%;
        float: right;
    }

    .advb {
        width: 60%;
        float: left;
    }

    .adva1 {
        width: 100%;
        position: relative;
    }

    .adva2 {
        width: 100%;
        overflow: hidden;
    }

    .adva21 {
        float: left;
        width: 50%;
        position: relative;
    }

    .adva22 {
        float: right;
        width: 50%;
        position: relative;
    }

    .advb1 {
        width: 100%;
        overflow: hidden;
    }

    .advb11 {
        width: 33.33%;
        float: left;
        position: relative;
    }

    .advb12 {
        width: 66.66%;
        float: left;
        position: relative;
    }

    .advb12 .sizer {
        padding-top: 50%;
    }

    .advb2 .sizer {
        padding-top: 66.66%;
    }

    .advb2 {
        width: 100%;
        position: relative;
    }

    .aa1 a {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
    }

    .aa11 {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: 35%;
    }

    .aa12 {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 15%;
    }

    .aa11 img {
        width: 100%;
    }

    .aa12 img {
        width: 100%;
    }

    .aa2 a {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        background-size: 90%;
        background-position: 50% 97%;
        background-repeat: no-repeat;
    }

    #adva21 .aa2 a {
        background-position: 50% 96%;
    }

    .aa21 {
        position: absolute;
        top: 20px;
        left: 20px;
    }

    .aa21 h2 {
        font-size: 26px;
        color: #fff;
    }

    .aa21 p {
        font-size: 15px;
        color: #fff;
        line-height: 250%;
    }

    .aa22 {
        position: absolute;
        bottom: 10px;
        left: 20px;
    }

    .aa22 p {
        font-size: 32px;
        color: #fff;
    }

    .aa3 a {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
    }

    .aa31 {
        padding: 0px 5%;
    }

    .aa31 h2 {
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 250%;
    }

    .aa31 p {
        font-size: 13px;
        color: #fff;
        line-height: 160%;
        text-align: center;
    }

    .aa32 {
        text-align: center;
        padding: 30% 0px 10%;
    }

    .aa4 a {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
    }

    .aa41 {
        position: absolute;
        bottom: 10px;
        right: 0px;
    }

    .aa42 {
        text-align: right;
        padding-right: 10px;
    }

    .aa41 p {
        background: #D60D03;
        color: #fff;
        font-size: 18px;
        padding: 2px 5px;
        margin-top: 5px;
    }

    .aa5 .af1 {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        background-size: cover;
        background-position: center center;
    }

    .aa51 {
        position: absolute;
        bottom: 10px;
        left: 0px;
    }

    .aa52 {
        text-align: left;
        padding-left: 10px;
    }

    .aa51 p {
        background: #D60D03;
        color: #fff;
        font-size: 18px;
        padding: 2px 5px;
        margin-top: 5px;
    }

    .aa551 p a {
        color: #fff;
    }

    .aa551 {
        position: absolute;
        right: 10%;
        top: 10%;
        text-align: right;
    }

    .aa551 h2 {
        font-size: 50px;
        color: #fff;
        line-height: 160%;
    }

    .aa551 p {
        font-size: 33px;
        color: #fff;
        line-height: 160%;
    }

    .aa441 {
        position: absolute;
        bottom: 10px;
        left: 0px;
    }

    .aa442 {
        text-align: left;
        padding-left: 10px;
    }

    .aa441 p {
        background: #D60D03;
        color: #fff;
        font-size: 19px;
        padding: 4px 10px;
        margin-top: 5px;
    }

    .aa332 {
        position: absolute;
        bottom: 5%;
        left: 10px;
        width: 40%;
    }

    .aa331 {
        position: absolute;
        bottom: 10%;
        right: 10px;
        width: 45%;
    }

    .aa331 img {
        width: 100%;
    }

    .aa332 img {
        width: 100%;
    }

    .aa111 {
        position: absolute;
        top: 10%;
        left: 5%;
    }

    .aa112 {
        text-align: left;
        padding-left: 10px;
    }

    .aa111 p {
        color: #fff;
        font-size: 30px;
        padding: 4px 10px;
        margin-top: 5px;
    }

    .aa553 {
        background: url(../images/vv11.png) no-repeat center center;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
    }

    .aa66 {
        padding-top: 10%;
    }

    .aa66 h2 {
        font-size: 30px;
        color: #fff;
        text-align: center;
        line-height: 200%;
    }

    .aa66 p {
        font-size: 20px;
        color: #fff;
        line-height: 160%;
        text-align: center;
    }

    .aa771 {
        position: absolute;
        bottom: 10%;
        left: 5%;
    }

    .aa772 {
        text-align: left;
        padding-left: 10px;
    }

    .aa771 p {
        color: #000;
        font-size: 30px;
        padding: 4px 10px;
        margin-top: 5px;
    }

    .footer-two {
        background: #fff;
        border-top: 2px solid #E3E3E3;
    }

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

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

    .foot1 {
        overflow: hidden;
        padding: 40px 0px 33px;
    }

    .foot11a {
        float: left;
    }

    .foot11a img,
    .foot11b img,
    .foot11c img {
        width: 50px;
    }

    .foot11b {
        float: left;
        margin-left: 18px;
    }

    .foot11b p {
        font-size: 14px;
        margin: 8px 0px 0px;
        line-height: 130%;
    }

    .foot11c {
        float: left;
    }

    .foot11c p {
        display: inline-block;
        background: #959595;
        border-radius: 10px;
        font-size: 12px;
        padding: 1px 5px;
        font-weight: 700;
        margin: 35% 0px 0px 10px;
    }

    .foot11c p a {
        color: #fff;
    }

    .foot11 {
        float: left;
        margin-left: 30px;
    }

    .foot12 {
        float: left;
        margin-left: 30px;
    }

    .foot13 {
        float: left;
        margin-left: 30px;
    }

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

    .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;
    }

    .foot312 p {
        font-size: 12px;
        margin: 0px;
        line-height: 160%;
    }

    .foot312 {
        padding: 0px 30px 20px;
    }

    .foot311 {
        position: absolute;
        right: 20px;
        z-index: 11;
    }

    .foot31 {
        position: relative;
        padding: 20px 0px 0px;
    }

    .foot311 ul {
        margin: 0px;
    }

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

    .foot311 ul li a {
        color: #000;
        padding: 0px 6px;
    }

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

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

    .foot3 {
        position: relative;
    }

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

    .foot33 img {
        width: 80px;
    }

    .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 #6f6f6f;
    }

    .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/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;
    }

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

    .kai1 h2 {
        font-size: 50px;
        color: #000;
    }

    .kai2 {
        margin-top: 50px;
    }

    .kai2 ul li {
        line-height: 90px;
        overflow: hidden;
        border-bottom: 2px solid #8c8c8c;
    }

    .kai2 ul li a {
        font-size: 26px;
        color: #000;
    }

    .kai3 {
        position: fixed;
        z-index: 1001;
        width: 84%;
        left: 8%;
        bottom: 10%;
    }

    .kai31 {
        display: block;
        width: 33%;
        line-height: 85px;
        text-align: center;
        background: #6F6F6F;
        color: #fff;
        font-size: 34px;
        float: left;
    }

    .kai32 {
        display: block;
        width: 65%;
        line-height: 85px;
        text-align: center;
        background: #B93D3F;
        color: #E5E5E5;
        font-size: 34px;
        float: right;
    }

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

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

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

    .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: #7F7F7F;
    }

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

    .location span {
        line-height: 46px;
        font-size: 1.5rem;
        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;
    }

    .location-four {
        padding: 0px 20px;
        color: #ba3d40;
    }

    .location-five {
        color: #BA3D40;
        cursor: pointer;
    }

    .location-six {
        position: absolute;
        width: 80%;
        margin-left: 10%;
        height: auto;
        display: none;
    }

    .location-six div {
        width: calc(98% - 50px);
        height: 30px;
        list-style: none;
        float: left;
        margin: 0px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .location-six div span {
        float: left;
        margin: 0px 20px;
        line-height: 30px;
        font-weight: 500;
    }

    .location-six-more {
        width: 50px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        line-height: 30px;
        font-size: 14px;
    }

    .location-seven {
        float: right;
        margin-right: 5%;
    }

    .location-seven-ul {
        list-style: none;
    }

    .location-seven-li {
        float: left;
        font-size: 16px;
        margin: 13px 0px;
        padding: 0px 10px;
        border-right: 1px solid #494747;
    }

    .location-seven-li:last-child {
        border-right: none;
    }

    .CarouselBox {
        width: 100%;
        height: auto;
    }

    #tikj {
        clear: both;
    }

    .carousel {
        width: 100%;
        height: auto;
    }

    .carousel-inner {
        width: 100%;
        height: 100%;
    }

    .carousel-inner img {
        width: 100%;
    }

    .carousel-inner .active {
        width: 100%;
        height: 100%;
    }

    .listTopTabs {
        width: 90%;
        margin-left: 5%;
    }

    .listTopTabs>ul {
        width: 100%;
        margin-top: 62px;
    }

    .listTopTabs>ul>li {
        height: 50px;
        width: 33.4% !important;
        text-align: center;
        background: #fff;
        margin-left: 5px;
    }

    .listTopTabs>ul>li>a {
        color: #494747 !important;
        height: 100%;
        line-height: 50px;
        padding: 0px;
        font-size: 19px;
        letter-spacing: 5px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 19px !important;
        text-overflow: ellipsis;
        background: #fff;
    }

    .listTopTabs>ul>li:first-child {
        width: 33.2% !important;
        margin-left: 0%;
    }

    .listTopTabs>ul>.active {
        height: 66px;
        margin-top: -16px;
    }

    .listTopTabs>ul>.active>a {
        height: 100%;
        background: #ba3d40;
        color: #fff !important;
        font-size: 24px;
        line-height: 66px;
        border: none;
    }

    .listTopTabs>ul>.active>a:hover {
        background: #ba3d40 !important;
        color: #fff !important;
        font-size: 24px;
        border: none;
    }

    .listTopTabs>ul li a:hover {
        background: #ba3d40 !important;
        color: #fff !important;
        font-size: 24px;
        border: none;
    }

    .selected {
        width: 100%;
        height: 40px;
        background: #494748;
        letter-spacing: 1px;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
    }

    .selected>div {
        float: left;
    }

    .selected>div>span {
        font-size: 12px;
        padding-left: 12px;
    }

    .selected .choose {
        width: 5%;
        margin-left: 5%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .selected .selected-one {
        width: 15%;
        text-align: center;
        position: relative;
        cursor: pointer;
        z-index: 99;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .selected .selected-one:hover span {
        color: #ba3d40;
    }

    .selectedBox {
        position: absolute;
        padding: 0px 20%;
        height: auto;
        background: #626061;
        text-align: left;
        display: none;
        z-index: 1000;
    }

    .selectBoxLine {
        width: 80%;
        height: 3px;
        background: #ba3d40;
    }

    .selectedBox-ul {
        padding-left: 10%;
        list-style: none;
    }

    .selectedBox-li:hover {
        color: #ba3d40;
    }

    .compositor {
        width: 100%;
        height: 50px;
        background: #fff;
        line-height: 50px;
        font-size: 18px;
        color: #000;
    }

    .compositor>div {
        float: left;
        cursor: pointer;
    }

    .compositor-name {
        color: #ba3d40;
        margin-left: 5%;
        margin-right: 2%;
    }

    .compositor-way {
        margin-left: 2%;
        cursor: pointer;
    }

    .compositor-icon {
        margin-left: 3%;
    }

    .compositor-ContactUs {
        float: right !important;
        margin-right: 5%;
    }

    .compositor-ContactUs-icon {
        width: 28px;
        height: 28px;
        margin-top: 11px;
        background: #212121;
        border-radius: 14px;
        color: #fff;
        text-align: center;
        line-height: 28px;
        float: left;
    }

    .compositor-ContactUs>span {
        float: left;
        margin-left: 2px;
    }

    .listTopTabs .tab-content {
        width: 100%;
        height: auto;
        background: #fff;
        float: left;
    }

    .listBox {
        width: 90%;
        margin-left: 5%;
        height: auto;
        float: left;
        padding: 30px 0px 70px 0px;
    }

    .listUl {
        width: 100%;
        overflow: hidden;
    }

    .listLi {
        float: left;
        width: 28%;
        height: auto !important;
        background: #f2f2f2;
        margin-left: 4%;
        position: relative;
    }

    .listLiTop {
        height: 250px;
        display: table;
        width: 100%;
        background: #fff;
        border: 1px solid #e2e2e2;
        text-align: center;
        vertical-align: middle;
        line-height: 250px;
    }

    .listLiTop img {
        max-width: 100%;
        margin: 0 auto;
        max-height: 240px;
    }

    .listLiTop .dffd3 img {
        max-width: 180px;
        margin: 0 auto;
        max-height: 240px;
    }

    .listLiBottom {
        width: 100%;
        height: 173px;
        background: #fff;
        letter-spacing: 2px;
    }

    .listLiBottom .listLi-name {
        width: 100%;
        font-size: 19px;
        padding: 10px 0px;
        line-height: 35px;
        margin-left: 0px;
        margin: 0px;
        height: 74px;
        color: #333;
    }

    .listLiBottom>div {
        width: 100%;
        margin-top: 10px;
    }

    .listLi-price {
        float: left;
        font-size: 21px;
        line-height: 30px;
    }

    .listLi-price span {
        font-size: 12px;
        line-height: 30px;
        color: #B93D3F;
        margin-left: 5px;
    }

    .listLi-contrast {
        float: right;
        font-size: 13px;
        line-height: 30px;
    }

    .listLi-contrast>div {
        width: 12px;
        height: 12px;
        margin-top: 9px;
        border: 2px solid #837f80;
        margin-right: 5px;
        float: left;
        cursor: pointer;
    }

    .listPage {
        width: 100%;
        height: auto;
        float: left;
    }

    .listPageOne {
        width: 40px;
        height: 40px;
        float: left;
        background: #ba3d40;
        margin-left: calc(50% - 20px);
        line-height: 40px;
        font-size: 16px;
        text-align: center;
        color: #fff;
    }

    .recommend {
        background: rgba(255, 255, 255, 0) !important;
    }

    #juHe #swiper-two .listLiTxtLink {
        margin-left: 44px;
        margin-top: 10px;
        font-size: 12px;
        color: #B93D3F;
    }

    #juHe #swiper-two .swiper-slide img {
        float: none;
        margin-top: 0px;
        margin-left: 35%;
    }

    #swiper-three {
        width: 100%;
        height: auto;
        float: left;
        z-index: 700;
    }

    #swiper-three .swiper-wrapper {
        width: 100%;
        height: auto;
    }

    #swiper-three .swiper-wrapper .swiper-slide {
        width: 11.11%;
    }

    .fixed {
        position: fixed !important;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 999;
    }

    .jihe1 {
        border: 1px solid #000;
        height: 30px;
        line-height: 30px;
        margin-right: 10px;
        font-size: 14px;
        text-indent: 10px;
        display: none;
    }

    .gg1 {
        cursor: pointer;
    }

    .compositor-ContactUs a span {
        color: #000;
        margin-left: 10px;
    }

    .listBox0 {
        overflow: hidden;
        background: #fff;
        margin-bottom: 20px;
        width: 100%;
    }

    .gds {
        background: #ba3d40;
    }

    .adva22.aaa4 {
        float: left;
    }

    #juHe .selected .choose {
        width: 9%;
        font-size: 15px;
    }

    #juHe .selected .selected-one {
        width: 14%;
        font-size: 15px;
    }

    #juHe .listTopTabs>ul>li>a {
        font-size: 15px;
    }

    #juHe .listTopTabs>ul>.active>a:hover {
        font-size: 16px;
    }

    #juHe .listPage {
        margin: 50px 0px;
    }

    .Pagesize {
        overflow: hidden;
        text-align: center;
        margin: 50px 0px;
        height: 40px;
    }

    .Pagesize ul li {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0px 10px;
    }

    .Pagesize ul li a {
        display: block;
        background: #F1F1F1;
        color: #555;
        font-size: 20px;
    }

    .Pagesize ul li a:hover,
    .Pagesize ul li a.hover {
        background: #B93D3F;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

    .foot312 p a {
        color: #333;
    }

    .swiper-slide .listLiTxt {
        height: auto;
        border-left: 2px solid #616161;
        padding-left: 12px;
        margin: 0px 30px 0px 0px;
    }

    .listLiTxtTitle {
        font-size: 16px;
        font-weight: 700;
    }

    .listLiTxtTitle2 {
        font-size: 14px;
        color: #878787;
        line-height: 20px;
        font-weight: 700;
    }

    .listLiTxtTitle2 span {
        margin-right: 5px;
    }

    .listLiTxtTitle2 span:first-child {
        color: #B93D3F;
    }

    .listLiTxtPrice {
        font-size: 26px;
        color: #000;
        line-height: 20px;
    }

    .listLiTxtLink {
        font-size: 16px;
        color: #b00b0f;
        margin-top: 50px;
    }

    .rrw1 {
        text-align: right;
    }

    .rrw1 img {
        height: 115px;
    }

    .xx12 {
        width: 8px;
        height: 8px;
        background: url(../images/xx12.png) no-repeat;
        display: inline-block;
        margin-left: 10px;
    }

    .location-seven-li a {
        color: #494747;
    }

    #swiper-three img {
        margin: 10px 2% 0px;
        width: 96%;
    }

    #swiper-three img.on1 {
        transition: 1s;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        -o-transition: 1s;
        cursor: pointer;
    }

    #swiper-three img.on1:hover {
        transform: scale(1.2);
        margin-top: 0px;
        position: relative;
        z-index: 200;
    }

    .xx13 {
        width: 40px;
        height: 30px;
        background: url(../images/xx13.png) no-repeat;
        display: inline-block;
        margin-left: 10px;
    }

    .fixedBox {
        width: 104px;
        height: 104px;
        position: fixed;
        right: 0px;
        bottom: 300px;
        background: #b00b10;
        border-radius: 10px;
        z-index: 999;
        color: #f2f2f2;
        font-size: 15px;
        text-align: center;
        line-height: 25px;
        padding: 25px 0px 5px;
    }

    .fixedBox-new2 {
        width: 90px;
        height: 90px;
        position: relative;
        padding: 18px 0px 5px;
        cursor: pointer;
        bottom: 0px;
    }

    .fixedBox span:first-child {
        font-size: 22px;
    }

    .ddsq {
        position: absolute;
        bottom: 70px;
        left: -50%;
        width: 200%;
        display: none;
    }

    .swiper-button-prev1 {
        position: absolute;
        top: 30%;
        left: 0px;
        background: url(../images/ppd1.png) no-repeat;
        width: 26px;
        height: 49px;
        z-index: 200;
    }

    .swiper-button-next1 {
        position: absolute;
        top: 30%;
        right: 20px;
        background: url(../images/ppd2.png) no-repeat;
        width: 26px;
        height: 49px;
        z-index: 200;
    }

    #swiper-two {
        width: 100%;
    }

    .recommend {
        background: #fff none repeat scroll 0 0;
        height: auto;
        padding: 20px 2% 20px;
        width: 100%;
    }

    .swiper-slide .listLiTxt {
        height: auto;
        border-left: 0px solid #616161;
        padding-left: 12px;
        margin: 0px 30px 0px 30px;
    }

    #swiper-two .listLiTxtLink {
        margin-left: 42px;
        margin-top: 10px;
        font-size: 12px;
        color: #B93D3F;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        left: 0px;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        right: 0px;
    }

    .rrw1 {
        text-align: right;
        padding-right: 10px;
    }

    .dh0 {
        overflow: hidden;
        background: #323232;
        line-height: 36px;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        padding: 0px 40px;
    }

    .dh1 {
        float: left;
    }

    .dh2 {
        float: left;
    }

    .dh2 ul li {
        float: left;
        margin-right: 20px;
    }

    .dh2 ul li p {
        line-height: 36px;
        margin: 0px;
    }

    .dh2 ul li p b {
        display: block;
        float: left;
    }

    .dh2 ul li p span {
        display: block;
        float: left;
        width: 24px;
        height: 36px;
        background: url(../images/xx.png) no-repeat center center;
    }

    .dh3 {
        float: right;
        height: 20px;
        background: #BA3D40;
        line-height: 20px;
        border-radius: 20px;
        padding: 0px 10px;
        margin-top: 9px;
        cursor: pointer;
    }

    .listTopTabs1 .tibao #xing1 {
        width: 100%;
        margin-top: 62px;
    }

    .dffd {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .listTopTabs1 .tibao #xing1>li {
        height: 50px;
        width: 33.2%;
        text-align: center;
        background: #fff;
        margin-left: 0.2%;
    }

    .listTopTabs1 .tibao #xing1>li>a {
        color: #494747 !important;
        height: 100%;
        line-height: 50px;
        padding: 0px;
        font-size: 19px;
        letter-spacing: 3px;
        white-space: nowrap;
        overflow: hidden;
        font-size: 22px !important;
        text-overflow: ellipsis;
        background: #fff;
    }

    .listTopTabs1 .tibao #xing1>li:first-child {
        width: 33.2%;
        margin-left: 0%;
    }

    .listTopTabs1 .tibao #xing1>.active {
        height: 66px;
        margin-top: -16px;
    }

    .listTopTabs1 .tibao #xing1>.active>a {
        height: 100%;
        background: #ba3d40;
        color: #fff !important;
        font-size: 24px;
        line-height: 66px;
        border: none;
    }

    .listTopTabs1 .tibao #xing1.active>a:hover {
        background: #ba3d40;
        color: #fff;
        font-size: 24px;
        border: none;
    }

    .listTopTabs1 .tibao #xing1 li a:hover {
        background: #ba3d40;
        color: #fff !important;
        font-size: 24px;
        border: none;
    }

    #shai {
        display: none;
    }

    #tijiao.hover {
        position: fixed;
        top: 0px;
        z-index: 800;
        width: 90%;
        background: #F2F2F2;
    }

    #tijiao.hover #xing1 {
        margin-top: 16px;
    }

    .clodf {
        float: right;
        width: 20px;
        height: 20px;
        background: url(../images/oo2.png) no-repeat center center;
        cursor: pointer;
        margin-right: 30px;
    }

    .clodf.on {
        float: right;
        width: 20px;
        height: 20px;
        background: url(../images/oo1.png) no-repeat center center;
        margin-bottom: 0px;
        margin-right: 30px;
    }

    .clodf1 {
        background: #B10C10;
        height: 6px;
        display: none;
        clear: both;
    }

    .heng1 {
        height: 200px;
        width: 2px;
        background: #949494;
        position: absolute;
        left: 0px;
        left: 25%;
    }

    .heng2 {
        height: 200px;
        width: 2px;
        background: #949494;
        position: absolute;
        left: 0px;
        left: 50%;
    }

    .heng3 {
        height: 200px;
        width: 2px;
        background: #949494;
        position: absolute;
        left: 0px;
        left: 75%;
    }

    #eer {
        float: left;
    }

    .footer-two a {
        color: #000;
    }

    .footer-two a,
    .footerLogo a {
        color: #000;
    }

    .footerLogo {
        position: relative;
    }

    .headerLogo {
        position: relative;
    }

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

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

    .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;
    }

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

    .footerLogo p.floatLeft>a {
        text-decoration: none;
    }

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

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

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

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

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

    .selectedBox-ul li {
        font-size: 14px;
    }

    .selected .selected-one {
        font-size: 16px;
    }

    .wrap {
        width: 100%;
        position: relative;
        margin: 0 auto;
    }

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

    .scroll ul {
        position: absolute;
        width: 20000em;
        left: 30px;
    }

    .scroll ul li {
        float: left;
    }

    .bpic,
    ins.nm {
        text-align: center;
    }

    ins.nm {
        height: 100px;
        background-color: #218723;
        top: 540px;
        filter: alpha(opacity=60);
        opacity: 0.6;
    }

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

    .b1 {
        width: 90%;
        overflow: hidden;
    }

    .b1 li,
    .b1 li ins {
        position: relative;
    }

    .b1 li {
        margin-right: 6px;
        cursor: pointer;
    }

    .b1 li div {
        display: none;
    }

    .b1 li img {
        width: 100px;
    }

    .b1 li.active img {
        border: 1px solid #fff;
    }

    a.arr_l {
        background: url(../images/arrow_left.png) no-repeat;
        width: 24px;
        height: 46px;
        display: block;
        position: absolute;
        bottom: 40px;
        left: 0px;
        z-index: 1;
        cursor: pointer;
    }

    a.arr_r {
        right: 0%;
        background: url(../images/arrow_right.png) no-repeat;
        width: 24px;
        height: 46px;
        display: block;
        position: absolute;
        bottom: 40px;
        cursor: pointer;
    }

    .fsff {
        position: relative;
        padding-left: 40px;
        width: 100%;
    }

    .fsff {
        margin-top: 20px;
    }

    .pro_info_area .scroll_three {
        display: none;
    }

    .goods-chooseColor {
        border: 2px solid #fff;
    }

    .goods-chooseColor.on {
        border: 2px solid #c10;
    }

    .goods_numList {
        border: 2px solid none;
    }

    .goods_numList.on {
        border: 2px solid #c10;
    }

    .pro_style_1 table {
        width: 100%;
    }

    .pro_style_1 table {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    .pro_style_1 table tr th,
    .pro_style_1 table tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
        font-size: 14px;
    }

    .pro_style_1 table tr:nth-child(odd) {
        background: #CECECE;
    }

    .box_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .box_1 h3 {
        line-height: 40px;
        font-size: 20px;
    }

    .box_10 {
        overflow: hidden;
    }

    .box_2 {
        float: left;
        width: 33.3%;
    }

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

    .box_3 {
        float: left;
        width: 66.7%;
    }

    .box_3 p {
        padding: 0px 20px;
    }

    .c3_1 {
        overflow: hidden;
        margin-top: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .c3_1 img {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .c3_1 h3 {
        line-height: 33px;
        font-size: 26px;
        padding: 0px;
    }

    .c3_1 p {
        margin-top: 0px;
        padding: 0px;
        font-size: 14px;
        line-height: 23px;
        margin: 0px;
    }

    .c1_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .c1_1 h3 {
        line-height: 40px;
        font-size: 20px;
    }

    .c1_2 {
        float: left;
        width: 50%;
    }

    .c1_3 {
        float: left;
        width: 50%;
    }

    .c1_3 p {
        padding: 0px 20px;
    }

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

    .c2_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .c2_1 h3 {
        line-height: 40px;
        font-size: 20px;
    }

    .c2_2 {
        float: left;
        width: 50%;
    }

    .c2_3 {
        float: left;
        width: 50%;
    }

    .c2_2 p {
        padding: 0px 20px 0px 0px;
    }

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

    .b1_1 {
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

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

    .b2_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .b2_10 {
        overflow: hidden;
    }

    .b2_2 {
        float: left;
        width: 50%;
        display: table;
        vertical-align: middle;
    }

    .b2_3 {
        float: left;
        width: 50%;
    }

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

    .b2_2 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 0% 20px 0px;
    }

    .b2_2 p {
        font-size: 14px;
        line-height: 23px;
        padding: 0 20px 0px;
    }

    .b3_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .b3_10 {
        overflow: hidden;
    }

    .b3_2 {
        float: right;
        width: 33.3%;
        vertical-align: middle;
    }

    .b3_3 {
        float: left;
        width: 66.7%;
    }

    .b3_3 img {
        width: 100%;
    }

    .b3_2 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 0% 20px 0px;
    }

    .dc1_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .dc1_10 {
        overflow: hidden;
    }

    .dc1_2 {
        float: left;
        width: 25%;
        vertical-align: middle;
    }

    .dc1_3 {
        float: left;
        width: 75%;
    }

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

    .dc1_3 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 0% 0px 0px;
    }

    .dc1_3 p {
        font-size: 14px;
        line-height: 23px;
        padding: 0% 0px 0px;
    }

    .dc2_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .dc2_10 {
        overflow: hidden;
    }

    .dc2_2 {
        float: left;
        width: 50%;
    }

    .dc2_2 img {
        width: 100%;
    }

    .dc2_2 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 0% 20px 0px;
    }

    .dc2_2 p {
        font-size: 14px;
        line-height: 23px;
        padding: 0% 20px 0px;
    }

    .dc3_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .dc3_2 {
        float: left;
        width: 33.333%;
    }

    .dc3_1 img {
        width: 100%;
    }

    .dc3_1 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 0% 20px 0px;
    }

    .dc3_1 p {
        font-size: 14px;
        line-height: 23px;
        padding: 3% 20px 0px;
    }

    .dc3_20 {
        display: none;
    }

    .dc4_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

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

    .dc4_1 img {
        width: 100%;
    }

    .dc4_1 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 0% 20px 0px;
    }

    .dc4_1 p {
        font-size: 14px;
        line-height: 23px;
        padding: 3% 20px 0px;
    }

    .dc4_20 {
        display: none;
    }

    .swiper-wrapper {
        height: auto;
    }

    .xx0 .xx1 {
        width: 100px;
    }

    .swiper-container11 {
        overflow: hidden;
        width: 90%;
        position: relative;
        margin-bottom: 40px;
    }

    .swiper-container11 .bd {
        margin-left: 50px;
    }

    .swiper-container11 .bd ul {
        padding: 0px 40px;
        overflow: hidden;
    }

    .swiper-container11 .bd ul li {
        width: 25%;
        float: left;
    }

    .swiper-container11 .hd a.prev {
        width: 15px;
        height: 46px;
        background: url(../images/arrow_left.png) no-repeat center center;
        display: block;
        position: absolute;
        left: 0px;
        top: 10px;
    }

    .swiper-container11 .hd a.next {
        width: 15px;
        height: 46px;
        background: url(../images/arrow_right.png) no-repeat center center;
        display: block;
        position: absolute;
        right: 0px;
        top: 10px;
    }

    .dcc2_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .dcc2_10 {
        overflow: hidden;
    }

    .dcc2_2 {
        float: left;
        width: 50%;
        text-align: left;
    }

    .dcc2_2 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 5% 20px 0px;
    }

    .dcc2_2 p {
        font-size: 14px;
        line-height: 23px;
        padding: 0% 20px 0px;
        text-align: left;
    }

    .dcc3_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .dcc3_10 {
        overflow: hidden;
    }

    .dcc3_2 {
        float: left;
        width: 33.3%;
        text-align: center;
    }

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

    .dcc3_2 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 5% 20px 0px;
    }

    .dcc3_2 p {
        font-size: 14px;
        line-height: 23px;
        padding: 0% 20px 0px;
        text-align: center;
    }

    .dc1_333 {
        padding: 0px 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .a111 {
        font-size: 14px;
        line-height: 24px;
    }

    .dcc4_1 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .dcc4_10 {
        overflow: hidden;
    }

    .dcc4_2 {
        float: left;
        width: 25%;
        text-align: center;
    }

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

    .dcc4_2 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 5% 20px 0px;
    }

    .dcc4_2 p {
        font-size: 14px;
        line-height: 23px;
        padding: 0% 20px 0px;
        text-align: center;
    }

    .table1 {
        margin-bottom: 30px;
    }

    .table1 table {
        width: 100%;
    }

    .table1 .spec_table {
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        background: #fff;
    }

    .table1 .spec_table tr th,
    .table1 .spec_table tr td {
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        padding: 10px;
        line-height: 145%;
    }

    .table1 .spec_table tr:nth-child(odd) {
        background: #f5f5f5;
    }

    .footer-one h3 {
        margin: 20px 0px 10px;
    }

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

    .footer-twoLeft p {
        margin-bottom: 10px;
    }

    .bbfb {
        position: absolute;
        top: 15px;
        left: 15px;
    }

    .foot312 p a {
        color: #333;
    }

    .tab-content {
        background: #fff;
        padding: 30px 0px;
    }

    .bbi {
        background: #fff;
    }

    .tabs {
        width: 90% !important;
        margin: 0 auto !important;
        height: auto;
        float: none;
    }

    .bbi .tabs {
        width: 100% !important;
        margin: 0 auto !important;
        height: auto;
        float: none;
    }

    .e2a {
        overflow: hidden;
        margin-top: 40px;
        font-size: 14px;
    }

    .e2a1 {
        float: left;
        margin-right: 10px;
    }

    .e2a2 {
        float: left;
    }

    .e2a2 button {
        background: #b10c10;
        border: 0px;
        padding: 4px 20px;
        color: #fff;
    }

    #acc_type {
        height: 24px;
        line-height: 24px;
    }

    .table12 {
        margin: 5px 0px;
    }

    .overview_box h3 {
        margin: 0px 0px 5px;
    }

    .overview_box {
        width: 900px;
        margin: 0 auto;
    }

    .overview_box2 .overview_box {
        width: 880px;
        margin: 0 auto;
    }

    .overview_box p {
        font-size: 14px;
    }

    .overview_box p.img {
        float: left !important;
    }

    .aa551 .dda {
        text-decoration: underline;
    }

    .scs {
        overflow: hidden;
    }

    .fdfe {
        float: left;
        font-size: 14px;
    }

    .acc {
        float: left;
    }

    .acc_search {
        float: left;
        margin-left: 10px;
        background: #b10c10;
        color: #fff;
        padding: 5px 20px;
        cursor: pointer;
    }

    .nav-tabs>li>a {
        font-size: 16px;
    }

    .tab_box {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    .tab_box tr th,
    .tab_box tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
    }

    .tab_box tr:nth-child(odd) {
        background: #CECECE;
    }

    .trdss {
        overflow: hidden;
    }

    .trdss li {
        float: left;
        line-height: 40px;
        font-size: 16px;
        margin-right: 30px;
    }

    .trdss li.hover a {
        color: #b10c10
    }

    .zty0 {
        overflow: hidden;
    }

    .zty0 h3 {
        font-size: 16px;
    }

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

    .zty1 img {
        max-width: 90%;
    }

    .zty2 {
        float: left;
        width: 65%;
        padding: 0px 0px;
        font-size: 14px;
        line-height: 170%;
    }

    .listLiBottom .listLi-name b {
        background: #ba3d40;
        color: #fff;
        font-size: 14px;
        padding: 1px 5px;
    }

    .dv2_1 {
        overflow: hidden;
        margin-bottom: 40px;
        font-size: 14px;
        line-height: 24px;
    }

    .dv2_10 {
        overflow: hidden;
    }

    .dv2_2 {
        float: left;
        width: 44%;
        margin-left: 4%;
    }

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

    .overview_box .dv2_2 h3 {
        font-size: 16px;
        line-height: 33px;
        padding: 5% 20px 0px;
    }

    .dv2_2 p {
        font-size: 12px;
        line-height: 30px;
        padding: 0% 0px 0px;
        color: #ba3d40
    }

    .dv2_20 .video {
        overflow: hidden;
    }

    .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\0;
        padding-top: 2px\0;
        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;
    }

    .xa1 {
        width: 100%;
        font-size: 14px;
        line-height: 24px;
    }

    .xa1 img {
        width: 100%;
    }

    .xb1 {
        width: 100%;
    }

    .xb1 img {
        width: 100%;
    }

    .xb2 {
        overflow: hidden;
    }

    .xb21 {
        width: 50%;
        float: left;
    }

    .xb21 img {
        width: 100%;
    }

    .xb2 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 30px 20px 0px;
    }

    .xb2 p {
        font-size: 14px;
        line-height: 24px;
        padding: 20px 20px 20px;
    }

    .xb3 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .xb31 {
        width: 66.7%;
        float: left;
    }

    .xb31 img {
        width: 100%;
    }

    .xb32 {
        width: 33.3%;
        float: left;
        padding: 30px 20px;
    }

    .xb32 h3 {
        font-size: 46px;
        line-height: 58px;
        padding: 30% 20px 0px;
    }

    .xc1 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .xc11 {
        width: 33.3%;
        float: left;
    }

    .xc11 img {
        width: 100%;
    }

    .xc12 {
        width: 66.7%;
        float: left;
        padding: 30px 20px;
    }

    .xc12 h3 {
        font-size: 26px;
        line-height: 33px;
    }

    .xc12 p {
        font-size: 14px;
        line-height: 24px;
    }

    .xc12 h4 {
        font-size: 20px;
        line-height: 150%;
    }

    .xc121 {
        text-align: right;
    }

    .xc2 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .xc21 {
        width: 50%;
        float: left;
    }

    .xc2 img {
        width: 100%;
    }

    .xc120 {
        padding: 20px;
    }

    .xc12 h3 {
        font-size: 26px;
        line-height: 33px;
        margin-bottom: 5px;
    }

    .xc12 p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    .xc12 h4 {
        font-size: 20px;
        line-height: 150%;
        margin-bottom: 5px;
    }

    .xc121 {
        text-align: right;
    }

    .ll {
        float: left;
    }

    .lr {
        float: right;
    }

    .xc3 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .xc31 {
        width: 50%;
        float: left;
    }

    .xc3 img {
        width: 100%;
    }

    .xc3 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 30px 20px 0px;
    }

    .xc3 p {
        font-size: 14px;
        line-height: 24px;
        padding: 20px 20px 20px;
    }

    .xc31bb .xc31.xc317 {
        width: 0%;
        float: left;
    }

    .xc31aa {
        float: left;
        width: 66.7%
    }

    .xc31bb {
        float: left;
        width: 33.3%
    }

    .xc31bb .xc31 {
        width: 100%;
        float: left;
    }

    .xcn-dsp {
        display: flex;
        display: -webkit-flex;
        width: 100%;
    }

    .banner_new {
        margin: 5px -5px 20px;
    }

    .banner_new a {
        display: block;
        text-align: center;
    }

    .banner_new #fdbaner {
        text-align: center;
    }

    .banner_new_dsp {
        margin: 0 auto;
        width: 100%;
        display: flex;
        display: -webkit-flex;
    }

    .banner_new-dsp .xc31 {
        padding: 5px;
        width: 100%;
    }

    .labelBar {
        width: 100%;
        padding: 10px;
        margin: 0 auto;
    }

    .xcn-dsp .xc31 a.xc11_new_a {
        display: inline-block;
        width: 100%;
    }

    .xcn-dsp .xc31 .xc11_new_h3 {
        font-size: 24px;
        padding: 20px 0 10px 0;
        text-align: center;
    }

    .xcn-dsp .xc31 .xc11_new_font {
        padding: 10px;
    }

    .xcn-dsp .xc31 img {
        width: 100%;
        max-width: 100%;
    }

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

    .xc11_new {
        margin: 5px -5px 20px;
    }

    .xc11_new .xc31 {
        padding: 5px;
        width: 100%
    }

    .cdbanner {
        width: 100%;
    }

    .xb4_d {
        margin: 0 -10px;
    }

    .xc4 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .xc41 {
        width: 50%;
        float: left;
    }

    .xc4 img {
        width: 100%;
    }

    .xc4 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 30px 20px 0px;
    }

    .xc4 p {
        font-size: 14px;
        line-height: 24px;
        padding: 20px 20px 20px;
    }

    .xc7 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .xc72 {
        width: 66.7%;
        float: left;
    }

    .xc72 img {
        width: 100%;
    }

    .xc71 {
        width: 33.3%;
        float: left;
        padding: 40px 20px;
    }

    .xc71 h3 {
        font-size: 46px;
        line-height: 58px;
    }

    .xc7 h3 {
        font-size: 46px;
        line-height: 58px;
    }

    .xc7 p {
        font-size: 14px;
        line-height: 24px;
    }

    .xc7 h4 {
        font-size: 20px;
        line-height: 150%;
        padding: 0px 20px;
    }

    .xc7 .xc121 {
        text-align: right;
        padding: 0px 20px;
    }

    .xc8 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .xc82 {
        width: 66.7%;
        float: left;
        padding: 30px 20px;
    }

    .xc82 img {
        width: 100%;
    }

    .xc81 {
        width: 33.3%;
        float: left;
    }

    .xc8 h3 {
        font-size: 26px;
        line-height: 33px;
    }

    .xc8 p {
        font-size: 14px;
        line-height: 24px;
    }

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

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

    .xc9 {
        overflow: hidden;
        padding: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .xc9 h3 {
        font-size: 26px;
        line-height: 33px;
    }

    .xc9 p {
        font-size: 14px;
        line-height: 24px;
    }

    .xc91 {
        font-size: 14px;
        line-height: 24px;
        padding: 0px 0px 20px;
    }

    .xd2 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .xd2 h3 {
        font-size: 26px;
        line-height: 33px;
    }

    .xd2 p {
        font-size: 14px;
        line-height: 24px;
    }

    .zty01w {
        padding: 20px;
        font-size: 26px;
        line-height: 33px;
    }

    .xaxa {
        padding: 0px 20px 20px;
    }

    .xaxa li a {
        font-size: 16px;
        line-height: 24px;
    }

    .xaxa li {
        margin-bottom: 10px;
    }

    .zty01w h3 {
        font-size: 26px;
        line-height: 33px;
    }

    .xhtml {
        overflow: hidden;
    }

    .trdss {
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 24px;
    }

    .dcc3_4 h3 {
        font-size: 26px;
        line-height: 37px;
        margin-top: 0px;
    }

    .dcc3_2 p {
        line-height: 220%;
    }

    .text_area {
        font-size: 14px;
        line-height: 24px;
    }

    .overview_box h3 {
        font-size: 20px;
        line-height: 170%;
        font-weight: 700;
    }

    .text_area p {
        font-size: 14px;
        line-height: 24px;
        padding: 10px 0px;
    }

    .content_image_3column_options {
        overflow: hidden;
    }

    .txt {
        padding: 10px 0px;
    }

    .pro_style_1 {
        margin-top: 0px;
    }

    .table1 .spec_table tr th,
    .table1 .spec_table tr td {
        font-size: 14px;
        padding: 10px;
    }

    .g3,
    .g1,
    .g2 {
        font-size: 20px;
        margin: 20px 0px;
    }

    .pro_accessory_nav form select {
        height: 24px;
        line-height: 24px;
    }

    .table12 {
        font-size: 12px;
        line-height: 170%;
    }

    #pro_dl .close {
        width: 672px;
    }

    .pro_style_2_l {
        width: 320px !important;
    }

    .pro_style_2_r {
        width: 320px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .pro_style_2_l p span,
    .pro_style_2_r p span {
        display: block;
    }

    .pro_style_2_r h4 {
        font-size: 24px;
        line-height: 180%;
    }

    .close {
        opacity: 1;
    }

    #pro_dl {
        overflow: hiden;
    }

    #pro_dl .close {
        float: left;
    }

    .text_area table {
        width: 100%;
    }

    .text_area table {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    .text_area table tr th,
    .text_area table tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
        font-size: 14px;
    }

    .fsff {
        margin-top: 20px;
    }

    .text_area table tr:nth-child(odd) {
        background: #CECECE;
    }

    .pro_style_1 table {
        width: 100%;
    }

    .pro_style_1 table {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    .pro_style_1 table tr th,
    .pro_style_1 table tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
        font-size: 14px;
    }

    .pro_style_1 table tr:nth-child(odd) {
        background: #CECECE;
    }

    .scroll ul li.on {
        border: 2px solid #b10c10;
    }

    #table_color {
        width: 100%;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    #table_color tr th,
    #table_color tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
        font-size: 14px;
    }

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

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

    .c3_13 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .c3_13 ul li {
        float: left;
        margin: 20px 0px 20px 20px;
    }

    .pro_info_area .scroll_three {
        display: none;
    }

    .xc5 {
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
    }

    .xc51 {
        float: left;
        width: 50%;
    }

    .xc51 img {
        width: 100%;
    }

    .xc5 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 30px 20px 0px;
    }

    .xc5 p {
        font-size: 14px;
        line-height: 24px;
        padding: 20px 20px 0px;
    }

    .dcc2_1.xc10 {
        overflow: hidden;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .xc10 .dcc2_10 {
        overflow: hidden;
    }

    .xc10 .dcc2_2 {
        float: left;
        width: 50%;
        text-align: center;
    }

    .xc10 .dcc2_2 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 5% 20px 0px;
    }

    .xc10 .dcc2_2 p {
        font-size: 14px;
        line-height: 23px;
        padding: 0% 20px 0px;
        text-align: center;
    }

    .xd1 {
        font-size: 14px;
        line-height: 24px;
    }

    .xd1 .xd101 h3 {
        font-size: 26px;
        line-height: 33px;
        padding: 5% 0px 10px;
    }

    .xd102 ul li {
        width: 15%;
        margin-left: 1.4%;
        margin-bottom: 2%;
        float: left;
    }

    .xd102 ul {
        position: relative;
    }

    .xd102 ul li .xxxd1 p {
        border: 2px solid #000;
        text-align: center;
    }

    .xd102 ul li .xxxd1 {
        display: table;
        text-align: center;
        vertical-align: middle;
    }

    .xd102 ul li .xxxd1 p {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .xd102 ul li .xxxd1 {
        height: 300px;
        width: 100%;
    }

    .xd102 ul li .xxxd2 {
        background: #efefef;
        padding: 20px;
        display: none;
        position: absolute;
        top: 0px;
        left: 1.4%;
        width: 95.2%;
        overflow: hidden;
    }

    .xd102 ul li:hover .xxxd2 {
        display: block;
    }

    .xc51 img {
        width: 100%;
    }

    #bdshare_weixin_qrcode_dialog {
        height: 300px !important;
    }

    .b11 {
        width: 100%;
    }

    .c3_13 ul li {
        float: left;
        margin: 10px 10px 20px 0px;
        border: 1px solid #ccc;
    }

    .c3_13 ul li:hover {
        border: 1px solid #c10;
    }

    .cb110 {
        overflow: hidden;
    }

    .subheadline {
        color: #000;
        margin-top: 10px;
    }

    .font_weight {
        font-weight: 700 !important;
    }

    #pro_dl:hover {
        opacity: 1;
    }

    .download_bj {
        background: url(../images/download_bj.gif) no-repeat 0 0;
        height: 40px;
        width: 165px;
        padding-top: 40px;
        padding-bottom: 10px;
        margin-top: 12px;
    }

    .download_bj p {
        padding-left: 10px;
        margin: 0px;
    }

    .download_bj p.pd_10 {
        padding-top: 14px;
    }

    .download_bj p a var {
        padding-left: 5px;
    }

    table.table_style_all,
    .main_info table.table_style_all {
        width: 100%;
    }

    table.table_style_all,
    .main_info table.table_style_all {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    table.table_style_all tr th,
    .main_info table.table_style_all tr th,
    table.table_style_all tr td,
    .main_info table.table_style_all tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
        font-size: 14px;
    }

    table.table_style_all tr:nth-child(odd),
    .main_info table.table_style_all tr:nth-child(odd) {
        background: #CECECE;
    }

    .nav-tabs>li>a {
        text-align: center !important;
        color: #fff !important;
        background: #b6b6b6;
        letter-spacing: 5px;
    }

    .overview_box2 {
        margin: 0 auto;
        background: #848484 url(../images/body_bj.png) repeat-y center 0;
        *background: #848484 url(../img/body_bj_ie6.png) repeat-y center 0;
        overflow: hidden;
        _height: 100%;
        min-height: 100%;
        padding-bottom: 0px;
    }

    .cssd .tab-content .overview_box2 {
        background: none;
    }

    .goods_name {
        font-size: 48px;
        font-weight: normal;
        margin: 0;
        padding-top: 0px;
    }

    .goods_name1 {
        font-size: 42px;
        font-weight: normal;
        margin: 0;
        padding-top: 20px;
    }

    .goods_info {
        padding-top: 70px;
    }

    .bpic {
        border: 2px solid #231816;
    }

    .swiper-button-next16 {
        background: url(../images/xb12.png) no-repeat center center /cover;
        width: 40px;
        height: 40px;
        position: absolute;
        right: -50px;
        top: 0px;
    }

    .swiper-button-prev16 {
        background: url(../images/xb11.png) no-repeat center center /cover;
        width: 40px;
        height: 40px;
        position: absolute;
        left: -50px;
        top: 0px;
    }

    .swiper-button-next16.swiper-button-disabled {
        background: url(../images/xb121.png) no-repeat center center /cover;
        width: 40px;
        height: 40px;
        position: absolute;
        right: -50px;
        top: 0px;
        display: none;
    }

    .swiper-button-prev16.swiper-button-disabled {
        background: url(../images/xb111.png) no-repeat center center /cover;
        width: 40px;
        height: 40px;
        position: absolute;
        left: -50px;
        top: 0px;
        display: none;
    }

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

    .xc21 h3 {
        font-size: 26px;
        line-height: 33px;
    }

    .xc21 p {
        font-size: 14px;
        line-height: 24px;
    }

    .xc21 h4 {
        font-size: 20px;
        line-height: 150%;
    }

    .xc121 {
        text-align: right;
    }

    .xc120 {
        padding: 40px 20px;
    }

    .xc41a1 {
        float: left;
        width: 50%;
    }

    .xc41b1 {
        float: left;
        width: 50%;
    }

    .xc91ds {
        padding: 20px;
    }

    .intro_list li {
        float: none;
        line-height: auto;
        margin: 0px;
        padding: 0px;
    }

    .intro_list li p {
        margin: 0px;
        padding: 0px;
    }

    .intro_list li span {
        display: inline;
    }

    .pro_style_2_l {
        float: left;
        width: 48% !important;
    }

    .pro_style_2_r {
        float: right;
        width: 48% !important;
        margin-left: 2% !important;
    }

    .pro_info_r {
        float: none !important;
        clear: both;
        width: 500px;
    }

    .pro_info_r img {
        display: inline;
        float: left;
        margin-right: 10px;
    }

    .close {
        opacity: 1;
    }

    .close:hover {
        opacity: 1;
    }

    .pro_info_l {
        width: 100%;
    }

    .pro_info_l p {
        width: 100%;
    }

    h3.subheadline {
        margin: 0px;
    }

    .pro_style_box.z1 {
        padding: 0px;
    }

    .pro_style_box.d3 {
        padding: 0px;
    }

    .pro_style_1 .pro_style_box {
        padding: 0px;
    }

    .ac_items .ac_items_model {
        width: 445px;
        flex: 1;
    }

    .ttrr1 {
        float: left;
        width: 33.3%;
    }

    .ttrr1 img {
        max-width: 95%;
    }

    .ttrr2 {
        float: left;
        width: 66.7%;
    }

    .pro_style_2 {
        width: 800px;
    }

    .new_title,
    p.new_title {
        margin: 0px;
    }

    .pro_info_list dl.open .intro {
        display: block;
    }

    .pro_info_list dt span.close {
        display: none;
    }

    .pro_info_list dl.close {
        padding: 0px;
        margin-bottom: 10px;
    }

    .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;
    }

    .scroll_up {
        clear: both;
        float: right;
        padding: 10px 0px 20px 0px;
        cursor: pointer;
        clear: both;
        width: 60px;
        text-align: right;
    }

    .scroll_up a {
        display: block;
        background: url(../images/scroll_up.png) no-repeat 0px 50%;
        padding: 0px 0px 0px 20px;
        font-size: 12px;
    }

    .scrolltop {
        cursor: pointer;
    }

    .ac_items_new img {
        padding-top: 30px;
    }

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

    .pay0 {
        background: #FFF;
        width: 100%;
        overflow: hidden;
    }

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

    .pay2 {
        margin: 30px 0;
    }

    .pay2 h2 {
        font-size: 32px;
        color: #494747;
    }

    .pay3 {
        padding: 30px 0;
        font-size: 18px;
        color: #494747;
        line-height: 1.5em;
    }

    .pay4 {
        background: #F9F9F9;
    }

    .pay5 {
        margin: 15px 0;
    }

    .pay5 ul li {
        margin-bottom: 10px;
        width: 100%;
        overflow: hidden;
    }

    .pay5 ul li h3 {
        font-size: 22px;
        color: #FFF;
        background: #434343;
        line-height: 33px;
        width: 110px;
        text-align: center;
        float: left;
    }

    .pay5 ul li h2 {
        margin-left: 15px;
        font-size: 20px;
        color: #000;
        line-height: 33px;
        float: left;
        width: 80%;
    }

    .pay6 {
        position: relative;
    }

    .pay6 h2 img {
        width: 100%;
    }

    .pay7 {
        position: absolute;
        top: 15px;
        left: 15px;
    }

    .pay7 h3 {
        font-size: 32px;
        color: #000;
        line-height: 40px;
        font-weight: 700;
        padding-left: 15px;
        background: url(../images/zjn_09.png) no-repeat left center;
    }

    .pay7 h4 {
        font-size: 28px;
        color: #B93D3F;
        line-height: 35px;
        padding-left: 15px;
    }

    .pay8 {
        margin-top: 30px;
    }

    .pay8 ul li {
        background: #F9F9F9;
        width: 100%;
        overflow: hidden;
        margin-bottom: 40px;
    }

    .pay9 {
        position: relative;
        width: 40%;
        float: left;
    }

    .pay9 h2 img {
        width: 100%;
    }

    .pay10 {
        width: 58%;
        margin-left: 2%;
        float: left;
        padding: 10% 0 1% 0;
    }

    .pay10 p {
        font-size: 18px;
        color: #434343;
        line-height: 170%;
        overflow: hidden;
        padding-right: 30px;
    }

    .pay10 span {
        font-size: 16px;
        color: #B93D3F;
    }

    .pay11 ul li {
        width: 32%;
        margin: 0 2% 2% 0%;
        float: left;
    }

    .pay11 ul li.dsdse {
        margin: 0 0% 2% 0%;
        float: left;
    }

    .pat0 {
        margin: 50px 49px 30px;
        overflow: hidden;
    }

    .pat1 {
        margin-bottom: 25px;
    }

    .pat1 h2 {
        font-size: 30px;
        color: #494747;
    }

    .pat2 {
        width: 100%;
        overflow: hidden;
        margin-bottom: 25px;
    }

    .pat2 ul li {
        float: left;
    }

    .pat2 ul li h2 {
        font-size: 24px;
        color: #7C7C7C;
    }

    .pat2 ul li h2 span {
        margin: 0 10px;
        font-size: 20px;
        position: relative;
        top: -2px;
    }

    .pat3 ul li {
        width: 100%;
        overflow: hidden;
        padding: 10px 15px;
    }

    .pat3 ul li:nth-child(even) {
        background: #fff;
    }

    .pat4 {
        width: 70%;
        float: left;
    }

    .pat4 h2 {
        font-size: 24px;
        color: #494747;
    }

    .pat5 {
        width: 28%;
        float: right;
    }

    .pat5 h2 {
        float: right;
        font-size: 22px;
        color: #494747;
        line-height: 35px;
        margin-right: 10px;
    }

    .pat5 h3 {
        float: right;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 35px;
        padding: 0 5px;
        background: #B93D3F;
        width: 150px;
        text-align: center;
    }

    .pat5 h4 {
        float: right;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 35px;
        padding: 0 5px;
        background: #494747;
        width: 150px;
        text-align: center;
    }

    .pat5 h5 {
        float: right;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 35px;
        padding: 0 5px;
        background: #00479C;
        width: 150px;
        text-align: center;
    }

    .pat6 {
        background: #F1F1F1;
    }

    .pat7 {
        float: right;
    }

    .pat7 select {
        margin-left: 10px;
        float: left;
        font-size: 18px;
        color: #494747;
        line-height: 36px;
        height: 36px;
        min-width: 100px;
        border: 1px solid #B7B7B7;
        border-radius: 5px;
    }

    .pat7 ul {
        margin-left: 10px;
        float: left;
        font-size: 18px;
        color: #494747;
        line-height: 36px;
        height: 36px;
        min-width: 100px;
    }

    .pat7 ul li {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0px 10px;
        text-align: center;
    }

    .pat7 ul li a {
        display: block;
        background: #F1F1F1;
        color: #555;
        font-size: 20px;
    }

    .pat7 ul li a:hover,
    .pat7 ul li a.hover {
        background: #B93D3F;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

    .pat7 h2 {
        float: left;
        margin-left: 10px;
        background: #B93D3F;
        font-size: 18px;
        color: #FFFFFF;
        line-height: 36px;
        border-radius: 5px;
        padding: 0 10px;
    }

    .par1 ul li {
        width: 100%;
        overflow: hidden;
        margin-bottom: 25px;
        background: url(../images/baa1.png) repeat-x bottom;
        padding-bottom: 25px;
    }

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

    .par2 img {
        width: 100%;
    }

    .par3 {
        width: 63%;
        float: right;
    }

    .par3 p {
        font-size: 18px;
        color: #494747;
        line-height: 30px;
    }

    .par3 h2 {
        font-size: 28px;
        color: #494747;
        margin-bottom: 15px;
        line-height: 1.2;
    }

    .par3 h3 {
        font-size: 16px;
        color: #B93D3F;
        margin-top: 30px;
    }

    .par3 a:hover {
        text-decoration: none !important;
        border: 0px;
        outline: 0;
    }

    .par4 {
        width: 100%;
        overflow: hidden;
        margin-top: 30px;
    }

    .par5 {
        float: right;
        font-size: 22px;
        color: #494747;
        line-height: 53px;
        margin-right: 10px;
    }

    .par6 {
        float: right;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 35px;
        padding: 0 5px;
        background: #B93D3F;
    }

    .par7 {
        float: right;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 35px;
        padding: 0 5px;
        background: #494747;
    }

    .par8 {
        float: right;
        font-size: 22px;
        color: #FFFFFF;
        line-height: 35px;
        padding: 0 5px;
        background: #00479C;
    }

    .par9 {
        width: 100%;
        margin: 0;
    }

    .par10 {
        text-align: center;
    }

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

    .pap1 {
        width: 100%;
        overflow: hidden;
    }

    .pap1 ul li {
        float: left;
        width: 48%;
        margin: 0 1%;
    }

    .pap1 ul li img {
        width: 100%;
    }

    .pap1 ul li h2 {
        font-size: 28px;
        color: #494747;
        margin-top: 25px;
        line-height: 45px;
    }

    .pap1 ul li h3 {
        font-size: 18px;
        color: #B93D3F;
        margin-top: 15px;
        line-height: 160%;
    }

    .pap2 {
        margin-top: 50px;
        padding: 0 1%;
    }

    .pap2 ul li {
        width: 100%;
        overflow: hidden;
        margin-bottom: 40px;
    }

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

    .pap3 img {
        width: 100%;
    }

    .pap4 {
        width: 63%;
        float: right;
        font-size: 22px;
        color: #494747;
        line-height: 30px;
    }

    .pap4 p {
        font-size: 22px;
        color: #494747;
        line-height: 30px;
    }

    .pap4 h2 {
        font-size: 32px;
        color: #494747;
        margin-bottom: 15px;
    }

    .pap4 h3 {
        font-size: 23px;
        color: #B93D3F;
        margin-top: 30px;
    }

    .pap5 {
        width: 100%;
        overflow: hidden;
    }

    .pap5 ul li {
        width: 48%;
        float: left;
        margin: 0 1% 2%;
    }

    .pap6 img {
        width: 100%;
    }

    .pap7 {
        margin-top: 25px;
    }

    .pap7 h2 {
        font-size: 28px;
        color: #494747;
        margin-bottom: 15px;
    }

    .pap7 p {
        font-size: 18px;
        color: #303030;
        line-height: 40px;
        height: 80px;
        overflow: hidden;
    }

    .pap8 {
        width: 100%;
        overflow: hidden;
        padding-left: 1%;
        margin-top: 30px;
    }

    .pap8 h3 {
        font-size: 23px;
        color: #303030;
    }

    .pap8 ul {
        width: 100%;
        overflow: hidden;
        margin-top: 25px;
    }

    .pap8 ul li {
        text-align: center;
        width: 20%;
        margin-right: 1.2%;
        float: left;
        margin-bottom: 1.2%;
    }

    .pap8 ul li h2 {
        font-size: 20px;
        color: #303030;
        margin-top: 15px;
        line-height: 30px;
        height: 60px;
        overflow: hidden;
    }

    .pap8 ul li img {
        width: 100%;
    }

    .psp0 {
        background: #000;
        overflow: hidden;
    }

    .psp1 {
        width: 100%;
        overflow: hidden;
        padding: 20px 4%;
    }

    .psp2 {
        float: left;
    }

    .psp2 img {
        height: 48px;
    }

    .psp3 {
        float: right;
    }

    .psp3 img {
        height: 48px;
    }

    .psp4 {
        width: 1200px;
        margin: 0 auto;
    }

    .psp5 {
        overflow: hidden;
        padding: 30px 0 0;
    }

    .psp6 {
        width: 10%;
        float: left;
        border-right: 1px solid #FFF;
    }

    .psp6 li h3 {
        line-height: 25px;
        font-size: 14px;
        color: #FFF;
        padding-left: 35px;
        background: url(../images/zpd_08.png) no-repeat left center;
    }

    .psp7 {
        width: 70%;
        float: left;
        overflow: hidden;
        position: relative;
        padding-bottom: 50px;
    }

    .psp7 ul li {
        float: left;
    }

    .psp7 ul li h2 {
        font-size: 14px;
        color: #FFF;
        line-height: 25px;
        padding: 0 15px;
    }

    .psp7 ul li dl {
        display: none;
        width: 100%;
        position: absolute;
        top: 25px;
        left: 0px;
    }

    .psp7 ul li:hover dl,
    .psp7 ul li.on dl {
        display: block;
    }

    .psp7 ul li:hover h2,
    .psp7 ul li.on h2 {
        color: #CB0001;
    }

    .psp7 ul li dl dd {
        float: left;
    }

    .psp7 ul li dl dd h3 {
        font-size: 14px;
        color: #FFF;
        padding: 0 15px;
        line-height: 25px;
    }

    .psp7 ul li dl dd:hover h3,
    .psp7 ul li dl dd.on h3 {
        color: #CB0001;
    }

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

    .psp8 {
        width: 20%;
        float: left;
    }

    .psp9 {
        float: left;
        width: 80%;
        float: left;
        border-radius: 50px;
        border: 0px;
        height: 25px;
        padding: 0 35px 0 10px;
        background: #FFF url(../images/zpd_09.png) no-repeat right 10px center;
        font-size: 14px;
    }

    .psp10 {
        width: 20%;
        background: none;
        border: 0px;
        color: 16px;
        color: #FFF;
        line-height: 25px;
    }

    .psp10:hover {
        color: #CB0001;
    }

    .psp11 {
        width: 100%;
        overflow: hidden;
        padding: 80px 0 80px;
    }

    .psp11 ul li {
        float: left;
        width: 23%;
        float: left;
        margin: 0 1% 5px;
    }

    .psp12 {
        width: 100%;
    }

    .psp12 img {
        width: 100%;
    }

    .psp13 h2 {
        font-size: 18px;
        color: #333;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
        margin-top: 10px;
    }

    .psp13 span {
        font-size: 14px;
        color: #666;
        display: block;
        margin-top: 10px;
    }

    .psp14 {
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 20px;
        overflow: hidden;
    }

    .psp15 {
        margin: 15px 0;
        padding: hidden;
    }

    .psp15 img {
        width: 100%;
    }

    .psp16 {
        width: 100%;
        overflow: hidden;
    }

    .psp17 {
        float: left;
        width: 70%;
        padding-right: 5%;
    }

    .psp17 h2 {
        font-size: 26px;
        color: #000;
        line-height: 44px;
    }

    .psp17 h2 span {
        color: #cb0001;
    }

    .psp18 {
        float: right;
    }

    .psp19 p {
        font-size: 16px;
        color: #666666;
        line-height: 25px;
    }

    .psp19 ul {
        width: 100%;
        overflow: hidden;
        margin: 30px 0;
    }

    .psp19 ul li {
        margin-right: 15px;
        float: left;
    }

    .psp19 ul li h2 {
        padding: 0 10px;
        line-height: 35px;
        font-size: 18px;
        color: #FFF;
        border-radius: 15px;
        background: #CB0001;
    }

    .psp20 {
        margin: 30px 0;
    }

    .psp21 .swiper-slide h2 {
        font-size: 16px;
        color: #333;
        line-height: 25px;
        margin: 5px 0;
    }

    .psp21 .swiper-slide h3 img {
        width: 100%;
    }

    .psp23 {
        position: relative;
        margin-bottom: 50px;
    }

    .psp22 .swiper-button-prev {
        width: 22px;
        height: 40px;
        background: url(../images/psp2_10.png) no-repeat top left !important;
        position: absolute;
        top: 40% !important;
        left: -35px;
        z-index: 50;
        display: block;
    }

    .psp22 .swiper-button-next {
        width: 22px;
        height: 40px;
        background: url(../images/psp2_11.png) no-repeat top left !important;
        position: absolute;
        top: 40% !important;
        right: -35px;
        z-index: 50;
        display: block;
    }

    .psp24 {
        width: 70%;
        float: left;
    }

    .psp25 {
        margin-bottom: 20px;
    }

    .psp25 h2 {
        font-size: 24px;
        color: #FFF;
    }

    .psp26 {
        width: 100%;
        position: relative;
    }

    .psp27 {
        width: 30%;
        float: left;
    }

    .psp28 {
        text-align: center;
        border-bottom: 1px solid #FFF;
        padding-bottom: 30px;
    }

    .psp28 h2 {
        display: inline-block;
        font-size: 20px;
        color: #FFF;
        padding-left: 35px;
        line-height: 35px;
        background: url(../images/psp3_02.png) no-repeat center left;
        margin-right: 15px;
    }

    .psp28 h3 {
        display: inline-block;
        font-size: 20px;
        color: #FFF;
        padding-left: 35px;
        line-height: 35px;
        background: url(../images/psp3_01.png) no-repeat center left;
    }

    .psp29 .swiper-slide h2 {
        float: left;
        width: 50%;
        font-size: 14px;
        color: #FFF;
        line-height: 25px;
        padding: 0 10px;
    }

    .psp29 .swiper-slide h3 {
        float: left;
        width: 50%;
    }

    .psp29 .swiper-slide h3 img {
        width: 100%;
    }

    .psp30 {
        padding: 50px 0 100px;
        width: 100%;
        overflow: hidden;
    }

    .psp31 {
        width: 100%;
        margin-top: 30px;
    }

    .psp31 h2 {
        font-size: 14px;
        color: #FFF;
        line-height: 25px;
    }

    .psp31 img {
        width: 100%;
    }

    .psp32 .swiper-button-prev {
        width: 30px;
        height: 30px;
        background: url(../images/psp3_07.png) no-repeat top left !important;
        position: absolute;
        top: 110% !important;
        left: 0px;
        z-index: 50;
        display: block;
    }

    .psp32 .swiper-button-next {
        width: 30px;
        height: 30px;
        background: url(../images/psp3_06.png) no-repeat top left !important;
        position: absolute;
        top: 110% !important;
        left: 70px;
        z-index: 50;
        display: block;
    }

    .pspy0 {
        background: #000;
        padding-bottom: 10px;
    }

    .pspy2 {
        width: 42.49%;
        float: left;
        margin-right: 0.6%;
    }

    .pspy1 {
        width: 100%;
        overflow: hidden;
    }

    .pspy1 img {
        width: 100%;
    }

    .pspy3 {
        margin-bottom: 1.5%;
    }

    .pspy4 {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    .pspy5 {
        width: 65.5%;
        float: left;
    }

    .pspy6 {
        padding: 10px;
        text-align: center;
        width: 33%;
        float: left;
        background: #AC0B0F;
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
    }

    .pspy6 h2 {
        font-size: 16px;
        color: #FFF;
        margin-bottom: 30px;
    }

    .pspy6 p {
        font-size: 14px;
        color: #FFF;
        line-height: 20px;
        height: 60px;
        overflow: hidden;
    }

    .pspy6 span {
        display: block;
        font-size: 16px;
        color: #FFF;
        margin-top: 5px;
    }

    .pspy7 {
        width: 28.13%;
        float: left;
        margin-right: 0.6%;
    }

    .pspy8 {
        width: 100%;
        overflow: hidden;
    }

    .pspy9 {
        width: 49.3%;
        float: left;
    }

    .pspy10 {
        width: 49.2%;
        float: right;
    }

    .pspy11 {
        margin-top: 1.5%;
    }

    .pspy12 {
        width: 28.13%;
        float: left;
    }

    .pspy14 {
        margin-top: 1.5%;
    }

    .pspy15 {
        position: relative;
    }

    .pspy15 h2 {
        color: #FFF;
        font-size: 14px;
        line-height: 30px;
        padding: 0px 10px;
        position: absolute;
        bottom: 30px;
        left: 0px;
        background: #AC0B0F;
        height: 30px;
        overflow: hidden;
    }

    .zty01w {
        padding: 20px;
        font-size: 26px;
        line-height: 33px;
    }

    .xaxa {
        padding: 0px 20px 20px;
    }

    .xaxa li a {
        font-size: 16px;
        line-height: 24px;
    }

    .xaxa li {
        margin-bottom: 10px;
    }

    .zty01w h3 {
        font-size: 26px;
        line-height: 33px;
    }

    .pspy16 {
        margin-top: 40px;
    }

    .pspy17 {
        width: 100%;
        overflow: hidden;
        padding-bottom: 5px;
        border-bottom: 3px solid #AC0B0F;
    }

    .pspy17 h2 {
        font-size: 16px;
        color: #000;
        float: left;
        line-height: 25px;
        padding-right: 50px;
        background: url(../images/pspy_01.png) no-repeat right center;
    }

    .pspy17 h3 {
        font-size: 16px;
        color: #000;
        float: right;
    }

    .pspy18 {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
    }

    .pspy18 img {
        width: 100%;
    }

    .pspy18 h2 {
        height: 35px;
        overflow: hidden;
        line-height: 35px;
        text-align: center;
        background: #AC0B0F;
        font-size: 16px;
        color: #FFF;
    }

    .pspy19 {
        width: 33%;
        float: left;
        margin-right: 1.5%;
    }

    .pspy20 {
        width: 31%;
        float: left;
        margin-right: 1.5%;
    }

    .pspy20 ul li {
        float: left;
        width: 49%;
        margin-bottom: 1.5%;
    }

    .pspy20 ul li.pspy21 {
        float: right;
    }

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

    .pspy23 {
        margin-top: 40px;
    }

    .pspy23 img {
        width: 100%;
    }

    .pspy24 {
        margin-bottom: 50px;
    }

    .pdb {
        display: none;
    }

    .pdbt {
        display: none;
    }

    .vgdfs {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 20001;
    }

    .pdb00 {
        position: fixed;
        overflow: auto;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        display: none;
        z-index: 20000;
        background: #fff;
    }

    .pdb0 {
        margin: 50px 0;
    }

    .pdb1 {
        width: 100%;
    }

    .pdb1 ul li {
        position: relative;
        width: 20%;
        border: 1px solid #e1e1e1;
        border-right: none;
    }

    .pdb1 ul li:last-child {
        border-right: 1px solid #e1e1e1;
    }

    .pdb3 {
        margin: 10%;
        position: relative;
        overflow: hidden;
        background: url(../images/db-add.svg) no-repeat center center;
    }

    .pdb4 {
        position: relative;
        z-index: 200;
        opacity: 0;
    }

    .pdb5 {
        width: 100%;
        height: 200px;
    }

    .pdb7 {
        position: absolute;
        top: 15px;
        right: 12px;
        z-index: 201;
    }

    .pdb8 {
        position: absolute;
        top: 20%;
        left: 0px;
        z-index: 199;
        background: #fff;
    }

    .pdb8 img {
        width: 100%;
    }

    .pdb9 {
        text-align: center;
        margin: 1% 10% 0;
    }

    .pdb9 h2 {
        font-size: 20px;
        color: #000;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .pdb9 select {
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        width: 100%;
        overflow: hidden;
        font-size: 20px;
        line-height: 30px;
        height: 30px;
        background: url(../images/ckdb_18.png) no-repeat right 5px center;
        padding: 0 40px 0 5px;
    }

    .pdb11 {
        width: 100%;
    }

    .pdb12 h2 {
        font-size: 22px;
        color: #FFF;
    }

    .pdb18 {
        width: 100%;
        border-left: 1px solid #000;
    }

    .pdb18 tr td {
        padding: 15px;
    }

    .pdb13 {
        width: 20%;
        background: #F6F4F5;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        text-align: right;
    }

    .pdb14 {
        width: 20%;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }

    .pdb15 {
        width: 20%;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }

    .pdb16 {
        width: 20%;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }

    .pdb17 {
        width: 20%;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }

    .ac_items_info .right {
        width: 1080px;
    }

    .c3_1.b11 {
        width: 65%;
        float: left;
    }

    .c3_13.b12 {
        float: right;
    }

    .c3_13.b12 ul li {
        float: none;
        margin-bottom: 10px;
    }

    #pics .thumbs2 {
        height: 128px !important;
    }

    .dddad {
        overflow: hidden;
        margin-bottom: 30px;
    }

    .pro_style_2 {
        margin: 0px !important;
        font-size: 14px;
        line-height: 170%;
    }

    .pro_style_2 p {
        font-size: 14px;
        line-height: 170%;
    }

    .pb10 {
        overflow: hidden;
    }

    .pb10 p {
        clear: both;
    }

    .html7 {
        margin-top: 40px;
    }

    #old.on a {
        color: #ba3d40;
    }

    .dsdd {
        display: none;
    }

    .listLi3 {
        width: 15%;
        margin: 0% 0px 20px 1.4%;
        float: left;
    }

    .listLiTop3 {
        background: #F2F2F2;
        line-height: 200px;
        text-align: center;
    }

    .listLi3 .listLiTop .dffd {
        width: 100%;
        background: #ffff;
        border: 1px solid #f2f2f2;
    }

    .listLi3 .listLiTop {
        line-height: 280px;
        height: 280px;
    }

    .listLiBottom3 {
        padding: 10px 10px 30px 10px;
    }

    .listLi-name3 {
        height: 60px;
    }

    .location-seven-li a {
        cursor: pointer;
    }

    .listLi-name4 {
        line-height: 170%;
    }

    .footer {
        background: #ffff;
    }

    .bottom_toolbar {
        width: 980px !important;
    }

    .clumb_content {
        width: 980px;
    }

    .crumbs {
        height: 49px !important;
        width: 980px !important;
    }

    .cc1 {
        padding: 0px 0px 0px 20px;
    }

    .cc2 {
        padding: 0px 20px 0px 0px;
    }

    .dc2_1 .ccc1 h3 {
        padding: 0px 0px 0px 20px;
    }

    .dc2_1 .ccc2 h3 {
        padding: 0px 20px 0px 0px;
    }

    .dddd1 {
        text-align: center;
    }

    .dddd1 .dcc2_2 {
        text-align: center;
    }

    .dddd1 .dcc2_2 p {
        text-align: center;
        line-height: 170%;
        font-size: 12px;
    }

    .dddd1 .dcc2_2 img {
        max-width: 98%;
    }

    .tabA0 {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    .tabA0 tr th,
    .tabA0 tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
        font-size: 14px;
    }

    .tabA0 tr:nth-child(odd) {
        background: #CECECE;
    }

    .dcc3_2 img {
        max-width: 98%;
    }

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

    .dcc4_2 img {
        max-width: 98%;
    }

    .fff1 {
        padding-left: 20px;
    }

    .xd20 {
        overflow: hidden;
    }

    .xd21 {
        float: left;
        width: 50%;
    }

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

    .xd22 {
        width: 50%;
        padding: 0px;
        float: left;
    }

    .xd220 {
        padding: 20px;
    }

    .xd220 h3 {
        margin-bottom: 10px;
    }

    .table11 h3,
    .table11 p {
        font-size: 20px;
        margin: 20px 0px 10px;
    }

    .acc_detail_dtn a {
        background: url(//www.canon.com.cn/common/img/products/p2/accessory/acc_btn_01.png) 0 0;
        width: 88px;
        height: 26px;
        display: block;
        margin: 15px 20px 15px 0;
        text-indent: -9999px;
    }

    .acc_detail_dtn a:hover {
        background-position: 0 -26px;
    }

    .html7 table {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    .html7 tr th,
    .html7 tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
        font-size: 14px;
    }

    .html7 tr:nth-child(odd) {
        background: #CECECE;
    }

    .pdc1 {
        width: 100%;
        background: #F9F9F9;
        padding: 25px 0;
    }

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

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

    .pdc1 label {
        font-family: 微软雅黑;
        margin-bottom: 0px;
        padding-left: 4px;
    }

    .pdc1 #form1 .form_label1 {
        border: 2px solid #B7B7B7;
        border-radius: 10px;
        font-family: 微软雅黑;
        width: 40%;
        float: left;
        left: 0px;
        height: 38px;
        top: 21px;
        line-height: 38px;
    }

    .pdc1 #moniSelect {
        width: 28%;
        float: left;
        right: 30%;
        border: 2px solid #B7B7B7;
        border-radius: 10px;
    }

    .pdc1 #moniSelect .moniSelect_txt {
        width: 80%;
        float: left;
        right: 30%;
    }

    .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;
    }

    .pdc2 {
        width: 100%;
        overflow: hidden;
    }

    .pdc2 h2 {
        width: 40%;
        float: left;
        font-size: 85px;
        color: #B93D3F;
        font-style: italic;
    }

    .pdc2 h3 {
        width: 28%;
        float: left;
        margin-left: 2%;
        font-size: 85px;
        color: #B93D3F;
        font-style: italic;
    }

    .pdc2 h4 {
        width: 28%;
        float: left;
        margin-left: 2%;
        font-size: 85px;
        color: #B93D3F;
        font-style: italic;
    }

    .pdc5 p {
        font-size: 16px;
        color: #B93D3F;
    }

    .pdc3 {
        width: 100%;
        overflow: hidden;
    }

    .pdc3 ul li {
        text-align: center;
        width: 31%;
        float: left;
        margin: 0 1.15%;
        margin-bottom: 40px;
    }

    .pdc3 ul li h2 {
        font-size: 33px;
        color: #303030;
        margin-top: 30px;
    }

    .pdc3 ul li h3 {
        font-size: 14px;
        color: #B93D3F;
        margin-top: 15px;
    }

    .pdc4 {
        margin-top: 15px;
        height: 60px;
        overflow: hidden;
    }

    .pdc4 p {
        font-size: 18px;
        color: #303030;
        line-height: 30px;
    }

    .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;
    }

    .pdc7 ul li {
        width: 31%;
        margin: 1.15%;
        float: left;
    }

    .pdc7 ul li h2 {
        margin-top: 25px;
        font-size: 28px;
        color: #494747;
        font-weight: 700;
    }

    .pdc7 ul li p {
        font-size: 16px;
        color: #494747;
        line-height: 25px;
        height: 100px;
        overflow: hidden;
        margin-top: 15px;
    }

    .pdc7 ul li h3 {
        font-size: 18px;
        color: #B93D3F;
        margin-top: 15px;
    }

    .pdc7 ul li h4 img {
        width: 100%;
    }

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

    .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;
    }

    .pppp {
        width: 980px;
        margin: 0 auto;
    }

    .jjjj {
        width: 980px;
        margin: 0 auto;
    }

    .jjjj .footer-one-1,
    .fffds .footer-one-1 {
        padding-left: 0px;
    }

    #navlist {
        margin-bottom: 20px;
    }

    .content_box div {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    #csaa1 {
        width: 100%;
    }

    #csaa1 ul {
        width: 96%;
    }

    #csaa1 ul li {
        margin-right: 20px;
    }

    .wrapper .overview_box .pro_style_2_l h3 {
        clear: both;
    }

    .wrapper .overview_box .pro_style_2_r h3 {
        clear: both;
    }

    td.tabletitle {
        color: #777;
        font-size: 16px;
        font-weight: bold;
        background: #e7e7e7;
        padding: 0 6px;
        height: 36px;
        line-height: 36px;
    }

    td.tabletitle1 {
        color: #777;
        font-size: 16px;
        font-weight: bold;
        background: #ccc;
        padding: 3px 6px;
        height: 36px;
        line-height: 36px;
    }

    .shallow {
        background: #f7f7f7;
        font-size: 12px;
        line-height: 20px;
        color: #787878;
        padding: 3px 6px;
    }

    .deep {
        background: #e7e7e7;
        font-size: 12px;
        line-height: 20px;
        color: #787878;
        padding: 3px 6px;
    }

    .explanation {
        background: #f8f8f8;
        font-size: 12px;
        line-height: 20px;
        color: #787878;
        padding: 3px 6px;
    }

    td table.subtable {
        background: #dcdcdc;
        border-collapse: separate;
    }

    td table.subtable td {
        padding: 3px 6px;
        line-height: 20px;
        border: #b5b5b5 1px solid;
        background: #efefef;
    }

    span.red {
        color: #F00;
    }

    div.h20 {
        height: 20px;
        width: 782px;
        margin: auto;
    }

    table.detail td {
        text-align: center;
    }

    div.textright {
        height: 20px;
        line-height: 20px;
        text-align: right;
        width: 782px;
        color: #787878;
    }

    div.tablespace {
        height: 25px;
    }

    .wid_3 {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    .wid_3 tr th,
    .wid_3 tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
        font-size: 14px;
    }

    .wid_3 tr:nth-child(odd) {
        background: #CECECE;
    }

    .bgcolor_gray6 {
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        background: #e2e2e2;
    }

    .bgcolor_gray6 tr th,
    .bgcolor_gray6 tr td {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        padding: 10px;
        font-size: 14px;
    }

    .bgcolor_gray6 tr:nth-child(odd) {
        background: #CECECE;
    }

    .cssss {
        margin-top: 40px;
    }

    .title_in {
        font-weight: 700;
    }

    .pro_info_area .pro_info_r {
        float: right !important;
        clear: none !important;
    }

    .pro_info_area {
        overflow: hidden;
        margin-bottom: 20px;
    }

    .xxxd1a {
        font-size: 26px;
        line-height: 33px;
    }

    .xxxd1b {
        font-size: 20px;
        line-height: 150%;
    }

    .xxxd1c {
        font-size: 14px;
        line-height: 24px;
    }

    .xxxd1d {
        text-align: right;
    }

    ul#topnav {
        width: 100% !important;
        padding-bottom: 40px;
    }

    ul#topnav li span {
        height: 35px;
        width: 100%;
        display: block
    }

    #juHe .content {
        background: #f2f2f2;
    }

    .pdb25 {
        width: 94%;
        position: relative;
        margin: 3%;
    }

    .pdb26 {
        border: 1px solid #e1e1e1;
        padding: 0 25px 0 15px;
        background: url(../images/ascto1.png) no-repeat right 5px center;
    }

    .pdb26.on {
        background: url(../images/ascto2.png) no-repeat right 5px center;
    }

    .pdb26 h2 {
        font-size: 20px;
        color: #000;
        line-height: 30px;
    }

    .pdb26 input {
        font-size: 20px;
        color: rgb(133, 133, 133);
        line-height: 30px;
        width: 100%;
        border: 0px;
        margin-top: 2px;
        height: 30px;
        cursor: pointer;
    }

    .pdb27 {
        max-height: 400px;
        overflow-y: auto;
        display: none;
        width: 100%;
        border: 1px solid #e1e1e1;
        padding: 5px;
        position: absolute;
        top: 34px;
        left: 0px;
        background: #FFF;
        border-top: none;
    }

    .pdb27 ul li {
        width: 100%;
        border: 0px;
        float: inherit;
    }

    .pdb27 ul li h2 {
        line-height: 30px;
        width: 100%;
        font-size: 20px;
        color: #000;
        padding-right: 25px;
        background: url(../images/ascto4.png) no-repeat right 5px center;
        margin: 10px 0;
    }

    .pdb27 ul li h2.on {
        background: url(../images/ascto3.png) no-repeat right 5px center;
    }

    .pdb27 ul li dl {
        margin: 0px;
        display: none;
    }

    .pdb27 ul li dl dd {
        padding-left: 15px;
        cursor: pointer;
    }

    .pdb27 ul li dl dd h3 {
        font-size: 20px;
        color: #000;
        padding: 8px 0;
    }

    .switch,
    #bigpics {
        margin: 0 auto;
    }

    .overview1 #bigpics {
        width: 100% !important;
        background: #fff;
    }

    .dcc2_2 a:hover h3 {
        color: #333;
        text-decoration: none;
    }

    .dcc2_2 a:hover p {
        color: #333;
        text-decoration: none;
    }

    .dcc2_2 a:hover {
        color: #333;
        text-decoration: none;
    }

    .pdc3 ul li a:hover h2 {
        color: #333;
        text-decoration: none;
    }

    .pdc3 ul li a:hover p {
        color: #333;
        text-decoration: none;
    }

    .moniUl_box {
        right: 40%;
    }

    #pro_dl2 .close {
        float: none;
    }

    #pro_dl3 .close {
        float: none;
    }

    #pro_dl4 .close {
        float: none;
    }

    #pro_dl5 .close {
        float: none;
    }

    #pro_dl6 .close {
        float: none;
    }

    .pppp .head1a {
        width: 31%;
    }

    .fsff .b1 {
        width: 600px;
        height: 100px;
    }

    .wrapper .overview_box h3 {
        font-size: 16px !important;
        line-height: auto !important;
    }

    .overview_box .shop a {
        left: 732px;
        top: 15px;
    }

    .wrapper .intro_list li {
        float: left;
        padding-bottom: 44px;
    }

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

    .wrapper {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

    .wrapper .p_r30 {
        padding-right: 30px;
    }

    .wrapper .overview_box {
        width: 690px;
    }

    .title {
        font-size: 36px;
        line-height: 58px;
    }

    .part1 {
        width: 940px !important;
    }

    .part2 {
        width: 670px !important;
        float: inherit;
        margin: 0 auto;
        padding-left: 0px;
    }

    .part3 {
        width: 100%;
        height: 50px;
        margin: 50px auto;
    }

    .pat0 .part3 {
        width: 90%;
        height: 50px;
        margin: 50px auto;
    }

    .part3 ul li {
        position: relative;
        width: 18%;
        margin: 0 1%;
        float: left;
        text-align: center;
    }

    .part3 ul li h2 {
        border: 4px solid #B7B7B7;
        border-radius: 5px;
        line-height: 40px;
        font-size: 20px;
        color: #494747;
        font-weight: 700;
        background: #FFF;
    }

    .part3 ul li h2:hover,
    .part3 ul li h2.on {
        border: 4px solid #B93D3F;
        background: #B93D3F;
        color: #FFF;
    }

    .part3 ul li dl {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 222;
    }

    .part3 ul li dl dd {
        margin-top: 15px;
    }

    .goods_info {
        width: 90%;
    }

    .buy_visit_form_ietm {
        overflow: inherit !important;
        height: 35px;
    }

    .buy_visit_form label.buy_visit_form_6 {
        overflow: hidden;
    }

    .buy_visit_form label.buy_visit_form_9 {
        overflow: hidden;
    }

    .fffds .goods_info {
        width: 350px;
    }

    .wrapper33 {
        margin: 0 auto;
        background: #848484 url(../images/body_bj.png) repeat-y center 0;
        *background: #848484 url(../img/body_bj_ie6.png) repeat-y center 0;
        overflow: hidden;
        _height: 100%;
        min-height: 100%;
        padding-bottom: 0px;
    }

    .wrapper33 .pay {
        margin: 0 auto;
        width: 980px;
    }

    .anav {
        background: url(../images/c_tab.jpg) no-repeat left top;
        height: 50px;
    }

    .anav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: 0;
    }

    .anav li {
        float: left;
        width: 129px;
        height: 43px;
        font: normal 16px/18px SimHei;
        text-align: center;
        line-height: 35px;
        padding-top: 8px;
        cursor: pointer;
    }

    .anav li.on {
        background: url(../images/c_tab_a.jpg) no-repeat left top;
        color: #FFF;
    }

    .anav li.on span {
        background: url(../images/cc_tab_a.jpg) no-repeat left top;
        color: #FFF;
        display: block;
        margin-top: -8px;
        padding-top: 8px;
    }

    .nei_tab {
        display: none;
    }

    .anav li a {
        color: #000;
    }

    .anav li.on a {
        color: #fff;
    }

    .ttt {
        width: 750px;
    }

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

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

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

    .cbodty {
        width: 1400px;
        margin: 0 auto;
        font-size: 14px;
        line-height: 150%;
    }

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

    .recommend .title {
        margin-bottom: 40px;
    }

    .introduction_g {
        margin: 0 auto;
    }

    .culture {
        width: 100% !important;
    }

    .ttt {
        width: 750px;
        margin: 0 auto;
    }

    .intro_corp_tab,
    .group_model {
        width: 732px;
        margin: 0 auto;
    }

    .content_box.group_model6 {
        width: 732px !important;
        margin: 0 auto;
        float: none !important;
    }

    .group_model6 {
        width: 732px !important;
        margin: 0 auto;
        float: none !important;
    }

    .hr_title {
        margin: 14px auto 0px;
    }

    .service6 .overview_box {
        padding: 0px;
        width: 100%;
    }

    .overview_box h1 {
        width: 100% !important;
    }

    .service6 ul {
        margin: 0 auto !important;
    }

    .jie_c_nei02_an {
        overflow: hidden;
    }

    .news_more {
        display: block;
        width: 100%;
        text-align: right;
        margin-bottom: 20px;
    }

    .news_more a {
        text-decoration: none;
        display: inline-block;
        color: #bf2318;
        font-size: 22px;
        line-height: 40px;
        padding-right: 1%;
    }

    .pap7 a:hover h2 {
        text-decoration: none;
    }

    .cssfsfs table {
        width: 580px;
    }

    .cssfsfs table {
        width: 580px;
        margin: 0 auto;
    }

    .jie_c_nei05 table {
        width: 580px;
        margin: 0 auto;
    }

    .pat3 ul li .pat4 h2 {
        font-size: 20px;
        line-height: 35px;
    }

    .pat2 ul li.on h2 {
        color: #B93D3F;
    }

    .pat2 ul li.on span {
        color: #7C7C7C;
    }

    .jie_c_nei02_an table {
        width: 580px !important;
        margin: 0 auto;
    }

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

    .pdtt1 {
        margin-top: 35px;
    }

    .pdtt2 {
        width: 100%;
        overflow: hidden;
    }

    .pdtt2 ul li {
        background: #B7B7B7;
        width: 50%;
        float: left;
        border: 2px solid #B7B7B7;
        padding: 15px 10px;
        border-radius: 20px 20px 0 0;
    }

    .pdtt2 ul li h2 {
        font-size: 22px;
        color: #000000;
        text-align: center;
        line-height: 30px;
        font-weight: 700;
    }

    .pdtt2 ul li.on {
        background: #F9F9F9;
    }

    .pdtt3 {
        border: 2px solid #B7B7B7;
        border-top: 0px;
        width: 100%;
        overflow: hidden;
    }

    .pdtt4 {
        padding: 25px 40px;
        width: 80%;
        float: left;
    }

    .pdtt5 {
        width: 100%;
        overflow: hidden;
    }

    .pdtt5 ul li {
        text-align: center;
        width: 48%;
        margin: 0 1%;
        float: left;
    }

    .pdtt5 ul li h2 img {
        width: 100%;
    }

    .pdtt5 ul li h3 {
        margin: 10px 0;
        font-size: 16px;
        color: #494747;
        font-weight: 700;
        line-height: 25px;
    }

    .pdtt6 p {
        font-size: 16px;
        color: #494747;
        line-height: 25px;
    }

    .pdtt7 {
        width: 20%;
        float: left;
    }

    .pdtt8 {
        height: 300px;
        width: 100%;
        overflow: hidden;
    }

    .song_w p,
    .history_l p,
    .song_l span {
        font-size: 12px;
    }

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

    .pagrt .dsss1 {
        float: left;
    }

    .pagrt .dsss2 {
        float: right;
    }

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

    .content_box {
        overflow: hidden;
    }

    .cbodty .new_pic {
        text-align: center;
        margin: 20px 0px 30px;
    }

    .content_box2 {
        overflow: hidden;
    }

    .astp {
        width: 100% !important;
        max-width: 980px;
    }

    .astp1 h2 {
        font-size: 35px;
    }

    .content_box>strong {
        display: block;
        line-height: 170%;
        margin: 20px 0px 10px;
    }

    .horizontal_imgs {
        overflow: hidden;
        width: 542px !important;
        margin: 100px auto !important;
    }

    .content_box .article_picture {
        margin: 20px auto;
    }

    .tab {
        margin: 20px auto !important;
    }

    .article_word {
        margin: 0px auto 30px !important;
        width: 100% !important;
        padding: 0px !important;
    }

    .article_picture {
        margin: 0px auto 30px !important;
        padding: 0px !important;
    }

    .dnnxd2 {
        margin-bottom: 20px;
    }

    .jie_c_nei04.gdfds ul {
        width: 630px;
    }

    .jie_c_nei04.gdfds li {
        width: 300px;
        margin: 0px 0px 0px 10px;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .tab {
        overflow: hidden;
        width: 670px;
        margin-top: 20px;
    }

    .table_tit {
        background: url(../images/sub_page_title_dot.png) repeat-x scroll left bottom transparent;
        border-top: 1px solid #D93023;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        padding: 7px 0 7px 8px;
    }

    .table_div3,
    .table_div4,
    .table_div5 {
        margin-top: 0;
    }

    .table_div2 {
        margin-left: -1px;
    }

    .table_div3 .list1,
    .table_div4 .list1 {
        width: 150px;
    }

    .table_div2 .list1 {
        width: 151px;
    }

    .table_div3 .list2,
    .table_div4 .list2 {
        width: 298px;
    }

    .table_div2 .list2 {
        width: 108px;
    }

    .table_div3 .list3,
    .table_div4 .list3 {
        width: 132px;
    }

    .table_div2 .list3 {
        width: 108px;
    }

    .table_div3 .list4,
    .table_div4 .list4 {
        width: 86px;
    }

    .table_div2.table_div3 .list4 {
        width: 108px;
    }

    .table_div3 th {
        border-top: medium none;
        padding-left: 8px;
    }

    .table_div2.table_div3 th {
        background: url(../images/line_3.gif) repeat-x scroll left bottom transparent;
        border-left: 1px solid #BBBBBB;
        border-top: 1px solid #D93023;
        color: #000000;
        font: 12px SimHei;
        height: 30px;
        padding-left: 8px;
    }

    .table_div2.table_div3 tr.active td {
        background-color: #F4F5F5;
    }

    .table_div2.table_div3 td {
        background: url(../images/line_3.gif) repeat-x scroll left bottom transparent;
        border-left: 1px solid #BBBBBB;
        color: #666666;
        font: 12px SimHei;
        padding: 8px 0 9px 8px;
    }

    .pop_lesson {
        width: 635px !important;
    }

    .pdtt7 .calendar01 .cal_table td a:link,
    .pdtt7 .calendar01 .cal_table td a:visited {
        height: 28px !important;
    }

    .hall_lesson .right {
        height: auto !important;
        margin-right: 5px;
        padding: 20px 0px 20px !important;
    }

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

    .m_class1_list li {
        height: auto !important;
        overflow: hidden;
    }

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

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

    .roommore {
        text-align: right;
        margin-top: 10px;
        margin-bottom: -10px;
    }

    .dealer_search_a {
        width: 100% !important;
    }

    .map_nav {
        width: 652px !important;
        height: 513px !important
    }

    .padd2 .select_show .moniUl_box {
        right: 113px;
    }

    .hall_info1 .right .btn_tel strong {
        font: bold 20px/26px Arial, Helvetica, SimHei, san-serif !important;
    }

    .info9 {
        padding: 0px 0px;
        margin: 0 auto;
        background: #fff;
    }

    .info99 .cbodty {
        width: 90%;
    }

    .part3 ul li dd h2 {
        font-size: 18px;
        background: #F9F9F9;
    }

    .part3 ul li dl {
        width: 90%;
        margin-left: 5%;
    }

    .hall_lesson .right.xdaas {
        float: left;
    }

    .csczcz .hall_gallery {
        width: 100%;
    }

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

    .swiper-pagination96.swiper-pagination-bullets {
        position: absolute;
        right: 20px;
        left: auto;
        text-align: right;
        z-index: 200;
        margin-right: 20px;
    }

    .rom2 p {
        font-size: 18px;
        line-height: 150%;
        color: #494747;
    }

    .rom2 h2 {
        font-size: 18px;
        font-weight: 700;
        line-height: 180%;
        color: #494747;
        margin-top: 20px;
    }

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

    .swiper-container96 img {
        width: 100%;
        text-align: center;
        margin: 0px;
        padding: 2px;
    }

    .rom1 {
        overflow: hidden;
    }

    .rom2 {
        overflow: hidden;
        padding: 2px;
    }

    .fdsss {
        width: 980px;
        margin: 0 auto;
        padding: 0px 3%;
    }

    .xdda {
        padding: 10px 0px;
        color: #666;
        font: 13px/20px Arial, Helvetica, SimSun, san-serif;
    }

    .xdda p {
        padding: 10px 0px;
        font: 13px/20px Arial, Helvetica, SimSun, san-serif;
        color: #666;
    }

    .payeee p {
        font-size: 16px;
        line-height: 170%;
    }

    .payeee h3 {
        padding-bottom: 15px;
    }

    #free_content .clumb_content {
        padding: 0px 5%;
    }

    .banner strong {
        padding-left: 20px;
    }

    h2.balTitLine {
        MARGIN: 0PX 20PX;
    }

    .cbodty .content_box>div>img,
    .cbodty p>img {
        margin-top: 80px !important;
    }

    .cbodty .content_box>div>img~p,
    .cbodty p>img~span {
        margin-bottom: 80px !important;
    }

    .crumbs {
        display: none;
    }

    .showroom_nav {
        padding: 50px 0px 0px 0px !important;
    }

    .showroom_nav li {
        margin: 0px 5px 0px 0px !important;
    }

    .buyyu {
        font-size: 16px;
        line-height: 170%;
        margin-bottom: 20px;
    }

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

    .support_new_dl {
        float: left;
        margin-right: 30px;
    }

    .support_new_dl dt {
        line-height: 220%;
    }

    .support_new_dl dd p {
        line-height: 150%;
        padding: 15px 0px;
    }

    .banner h1 {
        padding-left: 20px;
    }

    .wrapper .clumb_content {
        padding: 0px 40px;
    }

    .buy_tit,
    .description,
    .buy_content {
        width: 100%;
    }

    .buy_left,
    .buy_right {
        width: 47%;
        margin: 0px;
    }

    .buy_right {
        margin-left: 6%;
    }

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

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

    .content_online {
        width: 100%;
    }

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

    .pro_tab li.split01 {
        background: none;
    }

    .padd2 {
        width: 684px !important;
        margin: 0 auto;
        float: none !important;
    }

    .padd4 {
        width: 680px !important;
        margin: 0 auto;
        float: none !important;
    }

    .pop_lesson {
        position: fixed !important;
        top: 10% !important;
        left: 50% !important;
        margin-left: -318px !important;
    }

    .part3 ul li h2 a:hover {
        color: #fff !important;
    }

    .part3 ul li h2:hover a,
    .part3 ul li h2.on a {
        color: #fff;
    }

    .hall_event p.a1 strong {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

    .content_box_new {
        width: 675px !important;
        margin: 0 auto;
        float: none !important;
        padding: 0px !important;
    }

    .hotline_content .tab {
        float: left;
    }

    .overview_box2 .fsff .b1 {
        width: 320px;
    }

    .overview_box2 a.arr_r {
        right: -30px;
    }

    .ac_items:hover {
        cursor: auto;
    }

    .serf {
        font-size: 18px;
        color: #303030;
        line-height: 30px;
    }

    .tagsBotBox.bbf1 {
        left: 0px;
        width: 40%;
    }

    .moniUl_box.bbf3 {
        left: 42%;
        width: 28%;
        background: #fff;
    }

    .wrapper p.font16 {
        font-size: 16px;
        color: #000;
        font-weight: 700;
        line-height: 24px;
        font-family: Arial;
    }

    .border_wx h1 {
        font-size: 12px;
        font-weight: 400;
    }

    .border_wx h3 {
        font-size: 12px;
        font-weight: 400;
    }

    .label {
        padding: 0px;
    }

    div.zx {
        margin: 5px 20px 0 0 !important;
    }

    .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%;
    }
}


#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;
}


/* 20230613 hmz添加 start*/
.new_style_left_all {
    justify-content: space-between;
}

/* .new_toc_box .new_style_left_all {
    margin-bottom: 30px;
} */
.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;
    white-space: nowrap;

}

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

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

.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_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;
}

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

/* end */

/* 20230612 hmz 添加 start */
.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,
.pppp .right_img_toc::before,
.pppp .right_img::before {
    display: none;
}

.overview_box2 .right_img_style {
    width: 35%;
}

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

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

/* end */

@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;
}

.head2 ul li h2 {
    max-height: 60px;
}

.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;
}

.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%;
}

.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;
}

#goTop1 {
    padding: 0px;
    position: fixed;
    bottom: 64px;
    right: 32px;
    z-index: 999;
    width: 61px;
    height: 61px;
    background-image: url(/Public/Front/images/top.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: none;
}

#goTop1:hover {
    background-image: url(/Public/Front/images/top_red.png);
}

.new_supports_head_ul li {
    float: unset;
}

.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 {
    max-width: 129px;
    border: 5px solid #eeeeee !important;
}

.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;
}

@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;
    }

    /* 20230613 hmz 新增 */
    .pppp .new_rightimg,
    .new_rightimg {
        height: 66px;
        width: 66px;
    }

}

/* 0619 hmz 添加 start */
.pppp .left_icon {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.pppp .right_img,
.pppp .right_img_toc {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

}

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

.pppp .right_img_style {
    width: 35%;
}

.pppp .new_style_left_name {
    margin-left: 0 !important;
    line-height: 25px !important;
}

.pppp .new_left_box_style_toc,
.pppp .new_left_box_style,
.pppp .new_left_box_style_toc_last,
.pppp .new_left_box_style_last {
    width: 20%;
    margin-bottom: 5px !important;
}

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

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

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

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

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

    /* 20230613 hmz新增 */
    .new_style_left_tob .new_style_left_name {
        font-size: 16px !important;
        max-width: 100% !important;
        white-space: nowrap;
    }

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

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

    .overview_box2 .two_style,
    .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;
    }

    /* end */
}

/* 20230615 hmz 添加 start */
.new_sp_style {
    background: #fff !important;
}

.new_sp_style .cai2 ul li h2 {
    color: #000 !important;
    font-weight: bold;
}

.new_sp_style_child>li>a>h2 {
    color: #000 !important;
    font-weight: unset !important;
}

.new_sp_style_child>li>a>h2 {
    color: #000 !important
}

.phone_bannerimg {
    border-bottom: unset !important;
    overflow: visible !important;
    margin: 30px 0;
}

.phone_bannerimg_style {
    width: 95%;
}

.new_cai3 {
    border-bottom: 2px solid #6f6f6f !important;
}

.new_head_sp_show::before,
.new_head_sp_show::after {
    background: #6f6f6f !important;
}

.new_head_sp_secend_click::after {
    border-top: 4px solid #6f6f6f !important;
    border-left: 4px solid #6f6f6f !important;
}

/* end */

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

    /* 20230613 hmz新增 */
    .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%;
    }

    /* end */
}

@media screen and (min-width:975px) and (max-width:1200px) {

    /* hmz 添加 20220621 */
    .right_img_toc,
    .right_img {
        justify-content: space-evenly;
    }
}
 /* 右侧共通样式 */
 .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%;
}

.right-menu-box {
    background-color: rgba(255,255,255,0.9)!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/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/icon_d.svg");
}
.mouse-icon{
    background-image: url("/Public/Front/images/icon_s.svg");
}
.contact-icon{
    background-image: url("/Public/Front/images/icon_z.svg");
}
.backtop-icon{
    background-image: url("/Public/Front/images/icon_t.svg");
}
.right-menu-box:hover{
    background-color: rgb(225,51,51)!important;
    text-decoration: none;
}
.right-menu-box:hover .compare-icon,.menu-compare-checked .compare-icon{
    background-image: url("/Public/Front/images/icon_d_h.svg");
}
.right-menu-box:hover .mouse-icon,.menu-mouse-checked .mouse-icon{
    background-image: url("/Public/Front/images/icon_s_h.svg");
}
.right-menu-box:hover .contact-icon{
    background-image: url("/Public/Front/images/icon_z_h.svg");
}
.right-menu-box:hover .backtop-icon{
    background-image: url("/Public/Front/images/icon_t_h.svg");
}

.right-menu-text{
    display: flex;
    justify-content: center;
}
.right-menu-text #p_nums,.right-menu-text p{
    color: rgb(126, 126, 126);
    font-size: 14px;
}
.right-menu-text #p_nums{
    font-size: 16px;
}
.menu-mouse-checked::after,.menu-compare-checked::after{
    display: none;
}
.menu-mouse-checked,.menu-compare-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,.menu-compare-checked .right-menu-text #p_nums,.menu-compare-checked .right-menu-text p{
    color:#fff;
}


.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;
}
#more_li .pdb7{
    cursor: pointer;
}

.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_logo_shop.svg');
}
.header_logo_shop:hover{
    background-image: url('/Public/Front/images/header_logo_shop_h.svg');
}
.header_logo_club{
background-image: url('/Public/Front/images/header_logo_club.svg');
}
.header_logo_club:hover{
background-image: url('/Public/Front/images/header_logo_club_h.svg');
}
.header_logo_smile{
background-image: url('/Public/Front/images/header_logo_smile.svg');
}
.header_logo_smile:hover{
    background-image: url('/Public/Front/images/header_logo_smile_h.svg');
}

.pppp .hp_header_logo,
.overview_box2 .hp_header_logo{
    width: 145px;
}

.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_gif {
    position: absolute;
    width: 50px;
    bottom: -3px;
    right: -10px;
}

.pppp .hp_header_logo_gif,
.overview_box2 .hp_header_logo_gif {
    width: 44px;
}

/* .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 .right_box .right_icon {
    padding: 0 0 6px 0;
    margin: 0;
}

.phone_menue_flex .right_box .right_icon img {
    width: 40px;
}
@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: 999;
        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/icon_d.svg");
    }
    
    .right-menu-box:hover .contact-icon {
        background-image: url("/Public/Front/images/icon_z.svg");
    }
    
    .right-menu-box:hover .backtop-icon {
        background-image: url("/Public/Front/images/icon_t.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;
    }