@charset "UTF-8";
.icon-0-55 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -90px;
    width: 14px;
    height: 14px
}

.icon-active-allow {
    background-image: url(../images/_sprite.png);
    background-position: 0 0;
    width: 10px;
    height: 7px
}

.icon-allow-left {
    background-image: url(../images/_sprite.png);
    background-position: 0 -310px;
    width: 12px;
    height: 20px
}

.icon-allow-right {
    background-image: url(../images/_sprite.png);
    background-position: 0 -335px;
    width: 12px;
    height: 20px
}

.icon-allow {
    background-image: url(../images/_sprite.png);
    background-position: 0 -12px;
    width: 10px;
    height: 7px
}

.icon-b-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -497px;
    width: 26px;
    height: 24px
}

.icon-b-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -526px;
    width: 24px;
    height: 24px
}

.icon-b-3 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -413px;
    width: 20px;
    height: 23px
}

.icon-b-4 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -555px;
    width: 21px;
    height: 24px
}

.icon-b-5 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -441px;
    width: 24px;
    height: 23px
}

.icon-b-6 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -584px;
    width: 24px;
    height: 24px
}

.icon-b-7 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -286px;
    width: 18px;
    height: 19px
}

.icon-b-8 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -360px;
    width: 22px;
    height: 21px
}

.icon-c-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -76px;
    width: 17px;
    height: 9px
}

.icon-d-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -24px;
    width: 14px;
    height: 8px
}

.icon-d-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -37px;
    width: 14px;
    height: 8px
}

.icon-d-5 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -128px;
    width: 18px;
    height: 17px
}

.icon-desc-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -849px;
    width: 28px;
    height: 28px
}

.icon-dir-bottom {
    background-image: url(../images/_sprite.png);
    background-position: 0 -50px;
    width: 14px;
    height: 8px
}

.icon-dir-right {
    background-image: url(../images/_sprite.png);
    background-position: 0 -109px;
    width: 8px;
    height: 14px
}

.icon-dir-top {
    background-image: url(../images/_sprite.png);
    background-position: 0 -63px;
    width: 14px;
    height: 8px
}

.icon-f-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -882px;
    width: 29px;
    height: 29px
}

.icon-f-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -916px;
    width: 28px;
    height: 29px
}

.icon-f-3 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -950px;
    width: 29px;
    height: 29px
}

.icon-f-4 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1372px;
    width: 32px;
    height: 32px
}

.icon-f-5 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2050px;
    width: 110px;
    height: 55px
}

.icon-f-6 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2643px;
    width: 62px;
    height: 77px
}

.icon-head-nav-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -386px;
    width: 28px;
    height: 22px
}

.icon-i-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1120px;
    width: 27px;
    height: 31px
}

.icon-i-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1156px;
    width: 27px;
    height: 31px
}

.icon-i-3 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -984px;
    width: 30px;
    height: 29px
}

.icon-i-4 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -194px;
    width: 18px;
    height: 18px
}

.icon-item-0 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -150px;
    width: 26px;
    height: 17px
}

.icon-item-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -787px;
    width: 26px;
    height: 26px
}

.icon-item-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -818px;
    width: 28px;
    height: 26px
}

.icon-item-3 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1483px;
    width: 27px;
    height: 33px
}

.icon-item-4 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1018px;
    width: 28px;
    height: 29px
}

.icon-item-5 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2110px;
    width: 56px;
    height: 56px
}

.icon-item-6 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2171px;
    width: 56px;
    height: 56px
}

.icon-item-7 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2232px;
    width: 56px;
    height: 56px
}

.icon-item-8 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2293px;
    width: 56px;
    height: 56px
}

.icon-l-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2354px;
    width: 63px;
    height: 63px
}

.icon-l-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2422px;
    width: 63px;
    height: 63px
}

.icon-look {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1640px;
    width: 47px;
    height: 37px
}

.icon-n-10 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -172px;
    width: 17px;
    height: 17px
}

.icon-n-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1733px;
    width: 51px;
    height: 47px
}

.icon-n-3 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1889px;
    width: 48px;
    height: 48px
}

.icon-n-5 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2490px;
    width: 71px;
    height: 71px
}

.icon-n-6 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2566px;
    width: 74px;
    height: 72px
}

.icon-n-7 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -2725px;
    width: 82px;
    height: 79px
}

.icon-nav-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1521px;
    width: 34px;
    height: 33px
}

.icon-nav-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1052px;
    width: 32px;
    height: 29px
}

.icon-nav-3 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1599px;
    width: 34px;
    height: 36px
}

.icon-nav-4 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1559px;
    width: 35px;
    height: 35px
}

.icon-o-0 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -613px;
    width: 24px;
    height: 24px
}

.icon-o-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1192px;
    width: 27px;
    height: 31px
}

.icon-o-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1409px;
    width: 31px;
    height: 32px
}

.icon-o-3 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1228px;
    width: 27px;
    height: 31px
}

.icon-o-4 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1086px;
    width: 30px;
    height: 29px
}

.icon-p-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -217px;
    width: 16px;
    height: 18px
}

.icon-p-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -642px;
    width: 25px;
    height: 24px
}

.icon-p-20 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -240px;
    width: 16px;
    height: 18px
}

.icon-p-3 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -671px;
    width: 23px;
    height: 24px
}

.icon-p-4 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -700px;
    width: 24px;
    height: 24px
}

.icon-p-5 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -469px;
    width: 24px;
    height: 23px
}

.icon-p-6 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -729px;
    width: 24px;
    height: 24px
}

.icon-p-9 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -263px;
    width: 16px;
    height: 18px
}

.icon-reply {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1264px;
    width: 32px;
    height: 31px
}

.icon-search-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1446px;
    width: 32px;
    height: 32px
}

.icon-search {
    background-image: url(../images/_sprite.png);
    background-position: 0 -758px;
    width: 24px;
    height: 24px
}

.icon-v-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1300px;
    width: 27px;
    height: 31px
}

.icon-v-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1336px;
    width: 27px;
    height: 31px
}

.icon-z-1 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1995px;
    width: 50px;
    height: 50px
}

.icon-z-2 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1785px;
    width: 43px;
    height: 47px
}

.icon-z-3 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1942px;
    width: 50px;
    height: 48px
}

.icon-z-4 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1837px;
    width: 50px;
    height: 47px
}

.icon-z-5 {
    background-image: url(../images/_sprite.png);
    background-position: 0 -1682px;
    width: 46px;
    height: 46px
}

::-webkit-scrollbar-track {
    background: 0 0
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #e9f3fc
}

::-webkit-scrollbar-thumb {
    background: #1e84cb;
    border-radius: 3px;
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}

::-webkit-scrollbar-thumb:hover {
    background: #1e84cb
}

::-webkit-scrollbar-thumb:active {
    background: #1e84cb
}

.ff-scrollbar {
    scrollbar-color: #1e84cb transparent;
    scrollbar-width: thin
}

.ff-scrollbar * {
    scrollbar-color: #1e84cb transparent;
    scrollbar-width: thin
}

.scroll-area {
    -webkit-overflow-scrolling: touch
}

i[class^=icon-] {
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block
}

body, html {
    height: 100%;
    width: 100%;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    background-color: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    line-height: 1;
    box-sizing: border-box
}

article, aside, details, fieldset, figcaption, figure, footer, header, main, nav, section {
    display: block
}

a, button, cite, code, del, em, i, img, label, mark, small, strong, textarea, time, var {
    display: inline-block
}

footer, header, section {
    position: relative
}

button, input {
    outline: 0;
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

button:focus {
    outline: unset
}

button:focus-visible {
    outline: 1px solid #000
}

textarea {
    font-family: inherit
}

ol, ul {
    list-style: none
}

span {
    display: inline-block
}

img {
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a:active, a:hover {
    outline: 0
}

a:active:hover, a:hover:hover {
    color: #1492ff
}

a, a:visited {
    color: inherit;
    text-decoration: none
}

label {
    word-wrap: break-word;
    word-break: break-all;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    word-break: break-all
}

td, th {
    padding: 0
}

.clear>.left {
    float: left;
    height: 100%;
    line-height: inherit
}

.clear>.right {
    float: right;
    height: 100%;
    line-height: inherit
}

.clear:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.hide, [hidden], [v-cloak] {
    display: none
}

.body-container {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.body-container .page-top-container {
    background: #efefef
}

.body-container .page-top-container .page-top {
    width: 1200px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    font-size: 14px;
    color: #333
}

.body-container .page-top-container .page-top>.left>span:first-child::after {
    content: "";
    width: 1px;
    height: 16px;
    background: #d2d2d2;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle
}

.body-container .page-top-container .page-top>.right {
    float: right
}

.body-container .page-top-container .page-top>.right .info {
    width: 90px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #1492ff;
    border-radius: 10px;
    margin-left: 20px;
    font-size: 12px;
    color: #1492ff
}

.body-container .page-top-2-container {
    width: 1200px;
    margin: auto;
    overflow: hidden
}

.body-container .page-top-2-container .page-top-2-wrapper {
    float: right;
    width: 303px;
    height: 42px;
    background-color: rgba(20, 146, 255, .2);
    font-size: 14px;
    color: #fff;
    padding: 14px 0 0 27px
}

.body-container .page-top-2-container .page-top-2-wrapper .info {
    width: 90px;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    border-radius: 10px;
    border: solid 1px #fff;
    margin-left: 21px
}

.body-container .page-top-2-container .header {
    margin-top: 73px;
    height: 70px
}

.body-container .page-top-2-container .header img {
    height: 100%
}

.body-container .page-top-2-container .header .header-hold {
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: top
}

.body-container .page-top-2-container .header .header-hold .hold-main {
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.body-container .page-top-2-container .header .header-hold .hold-sub {
    font-size: 34px;
    color: #333;
    margin-top: 10px;
    font-weight: 700
}

.body-container .page-top-2-container .header .search-input {
    position: relative;
    width: 510px;
    background: #fff;
    border-radius: 4px;
    height: 61px;
    line-height: 61px
}

.body-container .page-top-2-container .header .search-input input {
    padding: 20px;
    width: 370px;
    height: 100%;
    line-height: inherit;
    font-size: 16px;
    border: solid 1px #fc7e23;
    vertical-align: top
}

.body-container .page-top-2-container .header .search-input .search-submit {
    width: 142px;
    height: 61px;
    line-height: 61px;
    background: #fc7e23;
    border-radius: 0 4px 4px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.body-container .page-top-2-container .header .search-input .search-submit .icon {
    margin-right: 2px;
    vertical-align: sub
}

.body-container .main-nav-container {
    background: #fff
}

.body-container .main-nav-container .main-nav-wrapper {
    width: 1200px;
    margin: auto;
    height: 110px;
    line-height: 110px
}

.body-container .main-nav-container .main-nav-wrapper .logo {
    vertical-align: middle
}

.body-container .main-nav-container .main-nav-wrapper .main-nav {
    overflow: hidden;
    height: 100%;
    line-height: inherit
}

.body-container .main-nav-container .main-nav-wrapper .main-nav li {
    float: left;
    height: 100%;
    line-height: inherit;
    padding: 0 26px;
    color: #333;
    position: relative
}

.body-container .main-nav-container .main-nav-wrapper .main-nav li a {
    font-size: 20px;
    font-weight: 700;
    color: inherit
}

.body-container .main-nav-container .main-nav-wrapper .main-nav li.active, .body-container .main-nav-container .main-nav-wrapper .main-nav li:hover {
    background: #1492ff;
    color: #fff
}

.body-container .main-nav-container .main-nav-wrapper .main-nav li.ykb img {
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 38px;
    transition: all .3s;
    width: 90px
}

.body-container .main-nav-container .main-nav-wrapper .main-nav li.ykb span {
    transition: all .3s
}

.body-container .main-nav-container .main-nav-wrapper .main-nav li.ykb:hover span {
    opacity: 0
}

.body-container .main-nav-container .main-nav-wrapper .main-nav li.ykb:hover img {
    opacity: 1
}

.body-container .main-nav-container .main-nav-wrapper .main-nav .icon {
    vertical-align: text-bottom;
    margin-right: 3px
}

.body-container .search-container {
    height: 450px;
    background: url(../images/pc/bg-search.jpg?v=2111121635) no-repeat center top!important;
    background-size: 1920px 450px!important;
    padding: 117px 0 0
}

.body-container .search-container .search {
    width: 838px;
    height: 61px;
    margin: auto;
    position: relative
}

.body-container .search-container .search .search-input {
    position: relative;
    width: 722px;
    background: #fff;
    border-radius: 4px;
    height: 61px;
    line-height: 61px
}

.body-container .search-container .search .search-input input {
    padding: 20px;
    width: 580px;
    height: 100%;
    line-height: inherit;
    font-size: 16px
}

.body-container .search-container .search .search-input .search-submit {
    width: 142px;
    height: 61px;
    line-height: 61px;
    background: #fc7e23;
    border-radius: 0 4px 4px 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.body-container .search-container .search .search-input .search-submit .icon {
    margin-right: 10px;
    vertical-align: sub
}

.body-container .search-container .search .search-tab {
    margin-left: 8px
}

.body-container .search-container .search .search-tab>div {
    width: 100px;
    height: 29px;
    line-height: 27px;
    border-radius: 4px;
    border: solid 1px #fff;
    font-size: 16px;
    color: #f0eff3;
    margin-left: 8px;
    text-align: center;
    cursor: pointer
}

.body-container .search-container .search .search-tab>div.active {
    background-color: #fff;
    color: #1492ff
}

.body-container .search-container .search .search-tab>div:last-child {
    margin-top: 3px
}

.body-container .search-container .search .search-tab>div .icon {
    margin-left: 6px;
    vertical-align: middle
}

.body-container .search-container .search .search-content {
    position: absolute;
    right: 116px;
    width: 722px;
    border-bottom: 3px solid #e50211;
    padding: 0 32px 32px;
    z-index: 30;
    background: rgba(255, 255, 255, .95);
    border-radius: 5px;
    display: none
}

.body-container .search-container .search .search-content .title {
    border-bottom: 1px solid #bfbfbf;
    font-size: 0
}

.body-container .search-container .search .search-content .title .title-item {
    height: 57px;
    line-height: 57px;
    font-size: 16px;
    width: 100px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 20px;
    color: #000
}

.body-container .search-container .search .search-content .title .title-item.active {
    border-bottom: 1px solid #1d95fc
}

.body-container .search-container .search .search-content .content {
    font-size: 0;
    display: none
}

.body-container .search-container .search .search-content .content .content-item {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    width: 120px;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #cecece;
    margin-right: 10px
}

.body-container .search-container .search-hot {
    margin: 14px auto 0;
    width: 838px
}

.body-container .search-container .search-hot span {
    font-size: 14px;
    color: #fff;
    margin: 0 10px 0 0
}

.body-container .footer-container {
    height: 340px;
    background-color: #1d96ff;
    padding: 45px 0 0;
    margin: 52px 0 0
}

.body-container .footer-container .footer-wrapper {
    width: 1200px;
    margin: auto
}

.body-container .footer-container .footer-wrapper .selector {
    position: relative;
    z-index: 23
}

.body-container .footer-container .footer-wrapper .selector .item {
    width: 184px;
    height: 42px;
    line-height: 42px;
    background: #fff;
    font-size: 16px;
    color: #666;
    margin: 0 19px 0 0;
    padding: 0 18px 0 12px;
    cursor: pointer;
    float: left
}

.body-container .footer-container .footer-wrapper .selector .item:last-child {
    margin-right: 0
}

.body-container .footer-container .footer-wrapper .selector .item .icon {
    float: right;
    margin: 18px 0 0;
    transition: all .2s
}

.body-container .footer-container .footer-wrapper .selector .item .item-content {
    display: none;
    width: 1200px;
    position: absolute;
    background: rgba(0, 0, 0, .66);
    left: 0;
    padding: 10px 40px;
    bottom: 45px;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(22, 88, 160, .21)
}

.body-container .footer-container .footer-wrapper .selector .item .item-content ul {
    overflow: hidden
}

.body-container .footer-container .footer-wrapper .selector .item .item-content ul li {
    float: left;
    width: 160px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    padding: 0 5px
}

.body-container .footer-container .footer-wrapper .selector .item .item-content ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: inherit;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-container .footer-container .footer-wrapper .selector .item .item-content ul li:hover {
    background: #53a0e8
}

.body-container .footer-container .footer-wrapper .hr {
    margin: 33px 0 0;
    height: 1px;
    background-color: #f5f5f5;
    opacity: .3
}

.body-container .footer-container .footer-wrapper .block {
    margin: 36px 0 0
}

.body-container .footer-container .footer-wrapper .block .block-item {
    background-color: rgba(245, 245, 245, .1);
    height: 139px;
    line-height: 139px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    float: left;
    margin: 0 12px 0 0
}

.body-container .footer-container .footer-wrapper .block .block-item .icon {
    vertical-align: middle
}

.body-container .footer-container .footer-wrapper .block .block-item:last-child {
    margin-right: 0
}

.body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(1), .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(2) {
    width: 139px
}

.body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(3) {
    width: 290px;
    line-height: 30px;
    text-align: left;
    padding: 26px 0 0 28px
}

.body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(4), .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(5), .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(6), .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(7) {
    width: 139px
}

.body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(4) .icon, .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(5) .icon, .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(6) .icon, .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(7) .icon {
    margin: 38px 0 0
}

.body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(4) p, .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(5) p, .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(6) p, .body-container .footer-container .footer-wrapper .block .block-item:nth-of-type(7) p {
    margin: 20px 0 0
}

.body-container .pagination-container {
    text-align: center;
    font-size: 0
}

.body-container .pagination-container .page-item {
    display: inline-block;
    width: 52px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    background-color: #f2f2f2;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
    cursor: pointer
}

.body-container .pagination-container .page-item:not(:last-child) {
    margin-right: 7px
}

.body-container .pagination-container .page-item.page-item-next, .body-container .pagination-container .page-item.page-item-prev {
    width: 94px
}

.body-container .pagination-container .page-item.active, .body-container .pagination-container .page-item:hover {
    background-color: #1492ff;
    color: #fff
}

.body-container .hot-swiper-container {
    width: 1200px;
    height: 190px;
    padding: 15px;
    border-radius: 2px;
    margin: 0 auto 0;
    position: relative;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .08);
    position: relative;
    background: url(../images/pc/bg-hot.png) no-repeat
}

.body-container .hot-swiper-container .hot-item {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 35px 0 0
}

.body-container .hot-swiper-container .hot-item .title {
    font-size: 26px;
    color: #333;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-container .hot-swiper-container .hot-item .desc {
    margin-top: 16px;
    font-size: 16px;
    color: #666;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-container .hot-swiper-container .swiper-container {
    width: 1170px;
    height: 160px
}

.body-container .hot-swiper-container .pagination {
    position: absolute;
    z-index: 20;
    bottom: 37px;
    width: 100%;
    text-align: center
}

.body-container .hot-swiper-container .pagination .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin: 0 7px;
    border: solid 2px #dcdcdc;
    opacity: .8;
    cursor: pointer
}

.body-container .hot-swiper-container .pagination .swiper-active-switch {
    background-color: #1492ff;
    border: 0
}

.body-container .box-1-container {
    width: 1200px;
    margin: 20px auto 0
}

.body-container .box-1-container>.left {
    width: 592px;
    height: 321px
}

.body-container .box-1-container>.left .swiper-container {
    width: 592px;
    height: 321px
}

.body-container .box-1-container>.left .swiper-slide {
    width: 592px;
    height: 321px;
    position: relative
}

.body-container .box-1-container>.left .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.body-container .box-1-container>.left .swiper-slide .title {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 51px;
    line-height: 51px;
    background-color: rgba(0, 0, 0, .5);
    font-size: 18px;
    color: #fff;
    padding: 0 0 0 20px;
    width: 100%
}

.body-container .box-1-container>.left .allow-left, .body-container .box-1-container>.left .allow-right {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -36px;
    width: 48px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    background-color: rgba(0, 0, 0, .4);
    z-index: 21;
    cursor: pointer
}

.body-container .box-1-container>.left .allow-left:hover, .body-container .box-1-container>.left .allow-right:hover {
    background-color: rgba(0, 0, 0, .6)
}

.body-container .box-1-container>.left .allow-left .icon, .body-container .box-1-container>.left .allow-right .icon {
    vertical-align: middle
}

.body-container .box-1-container>.left .allow-right {
    left: auto;
    right: 0
}

.body-container .box-1-container>.left .pagination {
    position: absolute;
    z-index: 22;
    bottom: 0;
    width: 100%;
    text-align: right;
    height: 51px;
    line-height: 51px;
    padding: 0 21px 0 0
}

.body-container .box-1-container>.left .pagination .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 8px;
    background-color: rgba(255, 255, 255, .6);
    border-radius: 4px;
    margin: 0 0 0 10px;
    cursor: pointer;
    transition: all .2s
}

.body-container .box-1-container>.left .pagination .swiper-active-switch {
    width: 18px;
    height: 8px;
    background-color: #1492ff;
    border-radius: 4px
}

.body-container .box-1-container>.right {
    width: 588px;
    height: 321px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.body-container .box-1-container>.right .tabs-title {
    height: 44px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.body-container .box-1-container>.right .tabs-title ul {
    height: 100%;
    overflow: hidden
}

.body-container .box-1-container>.right .tabs-title ul li {
    float: left;
    height: 100%;
    font-size: 24px;
    color: #333
}

.body-container .box-1-container>.right .tabs-title ul li a {
    height: 100%;
    position: relative
}

.body-container .box-1-container>.right .tabs-title ul li a::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 4px;
    background: #1658a0;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transition: all .3s
}

.body-container .box-1-container>.right .tabs-title ul li a.active {
    font-weight: 700;
    color: #1b1818
}

.body-container .box-1-container>.right .tabs-title ul li a.active::after {
    width: 100%;
    left: 0
}

.body-container .box-1-container>.right .tabs-title ul li:not(:first-child)::before {
    content: "";
    width: 2px;
    height: 18px;
    background-color: #afafaf;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 20px
}

.body-container .box-1-container>.right .swiper-container {
    width: 100%;
    height: 100%
}

.body-container .box-1-container>.right .tabs-content {
    width: 100%
}

.body-container .box-1-container>.right .tabs-content ul {
    overflow: hidden
}

.body-container .box-1-container>.right .tabs-content ul li {
    overflow: hidden;
    font-size: 18px;
    color: #333;
    margin: 25px 0 0;
    padding: 0 0 0 24px;
    position: relative
}

.body-container .box-1-container>.right .tabs-content ul li a {
    float: left;
    width: 430px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-container .box-1-container>.right .tabs-content ul li span {
    float: right;
    font-size: 16px;
    color: #666
}

.body-container .box-1-container>.right .tabs-content ul li::before {
    content: "";
    background: url(../images/pc/item-left.png) no-repeat left top;
    width: 6px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px
}

.body-container .box-1-container>.right .tabs-content ul li:hover a, .body-container .box-1-container>.right .tabs-content ul li:hover span {
    color: #1492ff
}

.body-container .box-1-container>.right .tabs-content ul li:hover::before {
    background: url(../images/pc/item-left-active.png) no-repeat left top
}

.body-container .ad-container {
    margin: 40px auto 0;
    width: 1200px
}

.body-container .ad-container img {
    width: 100%
}

.body-container .box-2-container {
    width: 1241px;
    height: 647px;
    background: url(../images/pc/bg-box-2.png) no-repeat;
    background-size: 100% 100%;
    margin: 21px auto 0;
    padding: 106px 97px 0 85px
}

.body-container .box-2-container>.left {
    width: 480px
}

.body-container .box-2-container>.left .title {
    margin: 0 0 8px
}

.body-container .box-2-container>.left .title img {
    border-radius: 4px
}

.body-container .box-2-container>.left .item-1, .body-container .box-2-container>.left .item-2 {
    margin: 22px 15px 0 0;
    width: 232px;
    height: 66px;
    line-height: 66px;
    background: url(../images/pc/box-2-3.png) no-repeat;
    border-radius: 6px;
    font-size: 18px;
    color: #333;
    text-align: center;
    float: left;
    font-weight: 700
}

.body-container .box-2-container>.left .item-1:nth-child(odd), .body-container .box-2-container>.left .item-2:nth-child(odd) {
    margin-right: 0
}

.body-container .box-2-container>.left .item-2 {
    background: #fff;
    border-radius: 2px;
    border: solid 1px #dedbdb;
    overflow: hidden;
    color: #333;
    font-weight: 400
}

.body-container .box-2-container>.left .item-2 .icon_before {
    margin: 20px 15px 0 26px;
    vertical-align: middle;
    float: left
}

.body-container .box-2-container>.left .item-2 .icon-item-0 {
    float: right;
    vertical-align: middle;
    margin: 23px 19px 0 0
}

.body-container .box-2-container>.left .item-2 span {
    float: left;
    margin: 23px 0 0 0
}

.body-container .box-2-container>.right {
    width: 480px
}

.body-container .box-2-container>.right .title {
    margin: 0 0 8px
}

.body-container .box-2-container>.right .title img {
    border-radius: 4px
}

.body-container .box-2-container>.right .item-1 {
    margin: 22px 15px 0 0;
    width: 150px;
    height: 60px;
    line-height: 60px;
    background: url(../images/pc/box-2-4.jpg) no-repeat;
    border-radius: 6px;
    font-size: 18px;
    color: #333;
    text-align: center;
    float: left;
    font-weight: 700
}

.body-container .box-2-container>.right .item-1:nth-of-type(3) {
    margin-right: 0
}

.body-container .box-2-container>.right .item-2 {
    margin: 22px 0 0;
    height: 285px
}

.body-container .box-2-container>.right .item-2>.left {
    width: 315px;
    background-color: #f5f5f5
}

.body-container .box-2-container>.right .item-2>.left .tabs-title {
    width: 67px;
    height: 100%;
    float: left
}

.body-container .box-2-container>.right .item-2>.left .tabs-title li {
    width: 67px;
    height: 142px;
    line-height: 195px;
    background: #ececec;
    font-size: 18px;
    color: #333;
    text-align: center;
    position: relative;
    cursor: pointer
}

.body-container .box-2-container>.right .item-2>.left .tabs-title li.active {
    background: #cce7ff
}

.body-container .box-2-container>.right .item-2>.left .tabs-title li.active::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #cce7ff;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -10px
}

.body-container .box-2-container>.right .item-2>.left .tabs-title li span {
    width: 20px;
    font-weight: 700
}

.body-container .box-2-container>.right .item-2>.left .swiper-container {
    width: 248px
}

.body-container .box-2-container>.right .item-2>.left .tabs-content {
    float: right;
    overflow: hidden;
    padding: 0 0 4px 21px;
    width: 248px
}

.body-container .box-2-container>.right .item-2>.left .tabs-content li {
    width: 100px;
    height: 48px;
    line-height: 46px;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #e9e9e9;
    font-size: 18px;
    color: #333;
    margin: 17px 13px 0 0;
    float: left
}

.body-container .box-2-container>.right .item-2>.left .tabs-content li:nth-child(even) {
    margin-right: 0
}

.body-container .box-2-container>.right .item-2>.left .tabs-content li:hover {
    background-color: #f2f8ff;
    border: solid 1px #1492ff
}

.body-container .box-2-container>.right .item-2>.left .tabs-content li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: inherit
}

.body-container .box-2-container>.right .item-2>.right {
    margin: 22px 0 0 14px
}

.body-container .box-2-container>.right .item-2>.right a {
    width: 150px;
    height: 86px;
    display: block;
    margin: 13px 0 0;
    font-size: 18px;
    color: #333;
    padding: 22px 0 0 19px;
    line-height: 20px;
    font-weight: 700;
    border-radius: 2px
}

.body-container .box-2-container>.right .item-2>.right a:first-child {
    margin-top: 0
}

.body-container .box-2-container>.right .item-2>.right a:nth-of-type(1) {
    background: url(../images/pc/item-5.png) no-repeat;
    background-size: 100% 100%
}

.body-container .box-2-container>.right .item-2>.right a:nth-of-type(2) {
    background: url(../images/pc/item-6.png) no-repeat;
    background-size: 100% 100%
}

.body-container .box-2-container>.right .item-2>.right a:nth-of-type(3) {
    background: url(../images/pc/item-7.png) no-repeat;
    background-size: 100% 100%
}

.body-container .ad-2-container {
    width: 1230px;
    margin: auto;
    white-space: nowrap;
    font-size: 0;
    padding-bottom: 7px;
    position: relative;
    height: 170px
}

.body-container .ad-2-container:hover .arrow-left, .body-container .ad-2-container:hover .arrow-right {
    display: block
}

.body-container .ad-2-container .arrow-left, .body-container .ad-2-container .arrow-right {
    position: absolute;
    top: 50%;
    margin-top: -21px;
    width: 30px;
    height: 42px;
    z-index: 2;
    display: none
}

.body-container .ad-2-container .arrow-left {
    left: 18px;
    background: url(../images/pc/z-left.png) no-repeat
}

.body-container .ad-2-container .arrow-right {
    right: 18px;
    background: url(../images/pc/z-right.png) no-repeat
}

.body-container .ad-2-container .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: -16px;
    width: 100%
}

.body-container .ad-2-container .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #a9a4a3;
    margin: 0 3px;
    cursor: pointer
}

.body-container .ad-2-container .swiper-active-switch {
    background: #1492ff
}

.body-container .ad-2-container .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.body-container .ad-2-container .swiper-slide {
    text-align: center
}

.body-container .ad-2-container::-webkit-scrollbar {
    height: 4px
}

.body-container .ad-2-container .item {
    width: 271px;
    height: 170px;
    display: inline-block
}

.body-container .box-5-container {
    width: 1200px;
    margin: 57px auto 0
}

.body-container .box-5-container .row {
    margin: 45px 0 0;
    overflow: hidden
}

.body-container .box-5-container .row .item {
    float: left;
    width: 370px;
    height: 416px
}

.body-container .box-5-container .row .item:nth-of-type(1) {
    background: url(../images/pc/b-1.jpg) no-repeat;
    background-size: 100% 100%
}

.body-container .box-5-container .row .item:nth-of-type(1) .menu a {
    width: 151px
}

.body-container .box-5-container .row .item:nth-of-type(2) {
    background: url(../images/pc/b-2.jpg) no-repeat;
    background-size: 100% 100%
}

.body-container .box-5-container .row .item:nth-of-type(2) .menu a {
    width: 99px
}

.body-container .box-5-container .row .item:nth-of-type(3) {
    background: url(../images/pc/b-2-03.jpg) no-repeat;
    background-size: 100% 100%
}

.body-container .box-5-container .row .item:nth-of-type(3) .menu a {
    width: 99px
}

.body-container .box-5-container .row .item:not(:last-child) {
    margin-right: 45px
}

.body-container .box-5-container .row .item .summary {
    margin: 170px 0 0;
    text-align: center;
    font-size: 30px;
    color: #333;
    font-weight: 600
}

.body-container .box-5-container .row .item .summary p {
    font-size: 16px;
    margin-top: 20px;
    font-weight: 400
}

.body-container .box-5-container .row .item .menu {
    margin: 55px 0 0;
    padding: 0 30px
}

.body-container .box-5-container .row .item .menu a {
    font-size: 18px;
    color: #1492ff;
    display: inline-block;
    margin: 20px 0 0;
    text-align: center
}

.body-container .box-4-container {
    margin: 46px auto 0;
    width: 1200px
}

.body-container .box-4-container>.left {
    width: 592px;
    height: 505px;
    border: solid 1px #e5e5e5;
    padding: 20px;
    background: #fff
}

.body-container .box-4-container>.left .tabs-title {
    height: 44px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.body-container .box-4-container>.left .tabs-title ul {
    height: 100%;
    overflow: hidden
}

.body-container .box-4-container>.left .tabs-title ul li {
    float: left;
    height: 100%;
    font-size: 24px;
    color: #333
}

.body-container .box-4-container>.left .tabs-title ul li a {
    height: 100%;
    position: relative
}

.body-container .box-4-container>.left .tabs-title ul li a::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 4px;
    background: #1492ff;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transition: all .3s
}

.body-container .box-4-container>.left .tabs-title ul li a.active {
    font-weight: 700;
    color: #1492ff
}

.body-container .box-4-container>.left .tabs-title ul li a.active::after {
    width: 100%;
    left: 0
}

.body-container .box-4-container>.left .tabs-title ul li:not(:first-child)::before {
    content: "";
    width: 2px;
    height: 18px;
    background-color: #afafaf;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 20px
}

.body-container .box-4-container>.left .reply {
    margin: 17px 0 0;
    padding: 2px 0 0 5px;
    font-size: 0;
    height: 50px;
    line-height: 50px
}

.body-container .box-4-container>.left .reply .icon {
    vertical-align: top
}

.body-container .box-4-container>.left .reply span {
    font-size: 20px;
    font-weight: 700;
    margin: 0 10px 0 10px
}

.body-container .box-4-container>.left .reply a {
    margin: 0 0 0 6px;
    display: inline-block;
    width: 97px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 5px
}

.body-container .box-4-container>.left .reply a:hover {
    opacity: .9
}

.body-container .box-4-container>.left .reply a:nth-of-type(1) {
    background: #4a99e3
}

.body-container .box-4-container>.left .reply a:nth-of-type(2) {
    background: #28acd4
}

.body-container .box-4-container>.left .reply a:nth-of-type(3) {
    background: #feaf6d
}

.body-container .box-4-container>.left .reply a:nth-of-type(4) {
    background: #32b16c
}

.body-container .box-4-container>.left .table {
    width: 100%;
    border: 1px solid #e5e5e5;
    margin-top: 10px
}

.body-container .box-4-container>.left .table thead tr {
    background: #e5e5e5;
    height: 46px
}

.body-container .box-4-container>.left .table thead tr th {
    color: #999
}

.body-container .box-4-container>.left .table tbody tr {
    height: 49px
}

.body-container .box-4-container>.left .table tbody tr td {
    text-align: center;
    border: 1px solid #e5e5e5
}

.body-container .box-4-container>.left .table tr td:first-child, .body-container .box-4-container>.left .table tr th:first-child {
    width: 315px;
    text-align: left;
    padding: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-container .box-4-container>.left .bottom {
    margin: 25px 0 0;
    overflow: hidden
}

.body-container .box-4-container>.left .bottom .b-item {
    float: left;
    width: 133px;
    height: 76px;
    line-height: 76px;
    background-color: #eef5fd;
    text-align: center;
    font-size: 18px;
    color: #1492ff;
    margin: 0 6px 0 0
}

.body-container .box-4-container>.left .bottom .b-item:last-child {
    margin-right: 0
}

.body-container .box-4-container>.left .bottom .b-item .icon {
    margin: 0 10px 0 0;
    vertical-align: middle
}

.body-container .box-4-container>.left .bottom .b-item span {
    vertical-align: middle;
    line-height: 22px
}

.body-container .box-4-container>.right {
    width: 592px;
    height: 505px;
    border: solid 1px #e5e5e5;
    padding: 20px;
    background: #fff
}

.body-container .box-4-container>.right .tabs-title {
    height: 44px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.body-container .box-4-container>.right .tabs-title ul {
    height: 100%;
    overflow: hidden
}

.body-container .box-4-container>.right .tabs-title ul li {
    float: left;
    height: 100%;
    font-size: 24px;
    color: #333
}

.body-container .box-4-container>.right .tabs-title ul li a {
    height: 100%;
    position: relative
}

.body-container .box-4-container>.right .tabs-title ul li a::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 4px;
    background: #1492ff;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transition: all .3s
}

.body-container .box-4-container>.right .tabs-title ul li a.active {
    font-weight: 700;
    color: #1492ff
}

.body-container .box-4-container>.right .tabs-title ul li a.active::after {
    width: 100%;
    left: 0
}

.body-container .box-4-container>.right .tabs-title ul li:not(:first-child)::before {
    content: "";
    width: 2px;
    height: 18px;
    background-color: #afafaf;
    display: inline-block;
    vertical-align: baseline;
    margin: 0 20px
}

.body-container .box-4-container>.right .swiper-container {
    height: 432px
}

.body-container .box-4-container>.right .notice {
    margin: 25px 0 0;
    height: 90px;
    overflow: hidden
}

.body-container .box-4-container>.right .notice .n-item {
    width: 270px;
    height: 90px;
    overflow: hidden;
    margin: 0 10px 0 0;
    float: left
}

.body-container .box-4-container>.right .notice .n-item:last-child {
    margin-right: 0
}

.body-container .box-4-container>.right .notice .n-item img {
    transition: all .5s
}

.body-container .box-4-container>.right .notice .n-item img:hover {
    transform: scale(1.1)
}

.body-container .box-4-container>.right .area {
    margin: 16px 0 0
}

.body-container .box-4-container>.right .area>.left {
    width: 270px;
    height: 290px;
    border-radius: 4px;
    overflow: hidden
}

.body-container .box-4-container>.right .area>.left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .5s
}

.body-container .box-4-container>.right .area>.left img:hover {
    transform: scale(1.1)
}

.body-container .box-4-container>.right .area>.right {
    width: 270px
}

.body-container .box-4-container>.right .area>.right ul {
    width: 100%
}

.body-container .box-4-container>.right .area>.right ul li {
    width: 100%;
    height: 65px;
    line-height: 65px;
    background: url(../images/pc/desc-2.png) no-repeat center top;
    padding: 0 0 0 28px;
    font-size: 20px;
    color: #1492ff;
    margin: 0 0 10px;
    font-weight: 700
}

.body-container .box-4-container>.right .area>.right ul li:last-child {
    margin-bottom: 0
}

.body-container .bg-container {
    background: #f9f9f9;
    padding: 50px 0 60px;
    margin: 60px auto 0
}

.footer-container {
    margin-top: 0!important
}