@charset "UTF-8";
.pager, .pager a, .table td.center {text-align: center}
.table i, img {vertical-align: middle}
body, button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, input, li, ol, p, td, th, ul {margin: 0;padding: 0}
body, button, input, select, textarea {font: 12px/1.5 "Microsoft YaHei", PingFangSC-Light, "PingFang SC", SimSun, Arial}
body {color: #222;background: #fff}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 400}
html {overflow-y: scroll}
ol, ul {list-style: none}
em {font-style: normal;color: #999}
img {border: 0;-ms-interpolation-mode: bicubic}
button, input, select, textarea {outline: 0;}
input[type="checkbox"] {vertical-align: middle;}
table {border-spacing: 0;border-collapse: collapse}
textarea {resize: none}
a {text-decoration: none;color: #666}
a:hover {color: #08c}
a:focus {outline: 0}
.clearfix {*zoom: 1}
.clearfix:after, .clearfix:before {content: "";display: table}
.clearfix:after {clear: both}
.clear {font-size: 0;line-height: 0;overflow: hidden}
.fl {float: left}
.fr {float: right}
.dpn {display: none}
.autohide {overflow: hidden;white-space: nowrap;word-break: keep-all;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.placeholder {color: #d9d9d9}
::-webkit-input-placeholder {color: #d9d9d9}
::-moz-placeholder {color: #d9d9d9}
:-moz-placeholder {color: #d9d9d9}
:-ms-input-placeholder {color: #d9d9d9}
/* ========== Header ========== */
.site-header {background-image: url("/statics/img/bg.png");background-size: cover;background-position: center;padding: 13px 0 40px;color: #fff;}
.header-inner {max-width: 1240px;margin: 0 auto;padding: 0 20px;}
.header-logo {text-align: left;margin-bottom: 15px;}
.header-logo img {height: auto;}
.header-center {text-align: center;}
.header-title {font-size: 42px;margin-bottom: 20px;letter-spacing: 1px;}
.header-title span { }
.search-wrapper {max-width: 880px;margin: 0 auto 15px;display: flex;background: #fff;border-radius: 6px;overflow: hidden;height: 46px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);}
.search-wrapper input {flex: 1;border: none;padding: 0 18px;font-size: 16px;outline: none;color: #555;}
.search-wrapper input::placeholder {color: #B8B8B8;}
.search-wrapper button {background: #0066FF;color: #fff;border: 1px solid #0066FF;padding: 0 26px 0 22px;cursor: pointer;font-size: 16px;display: flex;align-items: center;}
.search-wrapper button:hover { background-color: #1a6fcf; }
.search-wrapper button i {display: inline-block;width: 28px;height: 28px;background-image: url("/statics/img/ico-search.png");background-size: contain;background-repeat: no-repeat;background-position: center;vertical-align: middle;margin-right: 4px;}
.search-links {display: flex;justify-content: center;gap: 46px;font-size: 12px;}
.search-links-wrap {position: relative;display: inline-block;}
.search-links-wrap .triangle {position: absolute;top: -15px;left: 0;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;transition: left 0.3s ease;pointer-events: none;}
.search-links a {color: #b0c4de;display: flex;align-items: center;font-size: 16px;gap: 4px;transition: color 0.2s;}
.search-links a:hover { color: #fff; }
.search-links a i {display: inline-block;width: 26px;height: 26px;background-size: contain;background-repeat: no-repeat;background-position: center;}
.ico-bd { background-image: url("/statics/img/ico-bd.png"); }
.ico-sg { background-image: url("/statics/img/ico-sg.png"); }
.ico-bi { background-image: url("/statics/img/ico-bi.png"); }
.ico-so { background-image: url("/statics/img/ico-so.png"); }
.ico-sm { background-image: url("/statics/img/ico-sm.png"); }
.ico-tt { background-image: url("/statics/img/ico-tt.png"); }
/* ========== Main ========== */
.site-main {background: #F5F8FA url("/statics/img/bg1.png") center top / cover no-repeat;}
/* ========== Footer ========== */
.site-footer {text-align: center;background: #21292F;padding: 16px 0;}
.site-footer p {color: #94989B;font-size: 12px;line-height: 18px;}
/* ========== Back to top ========== */
.gotop {display: none;position: fixed;bottom: 60px;left: calc(50% + 640px + 20px);width: 42px;height: 42px;border-radius: 50%;align-items: center;justify-content: center;cursor: pointer;z-index: 999;transition: background 0.2s;text-decoration: none;}
.ico-top {display: inline-block;width: 100%;height: 100%;background-image: url("/statics/img/ico-top.png");background-size: contain;background-repeat: no-repeat;background-position: center;}