.top {
  background: #F0F0F7;
  width: 100%;
}
.top > div {
  width: 1400px;
  margin: 0 auto;
  height: 38px;
  line-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top .left {
  font-weight: 500;
  font-size: 14px;
  color: #8A9099;
  line-height: 30px;
}
.top .right a {
  font-weight: 500;
  font-size: 14px;
  color: #237AFD;
  line-height: 30px;
  display: inline-block;
  cursor: pointer;
}
.top .right a:nth-child(1) {
  margin-right: 30px;
}
.header {
  padding: 30px 0;
}
.header .content {
  display: flex;
  justify-content: space-between;
}
.header .header-left img {
  width: 259px;
  height: 43px;
}
.header .header-right {
  display: flex;
  align-items: center;
}
.header .header-right-2 {
  border: 1px solid #E0E0E0;
  padding: 9px 9px 9px 12px;
  display: flex;
  align-items: center;
  width: 200px;
}
.header .header-right-2 img {
  width: 16px !important;
  height: 18px;
}
.header .header-right-2 input {
  border: none;
  margin-left: 9px;
  width: calc(90%);
  background: transparent;
}
.header ul {
  display: flex;
  align-items: center;
}
.header ul li {
  margin-right: 60px;
}
.header ul li a {
  font-weight: bold;
  font-size: 16px;
  color: #191936;
  line-height: 30px;
}
.header ul li a.on {
  color: #237AFD;
}
.news {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.news .left > img {
  width: 650px;
  height: 460px;
}
.news .right {
  width: 720px;
}
.news .right .tab {
  display: flex;
  margin-bottom: 20px;
}
.news .right .tab .tab-item {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  font-size: 22px;
  color: #353E4D;
  line-height: 30px;
  margin-right: 40px;
  cursor: pointer;
  position: relative;
}
.news .right .tab .tab-item :nth-child(1) {
  margin-left: 10px;
}
.news .right .tab .tab-item.active {
  color: #237AFD;
}
.news .right .tab .tab-item.active::after {
  position: absolute;
  left: 50%;
  top: 35px;
  content: ' ';
  width: 50px;
  height: 4px;
  background: url(../img/jbt.png) no-repeat;
  margin-left: -25px;
}
.news .right .list {
  display: none;
}
.news .right .list-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
  cursor: pointer;
}
.news .right .list-item:last-child {
  margin-bottom: 0;
}
.news .right .list-item .text {
  font-weight: 500;
  font-size: 16px;
  color: #232A33;
  line-height: 30px;
  width: calc(80%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .right .list-item .time {
  font-weight: 500;
  font-size: 16px;
  color: #9AA4B3;
  line-height: 30px;
}
.news .right .list-item:hover .text {
  color: #237AFD;
}
.imglist {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}
.imglist .leftimg {
  width: 297px;
  height: 460px;
  position: relative;
}
.imglist .leftimg .mask1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 297px;
  height: 68px;
  line-height: 58px;
  background: #001A40;
  opacity: 0.75;
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 22px;
  color: #FFFFFF;
}
.imglist .leftimg .mask1::after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -25px;
  bottom: 15px;
  display: block;
  width: 50px;
  height: 4px;
  background: #FFFFFF;
}
.imglist ul {
  display: flex;
  flex-wrap: wrap;
}
.imglist ul li {
  width: 275px;
  height: 230px;
  position: relative;
}
.imglist ul li:hover .mask2 {
  display: none;
}
.imglist ul li .mask2 {
  width: 275px;
  height: 230px;
  background: rgba(0, 26, 64, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  font-size: 22px;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.imglist ul li img {
  width: 100%;
  height: 100%;
}
.title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}
.title > div {
  position: relative;
  font-weight: bold;
  font-size: 22px;
  color: #237AFD;
  line-height: 30px;
}
.title > div::after {
  position: absolute;
  left: 50%;
  top: 31px;
  content: ' ';
  width: 50px;
  height: 4px;
  background: url(../img/jbt.png) no-repeat;
  margin-left: -25px;
}
.warp_index {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
.warp_index li {
  width: 330px;
  margin-bottom: 30px;
  margin-right: 25px;
  background: #F2F3F5;
  transition: all ease-in 0.3s;
}
.warp_index li img{
  width: 330px;
  height: 238px;
}
.warp_index li:hover {
  transform: scale(1.05);
}
.warp_index li:hover a .h5 {
  color: #237AFD;
}
.warp_index li:nth-child(4n) {
  margin-right: 0;
}
.warp_index li .h5 {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #232933;
  line-height: 30px;
}
.warp_index li .sub {
  font-weight: 500;
  font-size: 14px;
  color: #717780;
  line-height: 22px;
  padding: 18px 22px 22px;
}
.warp_index li a{
  display: block;
  padding-bottom: 22px;
}
.warp_index li .sub {
  display: -webkit-box;            /* 旧版WebKit（如Safari/iOS） */
  -webkit-box-orient: vertical;    /* 文本垂直排列 */
  -webkit-line-clamp: 3;           /* 最多3行 */
  overflow: hidden;                /* 隐藏溢出内容 */
  text-overflow: ellipsis;         /* 显示省略号 */
    /* 备用方案：基于行高计算高度（可选） */
    height:82px;
  box-sizing: border-box; 
               /* 行高（与max-height配合使用） */
}

.more {
  width: 148px;
  height: 42px;
  background: #FFFFFF;
  border: 1px solid #C3C3D1;
  font-weight: 500;
  font-size: 14px;
  color: #717780;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.more img {
  margin-left: 8px;
}
.more:hover {
  border: 1px solid #237AFD;
}
.more_warp {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.tab_warp {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.tab_warp .tab {
  display: flex;
}
.tab_warp .tab .tab_item {
  cursor: pointer;
  width: 100px;
  height: 34px;
  background: #E7EAEF;
  border-radius: 17px;
  font-weight: bold;
  font-size: 18px;
  color: #232933;
  line-height: 30px;
  text-align: center;
  margin-right: 20px;
}
.tab_warp .tab .tab_item:last-child {
  margin-right: 0;
}
.tab_warp .tab .tab_item.active {
  background: #237AFD;
  color: #fff;
}
.sz_box {
  margin-top: 40px;
}
.isshow {
  display: none;
  justify-content: space-between;
}
.isshow .imgbox {
  width: 670px;
  height: 500px;
}
.isshow .imgbox img {
  width: 100%;
  height: 100%;
}
.isshow .bhbox {
  background: #F2F3F5;
  padding: 160px 60px 0;
}
.isshow .bhbox h4 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #232933;
  line-height: 30px;
  margin-bottom: 28px;
}
.isshow .bhbox section {
  font-weight: 500;
  font-size: 14px;
  color: #717780;
  line-height: 22px;
  max-height: 250px;
  overflow-y: auto;
}
.footer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.footer div {
  width: 220px;
  height: 84px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(181, 180, 190, 0.3);
  border-radius: 6px;
  margin-right: 16px;
  margin-bottom: 16px;
}
.footer div:nth-child(6n) {
  margin-right: 0;
}
.footer div img {
  width: 100%;
  height: 100%;
}
footer {
  width: 100%;
  background: #232933;
  margin-top: 138px;
  padding-top: 58px;
  box-sizing: border-box;
}
footer .cn {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #343B46;
  padding-bottom: 30px;
}
footer .fleft {
  width: 378px;
}
footer .fleft .jj {
  margin-top: 38px;
  font-weight: 500;
  font-size: 14px;
  color: #9FA3AA;
  line-height: 170%;
  padding-bottom: 30px;
  border-bottom: 1px solid #343B46;
  margin-bottom: 30px;
}
footer .fleft .addrbox span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #9FA3AA;
  line-height: 170%;
}
footer .fcerter {
  width: 700px;
}
footer .fcerter ul {
  display: flex;
  justify-content: space-between;
}
footer .fcerter ul li h3 {
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
}
footer .fcerter ul li a {
  width: 99px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-top: 9px;
  font-weight: 500;
  font-size: 14px;
  color: #8A9099;
  line-height: 30px;
}
footer .fcerter ul li a:hover {
  color: #fff;
}
footer .fright {
  text-align: center;
}
footer .fright span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #D4D8E0;
  margin-top: 20px;
}
footer .fright img {
  width: 134px;
  height: 134px;
  border-radius: 9999px;
}
footer .copy {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  color: #8A9099;
  line-height: 30px;
  padding: 20px 0;
}
.container_banner img {
  width: 100%;
}
.tab2line {
  border-bottom: 1px solid #E7EAEF;
}
.tab2line .tab2 {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.tab2line .tab2 .tab2-item {
  margin-right: 108px;
  padding: 24px 0;
  position: relative;
  font-weight: 800;
  font-size: 16px;
  color: #191936;
}
.tab2line .tab2 .tab2-item:last-child {
  margin-right: 0;
}
.tab2line .tab2 .tab2-item.active {
  font-weight: 800;
  font-size: 16px;
  color: #237AFD;
}
.tab2line .tab2 .tab2-item.active::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -24px;
  content: " ";
  z-index: 22;
  width: 48px;
  height: 3px;
  background: #237AFD;
}
.tab2dd .tab2content {
  display: none;
}
.tab2dd .bgls {
  width: 100%;
  height: 520px;
  background: url(../img/box1.png) no-repeat;
  background-size: cover;
  margin-top: 60px;
  box-sizing: border-box;
}
.tab2dd .bgls .bglsmain {
  overflow-x: auto;
  /* 隐藏滚动条但仍可滚动 */
  -ms-overflow-style: none !important;
  /* IE 10-11 */
  scrollbar-width: none;
  /* Firefox 支持 */
  -ms-overflow-style: none;
  /* IE10+ */
  scrollbar-base-color: transparent;
  /* IE 5-8 */
  scrollbar-face-color: transparent;
  /* IE 5-8 */
  scrollbar-track-color: transparent;
  /* IE 5-8 */
  /* Chrome/Edge/Safari 隐藏滚动条 */
  white-space: nowrap;
  padding-bottom: 160px;
}
.tab2dd .bgls .bglsmain::-webkit-scrollbar {
  display: none;
}
.tab2dd .bgls .bglsmain > div {
  display: inline-flex;
  width: 195px;
  padding-top: 160px;
}
.tab2dd .bgls .bglsmain > div strong {
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 30px;
}
.tab2dd .bgls .bglsmain > div time {
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
  white-space: wrap;
}
.tab2dd .bgls .bglsmain > div:nth-child(2) {
  width: 201px;
  position: relative;
  top: -84px;
}
.tab2dd .bgls .bglsmain > div:nth-child(3) {
  width: 265px;
  position: relative;
  top: -84px;
}
.tab2dd .bgls .bglsmain > div:nth-child(4) {
  width: 260px;
  position: relative;
}
.tab2dd .bgls .bglsmain > div:nth-child(5) {
  width: 283px;
  position: relative;
  top: -62px;
}
.tab2dd .bgls .bglsmain > div:nth-child(6) {
  width: 283px;
  position: relative;
  top: -32px;
}
.tab2dd .bgls .bglsmain aside {
  width: 2px;
  height: 180px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.tab2dd .bgls .bglsmain section {
  width: 183px;
  padding: 18px;
  box-sizing: border-box;
}
.tab2dd .bgls .bglsmain section strong {
  display: block;
}
.tab2dd .bgls .bglsmain section time {
  display: block;
}
.tab2dd .comp_box {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.tab2dd .comp_box .left {
  width: 805px;
}
.tab2dd .comp_box .left h4 {
  font-weight: bold;
  font-size: 30px;
  color: #191936;
  margin-bottom: 48px;
}
.tab2dd .comp_box .left section {
  font-weight: 500;
  font-size: 16px;
  color: #545B66;
  line-height: 30px;
  overflow-y: auto;
}
.tab2dd .comp_box .right img {
  width: 527px;
}
.img_text_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
}
.img_text_box li {
  width: 700px;
  display: flex;
  height: 220px;
}
.img_text_box li h3 {
  font-weight: bold;
  font-size: 18px;
  color: #237AFD;
  padding-bottom: 10px;
}
.img_text_box li > div {
  padding: 20px;
  width: 350px;
  padding-top: 30px;
  box-sizing: border-box;
  background: #fff;
}
.img_text_box li > div p {
  font-weight: bold;
  font-size: 14px;
  color: #6C7480;
  height: 80%;
  overflow-y: auto;
}
.img_text_box li img {
  width: 350px;
}
.jg_box {
  margin-top: 50px;
  width: 1200px;
}
.jg_box img {
  width: 100%;
}
.ry_box {
  margin-top: 22px;
}
.ry_box ul {
  display: flex;
  flex-wrap: wrap;
}
.ry_box ul li {
  width: 25%;
  box-sizing: border-box;
  padding: 0 20px;
  margin-top: 20px;
  transition: all 0.3s ease-in-out;
}
.ry_box ul li:hover {
  transform: scale(1.05);
}
.ry_box img {
  width: 330px;
  height: 270px;
}
.conner_text {
  margin-top: 50px;
  font-weight: 500;
  font-size: 16px;
  color: #595966;
  line-height: 30px;
}
.xmzs {
  display: none;
}
.xmzs1 {
  display: none;
}
.news_box {
  margin-top: 50px;
}
.news_box li {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  transition: all 0.3s ease-in-out;
  text-align: left;
}
.news_box li:hover {
  transform: scale(0.99);
}
.news_box li:hover h3 {
  color: #237AFD !important;
}
.news_box li > img {
  width: 300px;
  height: 200px;
}
.news_box li .news_box_text {
  padding-left: 20px;
  padding-top: 16px;
  width: calc(100% - 320px);
}
.news_box li .news_box_text h3 {
  font-weight: 800;
  font-size: 18px;
  color: #191936;
}
.news_box li .news_box_text p {
  font-weight: 500;
  font-size: 16px;
  color: #595966;
  line-height: 20px;
  margin: 20px 0 20px 0;
}
.news_box li .news_box_text span {
  font-weight: 500;
  font-size: 16px;
  color: #595966;
  line-height: 30px;
}
.news_box li .news_box_text a {
  display: block;
  font-weight: 500;
  font-size: 16px;
  color: #237AFD;
  margin-top: 20px;
}
.news_box li .news_box_text a img {
  vertical-align: middle;
}
.news_box li a {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.news_box li a .jt {
  width: 8px;
  height: 14px;
  margin-left: 10px;
}
.pn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 90px;
}
.pagination{
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination  li{
  margin-right: 15px;
  
}
.pagination  li:last-child{
  margin-right: 0;
}
.pagination .disabled{ 
  opacity: .5 ;
}
.pagination a,.pagination span {
  display: inline-block !important;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background: #F2F4F4;
  border: 1px solid #D6DAE0;
  text-align: center;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #444D4C;
}
.pagination .active span {
  background: #237AFD;
  color: #fff;
}
.pagination a.pre,
.pagination a.next {
  background: #F2F4F4;
  border-radius: 8px;
  border: 1px solid #D6DAE0;
  color: #444D4C;
}
.pagination a:hover {
  background: #237AFD;
  color: #fff;
}
.detail_box .nav {
  display: flex;
  font-weight: 500;
  font-size: 16px;
  color: #232933;
}
.detail_box .nav a {
  font-weight: 500;
  font-size: 16px;
  color: #232933;
}
.detail_box .nav a:hover {
  color: #237AFD;
}
.detail_box .nav img {
  vertical-align: middle;
  margin: 0 14px;
}
.detail_box h3 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  color: #232933;
  padding-bottom: 49px;
  border-bottom: 1px solid #EBEBF0;
}
.detail_box .detail {
  padding: 50px 100px 100px;
  background: #fff;
  margin-top: 30px;
}
.detail_box .detail .tab_size {
  display: flex;
  justify-content: center;
  padding-top: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #EBEBF0;
}
.detail_box .detail .tab_size time {
  margin-right: 240px;
  font-weight: 500;
  font-size: 14px;
  color: #818999;
  line-height: 30px;
}
.detail_box .detail .tab_size .zh {
  display: flex;
  font-weight: 500;
  font-size: 14px;
  color: #818999;
  line-height: 30px;
}
.detail_box .detail .tab_size .zh dl {
  display: flex;
}
.detail_box .detail .tab_size .zh dl dt,
.detail_box .detail .tab_size .zh dl dd {
  margin: 0 5px;
  cursor: pointer;
}
.detail_box .detail .tab_size .zh dl dd:hover {
  color: #237AFD;
}
.detail_box .detail .tab_size .zh dl dd.on {
  color: #237AFD;
}
.detail_box .detail .content {
  margin-top: 38px;
  line-height: 200%;
  font-weight: 500;
  font-size: 16px;
  color: #595966;
  line-height: 30px;
}
.connert_box {
  padding-top: 107px;
}
.connert_box .btn_1 {
  width: 110px;
  height: 40px;
  background: #237AFE;
  border-radius: 8px 0px 8px 0px;
  font-weight: 800;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  line-height: 40px;
}
.connert_box .tit_sub {
  font-weight: 800;
  font-size: 30px;
  color: #13141A;
  margin-top: 30px;
  width: 300px;
}
.connert_box h4 {
  font-weight: 800;
  font-size: 20px;
  color: #13141A;
  margin-top: 80px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E0E1E9;
}
.connert_box .lx_center {
  padding: 40px 0;
  border-bottom: 1px solid #E0E1E9;
}
.connert_box .lx_center .lx_left_text {
  width: 66px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #13141A;
  margin-right: 47px;
}
.connert_box .lx_center .lx_left_text span {
  display: block;
}
.connert_box .lx_center .lx_left_1 {
  line-height: 190%;
  color: #13141A;
}
.connert_box .lx_center .lx_left_1 i {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #6B6E80;
}
.connert_box .lx_center .lx_left {
  display: flex;
}
.lx_box2 {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
}
.lx_box2 dt {
  font-weight: bold;
  font-size: 14px;
  color: #13141A;
  margin-bottom: 30px;
}
.lx_box2 dd {
  font-weight: 500;
  font-size: 14px;
  color: #13141A;
  line-height: 170%;
}
.lx_box2 dd span {
  font-weight: 500;
  font-size: 14px;
  color: #6B6E80;
}
.qx_title {
  line-height: 200%;
  font-weight: 500;
  font-size: 16px;
  color: #595966;
  padding-top: 28px;
}
table {
  margin-top: 30px;
  box-sizing: border-box;
  width: 100%;
  border-left: 1px solid #D9DAE5;
  border-bottom: 1px solid #D9DAE5;
}
table th {
  background: #F0F0F0;
  font-weight: bold;
  font-size: 14px;
  color: #16161A;
  line-height: 30px;
  height: 40px;
  border-right: 1px solid #D9DAE5;
  box-sizing: border-box;
}
table th:nth-child(1) {
  width: 88px;
  padding-left: 25px;
}
table th:nth-child(2) {
  width: 503px;
  padding-left: 30px;
}
table th:nth-child(3) {
  width: 455px;
  padding-left: 30px;
}
table th:nth-child(4) {
  text-align: center;
}
table tr {
  border-top: 1px solid #D9DAE5;
}
table td {
  height: 50px;
  border-right: 1px solid #D9DAE5;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 14px;
  color: #16161A;
}
table td:nth-child(1) {
  width: 88px;
  padding-left: 25px;
}
table td:nth-child(2) {
  width: 503px;
  padding-left: 30px;
}
table td:nth-child(3) {
  width: 455px;
  padding-left: 30px;
}
table td:nth-child(4) {
  text-align: center;
}
table td:last-child(1) {
  border-right: none;
}
table td img {
  width: 114px;
  height: 114px;
  border-radius: 9999px;
}
.line {
  border-top: 1px solid #D9DAE5;
}
.gys {
  position: relative;
}
.gys div {
  position: absolute;
  display: none;
  top: 28px;
  left: 50%;
  margin-left: -56px;
  background: #FFFFFF;
  box-shadow: 0px 0px 40px 0px rgba(181, 180, 190, 0.3);
  border-radius: 5px;
  width: 114px;
  height: 114px;
  padding: 10px;
}
.gys div img {
  width: 114px;
  height: 114px;
  border-radius: 9999px;
}
.gys:hover div {
  display: block;
}