@charset "UTF-8";
.bg-color-white, body {
    background-color: #fff
}

* {
    margin: 0;
    padding: 0
}

html {
    overflow-x: hidden
}

body {
    width: 100vw;
    overflow-x: hidden;
    /*transition: .2s;*/
    /*font-family: 宋体;*/
    /*transform-origin: left top*/
}

.text-overflow3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#app_heade{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    background-size: cover;
    background-repeat: no-repeat;
    line-height: 50px;
}
#app_heade a{ color: #fff;font-weight: bold; }

.footer_app{
    width: 100%;
    min-height: 60px;
    color: #fff;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
    background-color: #8f1c21;
    padding: 10px;
}

.nav_app{
    width: 100%;
    padding: 10px 10px 0;
    display: flex;
    flex-wrap: wrap;
}
.nav_app li{
    padding: 0 6px;
    margin-bottom: 10px;
}

div, p, span, ul {
    box-sizing: border-box
}

input {
    border: none
}

li {
    list-style: none
}

a {
    text-decoration: none;
    color: #000
}

blockquote, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.pt-70, .ptb-70 {
    padding-top: 70px
}

.plr-70, .pr-70 {
    padding-right: 70px
}

.pb-70, .ptb-70 {
    padding-bottom: 70px
}

.pl-70, .plr-70 {
    padding-left: 70px
}

.mauto {
    margin: 0 auto
}

.mt-70, .mtb-70 {
    margin-top: 70px
}

.mlr-70, .mr-70 {
    margin-right: 70px
}

.mb-70, .mtb-70 {
    margin-bottom: 70px
}

.ml-70, .mlr-70 {
    margin-left: 70px
}

.min_height {
    min-height: 469.5px
}

.header_nav > .con > li, .header_z_nav > .con > li, .text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.flex, .flex-between, .flex-center, .header_banner > .con, .header_banner > .con > .search > div, .header_nav > .con > li, .header_z_nav > .con > li {
    display: flex
}

.w-1280 {
    width: 1280px
}

.w-850 {
    width: 850px
}

.w-400 {
    width: 400px
}

.w-420 {
    width: 420px
}

.w-410 {
    width: 410px
}

.h-520 {
    height: 520px
}

.h-430 {
    height: 430px
}

.h-400 {
    height: 400px
}

.font-color-white {
    color: #fff
}

.bg-color-black {
    background-color: #000
}

.font-color-black {
    color: #000
}

.bg-color-main {
    background-color: #d60000
}

.font-color-main {
    color: #d60000
}

.pa-70 {
    padding: 70px
}

.ma-70 {
    margin: 70px
}

.pt-40, .ptb-40 {
    padding-top: 40px
}

.mt-40, .mtb-40 {
    margin-top: 40px
}

.plr-40, .pr-40 {
    padding-right: 40px
}

.mlr-40, .mr-40 {
    margin-right: 40px
}

.pb-40, .ptb-40 {
    padding-bottom: 40px
}

.mb-40, .mtb-40 {
    margin-bottom: 40px
}

.pl-40, .plr-40 {
    padding-left: 40px
}

.ml-40, .mlr-40 {
    margin-left: 40px
}

.pa-40 {
    padding: 40px
}

.ma-40 {
    margin: 40px
}

.pt-30, .ptb-30 {
    padding-top: 30px
}

.mt-30, .mtb-30 {
    margin-top: 30px
}

.plr-30, .pr-30 {
    padding-right: 30px
}

.mlr-30, .mr-30 {
    margin-right: 30px
}

.pb-30, .ptb-30 {
    padding-bottom: 30px
}

.mb-30, .mtb-30 {
    margin-bottom: 30px
}

.pl-30, .plr-30 {
    padding-left: 30px
}

.ml-30, .mlr-30 {
    margin-left: 30px
}

.pa-30 {
    padding: 30px
}

.ma-30 {
    margin: 30px
}

.pt-25, .ptb-25 {
    padding-top: 25px
}

.mt-25, .mtb-25 {
    margin-top: 25px
}

.plr-25, .pr-25 {
    padding-right: 25px
}

.mlr-25, .mr-25 {
    margin-right: 25px
}

.pb-25, .ptb-25 {
    padding-bottom: 25px
}

.mb-25, .mtb-25 {
    margin-bottom: 25px
}

.pl-25, .plr-25 {
    padding-left: 25px
}

.ml-25, .mlr-25 {
    margin-left: 25px
}

.pa-25 {
    padding: 25px
}

.ma-25 {
    margin: 25px
}

.pt-24, .ptb-24 {
    padding-top: 24px
}

.mt-24, .mtb-24 {
    margin-top: 24px
}

.plr-24, .pr-24 {
    padding-right: 24px
}

.mlr-24, .mr-24 {
    margin-right: 24px
}

.pb-24, .ptb-24 {
    padding-bottom: 24px
}

.mb-24, .mtb-24 {
    margin-bottom: 24px
}

.pl-24, .plr-24 {
    padding-left: 24px
}

.ml-24, .mlr-24 {
    margin-left: 24px
}

.pa-24 {
    padding: 24px
}

.ma-24 {
    margin: 24px
}

.pt-20, .ptb-20 {
    padding-top: 20px
}

.mt-20, .mtb-20 {
    margin-top: 20px
}

.plr-20, .pr-20 {
    padding-right: 20px
}

.mlr-20, .mr-20 {
    margin-right: 20px
}

.pb-20, .ptb-20 {
    padding-bottom: 20px
}

.footer > .link ul > li, .mb-20, .mtb-20 {
    margin-bottom: 20px
}

.pl-20, .plr-20 {
    padding-left: 20px
}

.ml-20, .mlr-20 {
    margin-left: 20px
}

.pa-20 {
    padding: 20px
}

.ma-20 {
    margin: 20px
}

.pt-10, .ptb-10 {
    padding-top: 10px
}

.mt-10, .mtb-10 {
    margin-top: 10px
}

.plr-10, .pr-10 {
    padding-right: 10px
}

.mlr-10, .mr-10 {
    margin-right: 10px
}

.pb-10, .ptb-10 {
    padding-bottom: 10px
}

.mb-10, .mtb-10 {
    margin-bottom: 10px
}

.pl-10, .plr-10 {
    padding-left: 10px
}

.ml-10, .mlr-10 {
    margin-left: 10px
}

.pa-10 {
    padding: 10px
}

.ma-10 {
    margin: 10px
}

.font-w-600 {
    font-weight: 600
}

.font-w-500 {
    font-weight: 500
}

.font-w-400 {
    font-weight: 400
}

.font-w-bold {
    font-weight: 700
}

.font-size-32 {
    font-size: 32px
}

.font-size-30 {
    font-size: 30px
}

.font-size-28 {
    font-size: 28px
}

.font-size-24 {
    font-size: 24px
}

.font-size-22 {
    font-size: 22px
}

.font-size-20 {
    font-size: 20px
}

.font-size-18 {
    font-size: 18px
}

.font-size-16 {
    font-size: 16px
}

.font-size-14 {
    font-size: 14px
}

.font-size-13 {
    font-size: 13px
}

.font-size-12 {
    font-size: 12px
}

.font-size-11 {
    font-size: 11px
}

.font-size-10 {
    font-size: 10px
}

.br-20 {
    border-radius: 20
}

.br-16 {
    border-radius: 16
}

.br-12 {
    border-radius: 12
}

.br-24 {
    border-radius: 24
}

.br-4 {
    border-radius: 4
}

.br-8 {
    border-radius: 8
}

.br-2 {
    border-radius: 2
}

.flex-w {
    flex-wrap: wrap
}

.flex-dir-col {
    flex-direction: column
}

.flex-center, .flex-js-center, .header_nav > .con > li, .header_z_nav > .con > li {
    justify-content: center
}

.flex-between, .flex-js-sb {
    justify-content: space-between
}

.flex-js-end, .header_banner > .con {
    /*justify-content: flex-end*/
    justify-content: space-between;
}

.flex-js-sa {
    justify-content: space-around
}

.flex-ai-center, .flex-between, .flex-center, .header_banner > .con, .header_banner > .con > .search > div, .header_nav > .con > li, .header_z_nav > .con > li {
    align-items: center
}

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

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

.flex-1 {
    flex-grow: 1
}

.text-l {
    text-align: left
}

.text-r {
    text-align: right
}

.text-c {
    text-align: center
}

.header_banner {
    width: 100%;
    height: 182px;
    background-color: #d51011;
    background-position: center center;
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat
}

.header_banner > .con {
    margin: 0 auto;
    width: 1280px;
    height: 100%
}

.header_banner > .con > .search {
    width: 150px
}

.header_banner > .con > .search > div {
    width: 100%;
    height: 34px;
    border: 1px solid #f56869;
    border-radius: 50px;
    cursor: pointer
}

.header_banner > .con > .search > div > input {
    width: calc(100% - 55px);
    font-size: 15px;
    display: block;
    height: 30px;
    border-radius: 22px;
    line-height: 30px;
    background: 0 0;
    text-indent: 8px;
    color: #fff;
    outline: 0
}

.header_banner > .con > .search > div > img {
    width: 18px
}

.header_banner > .con > .search > div > span {
    font-size: 12px;
    color: #fff
}

.header_banner > .con > .search > .toptime {
    float: right;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    margin: 10px 7px 0 0;
    font-style: normal
}

.header_nav, .header_z_nav {
    width: 100%;
    height: 50px;
    position: relative;
    background-color: #ededed
}

.header_nav > .con, .header_z_nav > .con {
    width: 1280px;
    height: 50px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.footer > .link ul > li:last-child::before, .header_z_nav, .perch {
    display: none
}

.header_nav > .con > li, .header_z_nav > .con > li {
    width: calc(100% / 13);
    height: 100%;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    color: #515151;
    flex-grow: 1;
}

.header_nav > .con > li > a, .header_z_nav > .con > li > a {
    color: #515151
}

.header_nav > .con > li > img, .header_z_nav > .con > li > img {
    width: 20px;
    margin-left: 2px;
    transition: 1s
}

.header_z_nav {
    position: absolute;
    height: 40px;
    left: 0;
    top: 50px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ededed
}

.header_z_nav > .con {
    height: 40px;
    justify-content: start
}

.header_z_nav > li {
    color: #9a9a9a;
    font-size: 16px;
    line-height: 40px
}

.perch {
    width: 100%;
    height: 41px
}

.rotate-180 {
    transform: rotate(180deg)
}

.footer {
    width: 100%;
    background-color: #eee
}

.footer > .link {
    width: 100%;
    background-color: #f9f9f9
}

.footer > .link .t1 {
    color: #2e2e2e;
    font-size: 16px;
    line-height: 64px
}

.footer > .link ul {
    display: flex;
    flex-wrap: wrap
}

.footer > .link ul > li {
    padding: 0 20px;
    font-size: 12px;
    position: relative
}

.footer > .link ul > li::before {
    content: '|';
    font-size: 12px;
    color: #888;
    position: absolute;
    right: 0;
    bottom: 1px
}

.footer > .link ul > li:first-child {
    padding-left: 0
}

.footer > .link ul > li > a {
    color: #2e2e2e
}

.footer > .info > p, .footer > .info > p a {
    font-size: 14px;
    color: #333
}

.footer > .info > p {
    text-align: center
}

.form_search{
    width: 100%;
    height: 34px;
    border: 1px solid #f56869;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;

}


@media (max-width: 600px) {
    .web_size{
        display: none !important;
    }
    .app_size{
        display: block !important;
    }
}
@media (min-width: 600px) {
    .web_size{
        display: block !important;
    }
    .app_size{
        display: none !important;
    }
}