.banner_img{
    width: 100%;
    /* height: 413px; */
    background-image: url("../image/zdm/banner.png");
    background-position: center;
}

.banner_img>img{
    width: 100%;
}

.current_position{
    width: 100%;
    background-color: #a02b43;
}
.current_position .position_box{
    padding: 7px 0px;
    color: #ffffff;
    font-size: 1.2rem;
}
.current_position .position_box>img{
    vertical-align: top;
    margin: 0px 8px;
}
.current_position .position_box>a{
    color: #ffffff;
    font-size: 1.2rem;
}
.adv_box{
    width: 100%;
    font-size: 0px;
    overflow: hidden;
    padding: 48px 0px 64px;
}

.adv_box .icon_box>div{
    display: inline-block;
    margin-right: 40px;
    transform: translateY(-100%);
    opacity: 0;
    transition: all 1s;
}
.adv_box .icon_box>div>img{
    margin-bottom: 19px;
}
.adv_box .icon_box>div>p{
    color: #666666;
    font-size: 1.8rem;
    text-align: center;
    transition: all 0s;
}
.adv_box .icon_box>div:hover >p{
    color: #a02b43;
}
.tit_box{
    color: #a02b43;
    font-size: 1.4rem;
    text-align: right;
    text-transform: uppercase;
    font-family: "Plantagenet Cherokee";
    font-weight: bold;
    transition: all 1s;
    transform: translateY(-100%);
    opacity: 0;
}
.tit_box>p{
    color: #a02b43;
    font-size: 2.4rem;
    display: block;
    margin: 15px 0px 23px;
    font-family: "微软雅黑";
}
.tit_box>span{
    color: #333333;
    font-size: 1.8rem;
    font-family: "微软雅黑";
    font-weight: 100;
}
.adv_box .tit_box{
    margin: 35px 0px;
}

.video{
    width: 100%;
    background-color: #eeeeee;
    font-size: 0px;
    padding: 50px 0px;
}
.video .video_tit{
    display: inline-block;
}
.video .video_tit .tit_box{
    text-align: left;
}
.video .video_tit>img{
    display: block;
    margin-top: 36px;
}
.video .video_box{
    position: relative;
}
.video .video_box>a{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.video_play{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,.7);
    display: none;
}
.Products{
    padding-top: 80px;
    padding-bottom: 164px;
    position: relative;
}
.Products .Products_box{
    margin-top: 50px;
}
.Products .Products_box img{
    width: 100%;
}
.Products_prev,
.Products_next{
    top: auto;
    bottom: 80px;
    width: 162px;
    height: 52px;
    background-color: #eeeeee;
    background-image: url("../image/zdm/product_jt1.png");
    opacity: 1 !important;
    background-size: auto auto;
    background-position: 40px;
}
.Products_prev{
    left: 0px;
}
.Products_prev::before,
.Products_next::before{
    color: #999999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    font-size: 1.618rem;
}
.Products_prev::before{
    content: "上一页";
}
.Products_next{
    right: 0px;
    transform: rotate(180deg);
}
.Products_next::before{
    content: "下一页";
    transform: translateY(-50%) rotate(180deg);
}

.Products_pagination{
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0px;
}
.Products_pagination>span{
    width: 38px;
    height: 38px;
    color: #666666;
    margin: 0px 5px;
    border-radius: 0px;
    line-height: 38px;
    font-size: 1.6rem;
    background: none;
    opacity: 1;
}
.Products_pagination>span.swiper-pagination-bullet-active{
    background-color: #a02b43;
    color: #ffffff;
}
.Products_btn.active{
    background-image: url("../image/zdm/product_jt01.png");
}
.Products_btn.active::before{
    color: #a02b43;
    font-weight: bold;
}
.product_details{
    background-color: #eeeeee;
    padding-top: 60px;
}
.product_details .tit_box{
    text-align: center;
}
.product_details .details_box{
    font-size: 0px;
    margin-top: 80px;
    padding-bottom: 75px;
}
.product_details .details_box>img{
    vertical-align: top;
    width: 697px;
}
.product_details .details_box>div{
    width: calc(100% - 697px);
    display: inline-block;
    margin: 29px 0px;
    padding-left: 48px;
}
.product_details .details_box>div>p{
    font-size: 1.8rem;
    color: #333333;
    padding-bottom: 25px;
    margin-bottom: 24px;
    position: relative;
    font-weight: bold;
}
.product_details .details_box>div>p::before{
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #a02b43;
    height: 2px;
    width: 50px;
}
.product_details .details_box>div>span{
    color: #333333;
    font-size: 1.4rem;
    line-height: 38px;
}
.structure{
    margin-top: 125px;
}
.structure>p{
    margin-bottom: 64px;

}
.tit_box2{
    color: #999999;
    font-size: 2.4rem;
    text-align: center;
}
.tit_box2>span{
    color: #a02b43;
    font-weight: bold;
}
.function{
    margin-top: 113px;
    position: relative;
    padding-bottom: 96px;
}
.function .function_box{
    margin-top: 60px;
    padding-top: 5px;
}
.function .function_box::before{
    content: '';
    position: absolute;
    top: 16px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #eeeeee;
}
.function .function_box .swiper-slide>span{
    display: block;
    margin: 0px auto 30px;
    width: 22px;
    height: 22px;
    background-color: #cccccc;
    transition: all .5s;
}
.function .function_box .swiper-slide>div{

}
.function .function_box .swiper-slide>div>p{
    position: relative;
    font-size: 1.6rem;
    text-align: center;
    display: block;
    overflow: inherit;
}
.function .function_box .swiper-slide>div>p>span{
    position: relative;
    padding: 10px 0px;
    background-color: #eeeeee;
    display: block;
    color: #333333;
    z-index: 2;
}
.function .function_box .swiper-slide>div>p::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translate(-50%,50%) rotate(45deg);
    width: 15px;
    height: 15px;
    background-color: #eeeeee;
    z-index: 2;
}
.function .function_box .swiper-slide>div>div{
    position: relative;
    margin-top: -7px;
    background-color: #fafafa;
}
.function .function_box .swiper-slide>div>div>img{
    width: 100%;
    opacity: 0;
}
.function .function_box .swiper-slide>div>div>span{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 30px 25px 0px;
    color: #333333;
    font-size: 1.4rem;
    line-height: 30px;
}
.function .function_box .swiper-slide-active>span{
    background-color: #a02b43;
    transform: rotate(45deg);
}
.function .function_box .swiper-slide-active>div>p>span{
    background-color: #a02b43;
    color: #ffffff;
    font-size: 1.6rem;
}
.function .function_box .swiper-slide-active>div>p::before{
    background-color: #a02b43;
}
.function .function_box .swiper-slide-active>div>div>img{
    opacity: 1;
    box-shadow: 0px 0px 5px #dedcdd;
}
.function .function_jt{
    top: auto;
    bottom: 0px;
    width: 56px;
    height: 56px;
    background-color: #eeeeee;
    background-image: url("../image/zdm/product_jt1.png");
    background-position: center;
    background-size: auto;
    left: auto;
    right: auto;
}
.function .function_prev {
    right: 50%;
    transform: translateX(-3px);
}
.function .function_next {
    left: 50%;
    transform: translateX(3px) rotate(180deg);
}
.function .function_jt:hover{
    background-image: url("../image/zdm/case_jt.png");
}
.Advantages{
    margin-top: 95px;
}
.Advantages .Advantages_box{
    margin-top: 40px;
    padding: 0px 40px 0px 25px;
    font-size: 0px;
}
.Advantages .Advantages_box>div{
    display: inline-block;
    vertical-align: top;
}
.Advantages .Advantages_box .Advantages_img{
    width: 540px;
    position: relative;
    background-color: #a02b43;
    padding-bottom: 30px;
}
.Advantages .Advantages_box .Advantages_img .tit{
    padding-top: 15px;
    padding-left: 12px;
    color: #ffffff;
    margin-bottom: 57px;
}
.Advantages .Advantages_box .Advantages_img .tit>p{
    font-size: 4rem;
    margin-bottom: 10px;
}
.Advantages .Advantages_box .Advantages_img .tit>span{
    font-size: 1.8rem;
}
.Advantages .Advantages_box .Advantages_img .img_box{
    margin-bottom: 28px;
}
.Advantages .Advantages_box .Advantages_img .img_box>span{
    display: inline-block;
    margin-left: 20px;
    background-color: #ffffff;
}
.Advantages .Advantages_box .Advantages_img .img_box>span>img{
    transform: translate(-35px,-18px);
    transition: all .3s;
}
.Advantages .Advantages_box .Advantages_img .img_box>span>img:hover{
    transform: translate(0px);
}
.Advantages .Advantages_box .Advantages_img .Advantages_phone{
    width: calc(100% - 90px);
    margin: 0px auto 25px;
    text-align: center;
    border: 1px solid #ffffff;
    font-size: 1.8rem;
    color: #ffffff;
    padding: 10px 0px;
}
.Advantages .Advantages_box .Advantages_img>ul{
    font-size: 0px;
    text-align: center;
}
.Advantages .Advantages_box .Advantages_img>ul>li{
    color: #ffffff;
    display: inline-block;
    font-size: 1.4rem;
    padding-left: 28px;
    margin-left: 20px;
    position: relative;
}
.Advantages .Advantages_box .Advantages_img>ul>li::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.Advantages .Advantages_box .Advantages_img>ul>li:nth-of-type(1){
    padding: 0px;
    margin: 0px;
}
.Advantages .Advantages_box .Advantages_img>ul>li:nth-of-type(1)::before{
    display: none;
}
.Advantages .Advantages_box .Advantages_icon{
    width: calc(100% - 540px);
    padding-left: 2px;
}
.Advantages .Advantages_box .Advantages_icon>div{
    margin-top: 2px;
}
.Advantages .Advantages_box .Advantages_icon>div:nth-of-type(1){
    margin-top: 0px;
}
.Advantages .Advantages_box .Advantages_icon>div>span{
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}
.Advantages .Advantages_box .Advantages_icon>div>span>img{
    transition: all .3s;
}
.Advantages .Advantages_box .Advantages_icon>div>span>img:hover{
    transform: scale(1.1);
}
.Advantages .Advantages_box .Advantages_icon>div>div{
    display: inline-block;
    width: calc(100% - 140px);
    padding-left: 20px;
    margin-top: 11px;
}
.Advantages .Advantages_box .Advantages_icon>div>div>p{
    font-size: 2.4rem;
    color: #333333;
    margin-bottom: 20px;
    font-weight: bold;
}
.Advantages .Advantages_box .Advantages_icon>div>div>span{
    color: #666666;
    font-size: 1.6rem;
    line-height: 25px;
}
.optional{
    margin-top: 95px;
    position: relative;
}
.optional .optional_box{
    width: calc(100% - 160px);
    margin: 80px auto 0px;
}
.optional .optional_box .swiper-slide {
    transform: scale(0.8);
    transform-origin: bottom;
}
.optional .optional_box img{
    width: 100%;
}
.optional .optional_box .swiper-slide-active {
    transform: scale(1);
}
.optional .optional_box .swiper-slide-active>img{
    border: 2px solid #a02b43;
}
.optional .optional_jt{
    top: 70%;
    width: 80px;
    height: 37px;
    background-image: url("../image/zdm/Optional_jt1.png");
    background-size: auto;
    margin-top: 0px;
}
.optional .optional_jt:hover{
    background-image: url("../image/zdm/Optional_jt01.png");
}
.optional .optional_prev{
    left: 0px;
}
.optional .optional_next {
    right: 0px;
    transform:  rotate(180deg);
}
.contrast{
    margin-top: 95px;
    margin-bottom: 60px;
}
.contrast .contrast_box{
    margin-top: 58px;
}
.contrast .contrast_box>div{
    margin-top: 75px;
}
.contrast .contrast_box>div:nth-of-type(1){
    margin-top: 0px;
}
.contrast .contrast_box .box{
    display: inline-block;
    vertical-align: top;
}
.contrast .contrast_box .box>img{
    margin-bottom: 34px;
}
.contrast .contrast_box .box>p{
    color: #333333;
    font-size: 1.8rem;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.contrast .contrast_box .box>p>span{
    display: block;
}
.contrast .contrast_box img{
    vertical-align: top;
}
.honor{
    background-color: #eeeeee;
    padding-top: 53px;
    font-size: 0px;
    padding-bottom: 49px;
}
.honor .honor_tit{
    display: inline-block;
    vertical-align: top;
}
.honor .honor_tit .tit_box{
    text-align: left;
}
.honor .honor_tit .tit_box>span{
    line-height: 37px;
}
.honor .honor_box{
    width: calc(100% - 378px);
    padding-left: 108px;
    display: inline-block;
    vertical-align: top;
}
.honor .box{
    display: grid;
    grid-row-gap: 28px;
    grid-column-gap: 49px;
    grid-template-columns: repeat(auto-fill,minmax(calc((100% - (49px * 3)) / 4),1fr));
}
.honor .honor_box img{
    width: 100%;
    transition: all .3s;
}
.honor .honor_box img:hover{
    transform: scale(1.05);
}
.pack{
    margin-top: 85px;
    font-size: 0px;
}
.pack>img{
    vertical-align: top;
}
.pack .pack_box{
    width: calc(100% - 520px);
    display: inline-block;
}
.pack .pack_box .tit_box{
    margin-bottom: 51px;
}
.pack .pack_box>img{
    margin-left: 30px;
}
.pack img{
    transition: all .3s;
}
.pack img:hover{
    transform: scale(1.02);
}
.environment_neiye{
    margin-top: 60px;
}
.environment_neiye .tit_box{
    text-align: left;
}
.environment_neiye .environment_box{
    margin-top: 39px;
    text-align: center;
    font-size: 0px;
}
.environment_neiye .environment_box>div{
    position: relative;
    display: inline-block;
    transition: all 1s;
    transform: translate(-100%,-100%);
    opacity: 0;
}
.environment_neiye .environment_box>div:nth-of-type(1)>div{
    background-color: rgba(160,43,67,.7);
}
.environment_neiye .environment_box>div:nth-of-type(2)>div{
    background-color: rgba(160,43,67,.4);
}
.environment_neiye .environment_box>div:nth-of-type(3)>div{
    background-color: rgba(160,43,67,.2);
}
.environment_neiye .environment_box>div:nth-of-type(4)>div{
    background-color: rgba(160,43,67,.2);
}
.environment_neiye .environment_box>div:nth-of-type(5)>div{
    background-color: rgba(160,43,67,.7);
}
.environment_neiye .environment_box>div>img{
    transition: all .3s;
    position: relative;
    z-index: 2;
}
.environment_neiye .environment_box>div>div{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}
.environment_neiye .environment_box .box1{
    margin: 0px 40px;
}
.environment_neiye .environment_box .box1>img{
    transform: translate(-10px,10px);
}
.environment_neiye .environment_box .box2{
    margin: 60px 65px 0px;
}
.environment_neiye .environment_box .box2>img{
    transform: translate(10px,10px);
}
.environment_neiye .environment_box>div>img:hover{
    transform: translate(0px,0px);
}
.details{
    background-color: #eeeeee;
    background-image: url("../image/zdm/afterSale_bg.png");
    background-position: center top;
    padding-top: 60px;
    margin-top: 90px;
}
.details .tit_box{
    text-align: center;
}
.details .details_box{
    position: relative;
    margin-top: 50px;
    text-align: center;
    padding-bottom: 46px;
}
.details .details_box>div{
    position: absolute;
    color: #333333;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 100%;
}
.details .details_box>div>p{
    display: inline-block;
    letter-spacing: 4px;
}
.details .details_box>div>span{
    background-image: url("../image/zdm/afterSale_icon.png");
    background-size: 100%;
    display: inline-block;
    color: #a02b43;
    margin-right: 9px;
    vertical-align: top;
}
.details .details_box>div:nth-of-type(1){
    top: 0px;
    left: 345px;
    line-height: 37px;
}
.details .details_box>div:nth-of-type(1)>span{
    font-size: 2.422rem;
    width: 37px;
    height: 37px;
}
.details .details_box>div:nth-of-type(2){
    top: 145px;
    left: 275px;
    line-height: 55px;
}
.details .details_box>div:nth-of-type(2)>span{
    font-size: 3.6rem;
    width: 55px;
    height: 55px;
}
.details .details_box>div:nth-of-type(3){
    bottom: 33px;
    left: 351px;
    line-height: 40px;
}
.details .details_box>div:nth-of-type(3)>span{
    font-size: 2.618rem;
    width: 40px;
    height: 40px;
}
.details .details_box>div:nth-of-type(4){
    top: 33px;
    right: 224px;
    line-height: 55px;
}
.details .details_box>div:nth-of-type(4)>span{
    font-size: 3.6rem;
    width: 55px;
    height: 55px;
}
.details .details_box>div:nth-of-type(5){
    bottom: 64px;
    right: 315px;
    line-height: 37px;
}
.details .details_box>div:nth-of-type(5)>span{
    font-size: 2.422rem;
    width: 37px;
    height: 37px;
}
.quality{
    margin-top: 64px;
}
.quality .quality_box{
    display: grid;
    grid-row-gap: 70px;
    grid-column-gap: 104px;
    grid-template-columns: repeat(auto-fill,minmax(calc((100% - 104px) / 2),1fr));
    margin-top: 58px;
}
.quality .quality_box>div{
    position: relative;
    transition: all 1s;
    transform: translate(-100%,-100%);
    opacity: 0;
}
.quality .quality_box .icon_box{
    position: absolute;
    top: 0px;
    width: 100px;
    height: 100px;
    border: 7px solid #cccccc;
    transform: rotate(45deg);
    z-index: 1;
    background-color: #ffffff;
}
.quality .quality_box .icon_box>*{
    position: absolute;
    text-align: center;
    transform: rotate(-45deg);
}
.quality .quality_box .icon_box>img{
    top: 8px;
    left: 10px;
}
.quality .quality_box .icon_box>p{
    left: 29px;
    bottom: 21px;
    color: #666666;
    font-size: 1.4rem;
}
.quality .quality_box .box1{
    padding-left: 50px;
}
.quality .quality_box .box2{
    padding-right: 50px;
}
.quality .quality_box .box1 .icon_box{
    left: 0px;
}
.quality .quality_box .box2 .icon_box{
    right: 0px;
}

.quality .quality_text{
    width: 100%;
    height: 100px;
    border: 2px solid #eeeeee;
    background-color: #eeeeee;
}
.quality .quality_text>span{
    color: #666666;
    font-size: 1.6rem;
}
.quality .box1 .quality_text{
    padding: 11px 60px 18px 93px;
}
.quality .box2 .quality_text{
    padding: 11px 70px 18px 60px;
}
.quality .quality_box>div:nth-of-type(1) .quality_text>span{
    line-height: 38px;
}
.quality .quality_box>div:nth-of-type(2) .quality_text>span{
    line-height: 23px;
}
.quality .quality_box>div:nth-of-type(3) .quality_text>span{
    line-height: 38px;
}
.quality .quality_box>div:nth-of-type(3) .icon_box>img{
    top: 10px;
    left: 4px;
}


.quality .quality_box>div:nth-of-type(4) .quality_text>span{
    line-height: 38px;
}
.quality .quality_box>div.active .icon_box{
    border-color: #a02b43;
}
.quality .quality_box>div.active .icon_box>p,
.quality .quality_box>div.active .quality_text>span{
    color: #a02b43;
}
.quality .quality_box>div.active .quality_text{
    border-color: #a02b43;
    background-color: #ffffff;
}
.After_sale{
    background-color: #eeeeee;
    margin-top: 87px;
    padding-top: 38px;
}
.After_sale .AfterSale_box{
    position: relative;
    margin-top: 39px;
    padding-bottom: 40px;
}
.After_sale .AfterSale_box>img{
    display: block;
    margin: 0px auto;
}
.After_sale .AfterSale_box>div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc((100% - 392px) / 2);
    letter-spacing: 2px;
}
.After_sale .AfterSale_box>div:nth-of-type(1){
    left: 0px;
}
.After_sale .AfterSale_box>div:nth-of-type(2){
    right: 0px;
}
.After_sale .AfterSale_box>div>p{
    color: #a02b43;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 30px;
}
.After_sale .AfterSale_box>div>span{
    color: #333333;
    font-size: 1.6rem;
    line-height: 28px;
    display: block;
    margin-top: 35px;

}
.After_sale .AfterSale_box>div>span:nth-of-type(1){
    margin-top: 0px;
}
.caseShows{
    margin-top: 70px;
    font-size: 0px;
}
.caseShows .case_tit{
    display: inline-block;
    width: 378px;
    vertical-align: top;
}
.caseShows .case_tit .tit_box{
    text-align: left;
}
.caseShows .case_tit .tit_box>span{
    line-height: 37px;
}
.caseShows .case_classify{
    margin-top: 45px;
}
.caseShows .case_classify li{
    display: inline-block;
    width: 50%;
    padding-left: 35px;
    position: relative;
    margin-bottom: 17px;
}
.caseShows .case_classify li>a{
    color: #333333;
    font-size: 1.4rem;
    font-weight: bold;
    font-family: 黑体;
}
.caseShows .case_classify li::before{
    content: '';
    position: absolute;
    top: 50%;
    left: calc((35px - 6px) / 2);
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #666666;
}
.caseShows .case_classify li:hover >a{
    color: #a02b43;
    transition: all 0s;
}
.caseShows .case_classify li:hover::before{
    background-color: #a02b43;
}
.caseShows .case_box{
    display: inline-block;
    width: calc(100% - 378px);
    padding-left: 50px;
    padding-top: 20px;
}
#certify {
    width: calc(100%);
    position: relative;
    padding: 0px 25px;
}

#certify .swiper-container {
    width: 100%;
    padding-bottom: 60px;
}

#certify .swiper-slide {
    width: auto;
    height: auto;
    background: #fff;
}
#certify .swiper-slide>a{
    display: block;
}
#certify .swiper-slide>a>div{
    padding: 5px;
    margin-bottom: 15px;
}
#certify .swiper-slide.swiper-slide-active>a>div{
    background-color: #a02b43;
}
#certify .swiper-slide img{
    width: 589px;
    height: 367px;
    display:block;
}
#certify  .swiper-slide p{
    padding-top: 0;
    text-align: center;
    color: #333333;
    font-size: 1.6em;
    margin: 0;
    opacity: 0;
}
#certify  .swiper-slide.swiper-slide-active>a>p{
    opacity: 1;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}



#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}
#certify .case_jt{
    width: 55px;
    height: 55px;
    background-color: #999999;
    top: auto;
    margin-top: 0px;
    bottom: 0px;
    right: auto;
    left:  auto;
    background-image: url("../image/zdm/case_jt.png");
    background-size: auto;
    background-position: center;
}
#certify .case_jt:hover{
    background-color: #a02b43;
}
#certify .case_prev{
    right: 50%;
    transform: translateX(-3px);
}
#certify .case_next{
    left: 50%;
    transform: translateX(3px) rotate(180deg);
}
@media (max-width: 768px) {

    .banner_img{
        height: auto;
        background: none;
    }
    .banner_img>img{
        width: 100%;
    }
    .tit_box,
    .video .video_tit .tit_box{
        float: none;
        text-align: center;
    }
    .adv_box .icon_box>div{
        width: calc(100% / 3);
        margin-right: 0px;
        padding: 0px 20px;
        margin-bottom: 40px;
    }
    .adv_box .icon_box>div>img{
        width: 100%;
    }
    .video .video_tit>img{
        width: 80%;
        display: block;
        margin: 36px auto;
    }
    .video .video_box{
        width: 90%;
        margin: 0px 5%;
    }
    .video .video_box>img{
        width: 100%;
    }
    .tit_box{
        width: 100%;
    }
    .tit_box>span{
        font-size: 1.5rem;
        line-height: 22px !important;
    }
    .Products_prev, .Products_next{
        display: none;
    }
    .product_details .details_box>img{
        width: 90%;
        display: block;
        margin: 0px auto;
    }
    .product_details .details_box>div{
        width: calc(100%);
        padding: 0px 10px;
    }
    .structure>img{
        width: 90%;
        display: block;
        margin: 0px auto;
    }
    .function{
        margin-top: 0px;
    }
    .function .function_prev{
        right: 70%;
    }
    .function .function_next{
        left: 70%;
    }
    .Advantages .Advantages_box{
        padding: 0px;
    }
    .Advantages .Advantages_box .Advantages_img{
        width: 100%;
    }
    .Advantages .Advantages_box .Advantages_img .img_box>span{
         margin-left: 0px;
    }
    .Advantages .Advantages_box .Advantages_img .img_box{
        width: 100%;
        padding: 0px 12px;
    }
    .Advantages .Advantages_box .Advantages_img .img_box>span>img{
        width: 100%;
        transform: translate(0px);
    }
    .Advantages .Advantages_box .Advantages_img .Advantages_phone{
        width: calc(100% - 10px);
    }
    .Advantages .Advantages_box .Advantages_img>ul>li{
        padding-left: 23px;
        margin-left: 15px;
    }
    .Advantages .Advantages_box .Advantages_icon{
        width: calc(100%);
        margin-top: 40px;
    }
    .Advantages .Advantages_box .Advantages_icon>div{
        margin-top: 20px;
    }
    .Advantages .Advantages_box .Advantages_icon>div>div{
        margin-top: 0px;
        padding-left: 10px;
    }
    .optional .optional_box{
        width: calc(100%);
        margin: 60px auto 0px;
    }
    .optional .optional_jt{
        display: none;
    }
    .contrast .contrast_box>div>img{
        width: 15%;
        margin-top: 20px;
    }
    .contrast .contrast_box .box{
        width: calc((100% - 15%) / 2);
    }
    .contrast .contrast_box{
        font-size: 0px;
    }
    .contrast .contrast_box .box>img{
        width: 100%;
        margin-bottom: 10px;
    }
    .contrast .contrast_box .box>p{
        font-size: 1rem;
        line-height: 20px;
    }
    .contrast .contrast_box>div{
        margin-top: 25px;
    }
    .honor .honor_tit .tit_box{
        text-align: center;
    }
    .honor .honor_tit{
        width: 100%;
    }
    .honor .honor_tit>img{
        display: none;
    }
    .honor .honor_box{
        width: calc(100%);
        padding-left: 0px;
        margin-top: 50px;
    }
    .honor .box{
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        grid-template-columns: repeat(auto-fill,minmax(calc((100% - (20px * 3)) / 4),1fr));
        padding: 0px 10px;
    }
    .pack>img{
        display: none;
    }
    .pack .pack_box{
        width: 100%;
        text-align: center;
    }
    .pack .pack_box>img{
        margin-left: 0px;
        margin-bottom: 40px;
    }
    .environment_neiye .tit_box{
        text-align: center;
    }
    .environment_neiye .environment_box>div{
        width: calc(100% / 2);
        padding: 0px 20px;
        margin: 0px !important;
    }
    .environment_neiye .environment_box>div>div{
        width: calc(100% - 40px);
        left: 50%;
        transform: translateX(-50%);
    }
    .environment_neiye .environment_box>div>img{
        width: 100%;
        transform: translate(0px) !important;
    }
    .environment_neiye .environment_box>div:nth-of-type(3){
        width: 80% !important;
        margin: 40px 0px !important;
    }
    .details .details_box>img{
        width: 70%;
        margin-bottom: 40px;
    }
    .details .details_box{
        font-size: 0px;
        padding-bottom: 0px;
    }
    .details .details_box>div{
        width: calc(100% / 3);
        display: inline-block;
        position: relative;
        top: auto !important;
        left: auto !important;
        bottom: auto !important;
        right: auto !important;
        line-height: 37px !important;
        margin-bottom: 40px;
    }
    .details .details_box>div>span{
        display: block;
        font-size: 2.422rem !important;
        width: 37px !important;
        height: 37px !important;
        margin: 0px auto;
    }
    .details .details_box>div:nth-of-type(4),
    .details .details_box>div:nth-of-type(5){
        width: calc(100% / 2);
    }
    .quality .quality_box{
        grid-template-columns: repeat(auto-fill,minmax(100%,1fr));
        grid-row-gap: 50px;
        padding: 0px 10px;
    }
    .quality .quality_text{
        height: auto;
        padding: 10px 20px !important;
        margin-top: 30px;
    }
    .quality .quality_box .icon_box{
        position: relative;
        left: auto;
        display: block;
        margin: 0px auto;
    }
    .quality .quality_box>div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .After_sale .AfterSale_box{
        padding-bottom: 70px;
    }
    .After_sale .AfterSale_box>img{
        width: 90%;
        margin: 0px auto;
    }
    .After_sale .AfterSale_box>div{
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: translateY(0%);
        width: 100%;
        margin-top: 70px;
        padding: 0px 10px;
    }
    .caseShows .case_tit .tit_box{
        text-align: center;
    }
    .caseShows .case_box{
        width: 100%;
        padding: 0px;
        margin-top: 50px;
    }
    #certify{
        padding: 0px 10px;
    }
    #certify .swiper-slide img{
        width: 100%;
        height: auto;
    }
    #certify .swiper-slide{
        width: 100%;
    }

    .beian p,
    .beian a{
        float: none;
        display: block;
        margin-top: 10px;
    }
    .beian p:nth-of-type(1){
        margin-top: 0px;
    }
    .structure,
    .function{
        padding-top: 60px;
        background-color: #ffffff;
    }
    .structure{
        margin-top: 0px;
    }
    .Advantages .Advantages_box .Advantages_icon>div>div>span{
        font-size: 1rem;
    }
    .Products_pagination{
        width: 100%;
    }
    .Products_pagination>span{
        margin: 0px;
        transition: background-color 0s;
    }
    .function .function_box{
        padding: 5px 10px;
    }
    .product_details .details_box{
        padding-bottom: 20px;
    }
    .adv_box{
        padding: 0px;
    }
    .Products{
        padding-top: 40px;
        padding-bottom: 55px;
        margin-bottom: 40px;
    }
    .Products_pagination{
        bottom: 0px;
    }
    .Advantages,
    .pack,
    .contrast,
    .optional,
    .details,
    .After_sale{
        margin-top: 60px;
    }
    #video_box{
        opacity: 0;
    }
    .contrast .contrast_box .box>p>span{
        display: inline;
    }
}