:root { --vw:0px; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 99999px; }

.bs-wrapper { position: relative; width: 100%; overflow: hidden; padding-top: 50px; font-family: 'Poppins'; }

section.index .row:nth-child(2) { padding: 0 25px 20px; }

section.index .container-fluid { padding: 0 39px; margin: 0 auto; }

section.index .container-fluid:nth-child(1) { max-width: 1200px; padding: 0 15px; }

section.index .container-fluid:nth-child(2) { max-width: 1840px; }

section.index h1.tit { font-size: 24px; line-height: 1.2; color: #0050C7; text-align: center; margin-bottom: 40px; padding: 0 25px; display: block; width: 100%; }

section.index p.desc { font-size: 14px; line-height: 1.5; padding: 0 25px; }

section.index dl { padding: 30px 25px 15px; border-bottom: 1px solid #ccc; width: 100%; }

section.index dl.last { border: none; }

section.index dl dt { font-weight: bold; font-size: 20px; margin-bottom: 15px; color: #4D4F52; }

section.index dl dt img { width: 25px; height: auto; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }

section.index dl dd { margin-bottom: 15px; }

section.index dl dd a { display: block; font-size: 18px; color: #4D4F52; text-align: center; text-decoration: none; line-height: 35px; border-radius: 8px; border: 1px solid #4D4F52; background: rgba(204, 204, 204, 0.1); -webkit-transition: color .4s, background .4s; -o-transition: color .4s, background .4s; transition: color .4s, background .4s; white-space: nowrap; }

section.index dl dd a:hover, section.index dl dd a.active { border: 1.5px solid #0050C7; color: #0050C7; background: #fff; }

section.index dl dd a.disable { border: 1px solid rgba(77, 79, 82, 0) !important; background: #F2F2F2 !important; color: #9E9E9E !important; cursor: default; }

section.index dl:nth-child(4) dt img { width: 18px; margin-left: 2px; margin-right: 15px; }

section.index .item { padding: 0; width: 100%; margin-bottom: 10px; }

section.index .item a { position: relative; width: 100%; display: block; overflow: hidden; }

section.index .item a:after { padding-top: 66.66667%; display: block; content: ""; }

section.index .item a .photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

section.index .item a p.info { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 36px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); font-family: "Arial"; font-size: 12px; line-height: 1.2; color: #fff; font-weight: bold; padding: 0 5px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; }

section.index .item-enter-active, section.index .item-leave-active { -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

section.index .item-enter, section.index .item-leave-to { opacity: 0; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

section.index .item-enter-to, section.index .item-leave { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

@media (min-width: 768px) { section.index { padding: 0 0 44px; }
  section.index .container-fluid { padding: 0 20px; }
  section.index h2.tit { font-size: 32px; margin-bottom: 15px; }
  section.index p.desc { font-size: 16px; margin-bottom: 15px; }
  section.index .item { padding: 0 5px; } }

@media (min-width: 992px) { section.index .container-fluid:nth-child(2) { padding: 0 calc(20 * (var(--vw) / 1200)); }
  section.index dl { padding: 14px 0 14px 25px; height: 67px; }
  section.index dl dt { font-size: calc(20 * (var(--vw) / 1200)); width: calc(200 * (var(--vw) / 1200)); margin-bottom: 0; white-space: nowrap; }
  section.index dl dt img { width: calc(25 * (var(--vw) / 1200)); margin: 0 calc(10 * (var(--vw) / 1200)) 0 0; }
  section.index dl dd { width: calc(239 * (var(--vw) / 1200)); padding: 0 calc(5 * (var(--vw) / 1200)); margin-bottom: 0; }
  section.index dl dd a { font-size: calc(18 * (var(--vw) / 1200)); line-height: calc(35 * (var(--vw) / 1200)); border-radius: calc(8 * (var(--vw) / 1200)); }
  section.index dl.last { margin-bottom: 25px; }
  section.index dl:nth-child(4) dt img { width: calc(18 * (var(--vw) / 1200)); margin-left: calc(2 * (var(--vw) / 1200)); margin-right: calc(15 * (var(--vw) / 1200)); } }

@media (min-width: 1200px) { section.index dl dt { font-size: 20px; width: 230px; }
  section.index dl dt img { width: 25px; margin: 0 10px 0 0; }
  section.index dl dd { width: 310px; padding: 0 5px; }
  section.index dl dd a { font-size: 17px; line-height: 35px; border-radius: 8px; }
  section.index dl:nth-child(4) dt img { width: 18px; margin-left: 2px; margin-right: 15px; }
  section.index .item { padding: 0 5px; }
  section.index .item a .photo { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
  section.index .item a p.info { min-height: 80px; font-size: 14px; padding: 17px 10px 11px; visibility: hidden; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
  section.index .item a p.info span { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
  section.index .item a:hover .photo { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  section.index .item a:hover p.info { visibility: visible; opacity: 1; }
  section.index .item a:hover p.info span { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }