/****************重写banner的背景渐变*****************/
.mc_ban_pc::before {
    background: rgba(177, 179, 178, .1) !important;
}
.mc_ban_pc::after {
    background: linear-gradient(180deg, rgba(177, 179, 178, .4), rgba(226, 227, 227, 0)) !important;
}

/***************基本原理****************/
.zd-pc__base-prin {
    width: 100%;
    height: 750px;
    background: linear-gradient(180deg, #FAFBFD 0%, #F1F2F4 100%);
    opacity: 1;
}
.zd-pc__base-prin-en {
    height: auto;
    padding-bottom: 98px;
}
.zd-pc__base-prin .base-prin__content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /* padding-left: 275px; */
    padding-left: 14%;
}
.zd-pc__base-prin .base-prin__text {
    width: 474px;
    height: 365px;
    /* margin-right: 182px; */
    margin-right: 11%;
}
.zd-pc__base-prin .base-prin__text .base-prin__title1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
    color: #333333;
    margin-bottom: 6px;
}
.zd-pc__base-prin .base-prin__text .base-prin__title2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
    color: #333333;
    margin-bottom: 72px;
}
.zd-pc__base-prin .base-prin__text .base-prin__desc {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}
.zd-pc__base-prin .base-prin__text .base-prin__desc-icon {
    margin-top: 70px;
}
.zd-pc__base-prin .base-prin__img,
.zd-pc__base-prin .base-prin__img img {
    width: 474px;
    height: 514px;
}

/********************产品构成轮播**************************/
.zd-pc__product-swiper {
    width: 100%;
    height: 598px;
    background-color: #FFFFFF;
    background: url('../image/autoExting/swiper-bg.png') no-repeat center center / 100% 100%;
}
.product-swiper__content {
    width: 90%;
    height: 483px;
    margin: 0 auto;
    position: relative;
}
.product-swiper__content .swiper-container {
    /* width: 1386px; */
    width: 100%;
    min-width: 1200px;
    height: 100%;
}

.product-swiper__content .swiper-content__title > h3 {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    line-height: 38px;
}
.product__swiper-title {
    margin: 114px 0 0 13%;
}

.product__swiper-title > h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
    color: #333333;
}
.product__swiper-title > h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 38px;
    color: #333333;
    margin-bottom: 20px;
}
.product-swiper__content .swiper-content__title > p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
}
.swiper-content__head {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
}
.product-swiper__content .swiper-container .swiper-content {
    width: 453px;
    height: 416px;
    background: #FFFFFF;
    border: 1px solid #F6F6F6;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1500);
    border-radius: 16px;
    box-sizing: border-box;
    padding: 36px 30px 18px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.swiper-content__unactive {
    width: 453px;
    height: 416px;
    background: transparent;
    box-sizing: border-box;
    padding: 36px 30px 18px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.swiper-content__unactive > p {
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    color: #333333;
    text-align: center;
}
.swiper-content__unactive > img,
.product-swiper__content .swiper-container .swiper-content img {
    /* width: 300px;
    height: 252px; */

    height: 177px;
    margin-top: 22px;
}

.product-swiper__content .swiper-container .swiper-button-prev {
    width: 42px;
    height: 42px;
    left: 0px;
}

.product-swiper__content .swiper-container .swiper-button-next {
    width: 42px;
    height: 42px;
    right: 0px;
}
.product-swiper__content .swiper-container .swiper-button-prev::after,
.product-swiper__content .swiper-container .swiper-button-next::after {
    content: "";
}

.swiper-content .swiper-content-desc {
    font-size: 12px;
    line-height: 22px;
    color: #333333;
    margin-top: 10px;
}
.product-swiper__content .swiper-button-prev-icon {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 10;
}

.product-swiper__content .swiper-button-next-icon {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    right: 0px;
    z-index: 10;
}

/*.swiper-container{
    --swiper-pagination-color: #C7000B;/~ 两种都可以 ~/
}*/

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    line-height: 12px;
    color: #fff;
    
    margin-right: 6px;
}
.auto-ext-pc-swiper-pagination .swiper-pagination-bullet-active {
    background: #C7000B !important;
}
.auto-ext-pc-swiper-pagination .swiper-pagination-bullet {
    background: #333;
}
/********************优势**************************/
.zd-pc__advan {
    width: 100%;
    /* height: 1510px; */
    background: linear-gradient(180deg, #FAFBFD 0%, #F1F2F4 100%);
}

.zd-pc__advan-main {
    padding: 130px 229px 80px 275px;
    /* padding: 7% 12% 4% 14%; */
    box-sizing: border-box;
}
.zd-pc__advan-main .zd-pc__advan-title > h3 {
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
    color: #333333;
    margin-bottom: 4px;
}
.zd-pc__advan-main .zd-pc__advan-title > p {
    font-size: 24px;
    font-weight: bold;
    line-height: 38px;
    color: #333333;
    margin-bottom: 40px;
}

/********************应用场景**************************/
.zd-pc__scene {
    width: 100%;
    /* padding-top: 2%; */
    /* height: 700px; */
    height: 580px;
    box-sizing: border-box;
    padding-left: 10%;    
}
.zd-pc__auto-exting-scene {
    padding-top: 3%;
}
.zd-pc__main {
    /* width: 1625px; */
    width: 100%;
    /* height: 600px; */
    height: 500px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.scene-chang__btn {
    /* width: 676px; */
    width: 43%;
    height: 100%;
    /* height: 500px; */
    /* margin-right: 66px; */
    margin-right: 3%;
}
.scene-chang__btn .scene-chang__btn-title > h3 {
    font-weight: bold;
    font-size: 30px;
    color: #333333;
    margin-bottom: 16px;
}
.scene-chang__btn .scene-chang__btn-title > h3:last-child {
    margin-bottom: 14%;
}

.scene-chang__btn .scene-chang__btn-list {
    /* width: 676px; */
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.scene-chang__btn .scene-chang__btn-list .scene-chang__btn-item {
    width: 200px;
    height: 120px;
    border: 1px solid rgba(153,153,153,0.5020);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 16px 20px 0;
    margin-top: 38px;
    cursor: pointer;
    color: #333333;
    background: #fff;
}

.scene-chang__btn .scene-chang__btn-list .scene-chang__btn-item:hover {
    color: #fff;
    background: #C7000B;
    border: 1px solid #C7000B;
}


.scene-chang__btn-item .item-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 12px;
}

.scene-chang__btn-item .item-top .item-top__icon {
    
    
}

.scene-chang__btn-item .item-btm > h4 {
    font-weight: 400;
    line-height: 26px;
    font-size: 20px;
}

.scene-chang__btn-item .item-btm > p {
    line-height: 26px;
    font-size: 16px;
}

.scene-chang__btn-item .item-btm-en > p {
    line-height: 20px;
    font-size: 14px;
    word-break: keep-all;
    margin-top:10px;
}

.scene-active {
    color: #fff !important;
    border: 1px solid #C7000B !important;
    background: #C7000B !important;
}


.scene-normal {
    color: #333333 !important;
    background: #fff !important;
}

/* .scene-chang__img,
.scene-chang__img img {
    width: 900px;
    height: 500px;
} */

.item-top__icon1 {
    width: 20px;
    height: 20px;
    background: url('../image/autoExting/scene1-icon.png') no-repeat center center / 100% 100%;
}



.item-top__icon2 {
    width: 20px;
    height: 20px;
    background: url('../image/autoExting/scene2-icon.png') no-repeat center center / 100% 100%;
}


.item-top__icon3 {
    width: 20px;
    height: 20px;
    background: url('../image/autoExting/scene3-icon.png') no-repeat center center / 100% 100%;
}

.item-top__icon4 {
    width: 20px;
    height: 20px;
    background: url('../image/autoExting/scene4-icon.png') no-repeat center center / 100% 100%;
}

.item-top__icon5 {
    width: 20px;
    height: 20px;
    background: url('../image/autoExting/scene5-icon.png') no-repeat center center / 100% 100%;
}

.item-top__icon6 {
    width: 20px;
    height: 20px;
    background: url('../image/autoExting/scene6-icon.png') no-repeat center center / 100% 100%;
}

.scene-active .item-top__icon1 {
    background: url('../image/autoExting/scene1-icon-active.png') no-repeat center center / 100% 100%;
}


.scene-active .item-top__icon2 {
    background: url('../image/autoExting/scene2-icon-active.png') no-repeat center center / 100% 100%;
}

.scene-active .item-top__icon3 {
    background: url('../image/autoExting/scene3-icon-active.png') no-repeat center center / 100% 100%;
}

.scene-active .item-top__icon4 {
    background: url('../image/autoExting/scene4-icon-active.png') no-repeat center center / 100% 100%;
}

.scene-active .item-top__icon5 {
    background: url('../image/autoExting/scene5-icon-active.png') no-repeat center center / 100% 100%;
}

.scene-active .item-top__icon6 {
    background: url('../image/autoExting/scene6-icon-active.png') no-repeat center center / 100% 100%;
}
.scene-item {
    transition: all .4s cubic-bezier(.645, .045, .355, 1);
}

.scene-img__container {
    position: relative;

}
.scene-img__container .scene-chang__img {
    position: absolute;
}
.scene-img__container .scene-img1 {
    z-index: 6;
}
.scene-img__container .scene-img2 {
    z-index: 5;
}
.scene-img__container .scene-img3 {
    z-index: 4;
}
.scene-img__container .scene-img4 {
    z-index: 3;
}
.scene-img__container .scene-img5 {
    z-index: 2;
}
.scene-img__container .scene-img6 {
    z-index: 1;
}