* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Segoe UI", "Microsoft YaHei", sans-serif; }
body { background-color: #f5f7fa; color: #333; line-height: 1.6; }
.wrap { max-width: 1200px; margin: 0 auto; position: relative; }
img { border: 0; max-width: 100%; height: auto; }
.clearfix::before, .clearfix::after { display: table; content: ""; line-height: 0; }
.clearfix::after { clear: both; }
#header { padding: 17px 0 8px; background-color: #fff; }
.toplogo { float: left; text-align: left; font-size: 16px; height: 80px; margin-bottom: 0; }
.toplogo img { float: left; max-height: 100%; height: auto; width: auto; margin-top: 5px; }
.logo-info { float: left; height: 80px; line-height: 70px; font-size: 20px; color: #444; }
.toptel { float: right; text-align: right; width: auto; padding-top: 28px; }
.toptel a { color: #666; font-size: 14px; padding: 0 10px; text-decoration: none; }
.toptel a:nth-child(2n) { border-left: 1px solid #c1c1c1; }
.search { padding: 8% 0; background-size: cover; position: relative; overflow: hidden; }
#headerimgs { position: absolute; inset: 0; }
.headerimg { background-position: center top; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; background-size: cover; background-image: url("bananr1.jpg"); z-index: 0; }
.search::after { content: " "; display: block; width: 55px; height: 16px; position: absolute; left: 50%; margin-left: -27px; bottom: 10%; }
.search .content { z-index: 10; position: relative; }
.search h1 { text-align: center; color: #fff; font-size: 52px; font-weight: 300; margin-bottom: 30px; }
.search form { padding: 13px 18px; background: rgba(255,255,255,.3); max-width: 900px; margin: 0 auto; border-radius: 7px; display: flex; }
.search .textInput { margin-right: 1%; padding: 0 1.6%; }
.textInput, .selectInput { height: 50px; padding: 0 16px; border: 0; border-radius: 5px; color: #777; font: 20px 微软雅黑; }
.textInput:hover, .selectInput:hover, .textInput:focus, .selectInput:focus { box-shadow: 0 0 7px 0 rgba(2,2,2,.3); }
.textInput.error, .error.select2-container .select2-choice { background: #ffe4e4; color: #3d4f56; transition: background-color .3s ease-out; }
#searchForm .button { background: #0d4a9e; }
#searchForm .button:hover { background: #1a6dcc; }
.button { color: #fff; text-align: center; font-size: 16px; font-weight: 600; height: 40px; line-height: 40px; padding: 0 20px; border: 0; border-radius: 3px; background-color: #0d4a9e; transition: background-color .3s ease-out; }
.button:hover, .button:focus, .button:active { background-color: #1a6dcc; }
a.button { display: inline-block; }
.button.large { height: 50px; line-height: 50px; }
.checkcode { width: 200px; }
.checknumber { flex: 1; }
.vtext { text-shadow: -1px 2px 3px #111; letter-spacing: 8px; }
.search .search-form-wrapper { min-height: 90px; margin-top: 10px; }
.search p { font-size: 18px; font-weight: 300; text-align: center; color: #fff; }
.search p.visible-desktop { text-shadow: -1px 2px 3px #000; background: rgba(22,100,173,.6); padding: 5px 0; max-width: 780px; margin: 0 auto; }
.search .button { width: 100px; padding: 0 2%; vertical-align: top; font-size: 24px; font-weight: 400; cursor: pointer; }
.search-result { padding: 80px 0; text-align: center; background-color: #f2f2f2; }
.search-result > .wrap p { max-width: 930px; margin: 0 auto 55px; font-size: 18px; line-height: 26px; }
.result-info { text-align: center; color: #666; font-size: 18px; }
.result-info span { color: red; font-weight: bold; }
.c_result_title { margin-bottom: 30px; width: 100%; text-align: center; font-size: 40px; line-height: 1.6; font-weight: bold; color: #374b75; }
.result-info table { margin: 0 auto; max-width: 750px; width: 100%; font-size: 16px; }
.result-info table th { width: 180px; vertical-align: top; border-bottom: 1px solid #eee; }
.result-info table th, .result-info table td { padding: 10px 20px; font-weight: bold; color: #666; word-break: break-all; overflow-wrap: break-word; }
.result-info table th div:first-child { float: left; text-align: left; }
.result-info table th div:last-child { float: right; text-align: right; }
.result-info table td { vertical-align: top; border-bottom: 1px solid #eee; }
.result-info table td div:first-child { text-align: left; color: #666; }
.result-info table td div:last-child { text-align: left; font-weight: normal; color: #888; }
#footerNav { margin-top: 15px; }
#footerNav ul { text-align: center; margin-bottom: 40px; }
#footerNav li { display: inline-block; padding-right: 10px; line-height: 14px; }
#footerNav li::before { content: "|"; color: #50646c; margin-right: 10px; }
#footerNav :first-child::before { display: none; }
#footerNav li a { color: #50646c; font-size: 14px; line-height: 14px; }
#footerNav li a:hover, #footerNav li a:active { color: #009bd2; text-decoration: none; }
.copyright { font-size: 13px; text-align: center; margin-bottom: 40px; }
.copyright a { font-weight: 300; color: #3d4f56 !important; }
@media (max-width: 768px) {
  .c_result_title { margin-bottom: 20px; width: 100%; text-align: center; font-size: 30px; line-height: 1.6; font-weight: bold; color: #374b75; }
  .search h1 { font-size: 40px; line-height: 46px; padding: 0 20px; }
  .search p { padding: 0 20px; font-size: 16px; }
}
@media (max-width: 576px) {
  .toplogo { float: left; text-align: left; font-size: 16px; height: 60px; margin-bottom: 0; }
  .logo-info { float: left; height: 60px; line-height: 50px; font-size: 14px; color: #444; }
  .toptel { display: none; }
  .search h1 { font-size: 25px; margin-bottom: 20px; line-height: 30px; }
  .search p { font-size: 14px; }
  .search { padding: 15% 0 0; }
  .search p.visible-mobile { display: block; margin-bottom: 50px; }
  .search p.visible-desktop { display: none; }
  .search .content { padding: 0; }
  .search form { padding: 10%; border-radius: 0; margin-bottom: 0; flex-wrap: wrap; }
  .search .textInput, .search .selectInput, .search .button { width: 100%; max-width: 100%; margin: 0 auto 20px; }
  .how-it-works .content { padding: 0; }
  .how-it-works h1, .how-it-works h3, .how-it-works p { padding: 0 20px; }
  .search::after { display: none; }
  .search .search-form-wrapper { min-height: 90px; }
  .search form.fixedForm { padding: 20px; }
  .search-result { padding: 40px 0; }
  .search-result > .content { padding: 0 15px; }
  .c_result_title { margin-bottom: 20px; width: 100%; text-align: center; font-size: 22px; line-height: 1.6; font-weight: bold; color: #374b75; }
  .result-info table { font-size: 12px; }
  .result-info table th { width: 150px; vertical-align: top; border-bottom: 1px solid #eee; }
  .result-info table td { word-break: break-all; overflow-wrap: break-word; }
}