.zproduct-next { background: url('../images/z1.png') no-repeat right center !important; width: 27px !important; height: 73px !important; right: 30px !important; outline: none; margin-top: -36px; }
.zproduct-prev { background: url('../images/z2.png') no-repeat right center !important; width: 27px !important; height: 73px !important; left: 30px !important; outline: none; margin-top: -36px; }

.zproduct-ban .swiper-slide { color: #fff; text-align: left; position: relative; }
/* .zproduct-ban .swiper-slide:after { content: ''; background: url('../images/z3.png') no-repeat center center; background-size: cover; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; } */
.zproduct-ban .swiper-slide strong { font-size: 16px; }
.zproduct-ban .swiper-slide h3 { font-size: 40px; }
.zproduct-ban .swiper-slide .link { background: #8b604c; border: 1px solid #8b604c; color: #fff; padding: 8px 40px; display: inline-block; margin-top: 20px; transition: all 0.6s; -webkit-transition: all 0.6s;  }
.zproduct-ban .swiper-slide .link:hover { background: #fff; border: 1px solid #cacaca; color: #333; }


.zproduct-tit { padding: 40px 0px 20px; border-bottom: 1px solid #d3d3d3; }
.zproduct-tit ul { display: flex; flex-direction: row; justify-content: center; }
.zproduct-tit ul li { margin: 0px 4%; text-align: center;  }
.zproduct-tit ul li h3 { font-size: 16px; margin-top: 15px; }
.zproduct-tit ul li a:hover h3  { color: #8b604c; }
.zproduct-tit ul li .icon2 { display: none; }
.zproduct-tit ul li a.active .icon1 { display: none; }
.zproduct-tit ul li a.active .icon2 { display: block; }

.zproduct-tit ul li .link1:hover .icon1 { display: none; }
.zproduct-tit ul li .link1:hover .icon2 { display: block; }


.zproduct-list { padding-bottom: 80px; }
.zproduct-list .list h3 { font-size: 30px; color: #575757; margin-top: 50px; text-align: center; }
.zproduct-list .list ul { display: flex; flex-direction: row; margin-left: -15px; margin-right: -15px; }
.zproduct-list .list ul li { margin-top: 25px; padding: 0px 15px; overflow: hidden; }
.zproduct-list .list ul li .img img { max-width: 100%; width: 100%; height: 100%; object-fit: cover;  }
.zproduct-list .list ul li .img { overflow: hidden; height: 510px; }
.zproduct-list .list ul li h4 { font-size: 18px; background: #f3f3f3; margin: 0px 0px; padding: 16px 10px; text-align: center; }
.zproduct-list .list ul li .text { position: absolute; height: 130px; width: 100%; z-index: 9; background: #8b604c; color: #fff; text-align: center; padding-top: 10px; bottom: -130px; transition: all 0.6s; -webkit-transition: all 0.6s; }
.zproduct-list .list ul li .text h5 { font-size: 16px; color: #fff; }
.zproduct-list .list ul li .text strong { color: #cdbeb8; font-size: 14px; display: block; margin-top: 5px; }
.zproduct-list .list ul li .text h6 a { text-align: center; padding: 0px 0px; line-height: 44px; display: block; width: 50%; font-size: 14px; color: rgba(255, 255, 255, 0.5); transition: all 0.6s; -webkit-transition: all 0.6s; }
.zproduct-list .list ul li .text h6 { display: flex; flex-direction: row; border-top: 1px solid rgba(255,255,255,0.4); margin: 0px; margin-top: 18px;  }
.zproduct-list .list ul li .text h6 .a1 { border-right: 1px solid rgba(255, 255, 255, 0.4); } 
.zproduct-list .list ul li .text h6 a:hover { color: rgba(255, 255, 255, 1) } 
.zproduct-list .list ul li:hover .text { bottom: 0px; }

.zproduct-list-ban { height: 600px; text-align: center; display: flex; color: #fff; flex-direction: column; justify-content: center;  }
.zproduct-list-ban h3 { font-size: 40px; }
.zproduct-list-ban strong { display: block; font-size: 14px; text-transform: uppercase; font-weight: normal; margin-top: 8px; }

.zproduct-nav { border-bottom: 1px solid #d3d3d3; padding: 15px 0px; text-align: center; }
.zproduct-nav a { font-size: 14px; margin: 0px 20px; color: #5b5b5b; line-height: 26px; }
.zproduct-nav a:hover { color: #8b604c; }
.zproduct-nav a.active { color: #8b604c; }


.zproduct1 { padding-bottom: 80px; }
.zproduct1 h3 { font-size: 30px; color: #575757; margin-top: 50px; text-align: center; }
.zproduct1 ul { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.zproduct1 ul li { margin-top: 25px; width: 33.33%; padding: 0px 15px; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; }
.zproduct1 ul li .item { width: 100%; }
.zproduct1 ul li .list-li { height: 565px; }
.zproduct1 ul li .list-li .img img { max-width: 100%; width: 100%; height: 100%; object-fit: cover;  }
.zproduct1 ul li .list-li .img { overflow: hidden; height: 510px; }
.zproduct1 ul li .list-li h4 { font-size: 18px; background: #f3f3f3; margin: 0px 0px; padding: 18px 10px; text-align: center; }

.zproduct1 ul li .list-li .text { position: absolute; height: 100%; width: 100%; z-index: 9; background: #f3f3f3; color: #fff; text-align: center; bottom: 0px; transition: all 0.6s; -webkit-transition: all 0.6s;  opacity: 0; visibility: hidden; }
.zproduct1 ul li .list-li .text h5 { font-size: 18px; color: #575757; }
.zproduct1 ul li .list-li .text strong { color: #999999; font-size: 14px; display: block; margin-top: 5px; font-weight: normal; }
.zproduct1 ul li .list-li .text h6 { display: flex; flex-direction: row; border-top: 1px solid #d3d3d3; margin: 0px;  position: absolute; bottom: 0px; width: 100%;  }
.zproduct1 ul li .list-li .text h6 a { text-align: center; padding: 0px 0px; line-height: 55px; display: block; width: 50%; font-size: 14px; color: #8b604c; transition: all 0.6s; -webkit-transition: all 0.6s; }
.zproduct1 ul li .list-li .text h6 a:hover { text-decoration: underline; }
.zproduct1 ul li .list-li .text h6 .a1 { border-right: 1px solid #d3d3d3; } 
.zproduct1 ul li .list-li .text .pic { padding: 40px; }
.zproduct1 ul li .list-li .text .pic img { max-width: 100%; width: 100%; }

.zproduct1 ul li:hover .list-li .text { bottom: 0px; }
.zproduct1 ul li:hover .list-li .text { opacity: 1; visibility: visible; }

.zproduct1 ul li .list-li .text-hover { opacity: 1; visibility: visible; } 





.morph-content-box { width: 100%;  }
.morph-content-box .icon-close { position: fixed; top: 50px; right: 50px; cursor: pointer; z-index: 99; transition: all 0.6s; -webkit-transition: all 0.6s; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 50%; }
.morph-content-box .icon-close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(45deg); }



.zproduct-swp-next { cursor: pointer; background: url('../images/z1.png') no-repeat right center !important; width: 27px !important; height: 73px !important; right: 30px !important; outline: none; margin-top: -36px;  }
.zproduct-swp-prev { cursor: pointer; background: url('../images/z2.png') no-repeat right center !important; width: 27px !important; height: 73px !important; left: 30px !important; outline: none; margin-top: -36px;  }

.zproduct-swp-list { height: calc(100vh - 120px); width: 100%; }
.zproduct-swp-list .swiper-slide { height: 100%; }
.zproduct-swp-list .swiper-slide:after { content: ''; background: url('../images/z3.png') no-repeat center center; background-size: cover; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; }


.zpopup-back { background: #fff; }
.zpopup-con {  height: 120px; background: #fff; width: 100%; display: flex; flex-direction: row; position: relative; z-index: 9; justify-content: space-between; }
.zpopup-con .img { width: 160px; height: 160px; margin-top: -60px; }
.zpopup-con .img img { max-width: 100%; max-height: 100%; }
.zpopup-con .amore { background: #8b604c; width: 120px; height: 120px; position: relative; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; }
.zpopup-con .amore:before { content: ''; background: url('../images/z9.png') no-repeat center center; width: 40px; height: 40px; display: block; margin-bottom: 5px; }
.zpopup-con .amore.active:before { content: ''; background: url('../images/z11.png') no-repeat center center; width: 40px; height: 40px; display: block; margin-bottom: 5px; }


.zpopup-con .text { flex: 1; padding: 0px 50px; }
.zpopup-con .text h4 { font-size: 28px; color: #8b604c; margin-top: 20px; }
.zpopup-con .text p { display: flex; flex-direction: row; justify-content: space-between; margin-top: 15px; flex-wrap: wrap; }
.zpopup-con .text p strong { font-weight: normal; font-size: 15px; display: block; line-height: 25px; }


.zpopup-con .scene .lk { background: #f4f4f4; width: 120px; height: 120px; position: relative; color: #8b604c; display: flex; justify-content: center; align-items: center; flex-direction: column; cursor: pointer; } 
.zpopup-con .scene .lk:before { content: ''; background: url('../images/z10.png') no-repeat center center; width: 40px; height: 40px; display: block; margin-bottom: 5px; }

.zpopup-p { border-top: 1px solid #c0c0c0; padding: 20px 0px;  }
.zpopup-p p { margin-top: 15px; font-size: 14px; line-height: 24px; color: #707070; }



@media (max-width: 1200px) {

.zproduct-list .list ul li .img { height: 416px; }
.zproduct-ban { height: 700px !important; }
.zproduct-tit ul li h3 { font-size: 15px; }
.zproduct-ban .swiper-slide h3 { font-size: 30px; }
.zproduct-list-ban { height: 500px !important; }
.zproduct-list-ban h3 { font-size: 30px; }

.zproduct-nav a { margin: 0px 15px; }

.zproduct1 ul li .list-li { height: 471px; }
.zproduct1 ul li .list-li .img { height: 416px; }

.morph-button-fixed .morph-content { height: 55px;width: 293px; }
.zpopup-con .text p strong { width: 50%; }
.zpopup-con .text h4 { font-size: 22px; }

.zproduct-list .list h3 { font-size: 24px; }
.zproduct1 h3 { font-size: 24px; }



}


@media (max-width: 992px) {


.zproduct-list .list ul li .img { height: 310px; }
.zproduct-ban { height: 500px !important; }
.zproduct-list-ban { height: 400px !important; }
.zproduct-list-ban h3 { font-size: 26px; }

.zproduct-nav a { margin: 0px 10px; }

.zproduct1 ul li .list-li { height: 365px; }
.zproduct1 ul li .list-li .img { height: 310px; }

.morph-button-fixed .morph-content { height: 51px;width: 219px; }
.zproduct-list .list h3 { font-size: 20px; }
.zproduct1 h3 { font-size: 20px; }



}


@media (max-width: 768px) {

.zproduct-nav { text-align: left; }
.zproduct-nav a { min-width: 28%; margin: 0px; margin-right: 10px; display: inline-block; vertical-align: top; }

.zproduct-tit ul li { margin: 0px 3%; }
.zproduct-tit ul li h3 { font-size: 12px; margin-top: 12px; line-height: 18px; }
.zproduct-list .list h3 { font-size: 20px;  }
.zproduct-list .list ul li h4 { font-size: 16px; }

.zproduct-ban .swiper-slide h3 { font-size: 20px; }
.zproduct-ban { height: 300px !important; }
.zproduct-list .list ul li { width: 100% !important; }
.zproduct-list .list ul { flex-wrap: wrap; }

.zproduct-next { display: none; }
.zproduct-prev { display: none; }

.zproduct-list { padding-bottom: 40px; }
.zproduct-tit ul li .img img { width: 40px; height: 40px; }
.zproduct-ban .swiper-slide .link { padding: 8px 30px; }
.zproduct-ban .swiper-slide h3 { margin-top: 10px; }

.zproduct1 ul li { width: 100%; }
.zproduct1 ul li .list-li h4 { font-size: 14px; }

.zproduct1 ul li .list-li .text .pic img { width: 60%; }
.zproduct1 ul li .list-li .text .pic { padding: 20px; }
.zproduct1 ul li .list-li .text h6 a { line-height: 51px; }

.zproduct1 { padding-bottom: 40px; }

.morph-content-box .icon-close { top: 20px; right: 20px; }
.morph-content-box .icon-close img { width: 40px; height: 40px; }

.zproduct-swp-prev { display: none; }
.zproduct-swp-next { display: none; }

.morph-button-overlay .morph-content { background: #fff; }

.zproduct-swp-list { height: 340px ; }
.zpopup-con { display: block; }
.zpopup-con .scene .lk { width: 100%;}

.zpopup-con .img { width: 120px; height: 120px; margin-top: 0px; float: left; }
.zpopup-con { height: auto; padding-bottom: 20px; }
.zpopup-con .amore { width: 50%; float: left; margin-top: 20px; }
.zpopup-con .scene { width: 50%; float: left; margin-top: 20px; }

.clear { clear: both; height: 0px; display: block; line-height: 0; margin: 0; padding: 0; _height: 0px; }
.zpopup-con .text { padding: 0px; margin-left: 140px; }
.zpopup-con .text h4 { font-size: 18px; }
.zpopup-con .text p strong { width: 100%; font-size: 14px; line-height: 23px; }
.zpopup-con .text p { margin-top: 10px; }

.zpopup-con .amore { height: 90px; }
.zpopup-con .scene .lk { height: 90px; }

.zproduct-list-ban h3 { font-size: 24px; margin-bottom: 3px; }
.zproduct-list-ban { height: 300px !important; }
.zproduct-list-ban strong { font-size: 12px; margin-top: 5px; }





}