blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {margin: 0;padding: 0;}html {color: #000;}body, button, input, select, textarea {font-size: 12px;font-family: Arial, sans-serif;}h1, h2, h3, h4, h5, h6 {font-size: 100%;}em {font-style: normal;}small {font-size: 12px;}ol, ul {list-style: none;}a {text-decoration: none;}a:hover {text-decoration: underline;}fieldset, img {border: 0;}button, input, select, textarea {font-size: 100%;}table {border-collapse: collapse;border-spacing: 0;}img {-ms-interpolation-mode: bicubic;}textarea {resize: vertical;}.left {float: left;}.right {float: right;}.overflow {overflow: hidden;}.hide {display: none;}.block {display: block;}.inline {display: inline;}.error {color: red;font-size: 12px;}button, label {cursor: pointer;}.clearfix:after {content: "\20";display: block;height: 0;clear: both;}.clearfix {zoom: 1;}.clear {clear: both;height: 0;line-height: 0;font-size: 0;visibility: hidden;overflow: hidden;}.wordwrap {word-break: break-all;word-wrap: break-word;}.s-yahei {font-family: arial, "Microsoft Yahei", "微软雅黑";}pre.wordwrap {white-space: pre-wrap;}td {text-align: left;}img {border: 0;}body {background: #f4f4f4;box-sizing: border-box;}.header {width: 100%;height: 50px;background: #000;border-color: #080808;border-bottom: 1px solid #212121;padding: 0 15px;position: sticky;top: 0;z-index: 9;box-sizing: border-box;display: flex;justify-content: flex-end;align-items: center;}.mobile-more {background: transparent;background-image: none;border: 1px solid #333;border-radius: 4px;padding: 3px 5px;cursor: pointer;display: none;}.mobile-nav {position: absolute;left: 0;top: 50px;width: 100%;background: #fff;display: none;}.mobile-nav li {line-height: 38px;font-size: 16px;color: #69696d;cursor: pointer;padding-left: 18px;border-bottom: 1px solid #d2d2df;}.mobile-nav li .iconfont {margin-right: 8px;}.mobile-nav li.on {color: #337ab7;}.icon-mulu {font-size: 30px;color: #fff;}.mobile-more:hover {background: rgba(255, 255, 255, 0.3);}.mobile-more.on {background: rgba(255, 255, 255, 0.3);}.banner {height: 404px;padding-right: 0;padding-left: 0;background-position: center 0%;background-repeat: no-repeat;background-color: #17181c;width: 100%;margin-right: auto;margin-left: auto;}.baniframe {width: 100%;height: 100%;border-width: 0px;}.nav {position: sticky;top: 50px;background: #fff;color: #69696d;font-size: 16px;width: 100%;height: 50px;line-height: 50px;box-shadow: 0 1px 3px rgb(0 0 0 / 7%);z-index: 5;display: flex;justify-content: center;align-items: center;}.nav > div {position: relative;width: auto;}.nav > div .underline {position: absolute;display: block;left: 0;bottom: 0;width: 0;height: 2px;background: #356fb8;transition: all 0.5s;}.nav a {padding: 0 10px;text-decoration: none;cursor: pointer;transition: width 1s;position: relative;}.nav a:before {content: "|";display: block;width: 1px;line-height: 17px;text-align: center;position: absolute;left: 0;top: 0;color: #69696d;}.nav a:first-child:before {display: none;}.nav a:hover, .nav a.on {color: #337ab7;}.nav .iconfont {margin-right: 5px;transition: all 0.5s;}.container {background: #f4f4f4;padding-top: 10px;margin-bottom: 70px;}.section {display: none;width: 1170px;margin: 0 auto;}.main {padding-bottom: 30px;display: grid;grid-template-columns: repeat(auto-fill, 277.5px);justify-items: center;justify-content: center;gap: 20px;}.main > div {width: 100%;background: #fff;border-radius: 5px;box-shadow: 0 1px 3px rgb(0 0 0 / 18%);transition: all 1s ease-in;cursor: pointer;overflow: hidden;box-sizing: border-box;}.main > div:hover {box-shadow: 0 1px 1px rgb(0 0 0 / 70%);}.main > div:hover img {transform: scale(1.05);}.main > div img {width: 100%;height: 100%;transition: all 1s ease 0s;}.main > div > div:first-child {width: 100%;height: 172px;box-sizing: border-box;border: 10px solid transparent;}.main > div > div:last-child {padding: 10px;text-align: left;}.main > div > div a {font-size: 14px;color: #60bde8;font-weight: bold;cursor: pointer;}.main > div > div p {margin-top: 8px;font-size: 14px;color: #838383;}.footer {position: fixed;left: 0;bottom: 0;z-index: 6;width: 100%;padding: 15px 0;border-top: 1px solid #303030;background-color: #1e1e1e;border-color: #080808;display: flex;flex-direction: column;justify-content: center;color: #a9a9a9;text-align: center;}.footer p:first-child {margin-bottom: 7px;}.footer a {color: #a9a9a9;}.main--wrapper {background: #fff;height: auto;width: 100%;text-align: left;display: none;}.main-wrapper ul {padding: 20px 0;}.main-wrapper li {display: inline-block;width: 280px;padding-right: 5px;padding-left: 5px;margin-bottom: 8px;}.c-btn:before, .c-btn:after {content: "";display: block;position: absolute;}.c-btn--border-line:after, .c-btn--border-line:before {box-sizing: border-box;border: 1px solid transparent;width: 0;height: 0;}.c-btn--border-line:after {top: 0;left: 0;transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;}.c-btn--border-line:before {bottom: 0;right: 0;transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;}.c-btn--border-line:hover:after {border-top-color: #367dff;border-right-color: #367dff;transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;}.c-btn--border-line:hover:before {border-bottom-color: #367dff;border-left-color: #367dff;transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}.c-btn--border-line:hover:after, .c-btn--border-line:hover:before {width: 100%;height: 100%;}.main-wrapper a {border: 1px solid #ededed;font-size: 16px;color: #69696d;padding: 0 20px 0 40px;margin: 0 10px;display: block;line-height: 40px;transition: all 0.6s ease-in;background: none;box-sizing: border-box;box-shadow: inset 0 0 0 0px transparent;position: relative;height: 100%;cursor: pointer;}.main-wrapper a:hover {color: #1769ff;border: 1px solid #367dff;text-decoration: none;outline: 0;}.main-wrapper .iconfont {padding-right: 10px;font-size: 18px;}@media screen and (max-width: 568px) {.nav > div {display: none;}.mobile-more {display: block;}}@media screen and (max-width: 768px) {.section {width: 90%;padding: 0 5%;}.nav .iconfont {display: none;}}@media screen and (min-width: 568px) {.mobile-nav {display: none !important;}}@media screen and (min-width: 768px) {.section {width: 90%;padding: 0 5%;}}@media screen and (min-width: 1200px) {.section {width: 1170px;padding: 0;}}