body { overflow-x:unset !important; } #main_top { margin-bottom: 40px; padding-top: 10px; } #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{} .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:#0072da;} .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:100px;height: auto;} .product-gallery{width:50%;float:left; height: 600px;} .product-gallery .wrap_flex{position: relative;position: relative;} #swiper_thumbs{width:18%;margin:0;position:absolute;margin-right: 2%;height: 100%;} #swiper_thumbs .swiper-container{height: 100%;} #swiper_thumbs .fa{font-size:18px;position:absolute;bottom:42%;margin-bottom: -40px;font-weight: bold;} #swiper_thumbs .swiper-product-prev{top:unset;bottom:0;right:40px;left: unset; color: #999;} #swiper_thumbs .swiper-product-next{top:unset;bottom:0;left:40px;right: unset; color: #666;} #swiper_thumbs .fa{font-size: 22px;} #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; border: 1px solid #eee; border-radius: 3px; } /* .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{width:80%;margin:0;position:relative;margin-left: 20%;} #swiper_pics .swiper-product-small-btn{position:absolute;top:50%;margin-top:-10px;background:url(../images/arrow-left.png) no-repeat left center;background-size:auto 8px;height:20px;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-param{ float:right;width:44%; padding: 20px 40px 0; } .product-param .product_title_p{ line-height: 25px; color: #666; font-size: 13px; } .product_title_h1{ font-size: 36px; line-height: 40px; max-height: 80px; overflow: hidden; font-weight: bold; color: #62c561; margin: 10px 0 0; } .product_title_h2{ margin-top:20px} .product_title_h2 h4{ float: left; width: 100%; line-height: 30px; font-size: 14px; margin: 0 0 15px; } .product_title_h2 h4 strong{ position: absolute; width: 20px; height: 2px; background: #0d3ba4; margin: 30px 0 0;} .product_title_h2 p{line-height: 20px; font-size: 12px; color: #666; } .product_title_show{margin-top:20px;margin-bottom:110px;line-height:1.8;font-weight:200;font-size:16px;color:#000} .product_param_tab{border-top:1px solid #dfe3e7;line-height:1.2;} .product_param_tab label{display:block;font-weight:bold;font-size:16px;padding:1em 0;position:relative} .product_param_tab label span{cursor:pointer;position:absolute;right:8px;top:20px;font-size:12px;font-weight:normal} .product_param_p{font-size:14px;line-height: 1.7;} .product_param_options{font-size:14px;line-height: 1.7;} .product_param_options p{padding-left:55px;} .product_param_options b{font-size:18px;font-weight: normal;position:relative;display:block} .product_param_options b:before{display:block;content:"";background:url(../images/arrow-right.svg) no-repeat left center;width:40px;height:20px;background-size:auto 10px; position: absolute;left:-55px;top:8px; } .product-param .getquote_bot{ float: left; width: 100%; } .product-param .getquote_bot div{ float: left; background: #62c561; margin: 0 30px 0 0; padding: 0 20px; height: 40px; line-height: 40px; border-radius: 5px;} .product-param .getquote_bot a{ display: block; color: #fff; font-size: 13px; } .product-param .getquote_bot b{ font-size: 16px; margin: 0 5px; font-weight: 100; } .product-param .getquote_bot i{ float: left; width: 20px; height: 20px; margin: 10px 7px 0 0; background-size: 100% 100% !important;} .product-slider-params{ background-image: url(../images/products-bj.png); background-size: 100%; display: block; height: auto; } .product_param_tabinner{display:none;padding-bottom:1em} .getquote{width:auto;font-weight:300;font-size:16px;color:#fff;border:0;background:#0072da;height:48px;line-height: 48px;width:235px;cursor: pointer;} .getquote.tel{margin-left: 10px; padding-left: 55px;background-image: url(../images/tel_back_w.png);background-position: 15px center;background-size: 30px;background-repeat: no-repeat;} .getquote:hover{background-color:transparent;color: #333;outline: 1px solid #0072da;} .getquote.tel:hover{background-image: url(../images/tel_back.png);} /**/ #module_box{ float: left; width: 100%; } #module_box .cate_module{ padding: 0; margin: 50px 0 0;} #module_box .cate_module a{display: inline-block;font-size: 25px;font-weight: 300;font-size: 25px;margin-right: 28px;} #module_box .cate_module a.active{color:#0072da} #module_box .content_module .module_list .list_box b, #module_box .content_module .module_list .list_box strong{font-weight: 400;} #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 .list_box{float: left;padding-right: 25px;margin-bottom: 60px;} #module_box .content_module .module_list .list_box h4{font-size: 20px;margin-bottom: 20px;font-weight: 400;} #module_box .content_module .module_list .list_box.content ul li{list-style-type: disc;margin-left: 17px;font-size: 16px;line-height: 24px;color: #000;font-weight: 200;} #module_box .content_module .module_list .list_box img{max-width: 100%;width: auto;display: inline-block;margin:15px 0;} #module_box .content_module .module_list .list_box table{width: 100%;border-top: 1px solid #ccc;} #module_box .content_module .module_list .list_box.detail{width: 100%;} #module_box .content_module .module_list .list_box.detail ul li{list-style-type: disc;} #module_box .content_module .module_list .list_box.detail .des{font-size: 16px;line-height: 24px;background-color: #fff;padding:20px;width: 100%;} #module_box .content_module .module_list .list_box.content{width: 60%;} #module_box .content_module .module_list .list_box.img{width: 40%;} #module_box .content_module .module_list .list_box.table{width: 100%;} #module_box .content_module .module_list .list_box.flex{width: 50%;} #module_box .content_module .module_list .list_box.flex div{font-size: 16px;line-height: 24px;} #module_box .content_module .module_list .list_box.flex img{} #module_box .content_module .module_list .list_box.table td{border-bottom: 1px solid #ccc;height: 30px;line-height: 30px;font-size: 16px;font-weight: 200;padding-right: 5px;} .module_list.faq{padding-bottom: 125px;} .module_list.faq li{border-bottom:1px solid #ccc;} .module_list.faq li:nth-child(1){border-top: 1px solid #ccc;} .module_list.faq li b{display: block;font-size: 16px;line-height: 24px;padding:20px 90px 20px 42px;position: relative;font-weight: 500;} .module_list.faq li b i{display: block;width: 50px;font-size: 20px;text-align: center;position: absolute;right: 0;top: 20px;} .module_list.faq li.active b i{color: #0072da;} .module_list.faq li p{font-size: 14px;line-height: 20px;padding:30px 45px;background-color: #fff;color: #585858;border-top: 1px solid #ccc;display: none;} @media(max-width:1440px){ .module_list.faq li b{font-size: 15px;line-height: 22px;padding: 15px 20px 15px 20px;} .module_list.faq li b i{width: 40px;font-size: 16px;right: 0;top: 17px;} .module_list.faq li p{font-size: 13px;line-height: 17px;padding: 20px 25px;} } @media(max-width:1100px){ .module_list.faq li b{font-size: 13px;line-height: 20px;padding: 10px 20px 10px 10px;} .module_list.faq li b i{width: 30px;font-size: 16px;right: 0;top: 13px;} .module_list.faq li p{font-size: 12px;line-height: 17px;padding: 15px 20px;} .product_title_show{margin-bottom: 30px;} } .module_list.down ul li{display:flex;padding:10px 0;border-bottom:1px solid #eee;} .module_list.down ul li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .module_list.down ul li a img{width:24px;display: inline-block;} .module_list.down ul li span{display:block;flex:0.5;font-size:16px;height:30px;line-height:30px;text-align:center;} .module_list.down ul li:nth-child(1) span{font-weight:400;} .module_list.down ul li span:nth-child(1) {flex: 2;text-align: left;} .module_list.down ul li span:nth-child(1) a{width:90%;} .module_list.down ul li span:nth-child(2) {text-align: left;} @media(max-width:1440px){ .module_list.down h1 {font-size:35px} .module_list.down ul li span{font-size:14px;line-height:27px;} } @media(max-width:1100px){ /**/ .module_list.down ul li span{flex:0.9} .module_list.down ul li a img{width: 18px;} } @media(max-width:1024px){ .module_list.down{padding:40px 0;} .module_list.down h1 {font-size:28px} .module_list.down ul li span{font-size:13px;line-height:25px;} } @media(max-width:640px){ .module_list.down ul li span:nth-child(1){padding-left:0;} .module_list.down ul li span:nth-child(2){display:none;} } /**/ #productrelated{ margin: 0 0 100px; } #productrelated h2{ margin-bottom: 30px; font-size: 30px; font-size: 30px; font-weight: bold;} .product_list .pro_box{width: 100%; float: unset; height: auto;} .pro_box a{width: 21.25%;} .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:#0072da} #product-list .desc .btn a:hover,#product-list .desc .btn button:hover{border-color:#0072da;background:#0072da;color:#fff} /**/ #productrelated{ float: left; width: 100%; display: block; padding: 0; margin: 120px 0 50px; } #productrelated .w1400{position: relative;} #productrelated .w1400 .swiper-container{padding:10px;} #productrelated .swiper-product-next img,#productrelated .swiper-product-prev img{width: auto;} #productrelated .swiper-product-next {position: absolute;right: 0px; margin: -14% 5% 0 0; font-size: 24px; color: #999; line-height: 60px; cursor: grab;} #productrelated .swiper-product-prev { position: absolute; left: 0px; margin: -14% 0 0 5%; font-size: 24px; color: #999; line-height: 60px; cursor: grab;} #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-posi .swiper-shu {position: absolute;right: 48px;font-size: 24px;top: -12px;color: #aaa;font-weight: 100;} #productrelated .pro_box a .tit{font-size: 20px;line-height: 25px;height: 50px;overflow: hidden;text-align: center;font-weight: 300;} #productrelated .pro_box a p {font-size: 16px;text-align: center;height: 60px;line-height: 20px;overflow: hidden;margin: 20px 0;font-weight: 200;} #productrelated a{display: block;outline: 1px solid #eee;border: 10px solid transparent; width: 100%;} #productrelated a:hover{ } /* 这是下方的鼠标指针的移动镜头平方米。 */ .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;line-height: 2.5rem;} .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;} #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;} } @media(max-width:1080px){ .product-gallery{width:100%; margin-bottom:30px;border:0;height: auto;} .product-param{width: 100%;border:0;padding:20px;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){ .product_title_h1{font-size:32px;} .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} } #module_box{ display: block; } #module_box .cate_module{ float: left; width: 100%; line-height: 60px; } #module_box .cate_module h2{ font-size: 24px; } #module_box .cate_module h2 strong{ position: absolute; width: 30px; height: 3px; background: #0d3ba4; margin: 50px 3px 0px; } #Technical_Parameters , #Performance_Curves{ float: left; width: 100%; min-height: 270px; } #productrelated .swiper-wrapper{list-style-type: none;float: left;width: 31.3%; margin: 0 0 40px; border-radius: 3px;outline: 1px solid #f5f5f5;box-shadow: 0 0 0 0 #fff; text-align: center;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;} #productrelated .swiper-wrapper a{ outline: unset; border: unset; } #productrelated .swiper-wrapper:hover{ } #productrelated .swiper-wrapper .img {height: 298px;} #productrelated .swiper-wrapper .img img{} #productrelated .swiper-wrapper a .tit{font-size: 16px;font-weight: 400;margin-bottom: 10px;line-height: 25px;height: 50px;overflow: hidden;display: flex;justify-content: center;align-items: center;} #productrelated .swiper-wrapper p{} #productrelated .swiper-wrapper .des{font-size: 16px;line-height: 28px;height: 55px;overflow: hidden;} #productrelated .swiper-wrapper .on{ margin: 0px 3%; } #productrelated .swiper-wrapper a:hover .tit{ background:#62c561; color: #fff; }