@charset "utf-8"; article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, top, content { display: block; } * { margin: 0; padding: 0; box-sizing: border-box; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 1.25rem; } a { background: 0 0; color: inherit; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "“" "”" "‘" "’"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; display: block; max-width: 100%; } figure { margin: 0; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input, textarea { outline: none; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-spacing: 0; } dd, dl, ol, ul { list-style: none; padding: 0; margin: 0; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-size: inherit; margin: 0; } body, dd, dl, dt, form, h1, h2, h3, h4, li, ol, p, td, ul { margin: 0; padding: 0; font-size: 100%; } ol, ul { list-style: none; } a { text-decoration: none; } em { font-style: normal; } table { border-collapse: collapse; } h1, h2, h3 { font-weight: 400; } body { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: none; } del { text-shadow: none; } h2 input[type=checkbox] { margin-top: 4px; } body { background-color: #f1f1f1; margin: 0 auto; font-family: "微软雅黑",ff-tisa-web-pro-1,ff-tisa-web-pro-2; } table { border-collapse: collapse; border-spacing: 0; } .ui-lh { line-height: 1.6; } .ui-fl-r { float: right; } .ui-fl-l { float: left; } .ui-ta-c { text-align: center; } .ui-ta-l { text-align: left; } .ui-ta-r { text-align: right !important; } .ui-no-tap-highlight { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .ui-text-strong { font-weight: bold; } .ui-fw-n { font-weight: normal !important; } .ui-link-block { display: block; width: 100%; height: 100%; } .ui-d-b { display: block; } .ui-d-ib { display: inline-block; } .ui-d-n { display: none !important; } .ui-p-r { position: relative; } .ui-p-a { position: absolute; } .ui-b-n { border: none !important; } .ui-bb-n { border-bottom: none !important; } .ui-bt-n { border-top: none !important; } .ui-bb-standard { border-bottom: 1px solid #e5e5e5; } .ui-bt-standard { border-top: 1px solid #e5e5e5; } .ui-ov-h { overflow: hidden; } .ui-lh-standard { line-height: .7rem !important; } .ui-link-dih { height: 100%; display: inline-block; } .ui-d-wb { display: -webkit-box; display: box; } .ui-vtm { display: inline-block; vertical-align: middle; } .overlay { background-color: #000; filter: alpha(opacity=60); opacity: 0.6; width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 1024; -webkit-backface-visibility: hidden; } .ui-vv { visibility: visible; } .ui-vh { visibility: hidden; } .ui-wp { width: 100%; } .ui-hp { height: 100%; } .bg-s-c { background-size: cover; } .ub { display: -webkit-box; /* chrome 4 , safari 3.1, ios safari 3.2 */ display: -moz-box; /* firefox 17- */ display: -webkit-flex; /* chrome 21 , safari 6.1 , ios safari 7 , opera 15/16 */ display: -moz-flex; /* firefox 18 */ display: -ms-flexbox; /* ie 10 */ display: flex; } .ub-dr { -webkit-box-direction: reverse; } .ub-ac { -webkit-box-align: center; align-items: center; } .ub-ae { -webkit-box-align: end; align-items: flex-end; } .ub-pc { -webkit-box-pack: center; justify-content: center; } .ub-pj { -webkit-box-pack: justify; justify-content: space-between; } .ub-pe { -webkit-box-pack: end; justify-content: flex-end; } .ub-ov { box-orient: vertical; -webkit-box-orient: vertical; flex-direction: column; } .uf { display: flex; } .uf-ac { align-items: center; } .uf-jc { justify-content: center; } .uf-dc { flex-direction: column; } .flex-1 { box-flex: 1; -webkit-box-flex: 1; flex: 1; -webkit-flex: 1; } .flex-2 { box-flex: 2; -webkit-box-flex: 2; flex: 2; -webkit-flex: 2; } .flex-3 { box-flex: 3; -webkit-box-flex: 3; flex: 3; -webkit-flex: 3; } .flex-4 { box-flex: 4; -webkit-box-flex: 4; flex: 4; -webkit-flex: 4; } .ui-mx-4 { margin-left: 0.04rem; margin-right: 0.04rem; } .ui-my-4 { margin-top: 0.04rem; margin-bottom: 0.04rem; } .ui-mt-4 { margin-top: 0.04rem; } .ui-mr-4 { margin-right: 0.04rem; } .ui-mb-4 { margin-bottom: 0.04rem; } .ui-ml-4 { margin-left: 0.04rem; } .ui-px-4 { padding-left: 0.04rem; padding-right: 0.04rem; } .ui-py-4 { padding-top: 0.04rem; padding-bottom: 0.04rem; } .ui-pt-4 { padding-top: 0.04rem; } .ui-pr-4 { padding-right: 0.04rem; } .ui-pb-4 { padding-bottom: 0.04rem; } .ui-pl-4 { padding-left: 0.04rem; } .ui-mx-5 { margin-left: 0.05rem; margin-right: 0.05rem; } .ui-my-5 { margin-top: 0.05rem; margin-bottom: 0.05rem; } .ui-mt-5 { margin-top: 0.05rem; } .ui-mr-5 { margin-right: 0.05rem; } .ui-mb-5 { margin-bottom: 0.05rem; } .ui-ml-5 { margin-left: 0.05rem; } .ui-px-5 { padding-left: 0.05rem; padding-right: 0.05rem; } .ui-py-5 { padding-top: 0.05rem; padding-bottom: 0.05rem; } .ui-pt-5 { padding-top: 0.05rem; } .ui-pr-5 { padding-right: 0.05rem; } .ui-pb-5 { padding-bottom: 0.05rem; } .ui-pl-5 { padding-left: 0.05rem; } .ui-mx-6 { margin-left: 0.06rem; margin-right: 0.06rem; } .ui-my-6 { margin-top: 0.06rem; margin-bottom: 0.06rem; } .ui-mt-6 { margin-top: 0.06rem; } .ui-mr-6 { margin-right: 0.06rem; } .ui-mb-6 { margin-bottom: 0.06rem; } .ui-ml-6 { margin-left: 0.06rem; } .ui-px-6 { padding-left: 0.06rem; padding-right: 0.06rem; } .ui-py-6 { padding-top: 0.06rem; padding-bottom: 0.06rem; } .ui-pt-6 { padding-top: 0.06rem; } .ui-pr-6 { padding-right: 0.06rem; } .ui-pb-6 { padding-bottom: 0.06rem; } .ui-pl-6 { padding-left: 0.06rem; } .ui-mx-8 { margin-left: 0.08rem; margin-right: 0.08rem; } .ui-my-8 { margin-top: 0.08rem; margin-bottom: 0.08rem; } .ui-mt-8 { margin-top: 0.08rem; } .ui-mr-8 { margin-right: 0.08rem; } .ui-mb-8 { margin-bottom: 0.08rem; } .ui-ml-8 { margin-left: 0.08rem; } .ui-px-8 { padding-left: 0.08rem; padding-right: 0.08rem; } .ui-py-8 { padding-top: 0.08rem; padding-bottom: 0.08rem; } .ui-pt-8 { padding-top: 0.08rem; } .ui-pr-8 { padding-right: 0.08rem; } .ui-pb-8 { padding-bottom: 0.08rem; } .ui-pl-8 { padding-left: 0.08rem; } .ui-mx-10 { margin-left: 0.1rem; margin-right: 0.1rem; } .ui-my-10 { margin-top: 0.1rem; margin-bottom: 0.1rem; } .ui-mt-10 { margin-top: 0.1rem; } .ui-mr-10 { margin-right: 0.1rem; } .ui-mb-10 { margin-bottom: 0.1rem; } .ui-ml-10 { margin-left: 0.1rem; } .ui-px-10 { padding-left: 0.1rem; padding-right: 0.1rem; } .ui-py-10 { padding-top: 0.1rem; padding-bottom: 0.1rem; } .ui-pt-10 { padding-top: 0.1rem; } .ui-pr-10 { padding-right: 0.1rem; } .ui-pb-10 { padding-bottom: 0.1rem; } .ui-pl-10 { padding-left: 0.1rem; } .ui-mx-12 { margin-left: 0.12rem; margin-right: 0.12rem; } .ui-my-12 { margin-top: 0.12rem; margin-bottom: 0.12rem; } .ui-mt-12 { margin-top: 0.12rem; } .ui-mr-12 { margin-right: 0.12rem; } .ui-mb-12 { margin-bottom: 0.12rem; } .ui-ml-12 { margin-left: 0.12rem; } .ui-px-12 { padding-left: 0.12rem; padding-right: 0.12rem; } .ui-py-12 { padding-top: 0.12rem; padding-bottom: 0.12rem; } .ui-pt-12 { padding-top: 0.12rem; } .ui-pr-12 { padding-right: 0.12rem; } .ui-pb-12 { padding-bottom: 0.12rem; } .ui-pl-12 { padding-left: 0.12rem; } .ui-mx-14 { margin-left: 0.14rem; margin-right: 0.14rem; } .ui-my-14 { margin-top: 0.14rem; margin-bottom: 0.14rem; } .ui-mt-14 { margin-top: 0.14rem; } .ui-mr-14 { margin-right: 0.14rem; } .ui-mb-14 { margin-bottom: 0.14rem; } .ui-ml-14 { margin-left: 0.14rem; } .ui-px-14 { padding-left: 0.14rem; padding-right: 0.14rem; } .ui-py-14 { padding-top: 0.14rem; padding-bottom: 0.14rem; } .ui-pt-14 { padding-top: 0.14rem; } .ui-pr-14 { padding-right: 0.14rem; } .ui-pb-14 { padding-bottom: 0.14rem; } .ui-pl-14 { padding-left: 0.14rem; } .ui-mx-16 { margin-left: 0.16rem; margin-right: 0.16rem; } .ui-my-16 { margin-top: 0.16rem; margin-bottom: 0.16rem; } .ui-mt-16 { margin-top: 0.16rem; } .ui-mr-16 { margin-right: 0.16rem; } .ui-mb-16 { margin-bottom: 0.16rem; } .ui-ml-16 { margin-left: 0.16rem; } .ui-px-16 { padding-left: 0.16rem; padding-right: 0.16rem; } .ui-py-16 { padding-top: 0.16rem; padding-bottom: 0.16rem; } .ui-pt-16 { padding-top: 0.16rem; } .ui-pr-16 { padding-right: 0.16rem; } .ui-pb-16 { padding-bottom: 0.16rem; } .ui-pl-16 { padding-left: 0.16rem; } .ui-mx-18 { margin-left: 0.18rem; margin-right: 0.18rem; } .ui-my-18 { margin-top: 0.18rem; margin-bottom: 0.18rem; } .ui-mt-18 { margin-top: 0.18rem; } .ui-mr-18 { margin-right: 0.18rem; } .ui-mb-18 { margin-bottom: 0.18rem; } .ui-ml-18 { margin-left: 0.18rem; } .ui-px-18 { padding-left: 0.18rem; padding-right: 0.18rem; } .ui-py-18 { padding-top: 0.18rem; padding-bottom: 0.18rem; } .ui-pt-18 { padding-top: 0.18rem; } .ui-pr-18 { padding-right: 0.18rem; } .ui-pb-18 { padding-bottom: 0.18rem; } .ui-pl-18 { padding-left: 0.18rem; } .ui-mx-20 { margin-left: 0.2rem; margin-right: 0.2rem; } .ui-my-20 { margin-top: 0.2rem; margin-bottom: 0.2rem; } .ui-mt-20 { margin-top: 0.2rem; } .ui-mr-20 { margin-right: 0.2rem; } .ui-mb-20 { margin-bottom: 0.2rem; } .ui-ml-20 { margin-left: 0.2rem; } .ui-px-20 { padding-left: 0.2rem; padding-right: 0.2rem; } .ui-py-20 { padding-top: 0.2rem; padding-bottom: 0.2rem; } .ui-pt-20 { padding-top: 0.2rem; } .ui-pr-20 { padding-right: 0.2rem; } .ui-pb-20 { padding-bottom: 0.2rem; } .ui-pl-20 { padding-left: 0.2rem; } .ui-mx-22 { margin-left: 0.22rem; margin-right: 0.22rem; } .ui-my-22 { margin-top: 0.22rem; margin-bottom: 0.22rem; } .ui-mt-22 { margin-top: 0.22rem; } .ui-mr-22 { margin-right: 0.22rem; } .ui-mb-22 { margin-bottom: 0.22rem; } .ui-ml-22 { margin-left: 0.22rem; } .ui-px-22 { padding-left: 0.22rem; padding-right: 0.22rem; } .ui-py-22 { padding-top: 0.22rem; padding-bottom: 0.22rem; } .ui-pt-22 { padding-top: 0.22rem; } .ui-pr-22 { padding-right: 0.22rem; } .ui-pb-22 { padding-bottom: 0.22rem; } .ui-pl-22 { padding-left: 0.22rem; } .ui-mx-24 { margin-left: 0.24rem; margin-right: 0.24rem; } .ui-my-24 { margin-top: 0.24rem; margin-bottom: 0.24rem; } .ui-mt-24 { margin-top: 0.24rem; } .ui-mr-24 { margin-right: 0.24rem; } .ui-mb-24 { margin-bottom: 0.24rem; } .ui-ml-24 { margin-left: 0.24rem; } .ui-px-24 { padding-left: 0.24rem; padding-right: 0.24rem; } .ui-py-24 { padding-top: 0.24rem; padding-bottom: 0.24rem; } .ui-pt-24 { padding-top: 0.24rem; } .ui-pr-24 { padding-right: 0.24rem; } .ui-pb-24 { padding-bottom: 0.24rem; } .ui-pl-24 { padding-left: 0.24rem; } .ui-mx-26 { margin-left: 0.26rem; margin-right: 0.26rem; } .ui-my-26 { margin-top: 0.26rem; margin-bottom: 0.26rem; } .ui-mt-26 { margin-top: 0.26rem; } .ui-mr-26 { margin-right: 0.26rem; } .ui-mb-26 { margin-bottom: 0.26rem; } .ui-ml-26 { margin-left: 0.26rem; } .ui-px-26 { padding-left: 0.26rem; padding-right: 0.26rem; } .ui-py-26 { padding-top: 0.26rem; padding-bottom: 0.26rem; } .ui-pt-26 { padding-top: 0.26rem; } .ui-pr-26 { padding-right: 0.26rem; } .ui-pb-26 { padding-bottom: 0.26rem; } .ui-pl-26 { padding-left: 0.26rem; } .ui-mx-28 { margin-left: 0.28rem; margin-right: 0.28rem; } .ui-my-28 { margin-top: 0.28rem; margin-bottom: 0.28rem; } .ui-mt-28 { margin-top: 0.28rem; } .ui-mr-28 { margin-right: 0.28rem; } .ui-mb-28 { margin-bottom: 0.28rem; } .ui-ml-28 { margin-left: 0.28rem; } .ui-px-28 { padding-left: 0.28rem; padding-right: 0.28rem; } .ui-py-28 { padding-top: 0.28rem; padding-bottom: 0.28rem; } .ui-pt-28 { padding-top: 0.28rem; } .ui-pr-28 { padding-right: 0.28rem; } .ui-pb-28 { padding-bottom: 0.28rem; } .ui-pl-28 { padding-left: 0.28rem; } .ui-mx-30 { margin-left: 0.3rem; margin-right: 0.3rem; } .ui-my-30 { margin-top: 0.3rem; margin-bottom: 0.3rem; } .ui-mt-30 { margin-top: 0.3rem; } .ui-mr-30 { margin-right: 0.3rem; } .ui-mb-30 { margin-bottom: 0.3rem; } .ui-ml-30 { margin-left: 0.3rem; } .ui-px-30 { padding-left: 0.3rem; padding-right: 0.3rem; } .ui-py-30 { padding-top: 0.3rem; padding-bottom: 0.3rem; } .ui-pt-30 { padding-top: 0.3rem; } .ui-pr-30 { padding-right: 0.3rem; } .ui-pb-30 { padding-bottom: 0.3rem; } .ui-pl-30 { padding-left: 0.3rem; } .ui-mx-32 { margin-left: 0.32rem; margin-right: 0.32rem; } .ui-my-32 { margin-top: 0.32rem; margin-bottom: 0.32rem; } .ui-mt-32 { margin-top: 0.32rem; } .ui-mr-32 { margin-right: 0.32rem; } .ui-mb-32 { margin-bottom: 0.32rem; } .ui-ml-32 { margin-left: 0.32rem; } .ui-px-32 { padding-left: 0.32rem; padding-right: 0.32rem; } .ui-py-32 { padding-top: 0.32rem; padding-bottom: 0.32rem; } .ui-pt-32 { padding-top: 0.32rem; } .ui-pr-32 { padding-right: 0.32rem; } .ui-pb-32 { padding-bottom: 0.32rem; } .ui-pl-32 { padding-left: 0.32rem; } .ui-mx-34 { margin-left: 0.34rem; margin-right: 0.34rem; } .ui-my-34 { margin-top: 0.34rem; margin-bottom: 0.34rem; } .ui-mt-34 { margin-top: 0.34rem; } .ui-mr-34 { margin-right: 0.34rem; } .ui-mb-34 { margin-bottom: 0.34rem; } .ui-ml-34 { margin-left: 0.34rem; } .ui-px-34 { padding-left: 0.34rem; padding-right: 0.34rem; } .ui-py-34 { padding-top: 0.34rem; padding-bottom: 0.34rem; } .ui-pt-34 { padding-top: 0.34rem; } .ui-pr-34 { padding-right: 0.34rem; } .ui-pb-34 { padding-bottom: 0.34rem; } .ui-pl-34 { padding-left: 0.34rem; } .ui-mx-35 { margin-left: 0.35rem; margin-right: 0.35rem; } .ui-my-35 { margin-top: 0.35rem; margin-bottom: 0.35rem; } .ui-mt-35 { margin-top: 0.35rem; } .ui-mr-35 { margin-right: 0.35rem; } .ui-mb-35 { margin-bottom: 0.35rem; } .ui-ml-35 { margin-left: 0.35rem; } .ui-px-35 { padding-left: 0.35rem; padding-right: 0.35rem; } .ui-py-35 { padding-top: 0.35rem; padding-bottom: 0.35rem; } .ui-pt-35 { padding-top: 0.35rem; } .ui-pr-35 { padding-right: 0.35rem; } .ui-pb-35 { padding-bottom: 0.35rem; } .ui-pl-35 { padding-left: 0.35rem; } .ui-mx-36 { margin-left: 0.36rem; margin-right: 0.36rem; } .ui-my-36 { margin-top: 0.36rem; margin-bottom: 0.36rem; } .ui-mt-36 { margin-top: 0.36rem; } .ui-mr-36 { margin-right: 0.36rem; } .ui-mb-36 { margin-bottom: 0.36rem; } .ui-ml-36 { margin-left: 0.36rem; } .ui-px-36 { padding-left: 0.36rem; padding-right: 0.36rem; } .ui-py-36 { padding-top: 0.36rem; padding-bottom: 0.36rem; } .ui-pt-36 { padding-top: 0.36rem; } .ui-pr-36 { padding-right: 0.36rem; } .ui-pb-36 { padding-bottom: 0.36rem; } .ui-pl-36 { padding-left: 0.36rem; } .ui-mx-38 { margin-left: 0.38rem; margin-right: 0.38rem; } .ui-my-38 { margin-top: 0.38rem; margin-bottom: 0.38rem; } .ui-mt-38 { margin-top: 0.38rem; } .ui-mr-38 { margin-right: 0.38rem; } .ui-mb-38 { margin-bottom: 0.38rem; } .ui-ml-38 { margin-left: 0.38rem; } .ui-px-38 { padding-left: 0.38rem; padding-right: 0.38rem; } .ui-py-38 { padding-top: 0.38rem; padding-bottom: 0.38rem; } .ui-pt-38 { padding-top: 0.38rem; } .ui-pr-38 { padding-right: 0.38rem; } .ui-pb-38 { padding-bottom: 0.38rem; } .ui-pl-38 { padding-left: 0.38rem; } .ui-mx-40 { margin-left: 0.4rem; margin-right: 0.4rem; } .ui-my-40 { margin-top: 0.4rem; margin-bottom: 0.4rem; } .ui-mt-40 { margin-top: 0.4rem; } .ui-mr-40 { margin-right: 0.4rem; } .ui-mb-40 { margin-bottom: 0.4rem; } .ui-ml-40 { margin-left: 0.4rem; } .ui-px-40 { padding-left: 0.4rem; padding-right: 0.4rem; } .ui-py-40 { padding-top: 0.4rem; padding-bottom: 0.4rem; } .ui-pt-40 { padding-top: 0.4rem; } .ui-pr-40 { padding-right: 0.4rem; } .ui-pb-40 { padding-bottom: 0.4rem; } .ui-pl-40 { padding-left: 0.4rem; } .ui-mx-44 { margin-left: 0.44rem; margin-right: 0.44rem; } .ui-my-44 { margin-top: 0.44rem; margin-bottom: 0.44rem; } .ui-mt-44 { margin-top: 0.44rem; } .ui-mr-44 { margin-right: 0.44rem; } .ui-mb-44 { margin-bottom: 0.44rem; } .ui-ml-44 { margin-left: 0.44rem; } .ui-px-44 { padding-left: 0.44rem; padding-right: 0.44rem; } .ui-py-44 { padding-top: 0.44rem; padding-bottom: 0.44rem; } .ui-pt-44 { padding-top: 0.44rem; } .ui-pr-44 { padding-right: 0.44rem; } .ui-pb-44 { padding-bottom: 0.44rem; } .ui-pl-44 { padding-left: 0.44rem; } .ui-mx-46 { margin-left: 0.46rem; margin-right: 0.46rem; } .ui-my-46 { margin-top: 0.46rem; margin-bottom: 0.46rem; } .ui-mt-46 { margin-top: 0.46rem; } .ui-mr-46 { margin-right: 0.46rem; } .ui-mb-46 { margin-bottom: 0.46rem; } .ui-ml-46 { margin-left: 0.46rem; } .ui-px-46 { padding-left: 0.46rem; padding-right: 0.46rem; } .ui-py-46 { padding-top: 0.46rem; padding-bottom: 0.46rem; } .ui-pt-46 { padding-top: 0.46rem; } .ui-pr-46 { padding-right: 0.46rem; } .ui-pb-46 { padding-bottom: 0.46rem; } .ui-pl-46 { padding-left: 0.46rem; } .ui-mx-50 { margin-left: 0.5rem; margin-right: 0.5rem; } .ui-my-50 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .ui-mt-50 { margin-top: 0.5rem; } .ui-mr-50 { margin-right: 0.5rem; } .ui-mb-50 { margin-bottom: 0.5rem; } .ui-ml-50 { margin-left: 0.5rem; } .ui-px-50 { padding-left: 0.5rem; padding-right: 0.5rem; } .ui-py-50 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .ui-pt-50 { padding-top: 0.5rem; } .ui-pr-50 { padding-right: 0.5rem; } .ui-pb-50 { padding-bottom: 0.5rem; } .ui-pl-50 { padding-left: 0.5rem; } .ui-mx-52 { margin-left: 0.52rem; margin-right: 0.52rem; } .ui-my-52 { margin-top: 0.52rem; margin-bottom: 0.52rem; } .ui-mt-52 { margin-top: 0.52rem; } .ui-mr-52 { margin-right: 0.52rem; } .ui-mb-52 { margin-bottom: 0.52rem; } .ui-ml-52 { margin-left: 0.52rem; } .ui-px-52 { padding-left: 0.52rem; padding-right: 0.52rem; } .ui-py-52 { padding-top: 0.52rem; padding-bottom: 0.52rem; } .ui-pt-52 { padding-top: 0.52rem; } .ui-pr-52 { padding-right: 0.52rem; } .ui-pb-52 { padding-bottom: 0.52rem; } .ui-pl-52 { padding-left: 0.52rem; } .ui-mx-54 { margin-left: 0.54rem; margin-right: 0.54rem; } .ui-my-54 { margin-top: 0.54rem; margin-bottom: 0.54rem; } .ui-mt-54 { margin-top: 0.54rem; } .ui-mr-54 { margin-right: 0.54rem; } .ui-mb-54 { margin-bottom: 0.54rem; } .ui-ml-54 { margin-left: 0.54rem; } .ui-px-54 { padding-left: 0.54rem; padding-right: 0.54rem; } .ui-py-54 { padding-top: 0.54rem; padding-bottom: 0.54rem; } .ui-pt-54 { padding-top: 0.54rem; } .ui-pr-54 { padding-right: 0.54rem; } .ui-pb-54 { padding-bottom: 0.54rem; } .ui-pl-54 { padding-left: 0.54rem; } .ui-mx-60 { margin-left: 0.6rem; margin-right: 0.6rem; } .ui-my-60 { margin-top: 0.6rem; margin-bottom: 0.6rem; } .ui-mt-60 { margin-top: 0.6rem; } .ui-mr-60 { margin-right: 0.6rem; } .ui-mb-60 { margin-bottom: 0.6rem; } .ui-ml-60 { margin-left: 0.6rem; } .ui-px-60 { padding-left: 0.6rem; padding-right: 0.6rem; } .ui-py-60 { padding-top: 0.6rem; padding-bottom: 0.6rem; } .ui-pt-60 { padding-top: 0.6rem; } .ui-pr-60 { padding-right: 0.6rem; } .ui-pb-60 { padding-bottom: 0.6rem; } .ui-pl-60 { padding-left: 0.6rem; } .ui-mx-66 { margin-left: 0.66rem; margin-right: 0.66rem; } .ui-my-66 { margin-top: 0.66rem; margin-bottom: 0.66rem; } .ui-mt-66 { margin-top: 0.66rem; } .ui-mr-66 { margin-right: 0.66rem; } .ui-mb-66 { margin-bottom: 0.66rem; } .ui-ml-66 { margin-left: 0.66rem; } .ui-px-66 { padding-left: 0.66rem; padding-right: 0.66rem; } .ui-py-66 { padding-top: 0.66rem; padding-bottom: 0.66rem; } .ui-pt-66 { padding-top: 0.66rem; } .ui-pr-66 { padding-right: 0.66rem; } .ui-pb-66 { padding-bottom: 0.66rem; } .ui-pl-66 { padding-left: 0.66rem; } .ui-mx-70 { margin-left: 0.7rem; margin-right: 0.7rem; } .ui-my-70 { margin-top: 0.7rem; margin-bottom: 0.7rem; } .ui-mt-70 { margin-top: 0.7rem; } .ui-mr-70 { margin-right: 0.7rem; } .ui-mb-70 { margin-bottom: 0.7rem; } .ui-ml-70 { margin-left: 0.7rem; } .ui-px-70 { padding-left: 0.7rem; padding-right: 0.7rem; } .ui-py-70 { padding-top: 0.7rem; padding-bottom: 0.7rem; } .ui-pt-70 { padding-top: 0.7rem; } .ui-pr-70 { padding-right: 0.7rem; } .ui-pb-70 { padding-bottom: 0.7rem; } .ui-pl-70 { padding-left: 0.7rem; } .ui-mx-76 { margin-left: 0.76rem; margin-right: 0.76rem; } .ui-my-76 { margin-top: 0.76rem; margin-bottom: 0.76rem; } .ui-mt-76 { margin-top: 0.76rem; } .ui-mr-76 { margin-right: 0.76rem; } .ui-mb-76 { margin-bottom: 0.76rem; } .ui-ml-76 { margin-left: 0.76rem; } .ui-px-76 { padding-left: 0.76rem; padding-right: 0.76rem; } .ui-py-76 { padding-top: 0.76rem; padding-bottom: 0.76rem; } .ui-pt-76 { padding-top: 0.76rem; } .ui-pr-76 { padding-right: 0.76rem; } .ui-pb-76 { padding-bottom: 0.76rem; } .ui-pl-76 { padding-left: 0.76rem; } .ui-mx-108 { margin-left: 1.08rem; margin-right: 1.08rem; } .ui-my-108 { margin-top: 1.08rem; margin-bottom: 1.08rem; } .ui-mt-108 { margin-top: 1.08rem; } .ui-mr-108 { margin-right: 1.08rem; } .ui-mb-108 { margin-bottom: 1.08rem; } .ui-ml-108 { margin-left: 1.08rem; } .ui-px-108 { padding-left: 1.08rem; padding-right: 1.08rem; } .ui-py-108 { padding-top: 1.08rem; padding-bottom: 1.08rem; } .ui-pt-108 { padding-top: 1.08rem; } .ui-pr-108 { padding-right: 1.08rem; } .ui-pb-108 { padding-bottom: 1.08rem; } .ui-pl-108 { padding-left: 1.08rem; } .ui-mx-0 { margin-left: 0rem; margin-right: 0rem; } .ui-my-0 { margin-top: 0rem; margin-bottom: 0rem; } .ui-mt-0 { margin-top: 0rem; } .ui-mr-0 { margin-right: 0rem; } .ui-mb-0 { margin-bottom: 0rem; } .ui-ml-0 { margin-left: 0rem; } .ui-px-0 { padding-left: 0rem; padding-right: 0rem; } .ui-py-0 { padding-top: 0rem; padding-bottom: 0rem; } .ui-pt-0 { padding-top: 0rem; } .ui-pr-0 { padding-right: 0rem; } .ui-pb-0 { padding-bottom: 0rem; } .ui-pl-0 { padding-left: 0rem; } .color-f60 { color: #f60; } .ui-bc-f60 { background-color: #f60; } .color-111 { color: #111; } .ui-bc-111 { background-color: #111; } .color-333 { color: #333; } .ui-bc-333 { background-color: #333; } .color-666 { color: #666; } .ui-bc-666 { background-color: #666; } .color-888 { color: #888; } .ui-bc-888 { background-color: #888; } .color-999 { color: #999; } .ui-bc-999 { background-color: #999; } .color-fff { color: #fff; } .ui-bc-fff { background-color: #fff; } .color-ccc { color: #ccc; } .ui-bc-ccc { background-color: #ccc; } .color-369 { color: #369; } .ui-bc-369 { background-color: #369; } .color-3b3b3b { color: #3b3b3b; } .ui-bc-3b3b3b { background-color: #3b3b3b; } .color-f55757 { color: #f55757; } .ui-bc-f55757 { background-color: #f55757; } .color-7c7c7c { color: #7c7c7c; } .ui-bc-7c7c7c { background-color: #7c7c7c; } .color-969696 { color: #969696; } .ui-bc-969696 { background-color: #969696; } .color-646464 { color: #646464; } .ui-bc-646464 { background-color: #646464; } .ui-br-3 { border-radius: 0.03rem; } .ui-bl-br3 { border-bottom-left-radius: 0.03rem; } .ui-br-br3 { border-bottom-right-radius: 0.03rem; } .ui-tl-br3 { border-top-left-radius: 0.03rem; } .ui-tr-br3 { border-top-right-radius: 0.03rem; } .ui-br-5 { border-radius: 0.05rem; } .ui-bl-br5 { border-bottom-left-radius: 0.05rem; } .ui-br-br5 { border-bottom-right-radius: 0.05rem; } .ui-tl-br5 { border-top-left-radius: 0.05rem; } .ui-tr-br5 { border-top-right-radius: 0.05rem; } .ui-br-10 { border-radius: 0.1rem; } .ui-bl-br10 { border-bottom-left-radius: 0.1rem; } .ui-br-br10 { border-bottom-right-radius: 0.1rem; } .ui-tl-br10 { border-top-left-radius: 0.1rem; } .ui-tr-br10 { border-top-right-radius: 0.1rem; } .ui-br-14 { border-radius: 0.14rem; } .ui-bl-br14 { border-bottom-left-radius: 0.14rem; } .ui-br-br14 { border-bottom-right-radius: 0.14rem; } .ui-tl-br14 { border-top-left-radius: 0.14rem; } .ui-tr-br14 { border-top-right-radius: 0.14rem; } .ui-br-18 { border-radius: 0.18rem; } .ui-bl-br18 { border-bottom-left-radius: 0.18rem; } .ui-br-br18 { border-bottom-right-radius: 0.18rem; } .ui-tl-br18 { border-top-left-radius: 0.18rem; } .ui-tr-br18 { border-top-right-radius: 0.18rem; } .ui-br-24 { border-radius: 0.24rem; } .ui-bl-br24 { border-bottom-left-radius: 0.24rem; } .ui-br-br24 { border-bottom-right-radius: 0.24rem; } .ui-tl-br24 { border-top-left-radius: 0.24rem; } .ui-tr-br24 { border-top-right-radius: 0.24rem; } .f-0 { font-size: 0rem; } @media screen and (max-width: 640px) { .f-0 { font-size: 0px !important; } } .f-12 { font-size: 0.12rem; } @media screen and (max-width: 640px) { .f-12 { font-size: 9px !important; } } .f-13 { font-size: 0.13rem; } @media screen and (max-width: 640px) { .f-13 { font-size: 9.75px !important; } } .f-14 { font-size: 0.14rem; } @media screen and (max-width: 640px) { .f-14 { font-size: 10.5px !important; } } .f-15 { font-size: 0.15rem; } @media screen and (max-width: 640px) { .f-15 { font-size: 11.25px !important; } } .f-16 { font-size: 0.16rem; } @media screen and (max-width: 640px) { .f-16 { font-size: 12px !important; } } .f-17 { font-size: 0.17rem; } @media screen and (max-width: 640px) { .f-17 { font-size: 12.75px !important; } } .f-18 { font-size: 0.18rem; } @media screen and (max-width: 640px) { .f-18 { font-size: 13.5px !important; } } .f-20 { font-size: 0.2rem; } @media screen and (max-width: 640px) { .f-20 { font-size: 15px !important; } } .f-21 { font-size: 0.21rem; } @media screen and (max-width: 640px) { .f-21 { font-size: 15.75px !important; } } .f-22 { font-size: 0.22rem; } @media screen and (max-width: 640px) { .f-22 { font-size: 16.5px !important; } } .f-24 { font-size: 0.24rem; } @media screen and (max-width: 640px) { .f-24 { font-size: 18px !important; } } .f-25 { font-size: 0.25rem; } @media screen and (max-width: 640px) { .f-25 { font-size: 18.75px !important; } } .f-26 { font-size: 0.26rem; } @media screen and (max-width: 640px) { .f-26 { font-size: 19.5px !important; } } .f-28 { font-size: 0.28rem; } @media screen and (max-width: 640px) { .f-28 { font-size: 21px !important; } } .f-30 { font-size: 0.3rem; } @media screen and (max-width: 640px) { .f-30 { font-size: 22.5px !important; } } .f-32 { font-size: 0.32rem; } @media screen and (max-width: 640px) { .f-32 { font-size: 24px !important; } } .f-34 { font-size: 0.34rem; } @media screen and (max-width: 640px) { .f-34 { font-size: 25.5px !important; } } .f-36 { font-size: 0.36rem; } @media screen and (max-width: 640px) { .f-36 { font-size: 27px !important; } } .f-40 { font-size: 0.4rem; } @media screen and (max-width: 640px) { .f-40 { font-size: 30px !important; } } .f-44 { font-size: 0.44rem; } @media screen and (max-width: 640px) { .f-44 { font-size: 33px !important; } } .f-50 { font-size: 0.5rem; } @media screen and (max-width: 640px) { .f-50 { font-size: 37.5px !important; } } .f-72 { font-size: 0.72rem; } @media screen and (max-width: 640px) { .f-72 { font-size: 54px !important; } } .f-88 { font-size: 0.88rem; } @media screen and (max-width: 640px) { .f-88 { font-size: 66px !important; } } @font-face { font-family: "iconbasefont"; font-style: "normal"; font-weight: "normal"; src: ; src: local("@fontfamily"), format("embedded-opentype"), format("woff"), format("truetype"), format("svg"), format("opentype"); } .iconbasefont { font-family: "iconbasefont"; } * { -webkit-tap-highlight-color: transparent; } body { font-size: 0.12rem; background: #f0f0f0; max-width: 1920px; margin: 0 auto; } input[type="text"], input[type="password"] { -webkit-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: 0; } button, input { outline: 0; border: none; font-size: inherit; font-family: inherit; } @media only screen and (max-width: 1250px) { .box-auto, .content-title, .content-list, .content-list-m, .select-box .select, content .about-us { padding-left: 12px !important; padding-right: 12px !important; } } .main-color, .c-o-hover:hover, .content-title .more > p:hover:first-child, .content-title .more > p:nth-child(2) > span:hover, .content-title .more > p:nth-child(2) > a:hover, .select-box .select .select-item > .item:hover, .news-item .news-source .news-column:hover, .news-item .news-source .news-more:hover { color: #ff0000; } .main-bc, .bc-o-hover:hover { background-color: #ff0000; } .b-bc { background-color: #f0f0f0; } .f-red { color: #fa0000; } .f-glay { color: #969696; } .f-black { color: black; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .clear:after { content: ''; display: table; clear: both; } .cu-po { cursor: pointer; } .content-title { max-width: 1200px; width: 100%; height: 1.46rem; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .content-title .title { font-size: 0.4rem; color: #000; } @media screen and (max-width: 640px) { .content-title .title { font-size: 18px !important; } } .content-title .more { text-align: right; color: #646464; } .content-title .more > p:first-child { min-height: 0.24rem; line-height: 0.24rem; font-size: 0.18rem; } @media screen and (max-width: 640px) { .content-title .more > p:first-child { font-size: 13.5px !important; } } .content-title .more > p:nth-child(2) { font-size: 0.15rem; } @media screen and (max-width: 640px) { .content-title .more > p:nth-child(2) { font-size: 12px !important; } } .content-title .more > p:nth-child(2) > span, .content-title .more > p:nth-child(2) > a { margin-left: 0.4rem; } .img-hover, .content-list > .item > div:first-child, .news-item .img-box { cursor: pointer; } .img-hover > img, .content-list > .item > div:first-child > img, .news-item .img-box > img { display: block; min-height: 100%; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; border-bottom: 1px solid transparent; -webkit-transform: scale(1); transform: scale(1); } .img-hover > img:hover, .content-list > .item > div:first-child > img:hover, .news-item .img-box > img:hover { border-bottom-color: #fff; box-shadow: 2px 2px 5px rgba(40, 40, 40, 0.1); -webkit-transform: scale(1.15); transform: scale(1.15); } .content-list { max-width: 1200px; width: 100%; margin: 0 auto; } .content-list::after { content: ''; display: block; clear: both; } .content-list > .item { width: calc(50% - 0.1rem); float: left; margin-bottom: 0.6rem; } .content-list > .item > div:first-child { height: 0; padding-bottom: 50.84%; overflow: hidden; } .content-list > .item > div:first-child img { margin: 0 auto; } .content-list > .item:nth-child(odd) { margin-right: 0.1rem; } .content-list > .item:nth-child(even) { margin-left: 0.1rem; } .content-list .list-desc { margin-top: 0.2rem; line-height: 1; } .content-list .list-desc > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .content-list .list-desc .desc-1 { font-size: 0.21rem; color: #323232; } @media screen and (max-width: 640px) { .content-list .list-desc .desc-1 { font-size: 15.75px !important; } } .content-list .list-desc .desc-2 { color: black; cursor: pointer; line-height: 1.1; margin-top: 0.06rem; font-size: 0.25rem; } @media screen and (max-width: 640px) { .content-list .list-desc .desc-2 { font-size: 15px !important; } } .content-list .list-desc .desc-2:hover { color: #fa0000; } .content-list .list-desc .desc-3 { margin-top: 0.1rem; color: #969696; font-size: 0.15rem; display: none; } @media screen and (max-width: 640px) { .content-list .list-desc .desc-3 { font-size: 12px !important; } } .content-list-m { max-width: 1200px; width: 100%; min-height: 3.6rem; margin: 0 auto 0.2rem; } .content-list-m::after { content: ''; display: block; clear: both; } .content-list-m > div { float: left; } .content-list-m > div img { height: 100%; margin: 0 auto; } .content-list-m > div.item-big .item:hover > .desc, .content-list-m > div.item-small > .item:hover > .desc { display: block; } .content-list-m > div .desc { position: absolute; display: none; width: 100%; left: 0; bottom: 0rem; background: #fa0000; color: #fff; } .content-list-m > div .desc p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; padding: 0 0.2rem; } .content-list-m > div:first-child { margin-left: 0 !important; } .content-list-m .item-big { width: 32.5%; height: 3rem; margin-left: 0.2rem; } .content-list-m .item-big .item { height: 100%; width: 100%; position: relative; overflow: hidden; padding-left: 50%; } .content-list-m .item-big .item img { height: auto; transform: translatex(-50%); max-width: initial; } .content-list-m .item-big .item .desc { padding: 0.4rem 0; } .content-list-m .item-big .item .desc .desc-1 { font-size: 0.25rem; } @media screen and (max-width: 640px) { .content-list-m .item-big .item .desc .desc-1 { font-size: 15px !important; } } .content-list-m .item-big .item .desc .desc-2 { margin-top: 0.06rem; font-size: 0.15rem; } @media screen and (max-width: 640px) { .content-list-m .item-big .item .desc .desc-2 { font-size: 12px !important; } } .content-list-m .item-big.swiper-container > .swiper-pagination-bullets { width: 20px; top: 0.14rem; transform: translatey(0); } .content-list-m .item-big.swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet { border-radius: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; opacity: 1; background-color: #d8d8d8; color: #fff; font-size: 0.18rem; } @media screen and (max-width: 640px) { .content-list-m .item-big.swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet { font-size: 13.5px !important; } } .content-list-m .item-big.swiper-container > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #f90100; } .content-list-m .item-small { margin-left: calc((3% - 0.2rem) / 2); width: 65.5%; } .content-list-m .item-small .item { width: 32.5%; float: left;height: 1.45rem; position: relative; margin-bottom: 0.1rem; margin-right: 1.25%;} .content-list-m .item-small .item:nth-child(3n) {margin-right: 0;} .content-list-m .item-small .item .desc { padding: 0.1rem 0; } .content-list-m .item-small .item .desc a{display: block;} .content-list-m .item-small .item .desc .desc-1 { font-size: 0.18rem; } @media screen and (max-width: 640px) { .content-list-m .item-small .item .desc .desc-1 { font-size: 13.5px !important; } } .content-list-m .item-small .item .desc .desc-2 { margin-top: 0.04rem; font-size: 0.13rem; } @media screen and (max-width: 640px) { .content-list-m .item-small .item .desc .desc-2 { font-size: 12px !important; } } .content-list-m .item-big .item-small { margin-left: 0.2rem; } div > .content-list-m > div { margin-bottom: 0.6rem; } .title-center { height: 1.6rem; line-height: 1.6rem; text-align: center; width: 100%; background: #fff; font-size: 0.4rem; } @media screen and (max-width: 640px) { .title-center { font-size: 18px !important; } } .select-box .select { padding: 0.7rem 0; width: 100%; max-width: 1200px; margin: 0 auto; } .select-box .select .select-title { display: flex; display: -webkit-flex; height: 0.52rem; line-height: calc(0.52rem - 4px); font-size: 0.25rem; } @media screen and (max-width: 640px) { .select-box .select .select-title { font-size: 15px !important; } } .select-box .select .select-title > div { height: 100%; flex: 1; width: 100%; cursor: pointer; text-align: center; border: 2px solid #a0a0a0; } .select-box .select .select-title > div.act { background: #f80000; border: 2px solid #f80000; color: #fff; } .select-box .select .item-list > .select-item:not(:first-child) { display: none; } .select-box .select .select-item { margin-top: 0.06rem; } .select-box .select .select-item::after { content: ''; display: block; clear: both; } .select-box .select .select-item > .item { width: 15%; float: left; cursor: pointer; padding-right: 1%; margin-top: 0.24rem; line-height: 1; color: #646464; font-size: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } @media screen and (max-width: 640px) { .select-box .select .select-item > .item { font-size: 15px !important; } } .select-box .select .select-item > .item:nth-child(7n-5) { padding-left: 1%; } .select-box .select .select-item > .item:nth-child(7n-1) { padding-left: 1%; } .select-box .select .select-item > .item:nth-child(7n) { width: 10%; padding-right: 0; text-align: right; } .select-box .select .select-item > .act { color: #ff0000; } .select-box .select-line { display: flex; display: -webkit-flex; padding-top: 0; } .select-box .select-line .select-title-2 { font-size: 0.25rem; width: 1.6rem; } @media screen and (max-width: 640px) { .select-box .select-line .select-title-2 { font-size: 15px !important; } } .select-box .select-line .select-title-2 .select-item { width: 100%; flex: 1; margin-top: -0.14rem; } .select-box .select-menu { display: flex; display: -webkit-flex; padding-top: 0; } .select-box .select-menu .select-title-2 { font-size: 0.25rem; width: 1.6rem; } @media screen and (max-width: 640px) { .select-box .select-menu .select-title-2 { font-size: 15px !important; } } .select-box .select-menu .select-title-2 div { height: 0.42rem; line-height: 0.38rem; } .select-box .select-menu .select-title-2 .select-item { width: 100%; flex: 1; margin-top: 0; } .select-box .select-menu .select-title-2 .select-item > .item { width: auto; height: 0.42rem; line-height: 0.42rem; margin: 0 0.5rem 0.12rem 0; padding: 0 0.12rem; text-align: center; } .select-box .select-menu .select-title-2 .select-item > .item:first-child { margin-left: 0; } .select-box .select-menu .select-title-2 .select-item > .item.act { border-radius: 0.12rem; color: #fff; -webkit-transform: scale(1.15); transform: scale(1.15); background-color: #f90100; } .page-box { max-width: 1200px; margin: 0.85rem auto 1.45rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } .page-box > div, .page-box > a, .page-box .act { font-size: 0.15rem; display: flex; display: -webkit-flex; cursor: pointer; align-items: center; height: 0.3rem; padding: 0 0.12rem; color: #969696; border: 2px solid #bfbfbf; margin-left: 0.05rem; } @media screen and (max-width: 640px) { .page-box > div, .page-box > a, .page-box .act { font-size: 12px !important; } } .page-box > div:first-child, .page-box > a:first-child, .page-box .act:first-child { margin-left: 0; } .page-box > div .ic-down-select, .page-box > a .ic-down-select, .page-box .act .ic-down-select { margin-top: 0.02rem; margin-left: 0.06rem; } .page-box > span { font-size: 0.15rem; margin-left: 0.05rem; } @media screen and (max-width: 640px) { .page-box > span { font-size: 12px !important; } } .page-box > div.btn, .page-box .prev, .page-box .next, .page-box .jump-btn { min-width: 0.75rem; justify-content: center; } .page-box > .jump-ipt { font-size: 0.15rem; width: 0.4rem; height: 0.3rem; padding: 0 0.12rem; text-align: center; margin-left: 0.05rem; border: 2px solid #bfbfbf; } @media screen and (max-width: 640px) { .page-box > .jump-ipt { font-size: 12px !important; } } .page-box > .act { background-color: #fa0001; color: #fff !important; border-color: #fa0001; } .page-box > div:hover, .page-box > span:hover, .page-box > a:hover { color: #fa0001; border-color: #fa0001; } .mt-bc-f { height: 0.13rem; width: 100%; background: #fff; } .contact-us { height: 3.5rem; padding-top: 0.9rem; color: #fff; background-image: url(/uploads/image/simages/footer-bg.png); } .contact-us .desc-1, .contact-us .desc-2 { line-height: 1; text-align: center; } .contact-us .desc-2 { margin-top: 0.24rem; } .contact-us .contact-us-btn { margin: 0.36rem auto 0; height: 0.4rem; line-height: 0.4rem; width: 2.2rem; text-align: center; background-color: #ff0000; } .cursor-click, .bc-o-hover:hover, .c-o-hover:hover, .content-title .more > p:hover:first-child, .content-title .more > p:nth-child(2) > span:hover, .content-title .more > p:nth-child(2) > a:hover, .select-box .select .select-item > .item:hover, .news-item .news-source .news-column:hover, .news-item .news-source .news-more:hover, .red-hover:hover, .bc-do-btn:hover, .bc-dg-btn:hover, .a-hover:hover { cursor: pointer; } .red-hover:hover { color: #ff1c1c; text-decoration: underline; } .bc-do-btn { background-color: #ff0000; } .bc-do-btn:hover { background-color: #f25c11 !important; } .bc-dg-btn { background-color: #f1f1f1; } .bc-dg-btn:hover { background-color: #e8e8eb !important; } .btn-hover:hover { background-color: #db0000; color: #f5f5f5; cursor: pointer; } .a-hover:hover { text-decoration: underline; } .layer-box { position: absolute; background-color: #f0f0f0; width: 100vw; height: 100vh; overflow-y: scroll; top: 0; left: 0; right: 0; z-index: 100; position: fixed; background-color: rgba(0, 0, 0, 0.2); } .ic-checkbox { display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-size: cover; background-position: 0 center; cursor: pointer; background-image: ; } .ic-checkbox.act { background-image: ; } .border-b { border-bottom: 1px solid #eee; } .radio-box { display: flex; display: -webkit-flex; align-items: center; } .radio { display: block; width: 0.21rem; height: 0.21rem; background-repeat: no-repeat; background-size: cover; background-position: 0 center; cursor: pointer; margin-right: 20px; background-image: url(/uploads/image/simages/radio.png); background-position: left center; } .radio.checked { background-image: url(/uploads/image/simages/radio-checked.png); } div, p, b, span { scrollbar-3dlight-color: #ff0000; scrollbar-darkshadow-color: #f25c11; } textarea { resize: none; } .auto-textarea { position: relative; } .auto-textarea span { display: block; visibility: hidden; overflow: hidden; } .auto-textarea textarea { position: absolute; top: 0; left: 0; height: 100%; } a:focus { outline: none; } @media only screen and (max-width: 640px) { .content-title { height: 0.8rem; } .content-list { padding-bottom: 0.2rem; } .content-list .item { margin-bottom: 0.18rem; } .content-list .item:nth-child(4n-3), .content-list .item:nth-child(4n-2) { width: 100%; margin-right: 0; margin-left: 0; } .content-list .list-desc .desc-1 { display: none; } .content-list .list-desc .desc-3 { display: block; } .title-center { height: 0.8rem; line-height: 0.8rem; } .select-box .select .select-item { margin-top: 12px; } .select-box .select .select-title { height: 0.36rem; line-height: calc(0.36rem - 4px); } .select-box .select-line .select-title-2 { width: 96px; } .select-box .select .select-item > .item, .select-box .select .select-item > .item:nth-child(7n) { width: auto; display: inline; float: none; white-space: initial; padding-right: 12px; line-height: 24px; text-align: left; font-size: 12px !important; } .page-box { padding-left: 12px !important; padding-right: 12px !important; margin: 12px auto 26px; } .contact-us { padding-left: 12px !important; padding-right: 12px !important; height: auto; padding: 10% 0; } .contact-us .f-20 { font-size: 16px !important; } .contact-us .desc-2 { line-height: 0.32rem; } .contact-us .f-40 { font-size: 20px !important; } } .news-item { margin-top: 0.48rem; } .news-item:first-child { margin-top: 0 !important; } .news-item .img-box { width: 100%; height: 0; padding-bottom: 50.84%; margin-bottom: 0.48rem; overflow: hidden; } .news-item .img-box.none { height: 0; padding-bottom: 0; margin-bottom: 0; } .news-item .img-box.none img { display: none; } .news-item .news-title { line-height: 0.32rem; margin: 0 0 0.16rem; color: #323232; cursor: pointer; font-size: 0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } @media screen and (max-width: 640px) { .news-item .news-title { font-size: 15px !important; } } .news-item .news-title.hot { color: #fa0000; } .news-item .news-title:hover { color: #fa0000; } .news-item .news-content { color: #646464; min-height: 0.76rem; line-height: 0.26rem; font-size: 0.15rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } @media screen and (max-width: 640px) { .news-item .news-content { font-size: 12px !important; } } .news-item .news-source { margin-top: 0.52rem; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; color: #646464; } .news-item .news-source .news-column { font-size: 0.15rem; } @media screen and (max-width: 640px) { .news-item .news-source .news-column { font-size: 12px !important; } } .news-item .news-source .news-more { font-size: 0.18rem; } @media screen and (max-width: 640px) { .news-item .news-source .news-more { font-size: 13.5px !important; } } .news-item .news-source .news-date { font-size: 0.12rem; } @media screen and (max-width: 640px) { .news-item .news-source .news-date { font-size: 12px !important; } } .news-item.min { margin-top: 0.44rem; } .news-item.min .news-title { line-height: 1; margin-bottom: 0.105rem; } .news-item.min .news-content { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .news-item.min .news-source { margin-top: 0.14rem; } .news-list.line .news-item { display: flex; display: -webkit-flex; padding: 0.42rem 0; margin-top: 0; border-bottom: 1px solid #c8c8c8; } .news-list.line .news-item:first-child { padding-top: 0; } .news-list.line .news-item:last-child { border-bottom: none; } .news-list.line .news-item .img-box { width: 3.6rem; margin-bottom: 0; margin-right: 0.55rem; height: 1.9rem; display: flex; align-items: center; border: 1px solid rgba(200, 200, 200, 0.5); padding-bottom: 0; } .news-list.line .news-item .img-box img { height: auto; min-height: auto; width: 3.60rem; } .news-list.line .news-item .new-box { flex: 1; width: 100%; } .news-list.line .news-item .new-box .news-title { line-height: 1; font-size: 0.25rem; } @media screen and (max-width: 640px) { .news-list.line .news-item .new-box .news-title { font-size: 15px !important; } } .news-list.line .news-item .new-box .news-content { font-size: 0.17rem; } @media screen and (max-width: 640px) { .news-list.line .news-item .new-box .news-content { font-size: 12.75px !important; } } .news-list.line .news-item .news-source .news-column { display: flex; display: -webkit-flex; height: 0.18rem; align-items: center; font-size: 0.18rem; } @media screen and (max-width: 640px) { .news-list.line .news-item .news-source .news-column { font-size: 13.5px !important; } } .news-list.line .news-item .news-source .news-column > .icon { margin-left: 0.2rem; margin-right: 0.05rem; } .news-list.line .news-item .news-source .news-column:hover { color: #646464; } .news-list.line .news-item .news-source .news-date { font-size: 0.15rem; } @media screen and (max-width: 640px) { .news-list.line .news-item .news-source .news-date { font-size: 12px !important; } } .ic-see { display: block; width: 16px; height: 10px; background-repeat: no-repeat; background-size: cover; background-position: 0 center; background-image: url(/uploads/image/simages/see.png); } .ic-like { display: block; width: 14px; height: 12px; background-repeat: no-repeat; background-size: cover; background-position: 0 center; background-image: url(/uploads/image/simages/like.png); } .ic-down-select { display: block; width: 13px; height: 11px; background-repeat: no-repeat; background-size: cover; background-position: 0 center; background-image: ; } @media only screen and (max-width: 640px) { .news-item.min { margin-top: 0.12rem; border-top: 1px solid #c8c8c8; } .news-item .img-box { margin-bottom: 0; width: 100%; height: 0; padding-bottom: 50.84%; } .news-item .news-content { min-height: auto; } .news-item .news-title, .news-item .news-source { margin: 12px auto; } .news-list.line .news-item { flex-wrap: wrap; padding: 12px 0 0; } .news-list.line .news-item .img-box { width: 100%; margin-right: 0; } .news-list.line .news-item .img-box img { width: 100%; height: auto; margin-top: 0; } .news-list.line .news-item .img-box, .news-list.line .news-item .new-box { padding-left: 12px !important; padding-right: 12px !important; } } content { background: #fff; } content .content-list { min-height: 4.57rem; } content .index-desc { width: 100%; color: #646464; padding: 0.5rem 0; } content .index-desc .title { color: #fa0000; margin-bottom: 0.15rem; } content .index-desc p { max-width: 1200px; margin: 0 auto; text-align: center; line-height: 0.3rem; } content .content-title .title { padding-bottom: 0.12rem; border-bottom: 0.03rem solid #fa0000; } content .about-us { max-width: 1200px; margin: 0 auto; } content .about-us .chunk { height: 1.5rem; color: #fff; } content .about-us .chunk > div { flex: 1; -webkit-flex: 1; display: flex; position: relative; background: #b40000; cursor: pointer; } content .about-us .chunk > div:not(:first-child)::after { content: ""; position: absolute; top: 50%; left: -1px; margin-top: -0.5rem; height: 1rem; width: 2px; background: #fff; border-radius: 10%; z-index: 1; } content .about-us .chunk > div.act, content .about-us .chunk > div:hover { background: #fa0000; } content .about-us .chunk > div.act::after, content .about-us .chunk > div.act div::after, content .about-us .chunk > div:hover::after, content .about-us .chunk > div:hover div::after { content: ''; display: none; } content .about-us .chunk > div .icon { width: 1.28rem; height: 100%; background-position: center 0.28rem; background-repeat: no-repeat; } content .about-us .chunk > div .icon.set { background-image: ; background-size: 0.65rem 0.68rem; } content .about-us .chunk > div .icon.server { background-image: ; background-size: 0.63rem 0.63rem; } content .about-us .chunk > div .icon.r { background-image: ; background-size: 0.72rem 0.70rem; } content .about-us .chunk > div .text { flex: 1; width: 100%; padding: 0.35rem 0.40rem 0 0; } content .about-us .chunk > div .text .title { line-height: 1; font-size: 0.25rem; } @media screen and (max-width: 640px) { content .about-us .chunk > div .text .title { font-size: 15px !important; } } content .about-us .chunk > div .text .desc { margin-top: 0.13rem; line-height: 0.26rem; font-size: 0.18rem; } @media screen and (max-width: 640px) { content .about-us .chunk > div .text .desc { font-size: 13.5px !important; } } content .about-us .details { padding-bottom: 0.5rem; background: #fff; } content .about-us .details > div { display: none; } content .about-us .details > div.show { display: block; } content .about-us .details .shiqulilun { padding: 0.3rem 0; border: 0.1rem solid #fa0000; border-top: 0; } content .about-us .details .badafuwu { height: 4.46rem; padding-top: 0.46rem; } content .about-us .details .badafuwu > div > .td { border: 1px solid #9e9e9e; border-width: 1px 0 0 1px; } content .about-us .details .badafuwu > div > .td:last-child { border-right: 1px solid #9e9e9e; } content .about-us .details .badafuwu > div:last-child > .td { border-bottom-width: 1px; } content .about-us .details .badafuwu > div { font-size: 0.2rem; color: #646464; float: left; } content .about-us .details .badafuwu > div::after { content: ''; display: block; clear: both; } @media screen and (max-width: 640px) { content .about-us .details .badafuwu > div { font-size: 15px !important; } } content .about-us .details .badafuwu > div .title { color: #000; font-size: 0.25rem; margin-bottom: 0.05rem; } @media screen and (max-width: 640px) { content .about-us .details .badafuwu > div .title { font-size: 15px !important; } } content .about-us .details .badafuwu > div .td { height: 2rem; padding: 0.4rem 0.2rem 0 0.6rem; float: left; } content .about-us .details .badafuwu > div .lengthways, content .about-us .details .badafuwu > div .crosswise { padding: 0 !important; } content .about-us .details .badafuwu > div .lengthways > div, content .about-us .details .badafuwu > div .crosswise > div { float: left; } content .about-us .details .badafuwu > div .lengthways > div { width: 100%; height: 50%; padding: 0.28rem 0 0 0.36rem; } content .about-us .details .badafuwu > div .lengthways > div:first-child { border-bottom: 1px solid #9e9e9e; } content .about-us .details .badafuwu > div .crosswise > div { width: 50%; height: 100%; padding: 0.4rem 0.2rem 0 0.6rem; } content .about-us .details .badafuwu > div .crosswise > div:nth-child(2) { padding: 0.4rem 0.24rem 0 0.36rem; border-left: 1px solid #9e9e9e; } content .about-us .details .badafuwu > div .td:first-child { width: 30%; } content .about-us .details .badafuwu > div .td:nth-child(2) { width: 42%; } content .about-us .details .badafuwu > div .td:nth-child(3), content .about-us .details .badafuwu > div .lengthways:nth-child(3) { padding-left: 0.36rem; width: 28%; } content .about-us .details .icon-up { width: 100%; position: relative; } content .about-us .details .icon-up::after { content: " "; display: block; position: absolute; left: 50%; top: 1px; margin-top: -0.18rem; margin-left: -0.08rem; width: 0; height: 0; border-right: 0.08rem solid transparent; border-bottom: 0.18rem solid #fff; border-left: 0.08rem solid transparent; z-index: 2; } content .about-us .details .icon-up::before { content: " "; display: block; position: absolute; left: 50%; top: 0; margin-top: -0.2rem; margin-left: -0.1rem; width: 0; height: 0; border-right: 0.1rem solid transparent; border-bottom: 0.2rem solid #9e9e9e; border-left: 0.1rem solid transparent; z-index: 1; } content .about-us .details .yiwanpinpai { height: 4.46rem; padding-top: 0.46rem; } content .about-us .details .yiwanpinpai .icon-up::after, content .about-us .details .yiwanpinpai .icon-up::before { left: 84%; } content .about-us .details .yiwanpinpai .brand-list { width: 100%; height: 100%; padding: 0.29rem calc(0.3rem - 1px); border: 1px solid #9e9e9e; } content .about-us .details .yiwanpinpai .brand-list .swiper-container { width: 100%; height: 100%; } content .about-us .details .yiwanpinpai .brand-list .swiper-container .img-list { display: flex; display: -webkit-flex; flex-wrap: wrap; } content .about-us .details .yiwanpinpai .brand-list .swiper-container .img-list .brand-img { height: 1.14rem; width: 1.9rem; display: flex; display: -webkit-flex; align-items: center; justify-content: center; } content .brand, content .product { background: #f0f0f0; } content .main-point-content { width: 100%; height: 4.23rem; background: url(/uploads/image/simages/yaodian-bg.gif); background-size: auto auto; } content .main-point { width: 100%; height: 100%; background: url(/uploads/image/simages/yaodian-bg-2.png); background-size: auto auto; } content .main-point .main-point-box { max-width: 1200px; width: 100%; height: 100%; margin: 0 auto; } content .main-point .main-point-chunk { height: 100%; } content .main-point .main-point-chunk::after { content: ''; display: block; clear: both; } content .main-point .main-point-chunk > div { height: 100%; float: left; } content .main-point .small-circle-list-1 { width: 3.8rem; } content .main-point .small-circle-list-1 > div:nth-child(1) { margin-left: 0.64rem; margin-top: 0.55rem; } content .main-point .small-circle-list-1 > div:nth-child(1) > div { animation-delay: 2200ms; -webkit-animation-delay: 2200ms; } content .main-point .small-circle-list-1 > div:nth-child(2) { margin-left: 1.4rem; margin-top: 0.55rem; } content .main-point .small-circle-list-1 > div:nth-child(2) > div { animation-delay: 5600ms; -webkit-animation-delay: 5600ms; } content .main-point .small-circle-list-1 > div:nth-child(3) { margin-left: 0.1rem; margin-top: 2.1rem; } content .main-point .small-circle-list-1 > div:nth-child(3) > div { animation-delay: 7200ms; -webkit-animation-delay: 7200ms; } content .main-point .small-circle-list-1 > div:nth-child(4) { margin-left: 0.5rem; margin-top: 1.07rem; } content .main-point .small-circle-list-1 > div:nth-child(4) > div { animation-delay: 2600ms; -webkit-animation-delay: 2600ms; } content .main-point .small-circle-list-1 > div:nth-child(5) { margin-left: 0.5rem; margin-top: 0.5rem; } content .main-point .small-circle-list-1 > div:nth-child(5) > div { animation-delay: 4400ms; -webkit-animation-delay: 4400ms; } content .main-point .small-circle-list-1 > div:nth-child(6) { margin-left: 0.1rem; margin-top: 0.9rem; } content .main-point .small-circle-list-1 > div:nth-child(6) > div { animation-delay: 6800ms; -webkit-animation-delay: 6800ms; } content .main-point .big-circle-list { width: 3.2rem; } content .main-point .big-circle-list > div.small-circle:nth-child(1) { margin-top: 0.3rem; margin-left: 1.4rem; margin-right: 1.1rem; } content .main-point .big-circle-list > div.small-circle:nth-child(1) > div { animation-delay: 1800ms; -webkit-animation-delay: 1800ms; } content .main-point .big-circle-list > div:nth-child(2), content .main-point .big-circle-list > div.big-circle:nth-child(1) { margin-top: 0rem; margin-left: 0.3rem; margin-right: 1.3rem; } content .main-point .big-circle-list > div:nth-child(2) > div, content .main-point .big-circle-list > div.big-circle:nth-child(1) > div { animation-delay: 2040ms; -webkit-animation-delay: 2040ms; } content .main-point .big-circle-list > div.big-circle:nth-child(1) { margin-top: 1rem; } content .main-point .big-circle-list > div:nth-child(3) { margin-top: 0.77rem; margin-left: 0.2rem; } content .main-point .big-circle-list > div:nth-child(3) > div { animation-delay: 2800ms; -webkit-animation-delay: 2800ms; } content .main-point .big-circle-list > div:nth-child(4) { margin-top: 0rem; margin-left: 1.26rem; } content .main-point .big-circle-list > div:nth-child(4) > div { animation-delay: 4400ms; -webkit-animation-delay: 4400ms; } content .main-point .small-circle-list-3 { width: 2.5rem; } content .main-point .small-circle-list-3 > div:nth-child(1) { margin-left: 0.3rem; margin-top: 0.65rem; } content .main-point .small-circle-list-3 > div:nth-child(1) > div { animation-delay: 5000ms; -webkit-animation-delay: 5000ms; } content .main-point .small-circle-list-3 > div:nth-child(2) { margin: 1.35rem 0rem 0rem 0.7rem; } content .main-point .small-circle-list-3 > div:nth-child(2) > div { animation-delay: 2800ms; -webkit-animation-delay: 2800ms; } content .main-point .small-circle-list-3 > div:nth-child(3) { margin-left: 0.25rem; margin-top: 1.3rem; } content .main-point .small-circle-list-3 > div:nth-child(3) > div { animation-delay: 6000ms; -webkit-animation-delay: 6000ms; } content .main-point .small-circle-list-2 { width: 2.5rem; } content .main-point .small-circle-list-2 > div:nth-child(1) { margin-left: 0.1rem; margin-top: 1.35rem; } content .main-point .small-circle-list-2 > div:nth-child(1) > div { animation-delay: 5000ms; -webkit-animation-delay: 5000ms; } content .main-point .small-circle-list-2 > div:nth-child(2) { margin: 0.65rem 0.2rem 0.7rem 0.05rem; } content .main-point .small-circle-list-2 > div:nth-child(2) > div { animation-delay: 2800ms; -webkit-animation-delay: 2800ms; } content .main-point .small-circle-list-2 > div:nth-child(3) { margin-left: 0.63rem; margin-top: 0.7rem; } content .main-point .small-circle-list-2 > div:nth-child(3) > div { animation-delay: 7200ms; -webkit-animation-delay: 7200ms; } content .main-point .small-circle-list-2 > div:nth-child(4) { margin-left: 0.05rem; margin-top: -0.01rem; } content .main-point .small-circle-list-2 > div:nth-child(4) > div { animation-delay: 2600ms; -webkit-animation-delay: 2600ms; } content .main-point .small-circle { width: 0.7rem; height: 0.7rem; float: left; cursor: pointer; display: flex; display: -webkit-flex; align-items: center; justify-content: center; font-size: 0.17rem; } content .main-point .small-circle:nth-child(4n) { width: 0.88rem; height: 0.88rem; font-size: 0.18rem; } #scodecon{ position: fixed !important; z-index: 20001 !important; } header {} header .top { background-color: #fa0000; color: #fff; } header .top>div, .menu>div { width: 100%; max-width: 1200px; margin: 0 auto; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; } header .top>div { align-items: flex-end; -webkit-align-items: flex-end; height: 1.1rem; padding-bottom: 0.24rem; /*font-size: 18px;*/ } header .left { display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; } header .left>a:hover { transform: scale(1.1); color: #fff; } header .logo { width: 1.76rem; height: 0.54rem; margin-right: 0.28rem; } header .logo>.red { display: none; } header .logo-desc>p { margin-top: 0.1rem; line-height: 1; } header .right { display: flex; display: -webkit-flex; } header .top .right { height: 0.36rem; line-height: 0.36rem; } header .top .right a { /*font-size: 15px;*/ margin: 0 0.03rem; } header .share { margin-left: 0.12rem; display: flex; display: -webkit-flex; } header .ic-weibo, header .ic-weixin, header .ic-baidu { width: 0.36rem; height: 0.36rem; margin-left: 0.08rem !important; cursor: pointer; background-size: cover; position: relative; } header .ic-weixin {} .ic-weibo { background-image: url(/uploads/image/simages/weibo.png); } .ic-weixin { background-image: url(/uploads/image/simages/weixin.png); } .ic-baidu { background-image: url(/uploads/image/simages/baidu.png); } header .menu { background: #000; color: #fff; height: 0.46rem; } header .menu>div { line-height: 0.46rem; /*font-size: 18px;*/ } header .menu .left>a { margin-right: 0.55rem; } header .menu .left>a:last-child { margin-right: 0; } header .menu .right { color: #fff; } .nav { height: 28.6458vw; overflow: hidden; } .nav>img { height: 100%; width: auto; max-width: initial; margin-left: 50%; transform: translatex(-50%); } .nav .swiper-container { width: 100%; height: 100%; } .nav .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center center; } .nav .swiper-pagination-bullet { background: #fff; opacity: .4; } .nav .swiper-pagination-bullet-active { opacity: 1; background: #ccc; } /*悬浮效果*/ body { position: relative; } header.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 100; } header .fixed-clean {} header.fixed .top { display: none; background-color: #f0f0f0; color: #757575; } header.fixed .menu { background-color: #fff; color: #757575; border-bottom: 1px solid #b4b4b4; } header.fixed .area { color: #fa0000; } header.fixed .left>a:hover { transform: scale(1); color: #fa0000; } header.fixed .menu .right { color: #757575; } header.fixed .logo>.red { display: block; } header.fixed .logo>.norm { display: none; } header.fixed .ic-weibo { background-image: url(/uploads/image/simages/weibo-w.png); } header.fixed .ic-weixin { background-image: url(/uploads/image/simages/weixin-w.png); } header.fixed .ic-baidu { background-image: ; } .left-box-top { display: flex; display: -webkit-flex; position: fixed; left: 0; top: 100%; flex-direction: column; justify-content: space-between; /*width: 0.95rem;*/ width: 0.55rem; height: 4.48rem; padding: 0.28rem 0 0.28rem; background: transparent; /*border: 1px solid rgba(180, 180, 180, 0.5); border-left: none;*/ z-index: 101; transition: all 1s; } .left-box-top.fixed-show { margin-top: -2.24rem; top: 50%; } .left-box-top>div, .left-box-top>a { width: 100%; flex: 1; display: flex; display: -webkit-flex; align-items: center; justify-content: center; cursor: pointer; position: relative; } .left-box-top>div:hover, .left-box-top>a:hover { background: rgba(150, 150, 150, 0.2); } .qr-code-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background: rgba(0, 0, 0, 0.7); display: none; } .qr-code-b-img { position: absolute; left: 50%; top: 50%; transform: translatex(-50%) translatey(-50%); z-index: 10001; } /*.ic-weixin .qr-code-box { left: 0; top: 100%; margin-top: 0; margin-left: -2.525rem; }*/ .ic-weixin .qr-code-box img { margin-left: 0; margin-top: 0.1rem; } .left-box-top .icon { display: block; background-size: cover; } .l-ic-phone { width: 0.27rem; height: 0.22rem; background-image: url(/uploads/image/simages/phone.png); } .l-ic-qq { width: 0.25rem; height: 0.25rem; background-image: url(/uploads/image/simages/qq.png); } .l-ic-weixin { width: 0.34rem; height: 0.26rem; background-image: url(/uploads/image/simages/wx.png); } .l-ic-top { width: 0.1rem; height: 0.18rem; background-image: url(/uploads/image/simages/to-top.png); } /* query-tag */ .query-tag { position: fixed; right: 1px; bottom: 1px; z-index: 9999; margin-bottom: 0.9rem; } .query-tag a { display: block; width: 1rem; height: 1.1rem; margin-top: 1px; text-align: center; font-size: 0.2rem; color: #fff; line-height: 1.7rem; } .query-tag a.tel { background: no-repeat 0 0; } .query-tag a.net { background: no-repeat 0 -111px; } .query-tag #bizqq_wpa2 { margin-top: 1px; cursor: pointer; } .query-cover { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); display: none; } .query-pop { position: fixed; left: 50%; top: 50%; z-index: 20000; border: 1px solid #b4b4b4; width: 4rem; min-height: 2.6rem; padding-top: 0.15rem; margin-left: -2rem; margin-top: -1.35rem; background: #fff; display: none; font-size: 0.14rem; } .query-pop .tel { overflow: hidden; } .query-pop .tel .input-wrap, .query-pop .tel .btn-wrap { float: left; } .query-pop .tel .phone-wrap { font-size: 0.34rem; font-weight: bolder; line-height: 1; } .query-pop .tel .phone-wrap a { color: #e60012; } .query-pop .tel .input-wrap { width: 188px; height: 3.9rem; border-bottom: 1px solid #333; margin-right: 0.1rem; } .query-pop .tel .btn-wrap { width: 1.2rem; } .query-pop .tel .input-wrap input { border: 0; height: 0.39rem; line-height: 0.39rem; padding: 0; font-size: 0.2rem; } .query-pop .tel, .query-pop .net { padding: 0 0.4rem; margin: 0.2rem 0; } .query-pop .btn-wrap a { background: #e60012; border: none; color: #fff; cursor: pointer; display: block; width: 100%; font-size: 0.18rem; height: 0.4rem; line-height: 0.38rem; text-align: center; } .query-pop .btn-wrap .btn-qqstart { margin-top: 0.12rem; } .query-pop .tip { padding-bottom: 0.05rem; } .query-pop .close-btn { position: absolute; top: 0.1rem; right: 0.1rem; text-decoration: underline; color: #999; font-size: 0.12rem; width: 0.25rem; height: 0.25rem; text-indent: -100em; overflow: hidden; background: url(/uploads/image/simages/pop-closebtn.png) no-repeat center center; } .query-pop .green_information_safety { background: left center no-repeat; background-size: 0.15rem 0.16rem; font-size: 0.12rem; line-height: 0.19rem; color: #1db816; margin: 0.05rem 0; text-indent: 1.6em; } .query-pop .query_pop_box { position: relative; } .query-pop .query_pop_input { border: 1px solid #adada9; width: 1.98rem; height: 0.38rem; font-size: 0.14rem; line-height: 0.38rem; color: #333; text-indent: 1em; } .query-pop .query_pop_button { width: 1.2rem; height: 0.4rem; line-height: 0.4rem; padding: 0; margin: 0; outline: none; box-shadow: none; border: 0; color: #fff; background: #e70012; font-size: 0.14rem; } .query-pop .query_pop_box .red_tip { display: none; font-size: 0.12rem; line-height: 0.28rem; color: #e70012; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; text-indent: 1em; } .query-pop .query-pop-success { display: none; } .query-pop .query-pop-success .subtitle { font-size: 0.3rem; line-height: 1; color: #e70012; margin-top: 42px; text-align: center; font-weight: bold; } .query-pop .query-pop-success .subdetail { font-size: 0.16rem; line-height: 1.8; color: #666666; margin-top: 0.25rem; text-align: center; padding: 0 0.32rem; } .bottom-tel { position: fixed; z-index: 100; left: 0; bottom: 0; height: 36px; line-height: 36px; width: 100%; color: #fff; font-size: 13px; text-align: center; background: #fa0000; display: none; } .bottom-tel>.uf { height: 100%; align-items: center; justify-content: space-around; } .bottom-tel>.uf>div { height: 100%; position: relative; padding: 0 4px; } .bottom-tel>.uf>div:nth-child(2) { border: 1px solid #fff; border-width: 0 1px; padding: 0 8px; } .bottom-tel>.uf>div img { padding: 8px 0; height: 100%; display: inline-block; margin-right: 4px; } .b-tel-btn a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; } @media only screen and (max-width: 1250px) { header .top>div, .menu>div { padding: 0 12px; align-items: center; } header .right { display: none; } } @media only screen and (max-width: 640px) { header .logo { margin-bottom: 0.05rem; } header .menu .left { width: 100%; justify-content: space-between; } header .menu .left>a { margin-right: 0; } .nav { height: 2.2rem; } .left-box-top { display: none; } .query-pop { max-width: calc(100% - 24px); /*height: 330px;*/ margin-left: 0; margin-top: 0; transform: translate(-50%, -60%); } .query-pop .query_pop_button { margin-top: 5px; } .query-pop .query_pop_box .red_tip {} } footer {} footer .footer-bg { width: 100%; background: #323232; } footer .about-link { max-width: 1200px; width: 100%; margin: 0 auto; padding: 0.33rem 0 0.7rem; display: flex; color: #969696; } footer .about-link .left { width: 3.8rem; margin-right: 0.9rem; } footer .about-link .right { flex: 1; width: 100%; } footer .footer-title { width: 100%; height: 0.6rem; padding-left: 2px; line-height: calc(0.6rem - 2px); border-bottom: 2px solid #fa0001; } footer .about-yaodian { display: flex; align-items: center; justify-content: space-between; } footer .about-content { margin-top: 0.24rem; line-height: 0.32rem; } footer .right {} footer .footer-column { float: left; width: 1.52rem; margin-right: 0.4rem; margin-bottom: 0.36rem; } footer .footer-column.wp { width: 100%; } footer .footer-column:last-child { margin-right: 0; } footer .column-link { width: 100%; margin-top: 0.23rem; line-height: 0.3rem; } footer .column-link a { display: block; float: left; padding-right: 0.1rem; } footer .achievement{ margin-top: 0.05rem; } footer .achievement a{ padding-right: 0.3rem; } footer .blogroll-box{ display: flex; } footer .blogroll{ height: 0.6rem; line-height: 0.6rem; margin-right: 0.36rem; } footer .link-list{ flex: 1; width: 100%; margin-top: 0.2rem; } footer .link-list>a{ display: block; float: left; line-height: 0.28rem; margin-right: 0.18rem; } footer a:hover{ cursor: pointer; color: #ff681c; } @media only screen and (max-width: 1250px) { footer .about-link { padding-left: 25px; padding-right: 25px; } } @media only screen and (max-width: 640px) { footer .about-link{ padding-bottom: 24px; } footer .about-link{ flex-wrap: wrap; } footer .about-link .left{ width: 100%; margin-right: 0rem; } footer .about-content p{ margin-top: 6px !important; } footer .about-link .right>div:not(.blogroll-box),footer .blogroll-box{ display: none; } footer .about-link .right .blogroll-box{ margin-top: 6px; flex-wrap: wrap; } footer .about-link .right .blogroll-box>div{ width: 100%; } footer .about-link .right .link-list{ margin-top: 0; } footer .about-link .right .link-list>a{ margin-right:0.4rem; display: inline; float: none; } } @media screen and (max-width: 640px) { content .main-point .small-circle:nth-child(4n) { font-size: 13.5px !important; } } @media screen and (max-width: 640px) { content .main-point .small-circle { font-size: 12.75px !important; } } content .main-point .small-circle > div { background-image: url(/uploads/image/simages/star-1.png); background-size: cover; background-repeat: no-repeat; width: 28px; height: 28px; padding: 0 0.15rem; font-size: 0; animation-name: flash; -webkit-animation-name: flash; animation-duration: 8s; -webkit-animation-duration: 8s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } content .main-point .small-circle:hover > div { background: #cececf; animation: none; width: 100%; height: 100%; font-size: 1em; padding: 0 0.15rem; } content .main-point .small-circle > div, content .main-point .child-circle { display: flex; display: -webkit-flex; align-items: center; justify-content: center; border-radius: 100%; color: #fa0000; letter-spacing: 2px; font-weight: bold; text-align: center; } content .main-point .big-circle { width: 1.6rem; height: 1.6rem; float: left; display: flex; display: -webkit-flex; align-items: center; justify-content: center; position: relative; } content .main-point .big-circle .child-circle { cursor: pointer; width: 0.67rem; height: 0.67rem; padding: 0 0.1rem; background-color: #fff; font-size: 0.17rem; z-index: 2; } @media screen and (max-width: 640px) { content .main-point .big-circle .child-circle { font-size: 12.75px !important; } } content .main-point .big-circle .child-circle:hover .desc { visibility: initial; } content .main-point .big-circle .desc { position: absolute; visibility: hidden; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background-image: url(/uploads/image/simages/circle-bg.png); background-repeat: no-repeat; background-color: #fa0000; color: #fff; z-index: 1; font-size: 0.15rem; } @media screen and (max-width: 640px) { content .main-point .big-circle .desc { font-size: 12px !important; } } content .main-point .big-circle .desc > div { position: absolute; } content .main-point .big-circle .desc .desc-1 { top: 0.1rem; left: calc(50% 0.04rem); writing-mode: vertical-lr; } content .main-point .big-circle .desc .desc-2 { right: 0.08rem; bottom: calc(50% 0.04rem); } content .main-point .big-circle .desc .desc-3 { bottom: 0.1rem; left: calc(50% 0.04rem); writing-mode: vertical-lr; } content .main-point .big-circle .desc .desc-4 { left: 0.08rem; bottom: calc(50% 0.04rem); } content .main-point-desc { width: 100%; max-width: 1200px; margin: 0 auto; height: 2.4rem; background: #fff; display: flex; display: -webkit-flex; align-items: center; } content .main-point-desc > div { text-align: center; } content .main-point-desc > .desc { width: 100%; flex: 1; font-size: 0.18rem; line-height: 0.3rem; color: #646464; } content .main-point-desc > .desc > p:first-child { line-height: 0.4rem; font-size: 0.2rem; } @media screen and (max-width: 640px) { content .main-point-desc > .desc > p:first-child { font-size: 15px !important; } } @media screen and (max-width: 640px) { content .main-point-desc > .desc { font-size: 13.5px !important; } } content .main-point-desc > .desc:first-child { padding-left: 0.04rem; padding-right: 0.36rem; } content .main-point-desc > .desc:last-child { padding-right: 0.04rem; padding-left: 0.36rem; } content .main-point-desc > .theme { font-size: 0.2rem; height: 0.96rem; width: 2.5rem; padding-top: 0.105rem; flex-direction: column; border: 1px solid #000; border-width: 0 1px; line-height: 0.25rem; } @media screen and (max-width: 640px) { content .main-point-desc > .theme { font-size: 15px !important; } } content .news { max-width: 1200px; margin: 0 auto; padding-bottom: 0.6rem; } content .news::after { content: ''; display: block; clear: both; } content .news .left, content .news .right { float: left; width: 50%; } content .news .left { padding-left: 0.04rem; padding-right: 0.5rem; } content .news .right { padding-right: 0.04rem; padding-left: 0.5rem; } @keyframes flash { 0% { width: 28px; height: 28px; color: transparent; padding: 0 0; } 50% { width: 28px; height: 28px; color: transparent; padding: 0 0; } 62.5% { padding: 0 0.15rem; } 65% { width: 100%; height: 100%; padding: 0 0.15rem; font-size: 0; } 75% { width: 100%; height: 100%; font-size: 0; padding: 0 0.15rem; } 87.5% { padding: 0 0.15rem; } 100% { padding: 0 0; width: 28px; height: 28px; } } @media only screen and (max-width: 640px) { content .content-list { min-height: 2rem; } .about-us { display: none; } .main-point-content { display: none; } content .main-point-desc { height: auto; flex-wrap: wrap; padding: 12px 0; border-top: 1px solid #f0f0f0; } content .main-point-desc > div.desc, content .main-point-desc > div.theme { padding-left: 12px !important; padding-right: 12px !important; width: 100%; flex: 0 1 auto; } content .main-point-desc > div.theme { width: auto; height: auto; margin: 12px auto; border-width: 1px 0; padding: 12px 0; font-size: 14px !important; } .select-box .select { padding: 24px 0 18px; } content .content-news-title { flex-wrap: wrap; height: auto; min-height: 0.8rem; } content .content-news-title .title { margin-top: 0.3rem; line-height: 1; } content .content-news-title .more > p { line-height: 0.6rem; } content .content-news-title .more > p:first-child { display: none; } content .content-news-title .more > p:nth-child(2) { font-size: 14px !important; } content .content-news-title #news-category-list { display: flex; padding: 0.1rem 0; flex-wrap: wrap; } content .content-news-title #news-category-list a { margin-left: 0.3rem; line-height: 0.3rem; } content .news { padding-left: 12px !important; padding-right: 12px !important; padding-bottom: 12px; } content .news .left, content .news .right { width: 100%; padding: 0 !important; } } @media screen and (max-width: 740px) { .content-list-m .item-big{width: 100%;height: auto;} .content-list-m .item-big .item{padding-left: 0;} .content-list-m .item-big .item img{width: 100%;display: block;transform: translatex(0%);} .content-list-m .item-small{width: 100%;margin-left: 0;} .content-list-m .item-big .item-small{margin-left: 0;} .content-list-m .item-small .item{width: 49%;margin-right: 2%;height:auto;display: none;} .content-list-m .item-small .item:nth-child(1){display: block;} .content-list-m .item-small .item:nth-child(2){margin-right: 0;display: block;} .content-list-m .item-small .item img{width: 100%;display: block;} div > .content-list-m > div{margin-bottom: 0.2rem;} } /*# sourcemappingurl=index.css.map */