.mbt-30 {
    margin-bottom:30px
}
.trans {
    transition:all linear 0.3s;
    -webkit-transition:all linear 0.3s;
    -moz-transition:all linear 0.3s;
    -ms-transition:all linear 0.3s;
    -o-transition:all linear 0.3s
}
.rotate180 {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg)
}
.panle {
    background:#ffffff
}
body.page_scrolling {
    overflow:visible;
    overflow-x:hidden
}
svg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.avatar {
    display:block;
    width:90px;
    height:90px;
    -webkit-border-radius:45px;
    border-radius:45px;
    margin:0 auto;
    background-size:65px;
    overflow:hidden
}
.avatar .placeholder {
    -webkit-border-radius:45px;
    border-radius:45px
}
.placeholder {
    display:block;
    height:0;
    padding-top:100%;
    background:none 50% 50% no-repeat;
    background-size:cover
}
.page_checker {
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    width:1280px;
    height:100%;
    background:none 50% 0 no-repeat;
    background-size:100%;
    opacity:0.5;
    z-index:5000;
    pointer-events:none
}
.middle_holder {
    display:inline-block;
    *display:inline;
    *zoom:1;
    font-size:0;
    width:0;
    height:100%;
    vertical-align:middle
}
.middle {
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;
    width:100%
}
.table {
    display:table;
    width:100%;
    height:100%
}
.table_row {
    display:table-row
}
.table_cell {
    display:table-cell;
    vertical-align:middle
}
.page,.section_slider,.body_wrap,.slider {
    position:relative;
    height:100%
}
.page_content {
    min-height:calc((100vh) - 678px)
}
.page_section_slider,.page_section_slider .page {
    overflow:hidden
}
.section_wrap,.section_scroller {
    height:100%;
    position:relative
}
.section_slider .section_scroller {
    height:1000%;
    position:absolute;
    left:0;
    right:0;
    top:0
}
.section_slider .section_bg,.section_slider .section {
    height:10%
}
.image_wrap {
    position:relative;
    height:100%;
    background:#eff0f5 50% 50% no-repeat;
    background-size:cover;
    overflow:hidden
}
.image_wrap img,.image_wrap object,.image_wrap video,.section .bg_image,.bg_image {
    position:absolute;
    width:100%;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.image_wrap video {
    object-fit:cover;
    object-position:center;
    height:100%;
    width:100%;
    background-color:transparent !important;
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
    left:50%;
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
.image_wrap video.video_loading,.show_popup .image_wrap video {
    opacity:0
}
.banner_slider .image_wrap:after {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.mp_player .placeholder {
    padding-top:56.25%
}
.mp_player .image_wrap {
    position:absolute;
    height:100%
}
.mp_player .image_wrap .placeholder {
    display:none
}
.panle {
    background:#ffffff;
    box-shadow:0 5px 16px 0 rgba(153,153,153,0.1)
}
html,body {
    background:#fff
}
::-webkit-scrollbar {
    width:4px;
    height:4px
}
::-webkit-scrollbar-track-piece {
    background-color:transparent;
    -webkit-border-radius:0px
}
::-webkit-scrollbar-thumb {
    background-color:rgba(153,153,153,0.2)
}
.logo {
    display:block;
    cursor:pointer;
    font-size:22px;
    color:#f2c946;
    font-weight:bold;
    line-height:30px;
    margin-left:45px
}
.link_search {
    display:block
}
.real_search {
    display:none
}
.top_search {
    justify-items:flex-end;
    display:flex;
    align-items:center;
    font-size:0;
    cursor:pointer;
    border-radius:4px;
    border:1px solid #eb6e3d;
    width:183px;
    height:27px;
    margin-right:28px
}
.top_search img {
    width:14px;
    height:14px;
    display:block;
    margin:0 9px
}
.top_search span {
    color: #eb6e3d;
    font-size:12px
}
.real_search_box {
    display:flex;
    align-items:center;
    font-size:0;
    cursor:pointer;
    border-radius:4px;
    border:1px solid #eb6e3d;
    width:798px;
    height:27px;
    margin-right:139px
}
.real_search_box img {
    width:14px;
    height:14px;
    display:block;
    margin:0 8px 0 31px
}
.real_search_box input {
    border:none;
    width:100%;
    height:90%;
    color:#fff;
    background-color:transparent;
    font-size:12px
}
.real_search_box input::placeholder {
    color:#eb6e3d
}
.mobile-search {
    display:none
}
.mobile_side {
    display:none
}
.mobile_search_result {
    display:none
}
.mobile_top_nav {
    display:none
}
.top_nav {
    background-color:#1A1A1A;
    height:56px
}
.top_nav .block_width {
    height:100%
}
.top_nav .block_width_padding {
    width:1200px;
    margin:0 auto;
    display:flex;
    height:100%;
    align-items:center;
    justify-content:space-between
}
.top_nav .block_width_padding .logo>img {
    height:26px;
    width:120px
}
.top_nav .main_nav {
    overflow:hidden;
    flex:1;
    margin:0 15px;
    margin-left:10px
}
.top_nav .main_nav .main_nav_link {
    display:flex;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden
}
.top_nav .main_nav li {
    flex:1;
    text-align:center;
    white-space:nowrap
}
.top_nav .main_nav li a {
    display:block;
    font-weight:800;
    color:#fff;
    font-size:18px;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    line-height:30px;
    padding:0 6px
}
.top_nav .main_nav li a.c {
    font-weight:bold;
    color:#000
}
.top_nav .main_nav li.active a {
    font-weight:bold;
    color:#f2c946 !important;
    background:none
}
.top_nav .main_nav li.active a:hover {
    color:#f2c946 !important
}
.index_right_qrcode {
    background-color:#fff;
    box-shadow:0 5px 16px 0 rgba(153,153,153,0.5);
    display:flex;
    align-items:center;
    padding:30px 10px
}
.index_right_qrcode .item_qrcode {
    flex-shrink:0;
    margin:auto 10px
}
.index_right_qrcode .item_qrcode p {
    width:130px;
    height:137px;
    margin:0 auto;
    background-image:url("/images/qrcode_bg.png");
    background-size:contain;
    background-position:50% 50%
}
.index_right_qrcode .item_qrcode p img {
    width:96%;
    margin-top:calc(2% + 5px);
    margin-left:2%
}
.index_right_qrcode .item_qrcode span {
    margin-top:20px;
    display:block;
    text-align:center;
    color:#999;
    font-size:12px;
    line-height:17px
}
@media (max-width:768px) {
    .page_body {
        background-color:#fff
    }
    .top_nav {
        width:100%;
        overflow:hidden;
        padding:10px 0;
        height:1rem;
        box-sizing:border-box
    }
    .top_nav .block_width_padding {
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        box-sizing:border-box;
        padding:0 0.53rem 0 0.31rem
    }
    .top_nav .main_nav {
        display:none;
        flex:1;
        overflow:auto;
        height:30px;
        margin-left:5px
    }
    .top_nav .main_nav .main_nav_link {
        width:auto
    }
    .top_nav .real_search_box {
        border:1px solid #eb6e3d;
        width:6.02rem;
        height:0.48rem;
        margin:0
    }
    .top_nav .real_search_box img {
        width:0.29rem;
        height:0.3rem;
        display:block;
        margin:0 0.16rem 0 0.4rem
    }
    .top_nav .real_search_box input {
        font-size:0.24rem
    }
    .mobile_top_nav {
        display:flex;
        align-items:center;
        height:0.65rem;
        width:100%;
        background-color:#E9E9E9;
        flex-wrap:nowrap;
        overflow-x:scroll;
        box-sizing:border-box
    }
    .mobile_top_nav li {
        height:100%;
        display:flex;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        padding:0 0.2rem;
        margin-left:0.4rem
    }
    .mobile_top_nav li a {
        font-size:0.32rem;
        color:#333;
        font-family:'PingFangSC-Regular';
        display:block;
        width:100%;
        white-space:nowrap;
        text-align:center
    }
    .mobile_top_nav .active {
        border-bottom:0.05rem solid #eb6e3d
    }
    .mobile_top_nav .active a {
        font-weight:bold;
        color:#000
    }
    .top_search {
        display:none
    }
    .top_search span {
        color:#fff
    }
    .logo {
        margin:0;
        font-size:18px
    }
    .logo img {
        width:1.89rem !important;
        height:0.44rem !important
    }
    .mobile-search {
        display:block
    }
    .mobile-search img {
        width:0.35rem !important;
        height:0.36rem !important
    }
    .mobile_side {
        display:block
    }
    .mobile_side img {
        width:0.45rem;
        height:0.31rem
    }
    .index_right_qrcode {
        display:none
    }
}