@charset "UTF-8";
html { color: #282828; }

:root { scroll-behavior: unset; }

ul { padding-left: 0; margin-bottom: 0; }
ul li { list-style: none; }
ul li::marker { display: none; }

p { margin: 0; }

.img-cover-4by3 { height: 0; width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; }

.img-cover-3by2 { height: 0; width: 100%; padding-bottom: 66.667%; overflow: hidden; position: relative; }

.img-cover img { max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

.abs-center { margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }

.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.over-line-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.over-line-5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }

.text-justify { text-align: justify !important; text-align-last: justify; }

.object-fit-cover { -o-object-fit: cover; object-fit: cover; }

.object-fit-contain { -o-object-fit: contain; object-fit: contain; }

.object-fit-scaleDown { -o-object-fit: scale-down; object-fit: scale-down; }

a:focus { outline: none; }

.ratio-2x3 { --bs-aspect-ratio: calc(2 / 3 * 100%); --mdb-aspect-ratio: calc(2 / 3 * 100%); }

.ratio-3x2 { --bs-aspect-ratio: calc(3 / 2 * 100%); --mdb-aspect-ratio: calc(3 / 2 * 100%); }

.ratio-3x4 { --bs-aspect-ratio: calc(4 / 3 * 100%); --mdb-aspect-ratio: calc(4 / 3 * 100%); }

.ratio-8x3 { --mdb-aspect-ratio: calc(3 / 8 * 100%); --bs-aspect-ratio: calc(3 / 8 * 100%); }

.vertical-txt { writing-mode: vertical-rl; }

.nopic { background-color: #f8f8f8; color: #bcbcbc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.nopic p:nth-child(1) { font-size: 130%; }

/*滚动条样式*/
@media screen and (-webkit-min-device-pixel-ratio: 0) { ::-webkit-scrollbar { width: 5px; height: 8px; }
  ::-webkit-scrollbar-track:enabled { background-color: #999999; }
  ::-webkit-scrollbar-thumb:vertical { background-color: var(--theme-color); border-radius: 30px; }
  ::-webkit-scrollbar-thumb:horizontal { background-color: var(--theme-color); border-radius: 30px; } }
.m-scroll::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 3px; }

.m-scroll::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); background: var(--theme-red); }

.m-scroll::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1); border-radius: 5px; background: #ededed; }

a { color: #333333; text-decoration: none; }
a:hover { text-decoration: none; color: var(--theme-color); }
a:focus { outline: none !important; }

.w-next, .w-prev { cursor: pointer; z-index: 2; width: 40px; height: 40px; margin: auto; top: 0; bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.w-next { right: 0; }

.w-prev { left: 0; }

.de-page-mian .page-inner { padding: 1.5rem 0; display: flex; align-items: center; justify-content: center; }
.de-page-mian .page-inner a { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.de-page-mian .page-inner a:hover, .de-page-mian .page-inner a.active { background-color: var(--theme-color); color: #fff; }
.de-page-mian .page-inner a.prev::after { content: '<'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.de-page-mian .page-inner a.next::after { content: '>'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner a.page-btn { display: none; }

.w-form .form-item { position: relative; }
.w-form .form-item .input-txt, .w-form .form-item .input-textarea { display: block; height: 46px; border: none; background-color: #ffffff; padding: 10px 15px; border-radius: 5px; }
.w-form .form-item .input-txt:focus, .w-form .form-item .input-txt.active, .w-form .form-item .input-textarea:focus, .w-form .form-item .input-textarea.active { outline: none; }
@media (max-width: 575.98px) { .w-form .form-item .input-txt, .w-form .form-item .input-textarea { height: 36px; } }
.w-form .form-item .input-textarea { height: 130px; }
.w-form .form-item .input-icon { width: 46px; height: 46px; position: absolute; right: 0; top: 0; }
.w-form .form-item .input-icon svg { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 60%; height: auto; }
.w-form .form-item .input-icon svg path { fill: #9e9e9e; }
.w-form .verifyImg { height: 46px; cursor: pointer; }
.w-form .submit-btn { display: block; background-color: var(--theme-color); color: #ffffff; text-align: center; line-height: 46px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-form .submit-btn:hover { opacity: .8; }

body { --theme-color: #0062b2; }

@media (min-width: 1680px) { .container, .container-xl { max-width: 1624px; } }
.ratio-certificate { --mdb-aspect-ratio: calc(1096 / 1535 * 100%); }

.wrapper { min-height: 100vh; background: url("../Image/bg.jpg") center/cover no-repeat; }

.header { height: 80px; background: rgba(0, 0, 0, 0.5); }
@media (max-width: 991.98px) { .header { height: 70px; } }
@media (max-width: 767.98px) { .header { height: 60px; } }
@media (max-width: 575.98px) { .header { height: 50px; } }
.header .logo img { max-width: 60vw; }
.header .header-right { font-weight: bold; color: #000; font-size: 18px; }
.header .header-right svg { width: 32px; height: auto; margin-right: 5px; }
.header .header-right svg path { fill: var(--theme-color); }
@media (max-width: 767.98px) { .header .header-right { font-size: 16px; }
  .header .header-right svg { width: 26px; } }
@media (max-width: 575.98px) { .header .header-right { font-size: 14px; }
  .header .header-right svg { width: 22px; } }
.header .header-right a:hover { color: var(--theme-color); }

.form-box { width: 60%; border-radius: 15px; background-color: rgba(255, 255, 255, 0.9); background: url("../Image/form-bg.jpg") center/cover no-repeat; padding: 3% 5%; margin: 5% auto; }
@media (min-width: 1400px) { .form-box { padding: 5%; } }
@media (max-width: 1399.98px) { .form-box { width: 65%; } }
@media (max-width: 1199.98px) { .form-box { width: 70%; } }
@media (max-width: 991.98px) { .form-box { width: 75%; } }
@media (max-width: 767.98px) { .form-box { width: 80%; } }
@media (max-width: 575.98px) { .form-box { width: 95%; } }
.form-box .box-wrap { padding-bottom: 3%; }
@media (min-width: 1400px) { .form-box .box-wrap { width: 70%; margin: auto; } }
@media (max-width: 575.98px) { .form-box.w-form .form-item .input-txt { height: 32px; font-size: 12px; } }
@media (max-width: 575.98px) { .form-box.w-form #verifyImg { height: 32px; } }
@media (max-width: 575.98px) { .form-box .input-captcha { max-width: 150px; } }
.form-box .form-title { font-size: 24px; color: var(--theme-color); font-weight: bold; margin-bottom: 3%; }
@media (max-width: 991.98px) { .form-box .form-title { font-size: 20px; } }
@media (max-width: 767.98px) { .form-box .form-title { font-size: 18px; } }
.form-box #verifyImg { height: 46px; cursor: pointer; margin-left: 5px; }
@media (max-width: 767.98px) { .form-box #verifyImg { height: 42px; } }
@media (max-width: 575.98px) { .form-box #verifyImg { height: 36px; line-height: 36px; width: auto; font-size: 14px; } }
.form-box .submit-btn { padding: 0 30px; width: 140px; border-radius: 8px; border: none; }
@media (max-width: 991.98px) { .form-box .submit-btn { margin: 0 auto; } }
@media (max-width: 767.98px) { .form-box .submit-btn { width: 130px; height: 42px; line-height: 42px; } }
@media (max-width: 575.98px) { .form-box .submit-btn { width: 120px; height: 36px; line-height: 36px; width: auto; font-size: 14px; } }

.result-box { width: 70%; margin: 6% auto; border-radius: 10px; overflow: hidden; }
.result-box .result-title { font-size: 22px; color: var(--theme-color); }
.result-box .certificate-box { width: 80%; margin: 0 auto; }
.result-box .query-back { margin-top: 3rem; }
.result-box .query-back a { background-color: var(--theme-color); border-radius: 8px; color: #ffffff; line-height: 36px; display: inline-block; padding: 5px 30px; color: #ffffff; }
@media (max-width: 1399.98px) { .result-box .query-back { margin-top: 2.5rem; }
  .result-box .query-back a { line-height: 32px; } }
@media (max-width: 1199.98px) { .result-box .query-back { margin-top: 2rem; }
  .result-box .query-back a { line-height: 32px; } }
@media (max-width: 991.98px) { .result-box .query-back { margin-top: 1.8rem; }
  .result-box .query-back a { line-height: 32px; } }
@media (max-width: 767.98px) { .result-box .query-back { margin-top: 1.5rem; }
  .result-box .query-back a { line-height: 32px; } }
@media (max-width: 575.98px) { .result-box .query-back { margin-top: 1rem; }
  .result-box .query-back a { line-height: 26px; font-size: 14px; } }
.result-box .empty_tips .empty-icon { width: 8vw; height: auto; }
@media (max-width: 1199.98px) { .result-box { width: 75%; }
  .result-box .certificate-box { width: 80%; } }
@media (max-width: 991.98px) { .result-box { width: 80%; }
  .result-box .result-title { font-size: 18px; }
  .result-box .certificate-box { width: 85%; } }
@media (max-width: 767.98px) { .result-box { width: 95%; border-radius: 5px; }
  .result-box .certificate-box { width: 95%; } }
@media (max-width: 575.98px) { .result-box { width: 100%; }
  .result-box .certificate-box { width: 100%; } }

.footer { background: rgba(255, 255, 255, 0.9); }
.footer a:hover { color: var(--theme-color); }
@media (max-width: 767.98px) { .footer { font-size: 12px; } }
@media (max-width: 575.98px) { .footer { font-size: 9px; line-height: 1; } }