/*********************内页分类****************************/ .classify li{ line-height: 42px; font-size: 16px; color: #000; position: relative; } .first_List{ border-bottom:5px solid #fff; } .first_List_li a { line-height: 32px; display: block; transition:all 0.5s; background: #fff; border-bottom: 3px solid #f2f2f2; } .first_List_li > a { position: relative; line-height: 32px; display: block; background: #ffffff; padding: 0 10px; text-align: left; padding-left: 60px; color: #98cd20; font-size: 12px; text-decoration: none; border-bottom: #f2f2f2 2px solid; } .classify .iconBox{ position: absolute; top: 0px; display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; right: 0; } .sec_List{ display:none; position:absolute; z-index: 3; background: #f2f2f2; width: 100%; left: 90%; top: -5px; } .first_List_li:hover .sec_List{display:block;} /*.classify .iconBox:before{ content:"+"; font-size: 30px; color: #fff;} .on .iconBox:before{ content:"-"; margin-top: -5px; }*/ .sec_List .sec_List_li{ padding-left: 0; } .first_List_li{ margin-bottom: 1px; } .sec_List_li:before{ content:""; background: #ed7d32; width: 0%; height: 100%; max-height: 42px; position: absolute; left: 0; top: 0; z-index: -1; transition:all 0.5s; } .sec_List_li:hover > a{ color: #fff; width: 100%; } .sec_List_li:hover:before{ width: 100%; } .thir_List{ padding-left: 15px; } .thir_List_li:before { content: ""; background: #ed7d32; width: 0%; height: 100%; max-height: 42px; position: absolute; left: -20px; top: 0; z-index: -1; transition: all 0.5s; } .thir_List_li:hover > a{ color: #fff; width: 100%; } .thir_List_li:hover:before{ width: calc(100% + 20px); } /*.sec_List{display:none;} .on .sec_List{display:block;}*/ .anniu_xs{ width: 100%; background: #ed7d32; text-align: center; font-size: 24px; height: 80px; line-height: 80px; margin-bottom: 2px; color: rgba(0,0,0,0); } .anniu_gb{ display:none; } .first_List_li > a:after{ content:""; position:absolute; background: url(/img/jian.png) no-repeat; width: 10px; height: 12px; right: 15px; top: 10px; } .first_List_li > a:hover{ background: #98cd20; font-size: 12px; color:#fff; } @media only screen and (max-width:768px) { .c_portalResNews_category-01001003,.c_portalResProduct_category-01001009,.c_portalResIntro_category-01001003{ margin-left:auto!important; margin-right:auto!important; } #w_grid-1624603016743{ display:none; } .anniu_xs{ display:block; width: 100%; height: 42px; line-height: 42px; font-size: 16px; border-radius: 5px; background: #67802d!important; color: #fff!important; } .anniu_gb{ display:block; font-size: 24px; color: #9ec933; padding: 10px 30px; width: 100%; text-align: right; } .first_List{ display:none; position: fixed; top: 0; left: 0; z-index: 99; height: 100vh; width: 100%; background: url(/img/yidongbg.png) #fff no-repeat; background-size: cover; overflow-y: auto; } .classify a{ color:#98cd20; } } /*翻页样式*/ /* 备用 */ .p_page{ margin: 50px auto; width: 210px; } /* 备用结束 */ .p_page .pageNum.active,.p_page .pageNum:hover,.p_page .next:hover, .p_page .pre:hover{ text-decoration: none; background-color: #97c62c; color: #fff; border-color: #97c62c; cursor: pointer; } .p_page .pageNum { position: relative; float:left; height: 22px; min-width: 22px; margin: 0 2px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 22px; display: inline-block; font-family: inherit; font-size: 12px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0; } .p_page .pre,.p_page .next{ display: inline-table; position: relative; left: 0; top: 0; float: left; height: 22px; margin: 0px 2px 0 18px; text-align: center; padding: 0px 5px; line-height: 20px; border-radius: 0; border: 1px solid #d9d9d9; background: #fff; color: #595959; } .p_page .p_PageInterval { line-height: 22px; cursor: text; color: #ccc; font-family: cursive; } @media screen and (max-width: 768px){ .sec_List{display: block; position: relative; z-index: 3; background: #f2f2f2; width: 95%; left: 5%; top: 0;} .p_pagebox .next{ background-color:#de5323; } .p_pagebox .pre{ background-color:#de5323; } }