@charset "utf-8"; html, body { margin: 0; padding: 0; width: 100%; height: auto; min-height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #fff; cursor: default; } html, button, input, select, textarea { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; } a { color: #333; text-decoration: none; transition: color 0.3s ease-in-out; } a:hover { color: #666; text-decoration: none; } *:focus { outline: none; } ul, li { margin: 0; padding: 0; list-style: none; } p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; } table { border-spacing: 0; border-collapse: separate; } td { padding: 0; } .page-header { width: 100vw; height: 4.5833333333vw; box-sizing: border-box; padding: 0 4.6875vw; background-color: rgba(255, 255, 255, 0.8); display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; z-index: 1000; } .page-header .logo { width: 10.4166666667vw; height: 100%; background: url("../images/logo.png") no-repeat 50% 50%; background-size: 100% auto; } .page-header .main-menu { display: flex; height: 100%; padding-left: 4.5833333333vw; } .page-header .main-menu .root { width: 8.3333333333vw; font-size: 0.9375vw; line-height: 4.5833333333vw; } .page-header .main-menu .root:nth-child(1) { width: 6.4583333333vw; } .page-header .main-menu .root:nth-child(2) { width: 9.2708333333vw; } .page-header .main-menu .root a { display: block; color: #333333; } .page-header .main-menu .root a.active { font-weight: bold; color: #00479d; } .page-header .main-menu .root a:hover { color: #00479d; } .page-header .search-block { display: flex; width: 10.4166666667vw; justify-content: flex-end; align-items: center; } .page-header .search-block .follow { font-size: 0.9375vw; position: relative; } .page-header .search-block .follow .icon-down { font-size: 0.5208333333vw; margin-left: 0.1041666667vw; } .page-header .search-block .follow img { width: 7.8125vw; height: auto; opacity: 0; visibility: hidden; position: absolute; top: 90%; left: 50%; transform: translateX(-50%); transition: all 0.3s ease-in-out; } .page-header .search-block .follow:hover img { top: 120%; opacity: 1; visibility: visible; } .page-header .search-block .icon-search { font-size: 1.1458333333vw; margin-left: 0.7291666667vw; cursor: pointer; } .page-header .search-block .search { width: 0; overflow: hidden; opacity: 0; visibility: hidden; } .page-header .search-block #m-menu, .page-header .search-block #m-icon-search { display: none; } .page-header .sub-menu-block { display: flex; justify-content: center; width: 100vw; height: 0; background-color: rgba(0, 71, 157, 0.9); position: absolute; top: 4.5833333333vw; left: 0; overflow: hidden; opacity: 0; transition: all 0.3s ease-in-out; } .page-header .sub-menu-block.active { padding: 0.8333333333vw 0 2.0833333333vw 0; height: auto; opacity: 1; } .page-header .sub-menu-block .sub-menu { display: flex; padding-left: 4.5833333333vw; } .page-header .sub-menu-block .sub-menu li { width: 8.3333333333vw; min-height: 20px; font-size: 0.8333333333vw; } .page-header .sub-menu-block .sub-menu li:nth-child(1) { width: 6.4583333333vw; } .page-header .sub-menu-block .sub-menu li:nth-child(2) { width: 9.2708333333vw; } .page-header .sub-menu-block .sub-menu li a { display: block; width: 80%; line-height: 1.4583333333vw; margin-bottom: 0.3125vw; color: #ccdaeb; } .page-header .sub-menu-block .sub-menu li a.active, .page-header .sub-menu-block .sub-menu li a:hover { color: #fff; text-shadow: 0 0 3px rgba(255, 255, 255, 0.6); } .page-header #main-menu-block, .page-header #m-search-block { display: none; } .search { display: inline-flex; align-items: center; height: 2.3958333333vw; transform: skew(-10deg); border: 0.1041666667vw solid #fff; border-radius: 1.0416666667vw 0 1.0416666667vw 0; box-sizing: border-box; color: #fff; } .search * { transform: skew(10deg); } .search .iconfont { font-size: 1.0416666667vw; margin-right: 0.3125vw; cursor: pointer; } .search input { width: 0; flex-grow: 1; height: 70%; font-size: 0.8333333333vw; color: #fff; margin-right: 0.7291666667vw; background-color: transparent; border: 0; } .page-footer { color: #99b5d8; padding: 3.125vw 11.4583333333vw 0 11.4583333333vw; background-color: #00479d; } .page-footer a { color: #99b5d8; } .page-footer a:hover { color: #fff; } .page-footer .logo-block { display: flex; justify-content: space-between; align-items: center; height: 2.8125vw; margin-bottom: 2.6041666667vw; } .page-footer .logo-block .m-hot-line { display: none; } .page-footer .logo-block .logo { width: 15.625vw; height: 100%; } .page-footer .logo-block .logo img { width: 100%; height: auto; } .page-footer .logo-block .search-block { display: inline-flex; align-items: center; font-size: 0.8333333333vw; color: #fff; } .page-footer .logo-block .search-block .iconfont { font-size: 1.4583333333vw; margin: 0 0.7291666667vw; color: #fff; position: relative; cursor: pointer; } .page-footer .logo-block .search-block .iconfont img { position: absolute; bottom: 90%; left: 50%; height: 10vw; transform: translateX(-50%); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .page-footer .logo-block .search-block .iconfont:hover img { bottom: 120%; opacity: 1; visibility: visible; } .page-footer .logo-block .search-block .search { width: 9.6354166667vw; margin-left: 2.0833333333vw; } .page-footer .footer-menu { display: flex; justify-content: space-between; margin-bottom: 3.125vw; } .page-footer .footer-menu .contact { display: flex; flex-direction: column; justify-content: space-between; width: 17.7083333333vw; height: 9.1666666667vw; margin-right: 5.2083333333vw; font-size: 0.9375vw; } .page-footer .footer-menu .contact .hot-line { color: #fff; } .page-footer .footer-menu .contact .hot-line .tel { font-size: 1.5625vw; color: #fff; } .page-footer .footer-menu .contact .icon-location { line-height: 1.3541666667vw; font-size: 0.8333333333vw; } .page-footer .footer-menu .contact .zixun { display: flex; width: 6.4583333333vw; height: 1.5625vw; border-radius: 0.78125vw; overflow: hidden; cursor: pointer; } .page-footer .footer-menu .contact .zixun .iconfont { display: flex; justify-content: center; align-items: center; width: 1.7708333333vw; height: 1.5625vw; font-size: 0.9375vw; background-color: rgba(255, 255, 255, 0.1); color: #fff; } .page-footer .footer-menu .contact .zixun span { display: flex; justify-content: center; align-items: center; width: 0; flex-grow: 1; background-color: rgba(255, 255, 255, 0.8); font-size: 0.7291666667vw; color: #00479d; padding-right: 0.2083333333vw; } .page-footer .footer-menu .menu { display: flex; } .page-footer .footer-menu .menu li { width: 6.3541666667vw; margin-right: 2.7083333333vw; } .page-footer .footer-menu .menu li:nth-child(1), .page-footer .footer-menu .menu li:nth-child(3) { width: 12.0833333333vw; } .page-footer .footer-menu .menu li:last-child { margin-right: 0; } .page-footer .footer-menu .menu li .root { display: block; line-height: 1.6666666667vw; font-size: 0.9375vw; padding-bottom: 0.5208333333vw; border-bottom: 2px solid rgba(255, 255, 255, 0.2); margin-bottom: 0.9375vw; border-radius: 0 0 0.5208333333vw 0; color: #fff; } .page-footer .footer-menu .menu li .sub-menu { height: 6.25vw; } .page-footer .footer-menu .menu li .sub-menu a { display: block; width: 6.0416666667vw; line-height: 1.5625vw; font-size: 0.78125vw; float: left; } .page-footer .copyright { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #336cb1; height: 3.6458333333vw; font-size: 0.625vw; } .page-footer .copyright .m { display: none; } .page-footer .copyright .go-top { display: inline-flex; flex-direction: column; align-items: center; font-size: 0.625vw; margin-left: 0.8333333333vw; cursor: pointer; } .page-footer .copyright .go-top::before { font-size: 0.9375vw; color: #fff; } .nums { display: flex; width: 100%; } .nums li { flex-grow: 1; padding-left: 2.2916666667vw; position: relative; } .nums li::before { content: ""; width: 1.875vw; height: 1.875vw; position: absolute; top: 0; left: 0; background: url("../images/index/content_01_icons.png") no-repeat; background-size: auto 1.875vw; } .nums li:nth-child(1)::before { background-position: 0 0; } .nums li:nth-child(2)::before { background-position: -1.875vw 0; } .nums li:nth-child(3)::before { background-position: -3.75vw 0; } .nums li .nt { display: block; line-height: 1.875vw; font-size: 0.8333333333vw; color: #333; } .nums li .num { display: flex; align-items: center; font-size: 2.9166666667vw; } .nums li .num label { font-size: 1.1458333333vw; margin-left: 0.2083333333vw; } .pagination { display: flex; justify-content: center; align-items: center; padding-top: 1.5625vw; } .pagination .btn { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 1.9791666667vw; height: 1.9791666667vw; margin: 0 0.15625vw; font-size: 0.8333333333vw; background-color: #fff; border: 1px solid #f2f2f2; color: #666; border-radius: 0.2083333333vw; transition: all 0.3s ease-in-out; } .pagination .btn:hover, .pagination .btn.active { color: #fff; background-color: #00479d; border-color: #00479d; } .pagination .btn.prev, .pagination .btn.next { padding: 0 0.8333333333vw; } .detail-page .detail-placeholder { width: 100vw; height: 4.5833333333vw; } .detail-page .inner-menu { background-color: #f5f5f5; } .not-data { width: 100%; padding-top: 5.2083333333vw; height: 10.4166666667vw; text-align: center; font-size: 1.0416666667vw; color: #666; } .not-data::after { content: "暂无数据"; } @media screen and (max-width: 768px) { ::-webkit-scrollbar { width: 0; height: 0; } .page-header { height: 13.3333333333vw; padding: 0 4vw; } .page-header .logo { width: 26.6666666667vw; height: 4.8vw; } .page-header .main-menu { display: none; } .page-header .search-block { width: auto; color: #666; } .page-header .search-block .follow { font-size: 3.2vw; } .page-header .search-block .follow .icon-down { font-size: 1.3333333333vw; margin-left: 0.2666666667vw; } .page-header .search-block .follow img { width: 20vw; } .page-header .search-block .icon-search { font-size: 3.6vw; margin-left: 1.8666666667vw; } .page-header .search-block #m-menu { display: block; margin-left: 4vw; font-size: 5.3333333333vw; } .page-header .search-block #m-icon-search { display: block; } .page-header .search-block #icon-search { display: none; } .page-header .sub-menu-block { display: none; } .page-header #main-menu-block { display: block; box-sizing: border-box; width: 100vw; padding: 0 4.8vw 13.3333333333vw 4.8vw; background-color: #00479d; position: fixed; top: 0; left: 0; z-index: 1000; transition: all 0.3s ease-in-out; transform: translateY(-100%); } .page-header #main-menu-block.active { transform: translateY(0); } .page-header #main-menu-block .header { display: flex; justify-content: space-between; align-items: center; height: 17.3333333333vw; } .page-header #main-menu-block .header #m-close { width: 8vw; line-height: 8vw; text-align: right; font-size: 3.4666666667vw; color: rgba(255, 255, 255, 0.5); } .page-header #main-menu-block .menu { border-bottom: 1px dashed #336cb1; } .page-header #main-menu-block .menu .root { padding: 0 1.3333333333vw; border-top: 1px dashed #336cb1; } .page-header #main-menu-block .menu .root .btn { display: flex; justify-content: space-between; align-items: center; height: 12vw; font-size: 4vw; color: #fff; } .page-header #main-menu-block .menu .root .btn.active { text-shadow: 1px 1px rgba(0, 0, 0, 0.8); } .page-header #main-menu-block .menu .root .btn .menu-icon { font-size: 4vw; } .page-header #main-menu-block .menu .root .sub { height: 0; overflow: hidden; } .page-header #main-menu-block .menu .root .sub.active { height: auto; padding: 0 1.8666666667vw 5.3333333333vw 1.8666666667vw; } .page-header #main-menu-block .menu .root .sub .item a { display: flex; height: 8vw; align-items: center; font-size: 3.4666666667vw; color: #80a3ce; } .page-header #main-menu-block .menu .root .sub .item a::before { content: "·"; font-weight: bold; margin-right: 1.0666666667vw; } .page-header #m-search-block { display: flex; align-items: center; width: 100vw; height: 13.3333333333vw; box-sizing: border-box; padding: 0 4vw; position: absolute; top: 13.3333333333vw; left: 0; z-index: 1000; background-color: rgba(255, 255, 255, 0.8); transition: all 0.3s ease-in-out; transform: translateY(-100%); opacity: 0; visibility: hidden; } .page-header #m-search-block.show { transform: translateY(0); opacity: 1; visibility: visible; } .page-header #m-search-block .search { display: flex; width: 100%; height: 9.3333333333vw; border: 0.2666666667vw solid #666; border-radius: 2.6666666667vw 0 2.6666666667vw 0; } .page-header #m-search-block .search .iconfont { width: 9.3333333333vw; line-height: 9.3333333333vw; text-align: center; font-size: 5.3333333333vw; color: #666; } .page-header #m-search-block .search input { font-size: 3.7333333333vw; color: #000; } .page-header #m-search-block .search-mask { width: 100%; height: calc(100vh - 26.6666666667vw); position: absolute; top: 13.3333333333vw; left: 0; } .nums li { padding-left: 6.6666666667vw; } .nums li::before { content: ""; width: 4.8vw; height: 4.8vw; background-size: auto 4.8vw; } .nums li:nth-child(1)::before { background-position: 0 0; } .nums li:nth-child(2)::before { background-position: -4.8vw 0; } .nums li:nth-child(3)::before { background-position: -9.6vw 0; } .nums li .nt { line-height: 4.8vw; font-size: 2.9333333333vw; } .nums li .num { font-size: 7.4666666667vw; } .nums li .num label { font-size: 3.2vw; margin-left: 1.3333333333vw; } .page-footer { padding: 7.2vw 7.3333333333vw 0 2.8645833333vw; position: relative; } .page-footer .logo-block { flex-direction: column; height: auto; } .page-footer .logo-block .logo { width: 32vw; margin-bottom: 2.1333333333vw; } .page-footer .logo-block .m-hot-line { display: block; line-height: 7.2vw; font-size: 2.9333333333vw; color: #fff; } .page-footer .logo-block .m-hot-line a { color: #fff; font-size: 3.4666666667vw; } .page-footer .logo-block .search-block .iconfont { font-size: 3.2vw; margin: 0 2.1333333333vw; } .page-footer .logo-block .search-block .iconfont img { height: 25.6vw; } .page-footer .logo-block .search-block .search { display: none; } .page-footer .footer-menu { display: none; } .page-footer .copyright { height: auto; } .page-footer .copyright .pc { display: none !important; } .page-footer .copyright .m { display: block; width: 100%; padding: 1.6vw 0 2.6666666667vw 0; line-height: 3.4666666667vw; text-align: center; font-size: 2.1333333333vw; } .page-footer .copyright .m .go-top { position: absolute; right: 7.3333333333vw; top: 7.2vw; font-size: 1.8666666667vw; } .page-footer .copyright .m .go-top::before { font-size: 2.1333333333vw; } .detail-page .detail-placeholder { height: 13.3333333333vw; } .not-data { font-size: 3.7333333333vw; } .pagination .btn { min-width: 5.0666666667vw; height: 5.0666666667vw; margin: 0 0.4vw; font-size: 2.1333333333vw; border-radius: 0.5333333333vw; } .pagination.prev, .pagination.next { padding: 0 2.1333333333vw; } } @media screen and (min-width: 769px) and (max-width: 1400px) { .page-header { height: 5.5vw; } .page-header .main-menu .root { line-height: 5.5vw; font-size: 1.2vw; } .page-header .main-menu .root a:hover { color: #333; } .page-header .main-menu .root a.cur { color: #00479d; } .page-header .sub-menu-block { top: 5.5vw; } .page-header .sub-menu-block .sub-menu li { font-size: 1vw; } .page-header .sub-menu-block .sub-menu li a { line-height: 1.7vw; } .detail-page .detail-placeholder { height: 5.5vw; } } .qywechat { display: flex; justify-content: center; align-items: flex-start; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000; background-color: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .qywechat .qrcode-block { display: flex; flex-direction: column; align-items: center; width: 15.625vw; padding: 1.4583333333vw 1.0416666667vw; box-sizing: border-box; background-color: #fff; border-radius: 8px; margin-top: 1.4583333333vw; font-size: 0.7291666667vw; position: relative; transition: all 0.3s ease-in-out; opacity: 0; transform: translateY(-10%); } .qywechat .qrcode-block .qrcode { width: 10.4166666667vw; } .qywechat .qrcode-block .title { line-height: 1.6666666667vw; color: #000; } .qywechat .qrcode-block .time { line-height: 1.3541666667vw; color: #f2ae15; } .qywechat .qrcode-block .desc { line-height: 1.1458333333vw; font-size: 0.625vw; color: #777; text-align: center; } .qywechat .qrcode-block .iconfont { font-size: 1.25vw; color: #fff; position: absolute; bottom: -2.0833333333vw; left: 50%; margin-left: -0.625vw; cursor: pointer; } .qywechat.active { opacity: 1; visibility: visible; } .qywechat.active .qrcode-block { opacity: 1; transform: translateY(0); }/*# sourceMappingURL=common.css.map */