@charset "UTF-8";
:root { --main-color: #1051A1; --sub-color: #D70C19; }

* { box-sizing: border-box; margin: 0; padding: 0; }

@media (min-width: 1600px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl { max-width: 1520px; } }
@media (min-width: 1700px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl { max-width: 1620px; } }
body { font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体", sans-serif; font-size: 14px; overflow-x: hidden; padding-top: 90px; color: #4C4C4C; }

p { margin: 0; }

td, th, caption { font-size: 14px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: bold; }

a, a:visited, a:focus, a:hover { text-decoration: none; color: #333; }

img { max-width: 100%; vertical-align: middle; }

ol, ul, li { padding: 0; list-style: none; }

input, textarea, select, button { font-family: inherit; font-size: 14px; line-height: normal; vertical-align: middle; outline: none; }

button { cursor: pointer; }

table { border-collapse: collapse; }

video { object-fit: contain; }

.fl { float: left; }

.fr { float: right; }

.clear { clear: both; }

.public-header { line-height: 90px; position: fixed; z-index: 99; top: 0; right: 0; left: 0; box-sizing: border-box; height: 90px; background: #FFF; }
.public-header .block { box-sizing: border-box; width: 100%; padding-right: 78px; padding-left: 78px; }
.public-header .body-box { box-sizing: border-box; }
.public-header .body-box .logo-box { float: left; }
.public-header .body-box .link-box { float: right; }
.public-header .body-box .search-box { float: right; margin-left: 48px; }
.public-header .body-box li { float: left; margin-left: 60px; text-align: center; }
.public-header .body-box li a { font-size: 16px; font-weight: 400; line-height: 22px; position: relative; display: inline-block; width: 100%; height: 22px; vertical-align: middle; color: #333; }
.public-header .body-box li a:before { position: absolute; bottom: -10px; left: 50%; width: 0; height: 2px; margin-left: 0; content: ""; transition: all 0.3s; background: var(--main-color); }
.public-header .body-box li:hover a, .public-header .body-box li.active a { color: var(--main-color); }
.public-header .body-box li:hover a:before, .public-header .body-box li.active a:before { bottom: -10px; width: 100%; margin-left: -50%; }
.public-header .body-box li.active a span { transform: translate(0, -22px); }
.public-header.active { line-height: 80px; width: 100%; height: 80px; -webkit-animation: tem50_headerdonghua .5s; animation: tem50_headerdonghua .5s; box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); }
.public-header.active .body-box .logo-box img { height: 38px; }

@-webkit-keyframes tem50_headerdonghua { 0% { top: -100px; }
  100% { top: 0; } }
@keyframes tem50_headerdonghua { 0% { top: -100px; }
  100% { top: 0; } }
.public-footer { padding-top: 60px; background: #333; }
.public-footer .body-box { padding-bottom: 60px; }
.public-footer .left-box { float: left; width: 64%; }
.public-footer .left-box dl { float: left; width: 25%; }
.public-footer .left-box dl dt { font-size: 18px; margin-bottom: 20px; color: #FFF; }
.public-footer .left-box dl dd a { font-size: 14px; line-height: 2.2; color: rgba(255, 255, 255, 0.4); }
.public-footer .left-box dl dd a:hover { color: #FFF; }
.public-footer .right-box { float: left; width: 396px; }
.public-footer .right-box h3 { font-size: 18px; font-weight: 400; margin-bottom: 20px; color: #FFF; }
.public-footer .right-box .txt_1 { font-size: 14px; line-height: 1; margin-bottom: 20px; color: rgba(255, 255, 255, 0.4); }
.public-footer .right-box .txt_1 span { font-size: 36px; letter-spacing: -1px; color: #FFF; }
.public-footer .right-box .txt_2 { font-size: 14px; line-height: 1.8; color: rgba(255, 255, 255, 0.4); }
.public-footer .right-box .txt_2 span { font-size: 18px; }
.public-footer .er-box { float: right; }
.public-footer .er-box p { font-size: 18px; font-weight: 400; margin-bottom: 20px; color: #FFF; }
.public-footer .er-box img { width: 102px; height: 102px; }
.public-footer .copy-box { line-height: 84px; overflow: hidden; height: 84px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.public-footer .copy-box ul { float: right; }
.public-footer .copy-box ul li { float: left; }
.public-footer .copy-box ul li a { font-size: 16px; color: rgba(255, 255, 255, 0.4); }
.public-footer .copy-box ul li a:hover { color: #FFF; }
.public-footer .copy-box ul li em { font-style: normal; display: inline-block; margin-right: 35px; margin-left: 35px; color: rgba(255, 255, 255, 0.4); }
.public-footer .copy-box p { float: left; color: rgba(255, 255, 255, 0.4); }
.public-footer .copy-box p a { display: inline-block; margin-left: 10px; opacity: .4; color: #FFF !important; }
.public-footer .copy-box p a:hover { opacity: 1; }
.public-footer .copy-box p a.member { color: transparent !important; }
.public-footer .copy-box p a.member:hover { color: inherit !important; }

#top { line-height: 48px; position: fixed; z-index: 996; right: 40px; bottom: 100px; display: none; width: 48px; height: 48px; transition: all .5s; text-align: center; background: #1A1A1A; }
#top img { width: 30px; }
#top:hover { background: #D8262C; }

@media screen and (max-width: 1700px) { .public-header .block { padding-right: 50px; padding-left: 50px; }
  .public-header .body-box.block { width: 1300px; }
  .public-header .body-box li { margin-left: 40px; }
  .public-footer .left-box { width: 56%; }
  .public-footer .copy-box .block { width: 1300px; } }

/*# sourceMappingURL=common.css.map */