body.noscroll{overflow-y:hidden;height:100%}.pro_ten_con_top{border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:12px 0}.pro_ten_con_top .container{max-width:1700px}.pro_ten_con_top .pro_ten_con_top_box{display:flex;align-items:center;justify-content:space-between}.pro_ten_con_top input,.pro_ten_con_top button{border:none;outline:none;background:none}.pro_ten_con_top .pro_ten_btn{display:flex;align-items:center}.pro_ten_con_top .pro_ten_btn span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f5f5f5;cursor:pointer;transition:all 0.4s}.pro_ten_con_top .pro_ten_btn span svg path{transition:all 0.4s}.pro_ten_con_top .pro_ten_btn span.pro_ten_btn_row{margin-left:10px}.pro_ten_con_top .pro_ten_btn span.on svg path{fill:#fff}.pro_ten_con_top .pro_ten_search{width:100%;max-width:400px}.pro_ten_con_top .pro_ten_search form{display:flex;justify-content:space-between}.pro_ten_con_top .pro_ten_search .search_content{width:90%;max-width:360px}.pro_ten_con_top .pro_ten_search .search_content input{display:block;width:100%;line-height:36px;font-size:16px;color:#666}.pro_ten_con_top .pro_ten_search .search_btn{display:block}.pro_ten_con_top .pro_ten_search .search_btn button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer}.pro_ten_con_desc{margin-top:60px}.pro_ten_con_bottom{padding:60px 0}.pro_ten_con_bottom .container{max-width:1700px}.pro_ten_con_bottom ul{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.first_con_ten ul li{flex:0 0 25%;width:25%;padding:0 15px;margin-bottom:50px}.first_con_ten ul li .pro_ten_con_list{position:relative;width:100%}.first_con_ten ul li .pro_ten_con_list .img{width:100%;overflow:hidden;position:relative}.first_con_ten ul li .pro_ten_con_list .img .inquiry{display:flex;align-items:center;justify-content:center;width:100%;position:absolute;left:0;bottom:-60px;opacity:0;transition:all 0.4s;z-index:10;margin:0}.first_con_ten ul li .pro_ten_con_list .img .inquiry img{display:block;max-width:18px;height:auto}.first_con_ten ul li .pro_ten_con_list .img .inquiry span{font-size:18px;line-height:60px;color:#fff;margin-left:12px}.first_con_ten ul li .pro_ten_con_list .content{position:relative}.first_con_ten ul li .pro_ten_con_list .content .video_icon{position:absolute;right:0;top:2px;z-index:8}.first_con_ten ul li .pro_ten_con_list .content .video_icon img{display:block}.first_con_ten ul li .pro_ten_con_list:hover .img .inquiry{bottom:0;opacity:1}.pro_ten_con_list .img .hide_view{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%);z-index:8;transition:all 0.4s;opacity:0}.pro_ten_con_list .img .hide_view a{display:flex;width:48px;height:48px;align-items:center;justify-content:center;transition:all 0.6s;cursor:pointer;opacity:0;margin:0 5px}.pro_ten_con_list .img .hide_view a.view{transition-delay:0.1s}.pro_ten_con_list .img .hide_view a.cart{transition-delay:0.2s}.pro_ten_con_list .img .hide_view a.link{transition-delay:0.3s}.pro_ten_con_list .img .hide_view a img{display:block;max-width:24px}.pro_ten_con_list .img:hover .hide_view{opacity:1}.pro_ten_con_list .img:hover .hide_view a{transform:translateY(-50%);opacity:1}.pro_ten_con_list .hot_icon{position:absolute;left:20px;top:0;z-index:10;width:36px;height:40px;overflow:hidden;display:flex;align-items:center;justify-content:center}.pro_ten_con_list .hot_icon:before{content:"";width:50%;height:100%;transform:skewY(-22deg);transform-origin:left;position:absolute;left:0;top:0;z-index:-1}.pro_ten_con_list .hot_icon img{display:block;max-width:20px;transform:translateY(-2px)}.pro_ten_con_list .hot_icon:after{content:"";width:50%;height:100%;transform:skewY(22deg);transform-origin:right;position:absolute;right:0;top:0;z-index:-1}.pro_ten_con_list .new_icon{position:absolute;right:-3px;top:-3px;z-index:10}.pro_ten_con_list .content{position:relative}.pro_ten_con_list .content h2{font-size:24px;margin-top:20px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all 0.4s;padding-right:30px}.pro_ten_con_list .content div{font-size:16px;color:gray;line-height:1.5;overflow:hidden;margin:12px 0 24px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pro_ten_con .pro_ten_view{display:block;font-size:16px;color:#333;position:relative;transition:all 0.4s;line-height:1}.pro_ten_con .pro_ten_view:before{content:"";position:absolute;left:0;bottom:4px;width:0;height:1px;background:#333;transition:all 0.4s;line-height:1}.pro_ten_con .pro_ten_view:hover{padding-left:50px}.pro_ten_con .pro_ten_view:hover:before{width:40px}.pro_ten_hide_view{width:100%;height:100%;position:fixed;left:0;top:0;z-index:99999;background:rgb(0 0 0 / .7);display:none;align-items:center;justify-content:center;transition:all 0.4s}.pro_ten_hide_view.on{display:flex}.pro_ten_hide_view .hide_view_list{position:relative;background:#fff;max-width:1000px;display:flex;align-items:center}.pro_ten_hide_view .hide_view_list .left{width:50%;overflow:hidden}.pro_ten_hide_view .left_big_pic_container{position:relative}.pro_ten_hide_view .close_btn{width:40px;height:40px;position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.4s;opacity:.5}.pro_ten_hide_view .swiper-slide img{display:block;width:100%}.pro_ten_hide_view .swiper-button-next:after,.pro_ten_hide_view .swiper-button-prev:after{display:none}.pro_ten_hide_view .swiper-button-next,.pro_ten_hide_view .swiper-button-prev{background:none;width:50px;height:50px;margin-top:-25px;display:flex;align-items:center;justify-content:center}.pro_ten_hide_view .swiper-button-next{right:0}.pro_ten_hide_view .swiper-button-prev{left:0;transform:rotateY(180deg)}.pro_ten_hide_view .swiper-pagination{display:flex!important;justify-content:center;bottom:20px!important}.pro_ten_hide_view .swiper-pagination span{display:block;margin:0 6px!important}.pro_ten_hide_view .hide_view_list .right{width:50%;padding:40px 50px}.pro_ten_hide_view .hide_view_list .right h3{font-size:36px;color:#333;line-height:1.2}.pro_ten_hide_view .hide_view_list .right h2{font-size:18px;line-height:1.2;margin:20px 0 30px}.pro_ten_hide_view .hide_view_list .right p{font-size:16px;color:#666;line-height:1.6;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.pro_ten_hide_view .hide_view_list .right .hide-btn{display:flex;margin:50px -5px 0}.pro_ten_hide_view .hide_view_list .right .hide-btn dd{width:50%;padding:0 5px}.pro_ten_hide_view .hide_view_list .right .hide-btn dd a{display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.4s}.pro_ten_hide_view .hide_view_list .right .hide-btn dd a img{display:block;max-width:18px}.pro_ten_hide_view .hide_view_list .right .hide-btn dd a span{line-height:55px;font-size:16px;color:#fff;position:relative;padding-left:16px}.pro_ten_hide_view .hide_view_list .right .hide-btn dd a.inquiry{margin:0}.pro_ten_hide_view .hide_view_list .right .hide-btn dd a:before{content:"";width:0;height:1px;background:#fff;position:absolute;left:50%;bottom:5px;transition:all 0.4s;opacity:0}.pro_ten_hide_view .hide_view_list .right .hide-btn dd a:hover:before{width:100%;left:0;opacity:1}.pro_ten_hide_view .close_btn:hover{opacity:1}.second_con_ten{display:none}.second_con_ten ul li{flex:0 0 50%;width:50%;padding:0 15px;margin-bottom:40px}.second_con_ten ul li .pro_ten_con_list{display:flex;align-items:center;position:relative}.second_con_ten .pro_ten_con_list .hot_icon{width:32px;height:34px}.second_con_ten .pro_ten_con_list .hot_icon img{max-width:16px}.second_con_ten ul li .pro_ten_con_list .img{width:35%;position:relative}.second_con_ten ul li .pro_ten_con_list .img .video_icon{position:absolute;right:12px;bottom:12px;z-index:8}.second_con_ten ul li .pro_ten_con_list .img .video_icon img{display:block;max-width:24px}.second_con_ten ul li .pro_ten_con_list .content{width:65%;position:relative;padding-left:40px}.second_con_ten ul li .pro_ten_con_list .content .inquiry{display:flex;align-items:center;justify-content:center;width:170px;transition:all 0.4s;z-index:10;margin:50px 0 0}.second_con_ten ul li .pro_ten_con_list .content .inquiry img{display:block;max-width:18px;height:auto}.second_con_ten ul li .pro_ten_con_list .content .inquiry span{font-size:16px;line-height:50px;color:#fff;margin-left:12px}.second_con_ten ul li .pro_ten_con_list .img .hide_view a{transform:translateY(20px)}.second_con_ten ul li .pro_ten_con_list:hover .img .hide_view a{transform:translateY(0)}.second_con_ten ul li .pro_ten_con_list .content h2{font-size:28px;margin-top:0;padding-right:0}@media only screen and (max-width:1680px){.pro_ten_con_top .container,.pro_ten_con_bottom .container{max-width:1440px}.first_con_ten ul li{margin-bottom:40px}.pro_ten_con_list .content h2{font-size:20px;margin-top:16px}.pro_ten_con_list .content div{font-size:15px;line-height:1.5;margin:10px 0 16px}.pro_ten_con .pro_ten_view{display:block;font-size:15px}.second_con_ten ul li .pro_ten_con_list .content h2{font-size:24px}}@media only screen and (max-width:1440px){.pro_ten_con_top .container,.pro_ten_con_bottom .container{max-width:1200px}.first_con_ten ul li{margin-bottom:30px}.pro_ten_con_list .content h2{font-size:18px;margin-top:16px}.pro_ten_con_list .content div{font-size:14px;line-height:1.5;margin:10px 0 12px}.pro_ten_con .pro_ten_view{display:block;font-size:14px}.pro_ten_con_list .img .hide_view a{width:40px;height:40px;margin:0 3px}.pro_ten_con_list .img .hide_view a img{max-width:20px}.pro_ten_con_list .new_icon img{max-width:60px}.first_con_ten ul li .pro_ten_con_list .img .inquiry img{max-width:16px}.first_con_ten ul li .pro_ten_con_list .img .inquiry span{font-size:16px;line-height:50px}.first_con_ten ul li .pro_ten_con_list .content .video_icon{top:0}.first_con_ten ul li .pro_ten_con_list .content .video_icon img{max-width:20px}.second_con_ten ul li .pro_ten_con_list .content{padding-left:30px}.second_con_ten ul li .pro_ten_con_list .content h2{font-size:20px}.first_con_ten ul li .pro_ten_con_list .img .inquiry:hover,.second_con_ten ul li .pro_ten_con_list .content .inquiry:hover{background:#333}.second_con_ten ul li .pro_ten_con_list .content .inquiry{background:#c6ad8a}.second_con_ten ul li .pro_ten_con_list .content .inquiry{width:160px;margin:30px 0 0}.second_con_ten ul li .pro_ten_con_list .content .inquiry img{max-width:16px}.second_con_ten ul li .pro_ten_con_list .content .inquiry span{line-height:48px;margin-left:10px}}@media only screen and (max-width:1200px){.pro_ten_con_top .container,.pro_ten_con_bottom .container{max-width:920px}.first_con_ten ul li{flex:0 0 33.3333%;width:33.3333%;margin-bottom:30px}.pro_ten_hide_view .hide_view_list{max-width:840px}.pro_ten_hide_view .hide_view_list .right{padding:40px}.pro_ten_hide_view .hide_view_list .right h3{font-size:28px}.pro_ten_hide_view .hide_view_list .right h2{font-size:16px;margin:12px 0 20px}.pro_ten_hide_view .hide_view_list .right p{font-size:14px}.pro_ten_hide_view .hide_view_list .right .hide-btn dd a img{max-width:16px}.pro_ten_hide_view .hide_view_list .right .hide-btn dd a span{line-height:48px;font-size:14px;padding-left:12px}.second_con_ten ul li .pro_ten_con_list .content h2{font-size:18px}}@media only screen and (max-width:991px){.pro_ten_con_top .container,.pro_ten_con_bottom .container{max-width:800px}.pro_ten_con_top .pro_ten_search{max-width:300px}}@media only screen and (max-width:768px){.pro_ten_con_top .container,.pro_ten_con_bottom .container{max-width:100%}.pro_ten_con_top .pro_ten_btn span.pro_ten_btn_row{margin-left:0}.pro_ten_con_top .pro_ten_search{max-width:220px}.pro_ten_con_top .pro_ten_search .search_content input{font-size:14px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro_ten_con_desc{margin-top:30px}.pro_ten_con_bottom{padding:30px 0}.pro_ten_con_bottom ul{margin-left:-6px;margin-right:-6px}.first_con_ten ul li{flex:0 0 50%;width:50%;margin-bottom:20px;padding:0 6px}.pro_ten_con_list .content h2{font-size:16px;margin-top:10px;white-space:normal;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pro_ten_con_list .new_icon img{max-width:40px}.pro_ten_con_list .hot_icon{left:10px;width:28px;height:30px}.pro_ten_con_list .hot_icon img{max-width:14px}.first_con_ten ul li .pro_ten_con_list .content .video_icon img{max-width:18px}.first_con_ten ul li .pro_ten_con_list .content .video_icon{top:4px}.first_con_ten ul li .pro_ten_con_list .img .inquiry,.pro_ten_con .pro_ten_view,.pro_ten_con_list .img .hide_view{display:none!important}.pro_ten_con_list .content div{margin:6px 0 0}.second_con_ten ul li{flex:0 0 100%;width:100%;padding:0 5px;margin-bottom:20px}.second_con_ten ul li .pro_ten_con_list .img{width:30%}.second_con_ten ul li .pro_ten_con_list .content{padding-left:20px}.second_con_ten ul li .pro_ten_con_list .content h2{font-size:16px}.second_con_ten ul li .pro_ten_con_list .content .pro_ten_view{display:block!important;margin-top:12px}.second_con_ten ul li .pro_ten_con_list .content .inquiry{display:none}}