#product-gallery{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:900;background:#fff;display:none} #product-gallery .swiper-slide{display: flex;justify-content: center;align-items: center;} #product-gallery .swiper-slide img{max-width:100%;max-height:100%;} #swiper_gallery{position:relative;height:100vh} .swiper_gallery{position:absolute;left:0;top:0;height:100%;width:100%} #swiper_gallery i{ position: absolute; right: 20px; top: 20px; font-size: 20px;z-index:95;cursor:pointer} #swiper_gallery .gallery_btn{ font-size: 30px; position: absolute; top: 50%; margin-top: -15px;z-index:95;cursor:pointer} #swiper_gallery .gallery-btn-prev{left: 20px;} #swiper_gallery .gallery-btn-next{ right: 20px;} #swiper_gallery .swiper-pagination-span{position: absolute; right:0;bottom:15px;width:100%;text-align:center;z-index:80} #swiper_gallery .swiper-pagination-bullet-active{background:#000} #swiper_gallery .swiper-pagination-bullet{} #swiper_pics .zoom-small-image{width: 83%;margin:0 auto;margin-bottom: 10px;} .opengallery{position:absolute;right: 5px;top: 5px;z-index:1000;padding: 0;font-size: 30px;width: 30px;height: 30px;cursor: pointer;text-align: center;line-height: 30px;display:none} #swiper_pics .swiper-slide:hover label{display:block} /**/ .position{color:#3E3A39;font-size:13px;position:relative;margin-bottom:30px} .position a{color:#000;vertical-align: middle;} .position span{margin:0 10px;vertical-align: middle;} .position font{vertical-align: middle;} .position a:hover{color:#296367;} .goback-btn{position:absolute;right:0;top:-3px} .goback-btn:before{content:"";background:url(../images/arrow-left.png) no-repeat left center;background-size:auto 8px;height:20px;width:30px; transition:transform .25s ease-out;transform:scaleX(1) rotate(180deg);-webkit-transform:scaleX(1) rotate(180deg);display: block;} .goback-btn:hover:before{background-image:url(../images/arrow-left-hover.png);transform:scaleX(0.7) rotate(180deg);-webkit-transform:scaleX(0.7) rotate(180deg);} /**/ #product-slider-params{position:relative;padding-bottom:50px} .product-gallery{width:46%;float:left;} .product-gallery .wrap_flex{} #swiper_thumbs{position:relative; padding: 0 50px;} #swiper_thumbs .swiper-slide::before { content: "";display: block;width: 100%;height: auto; position: absolute;bottom: 0;left: 0; } #swiper_thumbs .swiper-slide.active::before{border-bottom: 2px solid #296367;} #swiper_thumbs .fa{font-size:20px;position:absolute;top: 50%;transform: translateY(-50%); background-color: #296367;color: #fff;border-radius: 50%;width: 30px;height: 30px;line-height: 28px;text-align: center;} #swiper_thumbs .fa::before{transform: scale(1,1.3);display: inline-block;} #swiper_thumbs .swiper-product-prev{left:10px;right: unset;} #swiper_thumbs .swiper-product-next{right:10px;left: unset;} #swiper_thumbs .fa.swiper-button-disabled{opacity: 0.5;} /* #swiper_thumbs:after{content:"/";color:#000;opacity:0.5;position:absolute;left:50%;margin-left:-4px;bottom:7px;font-size:16px;display:block} */ .swiper_thumbs{} .swiper_thumbs .swiper-slide{overflow:hidden;padding-bottom: 10px;} /* .swiper_thumbs .swiper-slide.active:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:block;border:2px solid #bfc2c4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } */ .swiper_thumbs img{width:100%;display:block;height:auto;} #swiper_pics{margin:0;position:relative} #swiper_pics .swiper-product-small-btn{position:absolute;top:50%;margin-top:-10px;background:url(../images/newprev-g.png) no-repeat left center;background-size:10px auto ;height:30px;width:30px;z-index:10; cursor: pointer; display: none; } #swiper_pics .swiper-product-prev{left:20px} #swiper_pics .swiper-product-next{right:20px;transition:transform .25s ease-out;transform:scaleX(1) rotate(180deg);-webkit-transform:scaleX(1) rotate(180deg);} .swiper_pics img{width:100%;display:block;height:auto;} .swiper-product-pagination{display:none} /**/ #product-slider-params,#productshow,#productvideo,#productfaqs,#productrelated{overflow:hidden} .product-param{float:right;width:42%;background:#fff;} .product_title_h1{font-size:32px;line-height:1.1;font-weight:600;color: #cba571;} .product_title_h2{margin-top:25px;font-size: 16px;line-height: 24px;color: #666;} .param_box {margin-top: 25px;} .param_box h3{font-size:22px;color: #cba571;} .param_box h3::after{content:"";width: 100%;height: 1px;margin:10px 0;display: block;background-color: #888;} .param_box .param_con{font-size: 16px;line-height: 24px;color: #555;} .param_box .param_con b,.param_box .param_con strong{color: #222;} .param_box.imgbox{display: flex;margin-top: 25px;} .param_box .img{flex:1;} .param_box .img img{max-width: 100%;width: auto;} .product_param_tabinner{display:none;padding-bottom:1em} .getquote{font-size:20px;color:#fff;border:0;background:#cba571;text-transform: uppercase; height:45px;line-height: 45px;width:235px;cursor: pointer;margin-top: 25px;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;} .getquote:hover{background-color:transparent;color: #cba571;;outline: 1px solid #cba571;} .getquote.tel:hover{background-image: url(../images/tel_back.png);} /**/ #module_box{} #module_box .cate_module{} #module_box .cate_module .w1500{border-bottom: 1px solid #888;} #module_box .cate_module a{display: inline-block;font-size: 20px;font-weight: 300;height: 50px;line-height: 50px; border-radius: 5px 5px 0 0;padding:0 45px;color: #666;} #module_box .cate_module a.active{color:#fff;background-color: #296367;} #module_box .content_module{background-color: #fff;} #module_box .content_module .module_list{display: none;padding:45px 0;} #module_box .content_module .module_list.active{display: block;} #module_box .content_module .module_list b{font-size: 33px;display: block;margin-bottom: 30px;margin-top: 50px;} #module_box .content_module .module_list b.first{font-size:40px;color: #cba571;margin-top: 0px;} #module_box .content_module .module_list .module_con.table table{width: 100% !important;} #module_box .content_module .module_list .module_con.table table tr:nth-child(1){border-top: 4px solid #eee;border-bottom: 2px solid #eee;} #module_box .content_module .module_list .module_con.table tr{border-bottom: 1px solid #eee;} #module_box .content_module .module_list .module_con.table tr td{line-height: 35px;} #module_box .content_module .module_list .module_con.table table tr:nth-child(1) td *{line-height: 65px;font-size:24px;color: #555;} #module_box .content_module .module_list .module_con.table table td{color: #666;font-size: 16px;} #module_box .content_module .module_list .module_con.table tr td:nth-child(1){color: #222;} #module_box .content_module .module_list .module_con.img{display: flex;gap:2%;flex-wrap: wrap;} #module_box .content_module .module_list .module_con.img img{width:32%;display: block;margin-bottom: 1%;} #module_box .content_module .module_list .module_con.flexacc{display: flex;gap: 2%;flex-wrap: wrap;} #module_box .content_module .module_list .module_con.flexacc .img{width: 19.5%;margin-bottom: 2%;} #module_box .content_module .module_list .module_con.flexacc p{height: 60px;font-size: 16px;line-height: 24px;text-align: center;margin: 10px 0;} #module_box .content_module .module_list .module_con.fleximg{display: flex;gap: 1%;flex-wrap: wrap;} #module_box .content_module .module_list .module_con.fleximg .img{width: 32%;margin-bottom: 1%;position: relative;} #module_box .content_module .module_list .module_con.fleximg .img a{position: absolute;bottom:20px;right:20px;width:35px;height:35px; background-color: #cba571;background-image: url(../images/downbtnb.png);opacity: 0;background-repeat: no-repeat;background-position: center;} #module_box .content_module .module_list .module_con.fleximg .img:hover a{opacity: 1;} #module_box .content_module .module_list .module_con.video {padding:30px 0 80px;} #module_box .content_module .module_list .module_con.video iframe{width: 800px;min-height: 500px;margin:0 auto} #module_box .content_module .module_list .module_con.pdf{display: flex;gap: 2.5%;flex-wrap: wrap;} #module_box .content_module .module_list .module_con.pdf a{display: block;width:12%;margin-bottom: 2.5%;min-width: 126px;} #module_box .content_module .module_list .module_con.pdf .img{width: 100%;} #module_box .content_module .module_list .module_con.pdf .img img{width: 100%;} #module_box .content_module .module_list .module_con.pdf p{font-size: 16px;padding:15px 0;padding-right: 35px;position: relative;} #module_box .content_module .module_list .module_con.pdf p img{width: auto;position: absolute;top:9px;right: 3px;} @media(max-width:1100px){ #module_box .content_module .module_list .module_con.video{padding-bottom: 30px;} #module_box .content_module .module_list .module_con.video iframe{width: 100%; min-height: unset;} } /**/ #productrelated{padding: 0px 0 80px;} #productrelated h2{margin-bottom:50px;font-size: 33px;} .product_list .pro_box{width: 100%;float: unset;} .pro_box a{width: 21.25%;background-color: #fff;} .pro_box a:nth-child(3){margin-right: 5%;} .pro_box a:nth-child(4){margin-right: 0;} #product-list .desc .btn button:hover{background:#296367} #product-list .desc .btn a:hover,#product-list .desc .btn button:hover{border-color:#296367;background:#296367;color:#fff} /**/ #productrelated{position: relative;} #productrelated .w1500{position: relative;} #productrelated .w1500 .swiper-container{padding:10px 0px} #productrelated .swiper-product-next {position: absolute;right: -80px;top: 50%;transform: translateY(-50%);} #productrelated .swiper-product-prev {position: absolute;left: -80px;top: 50%;transform: translateY(-50%);} #productrelated .swiper-posi {position: absolute;text-align: right;width: 100px;margin-right: 0;margin-left: auto;top: 100px;right: 0;} #productrelated .swiper-posi .swiper-button-black {opacity: 0.3;background-size: 14px;} #productrelated .swiper-slide .probox{box-shadow: 0 0 0 0 #fff; transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;overflow: hidden;background-color: #fff;} #productrelated .swiper-slide:hover .probox{box-shadow: 0 0 11px 2px #eee;} #productrelated .swiper-slide .img{overflow: hidden;} #productrelated .swiper-slide .img a{display: block;width: 100%;} #productrelated .swiper-slide .img img{display: block;width: 100%;} #productrelated .swiper-slide .title{font-size: 16px;font-weight: 400;margin-bottom: 10px;line-height: 25px;height: 50px; display: block;overflow: hidden;} #productrelated .swiper-slide .con{padding:20px;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;transform: translateY(22px);} #productrelated .swiper-slide:hover .con{transform: translateY(0);} #productrelated .swiper-slide p{font-size: 13px;line-height: 17px;margin-bottom: 10px;} #productrelated .swiper-slide .des{font-size: 13px;line-height: 17px;height: 30px;overflow: hidden;color: #666;margin-bottom: 10px;} #productrelated .swiper-slide .btn{display: flex;gap: 10px;opacity: 0;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;} #productrelated .swiper-slide:hover .btn{opacity: 1;} #productrelated .swiper-slide .btn a{font-size: 12px;text-align: center;outline: 1px solid #cba571;color: #666; text-transform: uppercase;border-radius: 5px;display: flex;align-items: center;justify-content: center;flex:1;line-height: 20px;} #productrelated .swiper-slide .btn a:nth-child(1){flex: 0.7;background-color: #cba571;color: #fff;} #productrelated .swiper-slide .btn a:hover{background-color: #cba571;color: #fff;} /* 这是下方的鼠标指针的移动镜头平方米。 */ .cloud-zoom-lens {border: 4px solid #888;margin:-4px;background-color:#fff;cursor:move;} /* 这是标题文本 */ .cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;} /* 这是缩放窗口。 */ .cloud-zoom-big {border:0px solid #ccc;overflow:hidden;} /* 这是加载消息。 */ .cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;} /**/ @media(max-width:1540px){ } /**/ @media(max-width:1495px){ .proshow_items li .text-indent{padding-left:60px;} .proshow_items{--proshow_items-right:50px;} /**/ #product-list{width:calc(100% + 20px);margin-left:-10px;} #product-list li{width:calc(25% - 20px); margin-left: 10px; margin-right: 10px;margin-bottom:20px} } @media(max-width:1449px){ /**/ #swiper_thumbs{padding-bottom: 30px;} /**/ /**/ /**/ #productrelated .swiper-posi{top: 70px;} } @media(max-width:1300px){ #swiper_thumbs{padding-bottom: 30px;} .proshow_first .proshow_h2{padding-left:0;padding-right:15px} .proshow_first .proshow_p{padding-left:15px;padding-right:0px} .proshow_items{--proshow_items-right:40px;} } @media(max-width:1100px){ #product-slider-params{padding-top:0px} #swiper_thumbs{display:none} #swiper_pics{width:100%;margin-left:0} #swiper_pics .swiper-product-small-btn{display:block} /**/ .proshow_items{--proshow_items-right:30px;} .proshow_h2{font-size:32px;} .proshow_first{margin-top: 60px; margin-bottom: 60px;} #productvideo{margin-top:60px} #productfaqs{ margin-top:60px; margin-bottom:60px;} .productshow_faqs{margin-top:40px} /**/ /**/ #module_box .cate_module{padding:0px 0;overflow: hidden;overflow-x: auto;padding-bottom: 10px;} #module_box .cate_module a{font-size: 16px;} #module_box .cate_module .w1500{min-width: 920px;} #module_box .cate_module::-webkit-scrollbar{width: 4px;height: 4px;background-color: #ddd;} #module_box .cate_module::-webkit-scrollbar-thumb {background: #666;} /**/ #pro_des_box {margin-bottom: 30px;} #pro_des_box .left{width: 100%;margin-bottom: 20px;} #pro_des_box .right{width: 100%;} /**/ #productrelated h2 {margin-bottom: 10px;font-size: 24px;} #productrelated .pro_box a p {font-size: 16px;} /**/ #module_box .content_module .module_list{padding:30px 0} #module_box .content_module .module_list .list_box{padding-right: 0;margin-bottom: 20px;} #module_box .content_module .module_list .list_box.content{width: 100%;} #module_box .content_module .module_list .list_box.img{width: 100%;} #module_box .content_module .module_list .list_box.table{width: 100%;} #module_box .content_module .module_list .list_box.flex{width: 100%;} #module_box .content_module .module_list .list_box.table>div{overflow-x: auto;overflow-y: hidden;} #module_box .content_module .module_list .list_box.table table{min-width: 500px;} /**/ #productrelated{padding:35px 0} #productrelated .pro_box a .tit{font-size: 18px;line-height: 23px;height: 45px;} #productrelated .pro_box a p {font-size: 13px;height: 52px;line-height: 18px;margin: 10px 0;} #productrelated .product_list{padding-bottom: 0;} } @media(max-width:1080px){ .product-gallery{width:100%; margin-bottom:30px;border:0;height: auto;} .product-param{width: 100%;border:0;height: auto;} .swiper-product-pagination{margin-top:30px;display:block} .swiper-product-pagination span{float:left;background:#ddd;height:2px;border-radius:0} .swiper-product-pagination span.swiper-pagination-bullet-active{background:#000} #stickty{line-height:30px;padding:10px 0} #stickty span, #stickty a{font-size:16px;margin-right:20px;} #stickty a{margin-right:0} #product-slider-params{padding-bottom:30px} .position{line-height: 1.5;margin-bottom: 0;} .position a.goback-btn{display:none} /**/ .proshow_items{--proshow_items-right:0px;} .proshow_first .proshow_h2{width:100%;padding:0;margin-bottom:10px} .proshow_first .proshow_p{width:100%;padding:0} /**/ .proshow_items li .proshow_h2,.proshow_items.odd li .proshow_h2{width:100%} .proshow_items li,.proshow_items.odd li{width:100%} .proshow_items li:nth-child(3),.proshow_items.odd li:nth-child(3){width:100%;margin-top:30px} .proshow_items li .text-indent{padding:0} .proshow_items{margin-bottom:60px} /**/ #product-list li{width:calc(33.3333333% - 20px);} } @media(max-width:800px){ .proshow_items li .proshow_h2,.proshow_first .proshow_h2{font-size: 26px; line-height: 2.2rem;} .proshow_items li .proshow_p,.proshow_first .proshow_p{ font-size: 16px; line-height: 1.6rem;} .proshow_first{margin-top:40px; margin-bottom:40px;} .proshow_items{margin-bottom:40px} #productvideo{margin-top:50px} #productfaqs{ margin-top:50px; margin-bottom:50px;} .productshow_faqs{margin-top:30px} /**/ .productshow_faqs h4{font-size:20px} .productshow_faqs p{ font-size: 16px; line-height: 1.6rem;} .productshow_video li:before{background-size:60px 60px} /**/ #product-list{} #product-list li{width:calc(50% - 20px);} } @media(max-width:768px){ /**/ .getquote {width: 100%;} .getquote.tel{margin-left: 0; background-position: 25% center;background-size: 23px;} /**/ #module_box .content_module .module_list .list_box h4{font-size: 18px;margin-bottom: 15px;} #module_box .content_module .module_list .list_box.content ul li{font-size: 14px;line-height: 22px;} #module_box .content_module .module_list .list_box.table td{font-size: 14px;line-height: 24px;} } @media(max-width:640px){ #product-list .desc .btn a{display:none} } @media(max-width:450px){ .productshow_video li{width:100%;margin-bottom:20px} .productshow_video li:last-child{margin-bottom:0} /**/ #product-list{width:100%;margin-left:0} #product-list li{width:100%;margin-right:0;margin-left:0} } @media(max-width:1500px){ } @media(max-width:1100px){ #module_box .content_module .module_list .module_con.img{gap: 2%;} #module_box .content_module .module_list .module_con.img img{width: 49%;margin-bottom: 2%;} #module_box .content_module .module_list .module_con.flexacc a{display: block;} #module_box .content_module .module_list .module_con.flexacc .img{width: 49%;} #module_box .content_module .module_list .module_con.flexacc p{font-size: 13px;line-height: 21px;height: 45px;overflow: hidden;} #module_box .content_module .module_list .module_con.fleximg .img{width: 49%;} #module_box .content_module .module_list .module_con.pdf a{width:48%;margin-bottom: 2.5%;min-width: 126px;} #module_box .content_module .module_list .module_con.pdf p{font-size: 13px;line-height: 21px;} #module_box .content_module .module_list b.first{font-size: 30px;margin-bottom:20px} #module_box .content_module .module_list .module_con.table table tr:nth-child(1) td *{font-size: 20px;line-height: 50px;} #module_box .content_module .module_list .module_con.table{overflow-x: auto;} #module_box .content_module .module_list .module_con.table table{min-width: 700px;} #module_box .content_module .module_list .module_con.table table td{font-size: 15px;line-height: 29px;} #module_box .content_module .module_list b{margin-top:30px;margin-bottom: 20px;font-size: 24px;} #productrelated {padding: 0 0 35px;} #productrelated .swiper-slide .con{transform: translateY(0);padding: 15px;} #productrelated .swiper-slide:hover .con{transform: translateY(0);} #productrelated .swiper-slide .btn{opacity: 1;} } @media(max-width:768px){ .product_title_h1{font-size:20px;} .product_title_h2{margin-top: 20px;font-size: 14px;line-height: 22px;} .param_box{margin-top: 20px;} .param_box h3{font-size: 18px;} .param_box .param_con{font-size: 14px;line-height: 22px;} .param_box .param_con b, .param_box .param_con strong{font-size: 14px;line-height: 22px;} .getquote{font-size: 16px;} #module_box .content_module .module_list b.first{font-size: 24px;margin-bottom:20px} #module_box .content_module .module_list .module_con.table table tr:nth-child(1) td *{font-size: 16px;line-height: 40px;} #module_box .content_module .module_list .module_con.table{overflow-x: auto;} #module_box .content_module .module_list .module_con.table table{min-width: 700px;} #module_box .content_module .module_list .module_con.table table td{font-size: 14px;line-height: 26px;} #module_box .content_module .module_list b{margin-top:20px;margin-bottom: 20px;font-size: 20px;} #productrelated .swiper-slide .btn{flex-wrap: wrap;} #productrelated .swiper-slide .btn a{flex: unset !important;width: 100%;} #productrelated .swiper-slide .con{padding:8px;} #productrelated .swiper-product-prev{left:10px;} #productrelated .swiper-product-prev img{height: 30px;} #productrelated .swiper-product-next{right:10px;} #productrelated .swiper-product-next img{height: 30px;} #productrelated .swiper-slide .title{font-size: 15px;line-height: 22px;height: 42px;} }