.screen-ban-box{width:100%;}
.clear {
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}
.screen-ban {
    top: 180px;
    left: 15px;
     pointer-events:none;
    width: 100%;
    z-index: 1000000;
    margin: 0 auto;
    position: fixed;
}

.screen-ban .index-box .index-box-first-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.screen-ban .advert {
    width: 230px;
    height: 372px;
    overflow: hidden;
    position: absolute;
    top: 12px;
    z-index: 998
}

.screen-ban .left-img,
.screen-ban .right-img {
    height: 602px;
    width: calc(50vw - 608.5px)
}

.screen-ban .left-img a,
.screen-ban .right-img a {
    max-width: 100%;
    max-height: 100%;
    height: auto
}

.screen-ban .left-img a img,
.screen-ban .right-img a img {
    max-width: 100%;
    max-height: 100%
}

.screen-ban .left-img {
    left: calc(-50vw - -608.5px)
}

.screen-ban .left-img a img {
    float: right
}

.screen-ban .right-img {
    right: calc(-50vw - -608.5px)
}

.screen-ban .right-img a img {
    float: left
}



.layout-catalogs.ecp {
    position: relative;
    pointer-events:auto;
    z-index: 1111;
    float: left;
    width: 110px;
    height: 280px;
    line-height: 30px;
    box-sizing: border-box;
    font-size: 12px
}

.layout-catalogs.ecp.not-index-page {
    display: none
}

.layout-catalogs.ecp ul {
    box-sizing: border-box;
    margin-top: 12px;
    padding: 10px 0;
    height: 100%;
    background: hsla(0, 0%, 100%, .9);
    position: relative;
    border-radius: 8px
}

.layout-catalogs.ecp ul li {
    box-sizing: border-box
}

.layout-catalogs.ecp ul li,
.layout-catalogs.ecp ul li a {
    width: 100%;
   
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden
}

.layout-catalogs.ecp ul li a {
    float: left;
    display: block;
    border: 1px solid transparent;
    color: #000
}

.layout-catalogs.ecp ul li>a {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #eee;
    font-size: 17px
}

.layout-catalogs.ecp ul li.all {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-right: 15px
}

.layout-catalogs.ecp ul li.all>a {
    color: #199de9
}

.layout-catalogs.ecp ul li.all>img {
    display: none
}

.layout-catalogs.ecp ul li p {
    float: right;
    margin-right: 2px
}

.layout-catalogs.ecp ul li .pic {
    float: left;
    display: inline-block;
    margin: 0 10px 0 16px;
    padding-top: 9px;
    width: 22px;
    height: 16px;
    vertical-align: middle;
    text-indent: 30px;
    background: url(../image/catagory_icon3.3b7bf5e2.png) no-repeat
}

.layout-catalogs.ecp ul li .ass-pic-470 {
    background-position: 2px -36px
}

.layout-catalogs.ecp ul li .ass-pic-423 {
    background-position: 2px -98px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-575 {
    background-position: 2px -126px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-380 {
    background-position: 7px -94px
}

.layout-catalogs.ecp ul li .ass-pic-515,
.layout-catalogs.ecp ul li .ass-pic-10991 {
    background-position: 2px -177px
}

.layout-catalogs.ecp ul li .ass-pic-365 {
    background-position: 2px -210px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-500 {
    background-position: 2px -230px
}

.layout-catalogs.ecp ul li .ass-pic-319 {
    margin-top: 6px;
    background: url(../image/ljq.50213c7e.svg) 50% no-repeat
}

.layout-catalogs.ecp ul li .ass-pic-320 {
    background-position: 4px -63px
}

.layout-catalogs.ecp ul li .ass-pic-308 {
    background-position: 5px -178px
}

.layout-catalogs.ecp ul li .ass-pic-312 {
    background-position: 0 -18px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-348,
.layout-catalogs.ecp ul li .ass-pic-450,
.layout-catalogs.ecp ul li .ass-pic-582 {
    background-position: 2px -148px
}

.layout-catalogs.ecp ul li .ass-pic-316 {
    background-position: 2px -259px
}

.layout-catalogs.ecp ul li .ass-pic-513 {
    background-position: 2px -290px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-601 {
    background-position: 2px -319px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-570 {
    background-position: 2px -347px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-385 {
    background-position: 2px -375px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-938 {
    background-position: 2px -402px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-320 {
    background-position: 2px -66px
}

.layout-catalogs.ecp ul li .ass-pic-953 {
    background-position: 2px -426px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li .ass-pic-11279,
.layout-catalogs.ecp ul li .ass-pic-11337 {
    margin-top: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAYAAAA14t7uAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAGQAAAACecaSLAAACFUlEQVRIDe2TO0gcURSGd1WINopgxIjLNoIBEZZEogk2FrayZCGFSIxFECI2VqYI9oIhYBdBQsiKWNkI2iuSQtAqFiYGX8hqDAgiW6zj9w/3yL6G+AKb/PBxzj1z7j8z9xEK3ac8zyuBijv9BgzjcAxp+AJ38wKM/kAnVMEUrMKjW309BmVwChEzIh+BHYhZ7UYRg1E4gXYzIE/AIXRb7dqRyR/B1GcGFFphF4atduXIpDcg9cB3P/O8cTNgHIE1GLXaPyPNXSC9t2bySb/ieUtZNZlrH8qsFhhpijmDz/lN1Afdsy2iTopOzFF+X8GYpihIixDObmCsi2KaJdHZ1hmPZ/cpz59YTS0FP6EFXkEjZBzaqBpoCIfDexjqsqTJz4k5KrERTQ/I1yENz+AtfAP1lEMlTMMOvIQQhmfFTPXMF6b6xWWQ6qESMvDEeixSawad4SqrBUaakiA1q4k4DpMuHyLfdwy5mk7HmPJA0aBNkp6ridgER/AQOmATGh3KVasDbVo0yFjr9wN+sVYrrilBTDI+JLbBHPmmUK4a+QHxK/RCcfHWT6BT4EtfAX/hBQR9sf5Gf9Vk8woiDyfANybWgt24BTUzDlrjy6tdYOombjO5mFIUdZZzRO0p6MTo+AVK9/sxnEI/rMIGeDAA8xjMEHUB7JJ8IH/HOp8QA5Vz8/K7MH1NLQIyLXX8xlQb919XW4ELotkvQujuvvUAAAAASUVORK5CYII=) 50% no-repeat
}

.layout-catalogs.ecp ul li:hover {
    background: #e6f6ff;
    cursor: pointer
}

.layout-catalogs.ecp ul li:hover.all>img {
    display: inline-block
}

.layout-catalogs.ecp ul li:hover .s-submnu {
    display: block
}

.layout-catalogs.ecp ul li:hover a {
    color: #199de9
}

.layout-catalogs.ecp ul li:hover>a {
    float: none;
    z-index: 100
}

.layout-catalogs.ecp ul li:hover .ass-pic-470 {
    background-position: -26px -36px
}

.layout-catalogs.ecp ul li:hover .ass-pic-423 {
    margin-top: 6px;
    background-position: -26px -98px
}

.layout-catalogs.ecp ul li:hover .ass-pic-575 {
    margin-top: 6px;
    background-position: -26px -126px
}

.layout-catalogs.ecp ul li:hover .ass-pic-380 {
    background-position: -26px -94px
}

.layout-catalogs.ecp ul li:hover .ass-pic-515,
.layout-catalogs.ecp ul li:hover .ass-pic-10991 {
    background-position: -26px -177px
}

.layout-catalogs.ecp ul li:hover .ass-pic-365 {
    margin-top: 6px;
    background-position: -26px -210px
}

.layout-catalogs.ecp ul li:hover .ass-pic-500 {
    background-position: -26px -230px
}

.layout-catalogs.ecp ul li:hover .ass-pic-319 {
    margin-top: 6px;
    background: url(../image/h_ljq.27a3718f.svg) 50% no-repeat
}

.layout-catalogs.ecp ul li:hover .ass-pic-320 {
    background-position: -26px -66px
}

.layout-catalogs.ecp ul li:hover .ass-pic-308 {
    background-position: -26px -178px
}

.layout-catalogs.ecp ul li:hover .ass-pic-312 {
    background-position: -30px -17px
}

.layout-catalogs.ecp ul li:hover .ass-pic-348,
.layout-catalogs.ecp ul li:hover .ass-pic-450,
.layout-catalogs.ecp ul li:hover .ass-pic-582 {
    background-position: -26px -148px
}

.layout-catalogs.ecp ul li:hover .ass-pic-316 {
    background-position: -26px -259px
}

.layout-catalogs.ecp ul li:hover .ass-pic-513 {
    margin-top: 6px;
    background-position: -26px -290px
}

.layout-catalogs.ecp ul li:hover .ass-pic-601 {
    background-position: -26px -319px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li:hover .ass-pic-570 {
    background-position: -26px -347px;
    margin-top: 6px
}

.layout-catalogs.ecp ul li:hover .ass-pic-385 {
    margin-top: 6px;
    background-position: -26px -375px
}

.layout-catalogs.ecp ul li:hover .ass-pic-938 {
    margin-top: 6px;
    background-position: -26px -402px
}

.layout-catalogs.ecp ul li:hover .ass-pic-953 {
    margin-top: 6px;
    background-position: -26px -426px
}

.layout-catalogs.ecp ul li:hover .ass-pic-11279,
.layout-catalogs.ecp ul li:hover .ass-pic-11337 {
    margin-top: 4px;
    background: url(../image/hardware.2c7bd4c9.png) 50% no-repeat
}

.layout-catalogs.ecp ul li .s-submnu {
    display: none;
    position: absolute;
    z-index: 98;
    left: 110px;
    top: 0;
    padding: 0 20px 0 24px;
    box-sizing: border-box;
    width: 240px;
    min-height: 80%;
    background: #fff;
    box-shadow: 0 2px 16px 0 rgba(1, 66, 104, .2);
    border-radius: 0 8px 8px 0
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content {
    height: auto
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title {
    line-height: 44px;
    border-bottom: 1px solid #eeeded;
    font-weight: 700;
    color: #0895e7;
    position: relative
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn {
    float: right;
    width: 102px;
    color: #ff7300;
    height: 26px;
    line-height: 26px;
    margin-top: 12px
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn img {
    width: 100%;
    height: 100%
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn:hover+.connector-pic-btn-active {
    display: block
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 102px;
    color: #ff7300;
    height: 26px;
    line-height: 26px;
    margin-top: 12px
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active img {
    width: 100%;
    height: 100%
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active:hover {
    display: block
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog {
    float: none;
    display: inline;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog:hover {
    color: #0895e7
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog:hover~span {
    background: url(../image/catelog-more-hover.a19dacd9.svg) no-repeat 100%
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-title span {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjY0Ni42NDZBLjUuNSAwIDAxMS4yODQuNTlsLjA3LjA1NyA0IDRhLjUuNSAwIDAxLjA1Ny42MzhsLS4wNTcuMDctNCA0YS41LjUgMCAwMS0uNzY1LS42MzhsLjA1Ny0uMDdMNC4yOTMgNSAuNjQ2IDEuMzU0QS41LjUgMCAwMS41OS43MTZsLjA1Ny0uMDd6IiBmaWxsPSIjOTk5IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=) no-repeat
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item {
    position: relative;
    display: inline-block;
    float: left;
    margin-top: 14px;
    line-height: 12px;
    color: #494949;
    width: 160px;
    text-align: left
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item.noMarginR {
    margin-right: 0
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item .icon-hot {
    position: absolute;
    top: -10px;
    right: 55px;
    width: 14px;
    height: 18px;
    background: url(../image/hot.c11b9c7b.svg) no-repeat
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item .icon-recommend {
    position: absolute;
    top: -10px;
    right: 55px;
    width: 16px;
    height: 16px;
    background: url(../image/recommend.35780c62.svg) no-repeat
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item .icon-domestic {
    position: absolute;
    top: -10px;
    right: 55px;
    width: 29px;
    height: 16px;
    background: url(../image/domestic.b132d580.svg) no-repeat
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a {
    font-weight: 400;
    color: #666;
    display: inline-block;
    border: none;
    width: 150px;
    text-align: left;
	line-height: 20px;
	font-size: 15px;
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a:hover {
    color: #199de9
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a.catalog-tag {
    width: 100px;
    height: 25px;
    border-radius: 3px;
    background: #e7f6ff;
    color: #199fe9;
    text-align: center;
    line-height: 25px
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a.catalog-tag.hot {
    background: #fee;
    color: #f4220f
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a.catalog-tag.recommend {
    background: #ffefe6;
    color: #ff5901
}

.layout-catalogs.ecp ul li .s-submnu .s-submun-content .s-submun-content-item a.catalog-tag.domestic {
    background: #e5eeff;
    color: #0556f5
}

.layout-catalogs.ecp .catalog-img {
    margin-top: 15px;
    width: 240px;
    height: 98px
}

.layout-catalogs.mro {
    position: relative;
    z-index: 1111;
    float: left;
    width: 228.8px;
    max-height: 555px;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 12px
}

.layout-catalogs.mro.not-index-page {
    display: none
}

.layout-catalogs.mro.not-index-page ul {
    box-shadow: 0 2px 16px 0 rgba(1, 66, 104, .2)
}

.layout-catalogs.mro ul {
    box-sizing: border-box;
    padding: 15px 0 0;
    height: 100%;
    max-height: 555px;
    background: hsla(0, 0%, 100%, .9);
    position: relative;
    border-radius: 8px
}

.layout-catalogs.mro ul .search-all {
    width: 228.8px
}

.layout-catalogs.mro ul .search-all a {
    font-size: 14px;
    color: #199fe9;
    width: 100%;
    height: 38px;
    text-align: center;
    line-height: 38px;
    display: block
}

.layout-catalogs.mro ul .search-all a:hover {
    background-color: #179be7;
    color: #fff
}

.layout-catalogs.mro ul li {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 7px
}

.layout-catalogs.mro ul li .industrial {
    display: block;
    width: 100%;
    border: 1px solid transparent
}

.layout-catalogs.mro ul li .industrial .first-ky-box {
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2
}

.layout-catalogs.mro ul li .industrial .indtop {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 32.8px
}

.layout-catalogs.mro ul li .industrial .indtop img {
    width: 15px;
    height: 15px;
    margin: 0 9px 0 12px
}

.layout-catalogs.mro ul li .industrial .first-ky-box {
    line-height: 16px;
    padding-left: 34px;
    padding-right: 20px
}

.layout-catalogs.mro ul li .industrial .indspans-item {
    font-size: 12px;
    color: #999;
    margin-right: 3px
}

.layout-catalogs.mro ul li .industrial .indspans {
    width: 100%;
    padding-left: 35px;
    padding-right: 20px;
    color: #999;
    font-size: 12px;
    line-height: 16.5px;
    box-sizing: border-box
}

.layout-catalogs.mro ul li .industrial .indspans span {
    margin-right: 3px
}

.layout-catalogs.mro ul li .industrial .indspans span:hover {
    color: #199de8
}

.layout-catalogs.mro ul li.all {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-right: 15px
}

.layout-catalogs.mro ul li.all>a {
    color: #199de9
}

.layout-catalogs.mro ul li.all>img {
    display: none
}

.layout-catalogs.mro ul li p {
    float: right;
    margin-right: 2px
}

.layout-catalogs.mro ul li .pic {
    float: left;
    display: inline-block;
    margin: 0 10px 0 16px;
    padding-top: 9px;
    width: 22px;
    height: 16px;
    vertical-align: middle;
    text-indent: 30px;
    background: url(../image/catagory_icon3.3b7bf5e2.png) no-repeat
}

.layout-catalogs.mro ul li .ass-pic-470 {
    background-position: 2px -36px
}

.layout-catalogs.mro ul li .ass-pic-423 {
    background-position: 2px -98px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-575 {
    background-position: 2px -126px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-380 {
    background-position: 7px -94px
}

.layout-catalogs.mro ul li .ass-pic-515,
.layout-catalogs.mro ul li .ass-pic-10991 {
    background-position: 2px -177px
}

.layout-catalogs.mro ul li .ass-pic-365 {
    background-position: 2px -210px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-500 {
    background-position: 2px -230px
}

.layout-catalogs.mro ul li .ass-pic-319 {
    margin-top: 6px;
    background: url(../image/ljq.50213c7e.svg) 50% no-repeat
}

.layout-catalogs.mro ul li .ass-pic-320 {
    background-position: 4px -63px
}

.layout-catalogs.mro ul li .ass-pic-308 {
    background-position: 5px -178px
}

.layout-catalogs.mro ul li .ass-pic-312 {
    background-position: 0 -18px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-348,
.layout-catalogs.mro ul li .ass-pic-450,
.layout-catalogs.mro ul li .ass-pic-582 {
    background-position: 2px -148px
}

.layout-catalogs.mro ul li .ass-pic-316 {
    background-position: 2px -259px
}

.layout-catalogs.mro ul li .ass-pic-513 {
    background-position: 2px -290px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-601 {
    background-position: 2px -319px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-570 {
    background-position: 2px -347px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-385 {
    background-position: 2px -375px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-938 {
    background-position: 2px -402px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-320 {
    background-position: 2px -66px
}

.layout-catalogs.mro ul li .ass-pic-953 {
    background-position: 2px -426px;
    margin-top: 6px
}

.layout-catalogs.mro ul li .ass-pic-11279,
.layout-catalogs.mro ul li .ass-pic-11337 {
    margin-top: 4px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAZCAYAAAA14t7uAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFqADAAQAAAABAAAAGQAAAACecaSLAAACFUlEQVRIDe2TO0gcURSGd1WINopgxIjLNoIBEZZEogk2FrayZCGFSIxFECI2VqYI9oIhYBdBQsiKWNkI2iuSQtAqFiYGX8hqDAgiW6zj9w/3yL6G+AKb/PBxzj1z7j8z9xEK3ac8zyuBijv9BgzjcAxp+AJ38wKM/kAnVMEUrMKjW309BmVwChEzIh+BHYhZ7UYRg1E4gXYzIE/AIXRb7dqRyR/B1GcGFFphF4atduXIpDcg9cB3P/O8cTNgHIE1GLXaPyPNXSC9t2bySb/ieUtZNZlrH8qsFhhpijmDz/lN1Afdsy2iTopOzFF+X8GYpihIixDObmCsi2KaJdHZ1hmPZ/cpz59YTS0FP6EFXkEjZBzaqBpoCIfDexjqsqTJz4k5KrERTQ/I1yENz+AtfAP1lEMlTMMOvIQQhmfFTPXMF6b6xWWQ6qESMvDEeixSawad4SqrBUaakiA1q4k4DpMuHyLfdwy5mk7HmPJA0aBNkp6ridgER/AQOmATGh3KVasDbVo0yFjr9wN+sVYrrilBTDI+JLbBHPmmUK4a+QHxK/RCcfHWT6BT4EtfAX/hBQR9sf5Gf9Vk8woiDyfANybWgt24BTUzDlrjy6tdYOombjO5mFIUdZZzRO0p6MTo+AVK9/sxnEI/rMIGeDAA8xjMEHUB7JJ8IH/HOp8QA5Vz8/K7MH1NLQIyLXX8xlQb919XW4ELotkvQujuvvUAAAAASUVORK5CYII=) 50% no-repeat
}

.layout-catalogs.mro ul li:hover {
    background: #e6f6ff;
    cursor: pointer
}

.layout-catalogs.mro ul li:hover.all>img {
    display: inline-block
}

.layout-catalogs.mro ul li:hover .sub-catalog-box {
    display: block
}

.layout-catalogs.mro ul li:hover .s-submnu {
    display: none
}

.layout-catalogs.mro ul li:hover .catalog-li-active a {
    color: #0093e6
}

.layout-catalogs.mro ul li:hover>a {
    float: none;
    z-index: 100
}

.layout-catalogs.mro ul li:hover .ass-pic-470 {
    background-position: -26px -36px
}

.layout-catalogs.mro ul li:hover .ass-pic-423 {
    margin-top: 6px;
    background-position: -26px -98px
}

.layout-catalogs.mro ul li:hover .ass-pic-575 {
    margin-top: 6px;
    background-position: -26px -126px
}

.layout-catalogs.mro ul li:hover .ass-pic-380 {
    background-position: -26px -94px
}

.layout-catalogs.mro ul li:hover .ass-pic-515,
.layout-catalogs.mro ul li:hover .ass-pic-10991 {
    background-position: -26px -177px
}

.layout-catalogs.mro ul li:hover .ass-pic-365 {
    margin-top: 6px;
    background-position: -26px -210px
}

.layout-catalogs.mro ul li:hover .ass-pic-500 {
    background-position: -26px -230px
}

.layout-catalogs.mro ul li:hover .ass-pic-319 {
    margin-top: 6px;
    background: url(../image/h_ljq.27a3718f.svg) 50% no-repeat
}

.layout-catalogs.mro ul li:hover .ass-pic-320 {
    background-position: -26px -66px
}

.layout-catalogs.mro ul li:hover .ass-pic-308 {
    background-position: -26px -178px
}

.layout-catalogs.mro ul li:hover .ass-pic-312 {
    background-position: -30px -17px
}

.layout-catalogs.mro ul li:hover .ass-pic-348,
.layout-catalogs.mro ul li:hover .ass-pic-450,
.layout-catalogs.mro ul li:hover .ass-pic-582 {
    background-position: -26px -148px
}

.layout-catalogs.mro ul li:hover .ass-pic-316 {
    background-position: -26px -259px
}

.layout-catalogs.mro ul li:hover .ass-pic-513 {
    margin-top: 6px;
    background-position: -26px -290px
}

.layout-catalogs.mro ul li:hover .ass-pic-601 {
    background-position: -26px -319px;
    margin-top: 6px
}

.layout-catalogs.mro ul li:hover .ass-pic-570 {
    background-position: -26px -347px;
    margin-top: 6px
}

.layout-catalogs.mro ul li:hover .ass-pic-385 {
    margin-top: 6px;
    background-position: -26px -375px
}

.layout-catalogs.mro ul li:hover .ass-pic-938 {
    margin-top: 6px;
    background-position: -26px -402px
}

.layout-catalogs.mro ul li:hover .ass-pic-953 {
    margin-top: 6px;
    background-position: -26px -426px
}

.layout-catalogs.mro ul li:hover .ass-pic-11279,
.layout-catalogs.mro ul li:hover .ass-pic-11337 {
    margin-top: 4px;
    background: url(../image/hardware.2c7bd4c9.png) 50% no-repeat
}

.layout-catalogs.mro ul li .sub-catalog-box {
    display: none;
    position: absolute;
    z-index: 98;
    left: 228.8px;
    top: 0;
    box-sizing: border-box;
    width: 200px;
    height: 555px;
    background: #f7f7f7;
    box-shadow: 0 2px 6px 3px rgba(0, 0, 0, .05)
}

.layout-catalogs.mro ul li .sub-catalog-box .catalog-title {
    padding: 0 14px;
    box-sizing: border-box;
    font-weight: 400;
    color: #0093e6;
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

.layout-catalogs.mro ul li .sub-catalog-box ol {
    height: 515px;
    overflow-y: auto
}

.layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li {
    padding: 0 14px;
    box-sizing: border-box;
    font-weight: 400;
    color: #444;
    font-size: 14px;
    height: 40px;
    line-height: 40px
}

.layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li .catalog-a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden
}

.layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li.catalog-li-active {
    background: #e6f5ff;
    color: #0093e6
}

.layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li.catalog-li-active .s-submnu .s-submun-content-item-active a .sub-catalogName-span {
    color: #0093e6
}

.layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li.catalog-li-active .s-submnu .s-submun-content-item-active a .subcatalog-img {
    border-color: #0093e6
}

.layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li:hover {
    background: #e6f5ff;
    color: #0093e6
}

.layout-catalogs.mro ul li .sub-catalog-box ol .catalog-li:hover .s-submnu {
    display: block
}

.layout-catalogs.mro ul li .s-submnu {
    display: none;
    position: absolute;
    z-index: 98;
    left: 198.8px;
    top: 0;
    box-sizing: border-box;
    width: 398px;
    height: 555px;
    background: #fff;
    overflow-y: auto;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .05);
    padding: 10px 20px 0 24px
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content {
    height: auto
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .sub-fix-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title {
    line-height: 44px;
    border-bottom: 1px solid #e3e3e3;
    font-weight: 700;
    color: #0895e7;
    position: relative
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn {
    float: right;
    width: 102px;
    color: #ff7300;
    height: 26px;
    line-height: 26px;
    margin-top: 12px
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn img {
    width: 100%;
    height: 100%
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn:hover+.connector-pic-btn-active {
    display: block
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 102px;
    color: #ff7300;
    height: 26px;
    line-height: 26px;
    margin-top: 12px
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active img {
    width: 100%;
    height: 100%
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .connector-pic-btn-active:hover {
    display: block
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog {
    float: none;
    display: inline;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog:hover {
    color: #0895e7
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title .two-catalog:hover~span {
    background: url(../image/catelog-more-hover.a19dacd9.svg) no-repeat 100%
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-title span {
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjY0Ni42NDZBLjUuNSAwIDAxMS4yODQuNTlsLjA3LjA1NyA0IDRhLjUuNSAwIDAxLjA1Ny42MzhsLS4wNTcuMDctNCA0YS41LjUgMCAwMS0uNzY1LS42MzhsLjA1Ny0uMDdMNC4yOTMgNSAuNjQ2IDEuMzU0QS41LjUgMCAwMS41OS43MTZsLjA1Ny0uMDd6IiBmaWxsPSIjOTk5IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=) no-repeat
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item {
    display: inline-block;
    margin-top: 10px;
    line-height: 12px;
    color: #494949;
    width: 84px;
    margin-bottom: 10px
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item.noMarginR {
    margin-right: 0
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a {
    font-weight: 400;
    color: #444;
    display: inline-block;
    border: none;
    text-align: left;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a:hover {
    color: #0093e6
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a:hover .subcatalog-img {
    border-color: #0093e6
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a .subcatalog-img {
    width: 65px;
    height: 65px;
    background: #fff;
    border: 1px solid #eee
}

.layout-catalogs.mro ul li .s-submnu .s-submun-content .s-submun-content-item a .sub-catalogName-span {
    width: 65px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-top: 6px;
    line-height: 16px;
    text-align: center
}

.layout-catalogs.mro .catalog-img {
    margin-top: 15px;
    width: 240px;
    height: 98px
}


@media screen and (max-width: 860px){
    .layout-catalogs.ecp {
        width: 25%;
    }
    .layout-catalogs.ecp ul li .s-submnu {
        width: 290%;
    }



}