.box { min-height: calc(100vh - 346px) }

.box .imgTop { width: 100%; height: 240px; background-image: url(/view/img/g-nav.png); background-size: 100% 100% }

.box .imgTop p { font-weight: 700; font-size: 48px; font-style: italic; color: #fff; text-align: center; padding: 60px 0 35px }

.box .imgTop div { width: 200px; height: 38px; background: #f26f28; margin: 0 auto; cursor: pointer; color: #fff; font-size: 16px; text-align: center; line-height: 38px }

.box .imgTop div:hover { background: #ff8b2d; color: #fff } 

.box .com { width: 1440px; margin: 0 auto; padding: 1px 0 40px }
.box .com { width: 1440px; margin: 0 auto; padding-top: 40px }

.box .com .listBox { display: flex; flex-wrap: wrap; justify-content: start; gap: 40px; }

.box .com .listBox .item { width: 330px; height: 270px; margin-bottom: 30px; border-radius: 4px; transition: transform .2s; cursor: pointer; overflow: hidden }

.box .com .listBox .item:hover { transform: translateY(-10px); box-shadow: 0 16px 48px 16px #00000014,0 12px 32px #0000001f,0 8px 16px -8px #00000029 }

.box .com .listBox .item:hover .btn { color: #fff; background-image: linear-gradient(to right,#5277ef,#0439ed) }

.box .com .listBox .item:nth-of-type(even) .hd { background-image: url(/view/img/ylbj.5c3af4e2.png) }

.box .com .listBox .item:nth-of-type(odd) .hd { background-image: url(/view/img/hybg2.0db6eb64.png) }

.box .com .listBox .item .hd { height: calc(100% - 50px); background-size: 100% 100%; padding: 28px 24px 0 }

.box .com .listBox .item .hd .type { display: flex; align-items: center; font-weight: 700; font-size: 20px; color: #333; margin-bottom: 24px }

.box .com .listBox .item .hd .type .icon { width: 66px; height: 66px; margin-right: 20px }

.box .com .listBox .item .hd .type .industryCodeText { flex: 1; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

.box .com .listBox .item .hd .numCom { display: flex; position: relative } 

.box .com .listBox .item .hd .numCom > div { flex: 1 }

.box .com .listBox .item .hd .numCom > div p { text-align: center }

.box .com .listBox .item .hd .numCom > div p:nth-of-type(1) { color: #999; font-size: 16px; margin-bottom: 10px }

.box .com .listBox .item .hd .numCom > div p:nth-of-type(2) { color: #333; font-size: 30px; font-weight: 700; font-style: italic }

.box .com .listBox .item .btn { height: 50px; background: #e4efff; text-align: center; line-height: 50px; color: #6f86c0; font-size: 16px }

.box .com .pagination { padding: 10px 0 40px }
.paginationCom { display: flex; justify-content: flex-end; align-items: center }

.paginationCom .btn { font-size: 14px; padding: 0 8px; border: 1px solid #dddddd; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 2px; user-select: none }

.paginationCom .number { border: 1px solid #dddddd; width: 30px !important; height: 30px !important; background: #fff !important; box-sizing: border-box; min-width: 30px !important; margin-left: 8px }

.paginationCom .is-active { background: #0338ed !important; color: #fff }

.paginationCom .jy { color: #ccc !important }