/* 产品中心,解决方案下拉 */ header .nav-box .new-product { background-color: #f5f5f5; } header .nav-box .product-bg { max-width: 1440px; /* height: 750px; */ margin: 0 auto; overflow: hidden; padding: 30px 20px 35px 20px; position: relative; } header .nav-box .new-product .left { max-height: 562px; padding: 0 0 24px 85px !important; overflow-y: auto; position: relative; border-right: 1px solid #dadada; } header .nav-box .new-product .nav-ul { overflow: hidden; } header .nav-box .new-product .nav-ul li { width: 100%; text-align: left; font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 20px; cursor: default; } header .nav-box .new-product .nav-ul li a { color: #333; } header .nav-box .new-product .nav-ul li a:hover { color: #cc0000; } header .nav-box .new-product .nav-ul li.active a, header .nav-box .new-solution .solution-ul li.active-sol a { color: #cc0000; } /* 新增partner分类单独控制 2024-11-04 */ header .nav-box .new-partner .partner-ul li.active-part a { color: #cc0000; } header .nav-box .product-bg .more-box { font-size: 14px; line-height: 22px; padding: 0 10px 25px 85px; text-align: left; } header .nav-box .product-bg .more-box a { color: #333; transition: all 0.3s; } header .nav-box .product-bg .more-box a:hover { color: #cc0000; } header .nav-box .product-bg .more-box span { margin-left: 15px; } .left::-webkit-scrollbar { width: 5px; height: 5px; } .left::-webkit-scrollbar-thumb { width: 15px; -webkit-box-shadow: inset 0 0 5px rgba(204,0,0,1); border-radius: 15px; background: rgba(204,0,0,1); } .left::-webkit-scrollbar-track { border-radius: 0; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: #f5f5f5; } header .nav-box .new-product .right { padding: 0 35px; } header .nav-box .new-product .right .product-box { width: 100%; max-height: 562px; overflow-y: auto; } header .nav-box .new-product .right .little-classify { width: 100%; display: none; column-count: 4; /* 列数 */ -moz-column-count: 4; /* Firefox */ -webkit-column-count: 4; /* Safari and Chrome */ column-gap: 20px; /* 列间距 */ } /* 新增partner分类单独控制 2024-11-04 */ header .nav-box .new-partner .right .little-classify { width: 100%; display: none; column-count: 2; /* 列数 */ -moz-column-count: 2; /* Firefox */ -webkit-column-count: 2; /* Safari and Chrome */ column-gap: 20px; /* 列间距 */ } header .nav-box .new-product .right .active-pro, header .nav-box .new-solution .right .active-solution { display: block; } /* 新增partner分类单独控制 2024-11-04 */ header .nav-box .new-partner .right .active-partner { display: block !important; } header .nav-box .new-product .right .little-classify .model-box { /* float: left; */ position: relative; margin-bottom: 30px; break-inside: avoid; /* 防止多列布局,分页媒体和多区域上下文中的意外中断 */ width: 100%; padding: 0 25px; } header .nav-box .new-product .right .little-classify .model-box h4 { font-size: 14px; line-height: 22px; font-weight: 600; text-align: left; margin-bottom: 10px; } header .nav-box .new-product .right .little-classify .model-box h4 a { color: #333; } header .nav-box .new-product .right .little-classify .model-box h4 a:hover { color: #cc0000; } header .nav-box .new-product .right .little-classify .model-box h4 .right-more { display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-top: 1px solid; border-right: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 10px; } header .nav-box .new-product .right .little-classify .model-box ul { overflow: hidden; border-top: 1px solid #dfe1e6; padding-top: 10px; } header .nav-box .new-product .right .little-classify .model-box ul li { width: 100%; padding: 6px 0; font-size: 14px; line-height: 22px; text-align: left; display: flex; } header .nav-box .new-product .right .little-classify .model-box ul li a { color: #333; cursor: pointer; } header .nav-box .new-product .right .little-classify .hot { color: #cc0000; padding-left: 10px; font-weight: 600; font-size: 13px; } header .nav-box .new-product .right .little-classify .model-box ul li a:hover { color: #cc0000; } header .nav-box .new-product .right .product-box::-webkit-scrollbar { width: 5px; height: 5px; } header .nav-box .new-product .right .product-box::-webkit-scrollbar-thumb { width: 15px; -webkit-box-shadow: inset 0 0 5px rgba(204,0,0,1); border-radius: 15px; background: rgba(204,0,0,1); } header .nav-box .new-product .right .product-box::-webkit-scrollbar-track { border-radius: 0; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: #f5f5f5; } header .nav-box .new-product .right .flex-active { display: flex; } header .nav-box .new-product .right .flex-active .model-box { width: 25%; } @media screen and (max-width: 1440px) { header .nav-box .new-product .nav-ul li { font-size: 15px; line-height: 22px; margin-bottom: 12px; } header .nav-box .new-product .right .little-classify .model-box ul li { padding: 4px 0; font-size: 12px; line-height: 20px; } } /* 关于77779193永利官网下拉 */ header .nav-box .ser-li.new-about-us .con.none .left { height: 380px; } header .nav-box .ser-li.new-about-us .con.none .right .fr .img-box { max-width: 428px; height: 220px; } header .nav-box .ser-li.new-about-us .con.none .right .fr .img-box img { width: 100%; } header .nav-box .ser-li .con.none .right { width: 50%; padding: 60px 5.5% 0 88px; } header .nav-box .con.none .content { width: 100%; } header .nav-box .ser-li.buli .con.none .left { width: 50%; padding: 0 80px 0 12%; } header .nav-box .ser-li.buli .con.none .left .about-us-cnt { max-width: 580px; margin: 0 auto; padding: 30px 0; float: right; } header .nav-box .ser-li .con.none .left .little-classify { width: 100%; column-count: 2; /* 列数 */ column-gap: 20px; /* 列间距 */ } header .nav-box .ser-li .con.none .left .active-about { display: block; } header .nav-box .ser-li .con.none .left .little-classify .model-box { /* float: left; */ position: relative; margin-bottom: 30px; break-inside: avoid; /* 防止多列布局,分页媒体和多区域上下文中的意外中断 */ width: 100%; padding: 0 25px; } header .nav-box .ser-li .con.none .left .little-classify .model-box h4 { font-size: 14px; line-height: 22px; font-weight: 600; text-align: left; margin-bottom: 10px; } header .nav-box .ser-li .con.none .left .little-classify .model-box h4 a { color: #333; } header .nav-box .ser-li .con.none .left .little-classify .model-box h4 a:hover { color: #cc0000; } header .nav-box .ser-li .con.none .left .little-classify .model-box h4 .right-more { display: inline-block; vertical-align: middle; width: 6px; height: 6px; border-top: 1px solid; border-right: 1px solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 10px; } header .nav-box .ser-li .con.none .left .little-classify .model-box ul { overflow: hidden; border-top: 1px solid #dfe1e6; padding-top: 10px; } header .nav-box .ser-li .con.none .left .little-classify .model-box ul li { width: 100%; padding: 6px 0; font-size: 14px; line-height: 22px; text-align: left; display: flex; } header .nav-box .ser-li .con.none .left .little-classify .model-box ul li a { color: #333; cursor: pointer; } header .nav-box .ser-li .con.none .left .little-classify .hot { color: #cc0000; padding-left: 10px; font-weight: 600; font-size: 13px; } header .nav-box .ser-li .con.none .left .little-classify .model-box ul li a:hover { color: #cc0000; } header .nav-box .ser-li .con.none .left .product-box::-webkit-scrollbar { width: 5px; height: 5px; } header .nav-box .ser-li .con.none .left .product-box::-webkit-scrollbar-thumb { width: 15px; -webkit-box-shadow: inset 0 0 5px rgba(204,0,0,1); border-radius: 15px; background: rgba(204,0,0,1); } header .nav-box .ser-li .con.none .left .product-box::-webkit-scrollbar-track { border-radius: 0; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: #f5f5f5; } header .nav-box .ser-li .con.none .left .flex-active { display: flex; } header .nav-box .ser-li .con.none .left .flex-active .model-box { width: 25%; } /* 头部下拉 火狐低版本解决方案 */ /* @-moz-document url-prefix(){ header .nav-box .new-product .right .active-pro, header .nav-box .new-solution .right .active-solution{ display: flex; flex-wrap: wrap; } header .nav-box .new-product .right .active-pro .model-box, header .nav-box .new-product .right .active-solution .model-box{ width: 25%; } } */