body {background-color: #f2f2f2; margin: 0; color: #333;}
* {padding: 0; margin: 0;}
a {text-decoration: none; color: #333;}
li {list-style: none;}
.header {position: fixed; left: 0; top: 0; width: 100%; z-index: 9; background-color: #fff;}
.header .topRow {display: flex; max-width: 1200px; margin-inline: auto; justify-content: space-between; height: 60px; background-color: #fff; padding-inline: 30px;}
.header .topRow .lCol {display: flex; align-items: center;}
.header .topRow .lCol .logo {width: 140px;}
.header .topRow .lCol .language {position: relative; margin-left: 12px; cursor: pointer;}
.header .topRow .lCol .language .selected {height: 24px; min-width: 38px; padding-inline: 5px; border: 1px solid #f2f2f2; border-radius: 4px; display: flex; justify-content: center; align-items: center; line-height: 0; font-size: 12px; color: #666;}
.header .topRow .lCol .language .select {position: absolute; left: 0; top: 24px; z-index: 2; display: none; border: 1px solid #f2f2f2; border-radius: 4px; background-color: #fff; font-size: 12px;}
.header .topRow .lCol .language .select .sub {line-height: 30px; white-space: nowrap; border-bottom: 1px solid #f2f2f2; padding: 0 12px;}
.header .topRow .nav {display: flex; align-items: center;}
.header .topRow .nav a {font-size: 14px; padding: 5px 12px; text-decoration: none; color: #666;}
.header .topRow .nav .tel {display: flex; align-items: center; font-size: 30px; line-height: 0; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.header .topRow .nav .tel .ico {width: 30px; height: 30px; margin-right: 5px;}
.header .tabNav {display: flex; align-items: center; position: relative; max-width: 1200px; margin-inline: auto; border-bottom: 1px solid #eee; overflow: hidden; flex-wrap: nowrap; background-color: #fff; border-top: 1px solid #f2f2f2; height: 50px;}
.header .tabNav.hauto {height: auto; flex-wrap: wrap;}
.header .tabNav .sub {padding-inline: 12px; line-height: 30px; cursor: pointer; margin-inline: 6px; white-space: nowrap; font-size: 14px; border-right: 1px solid #f2f2f2;}
.header .tabNav.hauto .sub {margin-block: 6px;}
.header .tabNav .sub:hover {background-color: #198EF0; border-radius: 8px; color: #fff; font-weight: 600; border-color: #fff;}
.header .tabNav .sel {background-color: #198EF0; border-radius: 8px; color: #fff; font-weight: 600; border-color: #fff; position: relative;}
.header .tabNav .sel::after {content: ""; position: absolute; left: 50%; bottom: -11px; z-index: 2; transform: translateX(-50%); border-bottom: 5px solid #198EF0; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.header .tabNav .arrow {position: absolute; right: 0; top: 10px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; background-color: #eee; border-radius: 4px;}
.header .tabNav .arrow .ico {width: 12px; height: 12px; transition: all .5s;}
.header .tabNav .hover .ico {transform: rotate(180deg);}
.header .tabCon {background: #198EF0; position: fixed; left: 50%; transform: translateX(-50%); overflow: hidden; top: 111px; width: 100%; max-width: 1200px; display: none;}
.header .tabCon .sub {font-size: 14px; position: relative; z-index: 2; margin: 0; border-right: none; display: flex; border-bottom: 1px solid #ffffff55; padding: 6px 30px; line-height: 30px; white-space: nowrap; text-decoration: none; color: #fff;}
.header .tabCon .sub:hover {background-color: #90C232ee; border-radius: 0;}
.header .tabCon .close {position: absolute; cursor: pointer; right: 12px; top: 12px; width: 20px; height: 20px; z-index: 4;}
.header .tabCon .plantBg {position: absolute; right: 0; bottom: 0; width: 70%; z-index: 0; opacity: .2;}
.container {max-width: 1200px; margin-inline: auto;}
.list {display: flex; flex-wrap: wrap; padding-inline: 18px; padding-top: 137px; padding-bottom: 50px; width: 100%; max-width: 1164px; margin-inline: auto;}
.list .sub {width: calc(100% / 4 - 24px); display: flex; justify-content: center; align-items: center; line-height: 0; margin: 0 12px 12px; position: relative; background-color: #fff; line-height: 0; border-radius: 8px; overflow: hidden; box-shadow: 0 0 12px #00000033;}
.list .sub .img {width: 100%;}
.list .sub .name {height: 40px; transition: all .4s; padding: 0 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #90C232ee; color: #fff; position: absolute; text-align: center; line-height: 40px; width: calc(100% - 24px); bottom: 0; left: 0;}
.list .sub:hover .name {height: 100%; font-size: 24px; line-height: 30px; font-weight: 600; background-color: #198EF0ee; white-space: wrap; display: flex; justify-content: center; align-items: center;}
.picbg {line-height: 0;}
.about {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: none;}
.about.show {display: block;}
.about .markBg {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: #000000cc;}
.about .inner {width: calc(100% - 60px - 60px); max-width: 600px; background-color: #fff; padding: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2;}
.about .inner h2 {margin-block: 30px 15px;}
.about .inner .close {position: absolute; right: 5px; top: 5px; width: 40px; height: 40px;}

.copyright {position: fixed; left: 0; bottom: 0; width: 100%; padding-block: 5px; line-height: 20px; text-align: center; color: #ffffffcc; background-color: #000000cc; font-size: 12px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.biao-box {padding-top: 141px; background: #fff;}
.biao-box .menu-s {display: flex; justify-content: space-between; padding: 0 30px; flex-wrap: wrap;}
.biao-box .menu-s .col-lg-3 {width: 300px;}
.biao-box .menu-s .col-lg-9 {width: calc(100% - 320px);}
.biao-box .menu-s .col-lg-3 h3 {font-size: 16px; line-height: 40px;}
.biao-box .menu-s .col-lg-3 .blog-categories li {padding-block: 12px;  border-top: 1px solid #eee; margin-right: 12px;}
.biao-box .menu-s .col-lg-3 .blog-categories li a {line-height: 40px; color: #333; text-decoration: none; line-height: 20px;}
.biao-box .menu-s .col-lg-3 .blog-categories li a:hover {color: #198EF0;}
.biao-box .menu-s .col-lg-3 .blog-categories .sel a {color: #198EF0; font-weight: 600;}
.biao-box .menu-s .col-lg-9 .col-lg-3 {width: 320px;}
.biao-box .menu-s .col-lg-9 .col-lg-9 {width: calc(100% - 340px);}
.img-fluid {max-width: 100%;}
.biao-box .menu-s .col-lg-9 .newtouta {background-color: #777373; color: #fff; padding: 15px 0; text-align: center; font-size: 27px; border-bottom: 1px solid #f2f2f2;}
.biao-box .menu-s .col-lg-9 .newtouta p {margin-top: 8px;}
.table {table-layout: fixed; background-color: #fff; width: 100%; border-collapse: separate; font-size: 14px;}
.table th {vertical-align: middle; border-collapse: collapse;}
.table th:nth-child(1) {max-width: 80px;}
.table th:nth-child(2) {max-width: 120px;}
.table td {vertical-align: middle; max-width: 50%; border-collapse: collapse; word-break: break-all;}
.table .textContent {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.biao-box .menu-s .col-lg-9 .row {display: flex; flex-wrap: wrap;}
.biao-box .menu-s .col-lg-9 .col-lg-12 {width: 100%;}
.biao-box .menu-s .col-lg-9 .col-lg-7 {width: calc(60% - 20px); margin-right: 20px;}
.biao-box .menu-s .col-lg-9 .col-lg-5 {width: 40%;}
.biao-box .menu-s .col-lg-9 .col-lg-5 .img-fluid {max-height: 300px; float: right;}
.newzixiss {height: 50px; width: 100%;}
.newfaxin_p {margin-bottom: 1rem;}
.table .expanded {
    white-space: normal !important; /* 展开时允许换行 */
}
.table td .more {display: block; text-decoration: none; color: #198EF0;}
.table {
    border-collapse: collapse;
    /* border: 1px solid #777373; */
}

td, th {
    border-bottom: 1px solid #ccc;
    padding: 12px 5px;
    text-align: left;
}
tr.sel td {background-color: #f2f2f2;}
th {border-bottom: 1px solid #ccc;}

/* 移除第一列的左边框 */
td:first-child, th:first-child {
    border-left: none;
}

/* 移除最后一列的右边框 */
td:last-child, th:last-child {
    border-right: none;
}

/* 移除第一行的上边框 */
tr:first-child td, tr:first-child th {
    border-top: none;
}

/* 移除最后一行的下边框 */
tr:last-child td {
    border-bottom: none;
}
.floatNav {position: fixed; right: 12px; bottom: 50px; z-index: 99;}
.floatNav .navBtn {position: absolute; right: 0; bottom: 30px; cursor: pointer; fill: #198EF0; width: 46px; height: 46px; z-index: 1; background-color: #fff; border: 2px solid #fff; border-radius: 50%;}
.floatNav.hover .navBtn {fill: #ff4b14; transform: rotate(45deg); transition: all .2s;}
.floatNav .btn {position: absolute; right: 0; bottom: 40px; opacity: 0; flex-direction: row-reverse; align-items: center; white-space: nowrap; display: none; cursor: pointer; transition: all .5s;}
.floatNav .move {right: 60px; bottom: 30px; opacity: 1;}
.floatNav.hover .btn { display: flex;}
.floatNav .move.aboutUs {bottom: 60px;}
.floatNav .move.tel {bottom: 10px;}
.floatNav .btn .ico {width: 20px; height: 20px; border-radius: 50%; padding: 5px; margin-left: 5px; background-color: #198EF0; border-radius: 50%; border: 2px solid #fff;}
.floatNav .btn span {font-size: 14px; transition: all .5s; font-weight: 600; color: #fff; background-color: #198EF0; border-radius: 20px; border: 2px solid #fff; width: 0; height: 0; overflow: hidden; white-space: nowrap;}
.floatNav .btn .wauto {width: auto; height: auto; padding: 5px 12px;}
::-webkit-scrollbar {display: none;}
@media (max-width: 1500px) {
    .header .tabNav .arrow {display: flex;}
}
@media (max-width: 1000px) {
    .biao-box .menu-s .col-lg-9 .col-lg-3 {width: 220px;}
    .biao-box .menu-s .col-lg-9 .col-lg-9 {width: calc(100% - 240px);}
}
@media (max-width: 768px) {
    .list .sub {width: calc(100% / 2 - 24px);}
    .biao-box .menu-s {padding: 0 12px;}
    .biao-box .menu-s .col-lg-3 {width: 100%; margin-bottom: 30px;}
    .biao-box .menu-s .col-lg-3 h3 {display: none;}
    .biao-box .menu-s .col-lg-3 .blog-categories ul {display: flex; overflow: scroll;}
    .biao-box .menu-s .col-lg-3 .blog-categories ul li {padding: 8px 12px; white-space: nowrap; border-top: none;}
    .biao-box .menu-s .col-lg-3 .blog-categories ul .sel {background-color: #198EF0; border-radius: 30px;}
    .biao-box .menu-s .col-lg-3 .blog-categories ul .sel a {color: #fff;}
    .biao-box .menu-s .col-lg-3 .blog-categories ul .sel a:hover {background-color: #198EF0; color: #fff;}
    .biao-box .menu-s .col-lg-9 {width: 100%;}
    .biao-box .menu-s .col-lg-9 .col-lg-7 {width: 100%; margin-right: 0;}
    .biao-box .menu-s .col-lg-9 .col-lg-5 {width: 100%;}
    .biao-box .menu-s .col-lg-9 .col-lg-5 .img-fluid {max-height: initial !important; float: none; width: 100%; height: auto;}
    /* .header .tabCon {height: calc(100vh - 111px); overflow: scroll; background-image: linear-gradient(#198EF0, #2f196f); background-color: transparent;} */
    .header .tabCon {overflow: scroll; background-color: #198EF0;}
    .header .tabCon .plantBg {bottom: 30px;}
    
}
@media (max-width: 500px) {
    .header .topRow {padding-inline: 12px 0;}
    .header .topRow .lCol .logo {width: 100px;}
    .header .topRow .nav .tel {font-size: 20px;}
    .header .topRow .nav .tel .ico {width: 18px; height: 18px;}
    .header .tabNav { padding-inline: 12px;}
    .header .tabCon .sub {padding-inline: 12px; }
    .list .sub {width: calc(100% - 24px);}
    .biao-box .menu-s .col-lg-9 .col-lg-3 {width: 100%;}
    .biao-box .menu-s .col-lg-9 .col-lg-9 {width: 100%;}
}
@media (max-width: 340px) {
    .header .topRow .nav .tel {font-size: 16px;}
    .header .topRow .nav .tel .ico {width: 15px; height: 15px;}
}