#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:#0c4098;} .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;width: 135px;height: 600px;float: left;} #swiper_thumbs .swiper-slide::before { content: "";display: block;width: calc(100% - 2px);height: calc(100% - 2px); position: absolute;top: 0;left: 0;border: 1px solid #ccc; } #swiper_thumbs .swiper-slide.active::before{border: 1px solid #0c4098;} #swiper_thumbs .fa{font-size: 22px;position:absolute;color: #000;line-height: 28px;text-align: center;} #swiper_thumbs .fa::before{transform: scale(1,1.3);display: inline-block;} #swiper_thumbs .swiper-product-prev{bottom:0;left:30px;right: unset;} #swiper_thumbs .swiper-product-next{bottom:0;right:30px;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{height: 100%;} #swiper_thumbs{padding-bottom: 30px;} .swiper_thumbs .swiper-slide{overflow:hidden;height: auto !important;} /* .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;float: right;width: calc(100% - 155px);} #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-gallery{margin-bottom: 60px;} /* .product_title_h1{font-size: 40px;line-height:1.1;font-weight: 500;} */ .product_title_h2{margin: 25px 0 0;padding-bottom: 25px;border-bottom: 1px solid #eee;font-size: 20px;line-height: 24px;color: #666;} .param_box {margin-top: 35px;} .param_box h3{font-size: 18px;font-weight: normal;} .param_box h3::after{content:"";width: 100%;height: 1px;margin:10px 0;display: none;background-color: #888;} .param_box .param_con{font-size: 16px;line-height: 24px;color: #555;margin-top: 10px;} .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;} .param_box .link-box {display: inline-block;margin-right: 90px;margin-top: 10px;} .param_box .link-box a{display: inline-block;margin-right: 20px;} .param_box .link-box a img{width: auto;} .param_box button{display: inline-block;border-radius: 30px;background-color: #fa4616;} .product_param_tabinner{display:none;padding-bottom:1em} .getquote{font-size:20px;color:#fff;border:0;background:#fa4616;text-transform: uppercase; height:45px;line-height: 47px;width:235px;cursor: pointer;margin-top: 25px;-webkit-transition: all 0.6s ease;transition: all 0.6s ease;} .getquote:hover{background-color:transparent;color: #fa4616;;outline: 1px solid #fa4616;} .getquote.tel:hover{background-image: url(../images/tel_back.png);} /**/ #module_box{} #module_box .cate_module .w1500{border-bottom: 1px solid #0c4098;display: flex;min-width: 855px;} #module_box .cate_module a{display: block;font-size: 20px;font-weight: 500;height: 45px;line-height: 45px;color: #000;flex:1;text-align: center;} #module_box .cate_module a.active{background-color: #fff;border: 1px solid #0c4098;border-bottom: 0;transform: translateY(1px);position: relative;z-index: 1;} #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: 100px;} #module_box .content_module .module_list>b:nth-child(1){margin-top: 0px;} #module_box .content_module .module_list #cust-index{padding-top: 0;} #module_box .content_module .module_list #cust-index b{margin-top: 0;} #module_box .content_module .module_list b.first{font-size:40px;color: #fa4616;margin-top: 0px;} #module_box .content_module .module_list .module_con.table table{width: 100%;} #module_box .content_module .module_list .module_con.table table tr:nth-child(1){border-top: 1px solid #0c4098;border-bottom: 1px 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;border-right: 1px solid #eee;} #module_box .content_module .module_list .module_con.table tr td:nth-child(1){border-left: 1px solid #eee;} #module_box .content_module .module_list .module_con.table tr td img{width: auto;height: 70px;margin: 0 auto;} #module_box .content_module .module_list .module_con.table table td{font-size: 16px;padding:8px} #module_box .content_module .module_list .module_con.detail{background-color: #f1f1f1;padding:45px;} #module_box .content_module .module_list .module_con.detail *{color: #555;} #module_box .content_module .module_list .module_con .con .aligncenter{ text-align: center; margin: 0 auto; } #module_box .content_module .module_list .module_con .alignleft{ margin-left: 0; margin-right: auto; text-align: left; } #module_box .content_module .module_list .module_con .alignright{ margin-right: 0; margin-left: auto; text-align: right; } #module_box .content_module .module_list .module_con.img img.alignleft{ margin-left: 0; margin-right: auto; text-align: left; float: left; margin-right: 1em; } #module_box .content_module .module_list .module_con.img img.alignright{ margin-right: 0; margin-left: auto; text-align: right; float: right; margin-left: 1em; } #module_box .content_module .module_list .module_con.img img.aligncenter{ margin: 0 auto; text-align: center; display: block; } #module_box .content_module .module_list .module_con.img{} #module_box .content_module .module_list .module_con.img img{max-width: 100%;width: auto;display: unset;} #module_box .content_module .module_list .module_con.img *{color: #555;line-height: 1.4;} #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: #fa4616;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.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;} #module_box .content_module .module_list .module_con.app{overflow: hidden;} #module_box .content_module .module_list .module_con.app .list{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;background-color: #f1f1f1;} #module_box .content_module .module_list .module_con.app .list:nth-child(4n){margin-right: 0;} #module_box .content_module .module_list .module_con.app .list .con{padding:28px;} #module_box .content_module .module_list .module_con.app .list b{font-size: 22.5px;display: block;color: #000;line-height: 24px;height: 48px;margin-top: 0;margin-bottom: 0;overflow: hidden;} #module_box .content_module .module_list .module_con.app .list p{font-size: 14px;line-height: 19px;height: 57px;margin:15px 0;color: #666;overflow: hidden;} #module_box .content_module .module_list .module_con.app .list a{font-size: 12px;color: #666;} #module_box .content_module .module_list .module_con.app .list:hover b{color: #0c4098;} #module_box .content_module .module_list .module_con.app .list:hover a{color: #fa4616;} /**/ #productrelated{padding: 80px 0 80px;background-color: #f4f4f4;} #productrelated h2{margin-bottom: 70px;font-size: 40px;font-weight: 500;} #productrelated .product_list{padding-bottom: 0;} .product_list .pro_box{width: 100%;float: unset;} #product-list .desc .btn button:hover{background:#0c4098} #product-list .desc .btn a:hover,#product-list .desc .btn button:hover{border-color:#0c4098;background:#0c4098;color:#fff} /**/ #productrelated{position: relative;} #productrelated .w1500{position: relative;} #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; overflow: hidden;} #productrelated .swiper-slide a{display: block;background-color: #fff;overflow: hidden;} #productrelated .swiper-slide a .con{position: relative;margin-top: -51px;bottom: -51px;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;} #productrelated .swiper-slide a:hover .con{bottom: 0px;} #productrelated .swiper-slide a span, #productrelated .swiper-slide a p, #productrelated .swiper-slide a .url{font-size: 18px;padding:0 20px;} #productrelated .swiper-slide a span{color: #fa4616;display: inline-block;background-color: unset;} #productrelated .swiper-slide a p{color: #999;height: 55px;line-height: 19px;overflow: hidden;} #productrelated .swiper-slide a b{font-size: 24px;line-height: 27px;height: 50px;overflow: hidden;padding:0 20px;margin:15px 0;display: block;color: #000;} #productrelated .swiper-slide a .url{background-color: #0c4098;color: #fff;height: 51px;line-height: 51px;text-align: center;margin-top: 30px;} /* 这是下方的鼠标指针的移动镜头平方米。 */ .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){ .product-gallery{width: 52%;} #module_box .content_module .module_list .module_con.app .list b{font-size: 18px;line-height: 21px;height: 48px;} #module_box .content_module .module_list .module_con.app .list p{font-size: 13px;line-height: 18px;height: 36px;margin:15px 0;} } /**/ @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;} #module_box .cate_module a{font-size: 16px;margin-right: 20px;width: 50%;text-align: center;margin-right: 0;float: left;line-height: 24px;height: 40px;display: flex;justify-content: center;align-items: center;} /**/ #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;} /**/ #module_box .content_module .module_list .module_con.app .list{width: 32%;margin-bottom: 2%;} #module_box .content_module .module_list .module_con.app .list:nth-child(4n){margin-right: 2%;} #module_box .content_module .module_list .module_con.app .list:nth-child(3n){margin-right: 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;} /**/ #module_box .content_module .module_list .module_con.app .list{width: 49%;} #module_box .content_module .module_list .module_con.app .list:nth-child(3n){margin-right: 2%;} #module_box .content_module .module_list .module_con.app .list:nth-child(2n){margin-right: 0%;} #module_box .content_module .module_list .module_con.app .list .con{padding:15px;} } @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 .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: 14px;line-height: 25px;} #module_box .content_module .module_list b{margin-top:30px;margin-bottom: 20px;font-size: 24px;} #productrelated .swiper-slide .con{transform: translateY(0);} #productrelated .swiper-slide:hover .con{transform: translateY(0);} #productrelated .swiper-slide a .con{bottom: 0;margin-top: 0;} #productrelated .swiper-slide .btn{opacity: 1;} #productrelated .swiper-slide a .url{height: 31px;line-height: 31px;margin-top: 20px;} } @media(max-width:768px){ .product_title_h1{font-size:20px;} .product_title_h2{margin-top: 20px;font-size: 13px;line-height: 21px;} .param_box{margin-top: 20px;} .param_box h3{font-size: 18px;} .param_box .param_con{font-size: 13px;line-height: 21px;} .param_box .param_con b, .param_box .param_con strong{font-size: 13px;line-height: 21px;} .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: 13px;line-height: 21px;} #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%;} }