body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td, button, a {
    padding: 0;
    margin: 0;
    list-style: none;
    text-indent: 0px;
    -webkit-touch-callout: none;
    /*当你触摸并按住触摸目标时候，禁止或显示系统默认菜单 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5, h6, th {
    font-size: 100%;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after, button:before, button:after, input:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

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

ol, ul {
    list-style: none;
}

cite, em {
    font-style: normal;
}

img, button {
    border: 0px none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

button, object {
    cursor: pointer;
    background: none;
    vertical-align: middle;
    overflow: visible;
}

object {
    cursor: default;
}

input, button, select, textarea {
    outline: none;
    vertical-align: middle;
}

textarea {
    resize: none;
}

i, b {
    font-style: normal;
    font-weight: 100;
}

input, textarea {
    font-size: 0.26rem;
    -webkit-appearance: none;
}

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

input:-moz-placeholder {
    color: #aaa;
}

input::-moz-placeholder {
    color: #aaa;
}

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

textarea::-webkit-input-placeholder {
    color: #aaa;
}

textarea:-moz-placeholder {
    color: #aaa;
}

textarea::-moz-placeholder {
    color: #aaa;
}

textarea:-ms-input-placeholder {
    color: #aaa;
}

html {
    /*表示100px=1rem;       625%    62.5%*/
    font-family: "microsoft yahei", "\534E\6587\7EC6\9ED1", Verdana, Arial, Helvetica, sans-serif;
    background: rgba(255, 255, 255, 1);
}

body {
    font-family: "microsoft yahei", "\534E\6587\7EC6\9ED1", Verdana, Arial, Helvetica, sans-serif;
    /*微软雅黑      华文细黑     最后一个字体：ios系统默认 */
    font-size: 16px;
    /* -webkit-user-select: none; */
    /*禁止选中内容*/
    -webkit-text-size-adjust: none;
    /*不调整（拉伸）字大小*/
    background: #fff;
}

#app {
    width: 100%;
    min-height: 12.46rem;
    /*min-height: 800px;*/
    background: rgba(255, 255, 255, 1);
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
}

.clear {
    clear: both;
}

@font-face {
    font-family: 'iconfont';
    /* Project id 2431991 */
    src: url('//at.alicdn.com/t/font_2431991_q36jwaoga79.woff2?t=1623208410524') format('woff2'), url('//at.alicdn.com/t/font_2431991_q36jwaoga79.woff?t=1623208410524') format('woff'), url('//at.alicdn.com/t/font_2431991_q36jwaoga79.ttf?t=1623208410524') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* 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;
}
.gap20 {
    gap: 20px;
}
@media screen and (min-width:768px) {
    .w12 {
        width: 1200px;
        margin: 0 auto;
    }
    /* 头部 */
    .head {
        width: 100%;
        height: 250px;
        max-width: 1920px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }
    .head .bgImg {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
    }
    .head .w12 {
        position: absolute;
        top: 52px;
        left: 50%;
        margin-left: -600px;
    }
    .head .logo {
        float: left;
    }
    .head .logo img {
        display: block;
    }
    .head .search {
        float: left;
        padding: 44px 0 0 46px;
    }
    .head .search input {
        float: left;
        padding: 5px 20px;
        width: 186px;
        height: 32px;
        line-height: 32px;
        font-size: 16px;
        color: #333;
        background: #fff;
        border: 0;
        border-radius: 2px 0 0 2px;
    }
    .head .search a {
        float: left;
        padding: 5px 10px;
        width: 52px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        color: #fff;
        text-align: center;
        background: #e7362d;
        border-radius: 0 2px 2px 0;
    }
    .mhead {
        display: none;
    }
    .searchbox {
        display: none;
    }
    .nav {
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        background: #476597;
    }
    .nav .w12 {
        display: -webkit-flex;
    }
    .nav .obox {
        width: 134px;
        height: 56px;
        position: relative;
    }
    .nav .obox .onav {
        display: block;
        width: 100%;
        height: 36px;
        padding: 10px 0;
        line-height: 36px;
        font-size: 17px;
        color: #fff;
        text-align: center;
    }
    .nav .obox.on .onav {
        background: #e7362d;
    }
    .nav .obox .tbox {
        position: absolute;
        top: 56px;
        left: 0;
        right: 0;
        border-top: 3px solid #e7362d;
        padding: 8px 0;
        background: #fff;
        display: none;
        z-index: 9;
        box-shadow: 0 20px 20px rgba(36, 39, 108, 0.1);
    }
    .nav .obox:hover .tbox {
        display: block;
    }
    .nav .obox .tnav {
        display: block;
        width: 100%;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        color: #333;
        text-align: center;
    }
    .nav .obox .tnav:hover, .nav .obox .tnav.on {
        color: #e7362d;
    }
    .mNav {
        display: none;
    }
    /* 底部 */
    .ofot {
        width: 100%;
        height: 246px;
        max-width: 1920px;
        margin: 0 auto;
        background: #41577d;
        border-top: 3px solid #e7362d;
    }
    .ofot .friend {
        padding: 10px 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #536483;
    }
    .ofot .friend span {
        float: left;
        line-height: 32px;
        font-size: 14px;
        color: #e6e6e6;
        margin-right: 16px;
    }
    .ofot .friend a {
        float: left;
        line-height: 32px;
        font-size: 14px;
        color: #e6e6e6;
        margin-right: 26px;
    }
    .ofot .fl {
        float: left;
        padding: 8px 0 0 30px;
    }
    .ofot .fl .logo {
        float: left;
        width: 115px;
    }
    .ofot .fl .info {
        float: left;
        margin-left: 27px;
        width: 253px;
    }
    .ofot .fl .tel {
        line-height: 34px;
        font-size: 30px;
        color: #fff;
        margin-bottom: 11px;
    }
    .ofot .fl .time {
        line-height: 21px;
        font-size: 14px;
        color: #fff;
        margin-bottom: 8px;
    }
    .ofot .fl .address {
        line-height: 21px;
        font-size: 14px;
        color: #fff;
    }
    .ofot .fl .address span {
        float: left;
    }
    .ofot .fl .address p {
        float: left;
        width: 210px;
    }
    .ofot .fl .place {
        display: none;
    }
    .ofot .cen {
        float: left;
        margin-left: 215px;
        width: 320px;
        padding-top: 10px;
    }
    .ofot .cen li {
        float: left;
        width: 160px;
    }
    .ofot .cen a {
        line-height: 29px;
        font-size: 14px;
        color: #fff;
    }
    .ofot .fr {
        float: right;
        width: 150px;
        margin-right: 20px;
    }
    .ofot .fr img {
        display: block;
        width: 122px;
        margin: 0 auto;
    }
    .ofot .fr p {
        margin-top: 6px;
        line-height: 24px;
        font-size: 14px;
        color: #fff;
        text-align: center;
    }
    .tfot {
        padding: 5px 0;
        height: 30px;
        width: 100%;
        max-width: 1920px;
        margin: 0 auto;
        background: #3c5073;
        text-align: center;
    }
    .tfot a {
        display: inline-block;
        margin: 0 12px;
        line-height: 30px;
        font-size: 14px;
        color: #bcbcbc;
    }
  .tfot a.gongan{padding-left:30px;background:url(../img/gongan.png) no-repeat left center;}
    /* 悬浮窗 */
    .slideBar {
        position: fixed;
        bottom: 10%;
        right: 0;
        width: 46px;
        z-index: 96;
        display: none;
    }
    .slideBar .min {
        position: relative;
        width: 46px;
        height: 46px;
        margin-bottom: 1px;
        background: #476597;
    }
    .slideBar .min:hover {
        background: #e7362d;
    }
    .slideBar .min .iconfont {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 46px;
        font-size: 28px;
        color: #fff;
        text-align: center;
    }
    .slideBar .tel {
        position: absolute;
        width: 140px;
        height: 46px;
        line-height: 46px;
        font-size: 16px;
        color: #fff;
        text-align: center;
        background: #476597;
        top: 0;
        left: 46px;
        transition: left 0.2s linear 0s;
        z-index: -1;
    }
    .slideBar .min:hover .tel {
        left: -140px;
    }
    .slideBar .min:nth-child(2) .iconfont {
        font-size: 22px;
    }
    .slideBar .code {
        position: absolute;
        width: 140px;
        height: 140px;
        background: #476597;
        top: -47px;
        left: 46px;
        transition: left 0.2s linear 0s;
        z-index: -1;
    }
    .slideBar .code img {
        display: block;
        width: 100%;
    }
    .slideBar .min:hover .code {
        left: -140px;
    }
}

@media screen and (max-width:768px) {
    .head {
        display: none;
    }
    .mheadbox {
        height: 1.02rem;
    }
    .mhead {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 0.1rem 0;
        height: 0.8rem;
        text-align: center;
        background: #fff;
        z-index: 99;
        border-bottom: 0.02rem solid #e6e6e6;
    }
    .mhead .logo {
        display: inline-block;
        height: 100%;
        margin: 0 auto;
    }
    .mhead .logo img {
        display: block;
        height: 100%;
    }
    .mhead .navIcon {
        position: absolute;
        top: 0.1rem;
        left: 0.2rem;
        width: 0.8rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.6rem;
        color: #333;
        text-align: center;
    }
    .mhead .searchIcon {
        position: absolute;
        top: 0.1rem;
        right: 0.2rem;
        width: 0.8rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.5rem;
        color: #333;
        text-align: center;
    }
    .nav {
        display: none;
    }
    .mNav {
        position: fixed;
        top: 1rem;
        left: 0;
        bottom: 0;
        right: 0;
        background: #fff;
        z-index: 98;
        display: none;
    }
    .mNav .obox {
        padding: 0 0.2rem;
        border-bottom: 0.015rem solid #e6e6e6;
    }
    .mNav .onav {
        display: block;
        width: 100%;
        height: 0.8rem;
    }
    .mNav .onav .wz {
        float: left;
        line-height: 0.8rem;
        font-size: 0.3rem;
        color: #333;
    }
    .mNav .obox.on .wz {
        color: #e7362d;
    }
    .mNav .icon1 {
        float: right;
        width: 0.8rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.34rem;
        color: #333;
        text-align: center;
    }
    .mNav .icon2 {
        float: right;
        width: 0.8rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.34rem;
        color: #333;
        text-align: center;
        display: none;
    }
    .mNav .tbox {
        display: none;
        padding-top: 0.15rem;
        /* border-top: 0.015rem solid #e6e6e6; */
        /* margin-left: 1rem; */
    }
    .mNav .tnav {
        float: left;
        /* padding: 0 0.2rem; */
        width: 2.2rem;
        margin: 0 0.25rem 0.15rem 0;
        line-height: 0.6rem;
        font-size: 0.28rem;
        color: #333;
        text-align: center;
        background: #f5f5f5;
    }
    .mNav .tbox .tnav:nth-child(3n) {
        margin-right: 0;
    }
    .mNav .tnav.on {
        color: #e7362d;
    }
    .mNav .obox.on .tbox {
        display: block;
    }
    .mNav .obox.on .icon1 {
        display: none;
    }
    .mNav .obox.on .icon2 {
        display: block;
    }
    .searchbox {
        position: fixed;
        top: 1rem;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0.2rem;
        background: #fff;
        z-index: 98;
        display: none;
    }
    .searchbox input {
        float: left;
        padding: 0.1rem 0.2rem;
        width: 4.4rem;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.26rem;
        color: #333;
        border: 0.01rem solid #e6e6e6;
        border-radius: 0.04rem;
    }
    .searchbox a {
        float: right;
        width: 1.9rem;
        line-height: 0.82rem;
        font-size: 0.26rem;
        color: #fff;
        background: #e7362d;
        border-radius: 0.04rem;
        text-align: center;
    }
    /* 底部 */
    .ofot {
        background: #41577d;
        padding: 0.2rem;
    }
    .ofot .friend {
        border-bottom: 0.015rem solid #536483;
        margin-bottom: 0.2rem;
    }
    .ofot .friend span {
        float: left;
        line-height: 0.5rem;
        font-size: 0.26rem;
        color: #e6e6e6;
        margin-right: 0.1rem;
        margin-bottom: 0.1rem;
    }
    .ofot .friend a {
        float: left;
        line-height: 0.5rem;
        font-size: 0.26rem;
        color: #e6e6e6;
        margin-right: 0.1rem;
        margin-bottom: 0.1rem;
    }
    .ofot .fl {
        float: left;
        padding-top: 0.3rem;
    }
    .ofot .fl .logo {
        float: left;
        width: 1.5rem
    }
    .ofot .fl .logo img {
        display: block;
        width: 100%;
    }
    .ofot .fl .info {
        float: left;
        margin-left: 0.2rem;
        width: 3.5rem;
    }
    .ofot .fl .tel {
        line-height: 0.5rem;
        font-size: 0.36rem;
        color: #fff;
    }
    .ofot .fl .time {
        display: none;
    }
    .ofot .fl .address span {
        display: none;
    }
    .ofot .fl .address p {
        line-height: 0.44rem;
        font-size: 0.24rem;
        color: #fff;
    }
    .ofot .cen {
        display: none;
    }
    .ofot .fr {
        float: right;
        width: 1.8rem;
    }
    .ofot .fr img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .ofot .fr p {
        margin-top: 0.1rem;
        line-height: 0.44rem;
        font-size: 0.2rem;
        color: #fff;
        text-align: center;
    }
    .tfot {
        padding: 0.1rem 0.2rem;
        background: #3c5073;
    }
    .tfot a:nth-child(1) {
        display: block;
        line-height: 0.44rem;
        font-size: 0.26rem;
        color: #bcbcbc;
    }
    .tfot a:nth-child(2) {
        display: block;
        line-height: 0.44rem;
        font-size: 0.26rem;
        color: #bcbcbc;
    }
    .tfot a:nth-child(3) {
        display: block;
        line-height: 0.44rem;
        font-size: 0.26rem;
        color: #bcbcbc;
      padding-left:.38rem;
      background:url(../img/gongan.png) no-repeat left center;background-size:.28rem .28rem;
    }
    .tfot a:nth-child(5) {
        float:left;
        line-height: 0.44rem;
        font-size: 0.26rem;
        color: #bcbcbc;
    }
  .tfot a:nth-child(4) {
        float:right;
        line-height: 0.44rem;
        font-size: 0.26rem;
        color: #bcbcbc;
    }
    /* 悬浮窗 */
    .slideBar {
        position: fixed;
        bottom: 10%;
        right: 0;
        width: 0.0.8rem;
        z-index: 96;
        display: none;
    }
    .slideBar .min {
        position: relative;
        width: 0.8rem;
        height: 0.8rem;
        margin-bottom: 0.02rem;
        background: #476597;
    }
    .slideBar .min:hover {
        background: #e7362d;
    }
    .slideBar .min .iconfont {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 0.8rem;
        font-size: 0.5rem;
        color: #fff;
        text-align: center;
    }
    .slideBar .tel {
        position: absolute;
        width: 2.44rem;
        height: 0.8rem;
        line-height: 0.8rem;
        font-size: 0.26rem;
        color: #fff;
        text-align: center;
        background: #476597;
        top: 0;
        left: 0.8rem;
        transition: left 0.2s linear 0s;
        z-index: -1;
    }
    .slideBar .min:hover .tel {
        left: -2.44rem;
    }
    .slideBar .min:nth-child(2) .iconfont {
        font-size: 0.44rem;
    }
    .slideBar .code {
        position: absolute;
        width: 2.44rem;
        height: 2.44rem;
        background: #476597;
        top: -0.82rem;
        left: 0.8rem;
        transition: left 0.2s linear 0s;
        z-index: -1;
    }
    .slideBar .code img {
        display: block;
        width: 100%;
    }
    .slideBar .min:hover .code {
        left: -2.44rem;
    }
}