html, body { height: 100%; }

@media (max-width: 1799px) { html, body { height: auto; } }

.jiaheader { height: 100px; }

.Index { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 1799px) { .Index { height: auto; } }

.Index .content ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.Index .content ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; padding: 32px 2.0833333333333335%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.Index .content ul li .pongetitle { font-size: 24px; color: #ffffff; padding-bottom: 10px; position: relative; margin-bottom: 15px; }

.Index .content ul li .pongetitle::after { position: absolute; bottom: 0; left: 0; width: 46px; height: 4px; background: #fff; content: ''; }

.Index .content ul li.Introduction { background-image: url(/template/pc/images/ef7f5ea41f9ce0c910b15a953812c831.jpg); }

.Index .content ul li.Introduction .con p { text-indent: 2em; font-size: 14px; color: #fff; line-height: 1.8; }

.Index .content ul li.group { background-image: url(/template/pc/images/91f26e1ffc7e863399aaf0e953689d92.jpg); }

.Index .content ul li.group .con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; padding: 0 17%; position: relative; }

.Index .content ul li.group .con::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0px; height: 1px; background: rgba(255, 255, 255, 0.3); content: ''; }

.Index .content ul li.group .con::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; content: ''; width: 1px; height: 130px; background: rgba(255, 255, 255, 0.3); }

.Index .content ul li.group .con a { width: 50%; font-size: 14px; color: #ffffff; padding: 20px 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; display: block; }

.Index .content ul li.group .con a:hover { color: #0f78b2; }

.Index .content ul li.group .con a:nth-of-type(2n+0) { text-align: left; padding-left:40px;}

.Index .content ul li.group .con2{display:flex;justify-content: center;margin-top:3px;}
.Index .content ul li.group .con2 a{font-size: 14px; color: #ffffff; text-align:center;padding-top:20px;border-top:1px solid rgba(255, 255, 255, 0.3);width:370px;display:block; transition: 0.5s ease all; }
.Index .content ul li.group .con2 a:hover { color: #0f78b2; }

.Index .content ul li.news { background-image: url(/template/pc/images/31ce4ed32251405a001469b2a94a3923.jpg); }

.Index .content ul li.news .pongetitle { color: #107bf3; }

.Index .content ul li.news .pongetitle::after { background: #107bf3; }

.Index .content ul li.news .swiper-slide a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.Index .content ul li.news .swiper-slide a:hover .title .tit { color: #0f78b2; }

.Index .content ul li.news .swiper-slide a .title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; }

.Index .content ul li.news .swiper-slide a .title .tit { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #f31010; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.Index .content ul li.news .swiper-slide a .title .date { font-size: 14px; margin-left: auto; color: #2a2a2a; }

.Index .content ul li.news .swiper-slide a .desc { font-size: 14px; color: #2a2a2a; line-height: 2.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 64px; }

.Index .content ul li.news .swiper-pagination { margin-top: 10px; position: static; }

.Index .content ul li.news .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background: #bfbfbf; opacity: 1; }

.Index .content ul li.news .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 18px; background: #f31010; border-radius: 4px; }

.Index .banner { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.Index .banner .pc { display: block; }

.Index .banner .m { display: none; }

@media (max-width: 575px) { .Index .banner .pc { display: none; }
  .Index .banner .m { display: block; }
  .Index .content ul li.group .con2 a{
  	border-top:0;
    padding:10px;
  }
}

@media (max-width: 1799px) { .Index .banner { height: 500px; } }

.Index .banner .swiper-container { height: 100%; }

.Index .banner .swiper-slide a { display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; }

@media (max-width: 1699px) { .Index .content ul li.group .con { padding: 0 13%; } }

@media (max-width: 1499px) { .Index .content ul li.group .con { padding: 0 10%; }
  .Index .banner { height: 400px; } }

@media (max-width: 1399px) { .Index .content ul li.group .con { padding: 0 6%; } }

@media (max-width: 1199px) { .Index .banner { height: 300px; }
  .Index .content ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .Index .content ul li.group .con { padding: 0 34%; } }

@media (max-width: 991px) { .Index .content ul li.group .con { padding: 0 27%; } }

@media (max-width: 767px) { .Index .content ul li.group .con { padding: 0 0%; }
  .Index .banner { height: 200px; }
  .Index .content ul li.group .con a { text-align: center; }
  .Index .content ul li.group .con a:nth-of-type(2n+0) { text-align: center; } }

@media (max-width: 575px) { .Index .content ul li.group .con::before, .Index .content ul li.group .con::after { content: none; }
  .Index .content ul li .pongetitle { font-size: 18px; padding-bottom: 5px; }
  .Index .content ul li .pongetitle::after { height: 2px; width: 20px; }
  .Index .content ul li { padding: 30px 10px; }
  .Index .content ul li.group .con a { padding: 10px 0; }
  .Index .content ul li.news .swiper-slide a .title { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .Index .content ul li.news .swiper-slide a .title .tit { font-size: 16px; }
  .Index .content ul li.group .con a { padding-right: 5px; }
  .Index .content ul li.group .con a:nth-of-type(2n+0) { padding-right: 0; padding-left: 5px; }
  .Index .content ul li.news .swiper-slide a .title .tit { padding-right: 20px; }
  .Index .banner { height: auto; } }

.footer { background: #fff; }

.footer .right a::after { background: #9b9b9b; }

.footer .container { width: 100%; max-width: 100%; }

.footer, .footer a { font-size: 12px; color: #9b9b9b; }

.header .searchbtn { margin-left: 30px; }

@media (min-width: 991px) { .header .container { max-width: 100%; }
  .header .navbar-collapse { margin-right: 2.6041666666666665%; }
  .header .navbar-brand { margin-left: 2.6041666666666665%; }
  .header .navbar-expand-lg .navbar-nav .nav-link a { padding: 0 30px; } }

@media (max-width: 1449px) and (min-width: 991px) { .header .navbar-expand-lg .navbar-nav .nav-link a { padding: 0 20px; } }

@media (max-width: 1299px) and (min-width: 991px) { .header .navbar-expand-lg .navbar-nav .nav-link a { padding: 0 10px; } }

