.product-part{padding:2% 0 0;}
.tab_tit{margin-bottom:4%;}
.tab_tit li{ float: left; line-height: 50px; margin-right:45px;}
.tab_tit li.on a{font-weight: bold; color: #45361c; display: block; line-height: 50px; border-bottom: 2px solid #897048;}
.product-edit{margin-bottom: 3%;}
.pro-01{position: relative;margin-bottom:5%;}
.pro-01 .swiper-slide .box{ z-index: 10; position: relative;}
.pro-01 .swiper-slide .bglayer{position: absolute; opacity:1; left:0; bottom:0; width:100%; height: 100%; background: rgba(0,0,0,0.6);}
.pro-01 .swiper-slide.swiper-slide-active .bglayer{ opacity: 0;}
.pro-01 .swiper-button-prev,.pro-01 .swiper-button-next{ color: #fff; width:46px; height: 46px; line-height: 46px; font-size: 24px; text-align: center; left:16%; margin-top:-67px; border:2px solid #fff; border-radius: 100%; background: none;}
.pro-01 .swiper-button-next{ left:auto; right:16%;}
.pro-01 .swiper-button-prev.swiper-button-disabled,.pro-01 .swiper-button-next.swiper-button-disabled{color: #897048;border:2px solid #897048;}
.box-tit{background:#fff;padding:20px 0;box-sizing: border-box;text-align: center;display:none;}
.box-tit p{line-height:24px;/*height:48px;*/overflow: hidden;}
.pro-01 .swiper-slide.swiper-slide-active .box-tit{display:block;}

.pro-02{position: relative; /*margin: 5% 0 0;*/}
.pro-02::before{content: ""; position: absolute;left: 0; top: 0; width: 100%; height:100%; background: rgba(0,0,0,0.6);}
.pro-02 .txt{position:absolute; left:0; top:0; width: 100%; height: 100%; color: #fff; padding: 6% 0;}
.pro-02 .txt .ll{ float:left; width: 40%; height: 22em;}
.pro-02 .txt .rr{ float: right; width: 50%; height: 22em;}
.pro-02 .txt .edit_con_original{ line-height: 1.8;}

.pro-03{ padding: 6% 0 8%; background: #e0e1e1;}
.pro-03 ul{ margin: 0 -1.5%;}
.pro-03 li{ float: left; width: 30.33%; margin: 0 1.5% 1%; background: #fff;}
.pro-03 li dd{padding:8% 8%;}
.pro-03 li dd h2{ line-height:30px;color:#4a3b21;}
.pro-03 li dd h2 i{ float: right;}
.pro-03 li dd p{opacity: 0; height: 0; color: #000;}
@media only screen and (max-width:1599px){
.pro-02 .txt .ll,.pro-02 .txt .rr{ height: 19em;}
}
@media only screen and (max-width:1365px){
    .pro-02 .txt .ll,.pro-02 .txt .rr{ height: 16em;}
}
@media only screen and (max-width:1023px){
    .pro-01 .swiper-button-prev{left:10px;}
    .pro-01 .swiper-button-next{ right:10px;}
    .pro-02::before{ display: none;}
    .pro-02 .txt{position: static; padding: 5% 0; color: #000;}
    .pro-02 .txt .ll,.pro-02 .txt .rr{ width: 100%; height: auto;}
}
@media only screen and (max-width:767px){
    .tab_tit li{ margin-right: 20px;}
    .pro-03 ul{ margin: 0;}
    .pro-03 li{width:100%; margin: 0 0 2%;}
    .pro-03 li dd{ padding: 5%;}
    .pro-03 li dd p{opacity: 1; height: auto; margin: 3% 0 0;}
}


.pro-content{padding: 0 0 8%;}
.pro-app{padding: 0 0 6%;/*  background: #e0e1e1;*/}
.pro-app h2{ margin-bottom: 3%; font-weight: bold;}
.pro-app ul{ margin: 0 -1%;}
.pro-app li{ float: left; width: 31.33%; margin: 0 1% 2%;cursor:pointer;}
.pro-app li:nth-child(4){ width: 64.67%;}
.pro-app li:nth-child(5){ float: right;}


.pro-03 li dd p{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width: 1025px){
.pro-03 li:hover dd p{  opacity: 1; height: auto; margin:5% 0;}
}

/*2024-08-09 新增*/
.popup_cont{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    display: none;
}
.popup_cont .popup_img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 90vh;
    max-width: 90%;
}
.popup_cont .popup_img img{width: 100%;}