/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
    outline: none;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body a {
    outline: none;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
    text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:link {
    text-decoration: none;
    outline: none;
    color: var(--color-gray-dark);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:visited {
    text-decoration: none;
    outline: none;
    color: #32363F;
}

a:hover {
    text-decoration: none;
    outline: none;
    color: var(--color-primary);
}

a:active {
    text-decoration: none;
    outline: none;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
    font-weight: 900;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
    font-weight: 900;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
    font-weight: 900;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0 0;
}

dd {
    margin: 0 0 0 0;
}

/**
 * Address paddings set differently in IE 6/7.
 */

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


/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0;
    /* 1 */
    -ms-interpolation-mode: bicubic;
    /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}


/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%;
    /* 1 */
    margin: 0;
    /* 2 */
    vertical-align: baseline;
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;

}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


::-webkit-input-placeholder {
    color: #b4b4b4;
}

::-ms-input-placeholder {
    color: #b4b4b4;
}

:root {
    --color-primary: #125ac8;
    --color-secondary: #CBB280;
    --color-gray-dark: #3E3E3E;
    --color-gray-medium: #8F8F8F;
    --color-gray: #D9D9D9;
    --color-gray-light: #E9E9E9;
}

.clearfix:after {
    content: "";
    overflow: hidden;
    display: block;
    height: 0px;
    clear: both;
}

.dn {
    display: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

html,
body {
    font-family: MiSans, 'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', 'HanHei SC', Arial, 'Hiragino Sans GB', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif, HYWenHei-GEW !important;
}

body {
    font-size: .14rem;
    line-height: 1.50;
    color: #191919;
    background-color: #f8f8f8;
    position: relative;
    overflow-x: hidden;

}

a:hover {
    text-decoration: none;
}

em {
    font-style: normal;
}

section {
    background-color: #ffffff;
    padding: 40px 0 60px;
    margin: 0;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

.container {
    width: 1400px;
    margin: 0 auto;
}

.m-t-10 {
    margin-top: .1rem;
}

.m-t-20 {
    margin-top: .2rem;
}

.m-t-30 {
    margin-top: .3rem;
}

.m-t-40 {
    margin-top: .4rem;
}

.m-t-50 {
    margin-top: .5rem;
}

.m-t-60 {
    margin-top: .6rem;
}

.m-t-90 {
    margin-top: .9rem;
}

.m-b-10 {
    margin-bottom: .1rem;
}

.m-b-20 {
    margin-bottom: .2rem;
}

.m-b-30 {
    margin-bottom: .3rem;
}

.m-b-40 {
    margin-bottom: .4rem;
}

.m-b-50 {
    margin-bottom: .5rem;
}

.m-b-90 {
    margin-bottom: .9rem;
}

.p-t-10 {
    padding-top: .1rem;
}

.p-t-20 {
    padding-top: .2rem;
}

.p-t-30 {
    padding-top: .3rem;
}

.p-t-40 {
    padding-top: .4rem;
}

.p-t-50 {
    padding-top: .5rem;
}

.p-t-90 {
    padding-top: .9rem;
}

.p-b-10 {
    padding-bottom: .1rem;
}

.p-b-20 {
    padding-bottom: .2rem;
}

.p-b-30 {
    padding-bottom: .3rem;
}

.p-b-40 {
    padding-bottom: .4rem;
}

.p-b-50 {
    padding-bottom: .5rem;
}

.p-b-90 {
    padding-bottom: .9rem;
}

.text-nowrap-ellipsis,
.text-nowrap-ellipsis-2,
.text-nowrap-ellipsis-3,
.text-nowrap-ellipsis-4,
.text-nowrap-ellipsis-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.text-nowrap-ellipsis {
    -webkit-line-clamp: 1;
}

.text-nowrap-ellipsis-2 {
    -webkit-line-clamp: 2;
}

.text-nowrap-ellipsis-3 {
    -webkit-line-clamp: 3;
}

.text-nowrap-ellipsis-4 {
    -webkit-line-clamp: 4;
}

.text-nowrap-ellipsis-5 {
    -webkit-line-clamp: 5;
}

/* flex 布局 */
.flex {
    display: flex;
    flex-direction: row;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-center {
    justify-content: center;
}

.align-center {
    align-items: center;
}

.align-stretch {
    align-items: stretch;
}

.align-start {
    align-items: flex-start;
}

.align-end {
    align-items: flex-end;
}

.align-baseline {
    align-items: baseline;
}

.mask {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #18181840;
    z-index: 10;
}

::-webkit-scrollbar {
    width: .05rem;
    border-radius: .05rem;
}

::-webkit-scrollbar-track {
    background: rgba(209, 209, 209, 0.6);
    border-radius: .05rem;
}

::-webkit-scrollbar-thumb {
    background: #125ac8;
    border-radius: .05rem;
}

.fancybox-slide--iframe .fancybox-content {
    width: 10rem !important;
    height: 5.65rem !important;
    margin: 0;
}

/*头部样式*/
.header {
    width: 100%;
    height: 1.3rem;
    background-image: url('/Temp/PC/images/header-bg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.header .container {
    height: 100%;
}

.header .logo {
    width: 4.73rem;
    height: .76rem;
}

.header .logo img {
    width: 100%;
    height: 100%;
}

.header .right {
    gap: .3rem;
}

.header .right .phone {
    gap: .1rem;
}

.header .right .phone img {
    width: .61rem;
    height: .61rem;
}

.header .right .phone .phone-num {
    font-size: .16rem;
    color: #9fc4f3;
}

.header .right .phone .phone-num p:nth-child(2) {
    font-size: .3rem;
    color: #ffd53c;
    font-weight: 500;
}

.header .right .phone p {
    margin: 0;
}

.header .right .erCode {
    gap: .1rem;
}

.header .right .erCode .img {
    width: .9rem;
    height: .9rem;
}

.header .right .erCode .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .right .erCode .text {
    font-size: .16rem;
    color: #fff;
    width: .16rem;
    line-height: 1.2;
}

.nav {
    height: 1.6rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: .5rem 0;
}

.navMenu {
    opacity: 1.0;
    filter: Alpha(opacity=100);
    transition: all 0.3s;
    -webkit-transition: all .3s;
    transform-origin: center center;
    -webkit-transform-origin: center center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 1;
    transition: all .5s;
    /*gap: 50px;*/
    /* visibility: hidden; */
}

.navMenu li {
    width: 1.4rem;
    height: 1.6rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.navMenu li:nth-child(1) {
    background-image: url(/Temp/PC/images/nav-bg-1.png);
}

.navMenu li:nth-child(2) {
    background-image: url(/Temp/PC/images/nav-bg-2.png);
}

.navMenu li:nth-child(3) {
    background-image: url(/Temp/PC/images/nav-bg-3.png);
}

.navMenu li:nth-child(4) {
    background-image: url(/Temp/PC/images/nav-bg-4.png);
}

.navMenu li:nth-child(5) {
    background-image: url(/Temp/PC/images/nav-bg-5.png);
}

.navMenu li:nth-child(6) {
    background-image: url(/Temp/PC/images/nav-bg-6.png);
}

.navMenu li>a {
    font-size: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: .2rem;
    box-sizing: border-box;
    gap: .1rem;
}

.navMenu li>a img {
    width: .8rem;
    height: .8rem;
    object-fit: cover;
}

/* @media screen and (min-width:768px) {
    .header .navMenu li:hover .subMenu {
        display: block;
        -webkit-animation: anBox .3s;
        animation: anBox .3s;
    }

    .header .navMenu li:hover .subMenu li {
        float: none;
        margin: 0;
    }

    .header .navMenu li:hover .subMenu li a {
        font-size: 14px;
        line-height: 36px;
        font-weight: normal;
        color: #8B8B8B;
        text-align: center;
    }

    .header .navMenu li:hover .subMenu li a:hover {
        color: #A10921;
    }

} */

.pc-hide {
    display: none;
}

.scale-img {
    overflow: hidden;
    position: relative;
    display: block;
}

.scale-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.scale-img:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}

.hr {
    background-color: var(--color-gray);
    height: 1px;
    border: 0px;
    overflow: hidden;
    margin: .2rem 0;
}
.more-btn {
    margin: .2rem 0;
    width: 1.75rem;
}
.more-btn a {
    background-color: var(--color-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    border-radius: 9.99rem;
    padding: .1rem .2rem;
    box-sizing: border-box;
    border: 1px solid var(--color-primary);
}
.more-btn a:hover {
    background-color: #fff;
    color: var(--color-primary);
}
.slide{
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1.4rem;
    z-index: 999;
}
.slide .top {
    height: 3.6rem;
    width: 100%;
    background-image: url(/Temp/PC/images/slide_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 1.3rem;
    box-sizing: border-box;
}
.slide .top .phone {
    font-size: .14rem;
    color: #fffead;
}
.slide .top .phone .phone-num {
    font-size: .16rem;
    color: #fff;
    font-weight: bold;
}
.slide .top .erCode {
    margin: .15rem ;
    background-color: #fff;
    padding: .05rem;
    box-sizing: border-box;
    font-size: .14rem;
    color: #505050;
}
.slide .bottom {
    width: .6rem;
    height: .6rem;
    background: linear-gradient(45deg, #0fe0f2 0%, #0a54c4 100%);
    color: #fff;
    border-radius: 9.99rem;
    margin: .1rem auto;
}
.slide .bottom .iconfont {
    font-size: .36rem;
}
.details-content {
    font-size: .18rem;
    line-height: 1.8em;
    text-align: justify;
}

.details-content p {
    margin: .15rem auto;
}

.details-content img {
    margin: .15rem auto;
    max-width: 100%;
}
.footer {
    background-color: var(--color-primary);
    color: #fff;
    font-size: .14rem;
}
.footer .top {
    gap: 1rem;
    padding: .5rem 0;
}
.footer .top p {
    margin: 0;
}
.footer .top .left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .08rem;
    width: 4rem;
    font-size: .18rem;
}
.footer .top .left .phone {
    color: #ffd53c;
}
.footer .top .left img {
    width: 3.40rem;
    height: .65rem;
}
.footer .top .left .phone .phone-num {
    font-size: .36rem;
    font-weight: bold;
    line-height: 1.2em;
}
.footer .top .center {
    flex: 1;
    border-right: 1px solid #2b6ed4;
    border-left: 1px solid #2b6ed4;
    padding: 0rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .08rem;
}
.footer .top .right {
    width: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .1rem;
}
.footer .top .right img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: cover;
}
.footer .copyright {
    background-color: #0e469d;
    padding: .2rem;
}
.footer .copyright .container {
    gap: .1rem;
}
.footer .copyright a{
    color: #fff;
}
@media screen and (max-width:768px) {

    .container {
        width: 100%;
        padding: 0 .2rem;
        box-sizing: border-box;
    }

    .header {
        height: 1rem;
    }

    .header .right {
        gap: .2rem;
    }

    .header .right .erCode,
    .header .right .phone img {
        display: none;
    }

    .header .right .phone .phone-num {
        font-size: .24rem;
    }

    .menu_icon {
        display: block;
        margin-left: .06rem;
    }

    .menu_icon .iconfont {
        color: #fff;
        font-size: .6rem;
    }

    .nav {
        height: auto;
    }

    .navMenu {
        flex-wrap: wrap;
    }

    .navMenu {
        gap: .2rem;
    }

    .navMenu li {
        width: calc((100% - .2rem*2)/3);
        background-image: none;
        background-color: var(--color-primary);
        border-radius: .3rem;
    }

    .navMenu li>a {
        font-size: .28rem;
        padding: .1rem;
        gap: .1rem;
    }

    .navMenu li>a img {
        width: .8rem;
        height: .8rem;
    }

    .pc-hide {
        display: flex;
    }

    .mb-hide {
        display: none;
    }

    .mb_banner {
        height: 5rem;
    }

    .mb_banner .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .more-btn {
        margin: .2rem auto;
        width: 2.5rem;
    }
    .more-btn a {
        font-size: .26rem;
    }
    .slide{
        display: none;
    }
    .footer {
        font-size: .24rem;
    }
    .footer .top {
        gap: .5rem;
        flex-direction: column;
    }
  
    .footer .top .left {
        gap: .08rem;
        width: auto;
        font-size: .28rem;
    }
    .footer .top .left img {
        width: 4.1rem;
        height: .78rem;
    }
    .footer .top .left .phone .phone-num {
        font-size: .5rem;
    }
    .footer .top .center {
        padding: 0;
        border-right: 0px solid #2b6ed4;
        border-left: 0px solid #2b6ed4;
    }
    .footer .top .center h2 {
        text-align: center;
    }
    .footer .top .right {
        width: auto;
    }
    .footer .top .right img {
        width: 1.8rem;
        height: 1.8rem;
    }
   
    .footer  .copyright .container{
        flex-direction: column;
        align-content: center;
        justify-content: center;
        text-align: center;
    }
}

@keyframes anBox {
    from {
        top: 80px;
        opacity: 0;
    }

    to {
        top: 60px;
        opacity: 1;
    }
}

@-webkit-keyframes anBox {
    from {
        top: 80px;
        opacity: 0;
    }

    to {
        top: 60px;
        opacity: 1;
    }
}

/* toast轻提示样式 */
@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}