@media only screen and (max-width: 1100px){ #content_box-1603086833625-0{ display: none !important; } #content_box-1603086833625-1{ width: 100% !important; display: block; } } /* news cate start */ .proList:hover .proImg{ transform:scale(1.1); } .proList:hover .proTit{ color:#ce85ff !important; } .h_cateBoxList .h_neiTitBox{ background:#ed9315; } .h_neiTitFlex{ display:flex; justify-content:space-between; padding:25px 20px; } .h_cateBoxList .h_neiTit{ font-size:24px; line-height:24px; color:#ffffff; } .h_cateBoxList .h_cateBox{ font-size:0; padding:0; margin:0; } .h_cateBoxList .h_cateList{ border-top:1px solid #fff; transition:all 0.5s ease; font-size:16px; color:#666666; padding-left:20px; padding-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; } .h_cateList:nth-child(even){ background:#fef2e2; } .h_cateList:nth-child(odd){ background:#ebecec; } .h_cateBoxList .h_cateList a{ display:block; width:fit-content; line-height:50px; color:#333; padding-left:0; margin-right:100%; margin-left:auto; text-align:right; transition:all 0.5s; } .h_cateBoxList .h_cateList:hover a{ color:#fff; margin-right:0; width:auto; } .h_cateBoxList .h_cateList:hover{ background:#dc8915; } .h_cateList.jpActive{ background:#dc8915 !important; } .h_cateList.jpActive a{ color:#fff !important; margin-right:0; width:auto; } .h_openBtn{ width:150%; line-height:44px; background:#ed9315; color:#fff; padding:0 15px; margin:0px -15px; } .h_closeBtn{ width:40px; height:100vh; position:absolute; z-index:99; background:#dadada; font-size:24px; text-align:center; padding-top:50vh; } .h_cateBox.open{ left:0; } @media only screen and (min-width:769px){ .h_openBtn{ display:none; } .h_closeBtn{ display:none; } } @media only screen and (max-width:768px){ .h_cateBox { position: fixed; top: 0; left: 100%; width: 100%; height: 100vh; background: #fff; transition: all 0.5s; z-index: 99; overflow-y: scroll; } .h_cateBoxList .h_cateList { padding-left: 54px; } .h_cateBoxList .h_neiTitBox{ display:none; } } .publicProCateBox{ width:100%; overflow:hidden; } .publicProCate{ display:block; font-size:0px; padding:0px; margin-top:10px; width:100%; overflow:hidden; position:relative; } .publicProCateImg{ width:100%; height:100%; transition:all 0.5s ease; } .publicProCateTit{ position:absolute; width:100%; left:0; bottom:0px; height:40px; line-height:40px; background:rgba(1, 100, 175, 0.83); font-size:18px; color:#fff; text-align:center; transition:all 0.5s ease; } .publicProCate:hover .publicProCateTit{ background:rgba(299,50,44,0.7); } .publicProCate:hover .publicProCateImg{ transform:scale(1.1); } .h_cateList.cateActive{ background:#ce85ff; } .h_cateList.cateActive a{ color:#fff; text-align:right; margin-left:auto; margin-right:0; } .h_cateList.cateActive a .nav-arrow{ opacity:1; } .h_cateBoxList .cateActive a .nav-arrow{ -webkit-transition:-webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms; transition:transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms; opacity:1; -webkit-transform:rotate(0deg) translate(0px, 0px); -ms-transform:rotate(0deg) translate(0px, 0px); transform:rotate(0deg) translate(0px, 0px); } .h_cateList.cateActive{ background:#ce85ff; } .h_cateList.cateActive a{ color:#fff; text-align:right; } .h_cateList.cateActive a .nav-arrow{ opacity:1; } .h_cateBoxList .cateActive a .nav-arrow{ -webkit-transition:-webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms; transition:transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms; opacity:1; -webkit-transform:rotate(0deg) translate(0px, 0px); -ms-transform:rotate(0deg) translate(0px, 0px); transform:rotate(0deg) translate(0px, 0px); } /* news cate end */