.com_main_left {
    float: left;
    width: 888px
}

.com_main_right {
    float: right;
    width: 280px
}

@media screen and (max-width: 1280px) {
    .com_main_left {
        width: calc(100vw - 64px - 200px - 38px)
    }

    .com_main_right {
        width: 200px
    }
}

@media screen and (max-width: 900px) {
    .com_main_left {
        width: 100%
    }

    .com_main_right {
        width: 100%
    }
}

main {
    margin-bottom: 96px
}

@media screen and (max-width: 768px) {
    main {
        margin-bottom: 64px
    }
}

.main-section {
    margin-top: 48px
}

.main-section h1.page-title.com_page-title {
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;
    color: #12264f
}

.main-section .com_page-info {
    font-size: 20px;
    line-height: 30px;
    color: #555e70;
    margin-top: 24px;
    margin-bottom: 48px
}

@media screen and (max-width: 900px) {
    .main-section {
        margin-top: 0
    }
}

@media screen and (max-width: 768px) {
    .main-section h1.page-title.com_page-title {
        font-size: 36px;
        line-height: 44px
    }

    .main-section .com_page-info {
        font-size: 18px;
        line-height: 28px;
        margin-top: 16px
    }
}

.com_nav_cont {
    background-color: #f3f9f1
}

.com_nav_cont .nav_title_cont {
    padding: 24px 24px 16px;
    font-size: 20px;
    line-height: 30px;
    color: #12264f;
    font-weight: 600
}

.com_nav_cont .nav_list {
    padding-bottom: 8px
}

.com_nav_cont .nav_list_cont .nav_list_item_titleC a {
    transition: all ease .2s;
    color: #555e70
}

.com_nav_cont .nav_list_cont .nav_list_item_titleC a:hover {
    color: #b18f3c
}

.com_nav_cont .nav_list_cont .nav_list_item_titleC a:focus,
.com_nav_cont .nav_list_cont .nav_list_item_titleC a:focus:hover {
    color: #555e70
}

.com_nav_cont .nav_list_cont .nav_list_item_titleC {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #555e70
}

.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon.open {
    background-image: url("/assets/img/icon_nav_open_b_normal.png")
}

.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon.open:hover {
    background-image: url("/assets/img/icon_nav_open_b_hover.png")
}

.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon.open:focus,
.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon.open:focus:hover {
    background-image: url("/assets/img/icon_nav_open_b_press.png");
    outline: none
}

.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon {
    background-image: url("/assets/img/icon_nav_close_b_normal.png")
}

.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon:hover {
    background-image: url("/assets/img/icon_nav_close_b_hover.png")
}

.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon:focus,
.com_nav_cont .nav_list_cont .dropdown .nav_list_item_titleC .icon:focus:hover {
    background-image: url("/assets/img/icon_nav_close_b_press.png");
    outline: none
}

.com_nav_cont .nav_list_cont .dropdown .nav_dropdownCont {
    max-height: 0;
    overflow: hidden;
    padding-left: 16px
}

.com_nav_cont .nav_list_cont .dropdown .nav_dropdownCont>ul {
    border-left: 2px solid #082d75
}

.com_nav_cont .nav_list_cont .dropdown .nav_dropdownCont .nav_dropdown-li {
    padding: 16px 0 16px 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #12264f
}

.com_nav_cont .nav_list_cont .dropdown .nav_dropdownCont .nav_dropdown-li:hover {
    color: #b18f3c
}

.com_nav_cont .nav_list_cont .dropdown.open .nav_dropdownCont {
    max-height: 200px
}

.com_nav_cont .nav_list_cont .nav_list_item.current .nav_list_item_titleC a {
    color: #b18f3c
}

.com_nav_cont .nav_list_cont .nav_dropdownCont .nav_dropdown-li.current {
    color: #b18f3c
}

@media screen and (max-width: 900px) {
    .com_nav_cont {
        margin: 0 -16px 48px
    }

    .com_nav_cont .nav_title_cont {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .com_nav_cont .nav_title_cont .icon.open {
        background-image: url("/assets/img/icon_nav_open_b_normal.png")
    }

    .com_nav_cont .nav_title_cont .icon.open:hover {
        background-image: url("/assets/img/icon_nav_open_b_hover.png")
    }

    .com_nav_cont .nav_title_cont .icon.open:focus,
    .com_nav_cont .nav_title_cont .icon.open:focus:hover {
        background-image: url("/assets/img/icon_nav_open_b_press.png");
        outline: none
    }

    .com_nav_cont .nav_title_cont .icon {
        background-image: url("/assets/img/icon_nav_close_b_normal.png")
    }

    .com_nav_cont .nav_title_cont .icon:hover {
        background-image: url("/assets/img/icon_nav_close_b_hover.png")
    }

    .com_nav_cont .nav_title_cont .icon:focus,
    .com_nav_cont .nav_title_cont .icon:focus:hover {
        background-image: url("/assets/img/icon_nav_close_b_press.png");
        outline: none
    }

    .com_nav_cont .nav_title_cont .icon {
        cursor: pointer;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .com_nav_cont .nav_list_cont {
        max-height: 0px;
        overflow: hidden
    }

    .com_nav_cont .nav_list_cont.open {
        max-height: 1000px
    }
}

@media screen and (max-width: 768px) {
    .com_nav_cont .nav_title_cont {
        font-size: 18px;
        line-height: 28px
    }
}

.main-section {
    margin-top: 64px
}

.article-main .article-title {
    color: #12264f;
    font-size: 48px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 48px
}

.article-time {
    font-size: 16px;
    line-height: 24px;
    color: #b18f3c;
    font-weight: 600;
    margin-bottom: 12px;
    display: block;
    text-align: center
}

.article-main h2 {
    margin: 48px 0 24px;
    color: #12264f;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600
}

.article-main h3 {
    margin: 32px 0 16px;
    color: #013;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.article-main h4 {
    margin: 24px 0 8px;
    color: #082d75;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600
}

.article-main h4+p {
    margin-top: 0
}

.article-main .addon-img {
    margin: 48px 0
}

.article-main p {
    margin: 0;
}


.article-main p i.tip {
    font-style: normal;
    color: #555e70
}

.article-main p a {
    transition: all ease .2s;
    color: #555e70
}

.article-main p a:hover {
    color: #b18f3c
}

.article-main p a:focus,
.article-main p a:focus:hover {
    color: #555e70
}

.article-main p a {
    text-decoration: underline
}

.article-main>p:nth-last-child(1) {
    margin-bottom: 0
}

.article-main ul {
    margin: 16px 0;
    font-size: 18px;
    line-height: 28px
}

.article-main ul li {
    padding-left: 24px;
    position: relative
}

.article-main ul li::before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #013;
    border-radius: 50px;
    position: absolute;
    top: 12px;
    left: 8px
}

.article-main ul li a {
    transition: all ease .2s;
    color: #555e70
}

.article-main ul li a:hover {
    color: #b18f3c
}

.article-main ul li a:focus,
.article-main ul li a:focus:hover {
    color: #555e70
}

.article-main ul li a {
    text-decoration: underline
}

.article-main blockquote,
.article-main .blockquote {
    padding: 8px 0 8px 20px;
    border-left: 2px solid #555e70
}

.article-main blockquote p,
.article-main .blockquote p {
    color: #555e70;
    font-weight: 500;
    font-style: italic;
    margin: 0
}

.article-main blockquote p.cite,
.article-main .blockquote p.cite {
    font-style: normal;
    margin-top: 32px;
    color: #013;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.article-main blockquote+figure,
.article-main .blockquote+.figure {
    margin-top: 96px
}

.article-main .jumbotron {
    padding: 32px;
    margin-top: 32px;
    border-radius: 16px;
    background-color: rgba(248, 250, 247, .9)
}

.article-main .jumbotron .note-title {
    font-size: 30px;
    line-height: 38px;
    color: #12264f;
    font-weight: 600;
    margin-bottom: 20px
}

.article-main img {
    max-width: 100% !important;
    display: block;
    height: auto !important;
    width: 100% !important
}

.article-main figure,
.article-main .figure {
    margin: 48px 0
}

.article-main figure .img,
.article-main .figure .img {
    width: 100%
}

.article-main figure .img.auto,
.article-main .figure .img.auto {
    width: auto;
    margin: auto;
    max-width: 100%
}

.article-main figure figcaption,
.article-main .figure figcaption {
    color: #555e70;
    margin-top: 16px;
    font-size: 14px;
    line-height: 20px
}

.article-main figure figcaption.link,
.article-main .figure figcaption.link {
    padding-left: 22px;
    background-position: left center;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-image: url(/assets/img/icon_article_link.png)
}

.article-main figure figcaption.link a,
.article-main .figure figcaption.link a {
    color: inherit;
    text-decoration: underline
}

.article-main figure figcaption.link a:hover,
.article-main .figure figcaption.link a:hover {
    color: #b18f3c
}

.article-main .grid-box {
    display: grid;
    margin: -16px;
    grid-template-columns: repeat(2, 1fr)
}

.article-main .grid-box .grid-item {
    margin: 16px
}

.article-main .grid-box .grid-item .img {
    width: 100%
}

.article-main .grid-box .grid-item p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0
}

.article-main .grid-box .grid-item p+p {
    margin-top: 24px
}

.article-main .flex-box {
    display: flex;
    margin: 32px -16px
}

.article-main .flex-box.flex-wrap {
  flex-wrap: wrap;
}

.article-main .flex-box .flex-item {
    margin: 16px;
    flex: 1;
    padding-left: 24px;
    border-left: 2px solid #082d75
}

.article-main .flex-box .imp_tip {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    color: #082d75
}

.article-main .flex-box .info {
    margin: 4px 0 8px;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #013
}

.article-main .flex-box p {
    font-size: 16px;
    line-height: 24px;
    color: #555e70
}

.article-main .flex-box p:nth-last-child(1) {
    margin-bottom: 0;
}

.article-main .flex-box .brand-item {
  margin: 16px;
  height: 140px;
  background-color: #f3f9f1;
  padding: 26px 0;
  transition: all ease 0.2s;
  overflow: hidden;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #12264f;
  flex: calc(25% - 32px);
  text-align: center;
}

.article-main .flex-box .brand-item .img-parse {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  flex-shrink: 0;
  background: no-repeat center 0  / cover;
}

.article-main .flex-box .brand-item:nth-child(1) .img-parse {
  background-image: url(/assets/img/tender8.png);
}

.article-main .flex-box .brand-item:nth-child(2) .img-parse {
  background-image: url(/assets/img/tender6.png);
}

.article-main .flex-box .brand-item:nth-child(3) .img-parse {
  background-image: url(/assets/img/tender4.png);
}

.article-main .flex-box .brand-item:nth-child(4) .img-parse {
  background-image: url(/assets/img/tender2.png);
}

.article-main .flex-box .brand-item:nth-child(5) .img-parse {
  background-image: url(/assets/img/tender7.png);
}

.article-main .flex-box .brand-item:nth-child(6) .img-parse {
  background-image: url(/assets/img/tender5.png);
}

.article-main .flex-box .brand-item:nth-child(7) .img-parse {
  background-image: url(/assets/img/tender3.png);
}

.article-main .flex-box .brand-item:nth-child(8) .img-parse {
  background-image: url(/assets/img/tender1.png);
}

.article-main .flex-box .brand-item:hover {
  background-color: #b18f3c;
  color: #f1f2e5;
}

.article-main .flex-box .brand-item:hover .img-parse {
    background-position: center -48px;
}

.article-main .flex-box.imgboxSwiperMb{
    position: relative;
}

.article-main .flex-box.imgboxSwiperMb .flex-item {
    border: none;
    padding: 0
}

.article-main .flex-box.imgboxSwiperMb .com-swiper-tools {
    opacity: 0
}

.article-main .illu-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.article-main .illu-box figure,
.article-main .illu-box .figure {
    width: 388px;
    margin: 0 0 0 16px;
    flex-shrink: 0
}

.article-main .illu-box p:nth-child(1) {
    margin-top: 0
}

.article-main .illu-box p:nth-last-child(1) {
    margin-bottom: 0
}

.article-main .table-box {
    max-width: 100%;
    overflow-x: scroll
}

.article-main .table-box table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #555e70
}

.article-main .table-box table>thead:first-child>tr:first-child>td,
.article-main .table-box table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.article-main .table-box table tr td {
    vertical-align: top
}

.article-main .table-box table tr td a {
    color: #12264f;
    text-decoration: underline
}

.article-main .table-box table tr td p {
    margin: 0
}

.article-main .table-box table tr td p+p {
    margin-top: 24px
}

.article-main .table-box table tr th {
    font-weight: 600;
    white-space: nowrap;
    text-align: left
}

.article-main .table-box table tr td,
.article-main .table-box table tr th {
    border: 1px solid #555e70;
    padding: 10px;
    color: #013;
    font-size: 16px;
    line-height: 24px
}

.article-main .table-box table tr td p,
.article-main .table-box table tr td a,
.article-main .table-box table tr td li,
.article-main .table-box table tr th p,
.article-main .table-box table tr th a,
.article-main .table-box table tr th li {
    font-size: inherit;
    line-height: inherit
}

.page-about .top-nav-box .flex-item {
    border: none;
    padding: 24px 32px;
    background-color: #f3f9f1;
    color: #12264f;
    transition: all ease .2s;
    cursor: pointer
}

.page-about .top-nav-box .flex-item .top-nav-item {
    display: flex;
    align-items: center
}

.page-about .top-nav-box .flex-item .icon {
    width: 28px;
    height: 28px;
    margin-right: 8px;
    background: no-repeat 0px -28px/28px 56px
}

.page-about .top-nav-box .flex-item .icon.icon-sem-baidu {
    background-image: url(../img/icon-baidu.png)
}

.page-about .top-nav-box .flex-item .icon.icon-sem-tecent {
    background-image: url(../img/icon-tecent.png)
}

.page-about .top-nav-box .flex-item .icon.icon-sem-juliang {
    background-image: url(../img/icon-juliang.png)
}

.page-about .top-nav-box .flex-item .icon.icon-mkt-0 {
    background-image: url(../img/icon-mkt-1.png)
}

.page-about .top-nav-box .flex-item .icon.icon-mkt-1 {
    background-image: url(../img/icon-mkt-2.png)
}

.page-about .top-nav-box .flex-item .icon.icon-mkt-2 {
    background-image: url(../img/icon-mkt-3.png)
}

.page-about .top-nav-box .flex-item:hover,
.page-about .top-nav-box .flex-item.active {
    background-color: #12264f;
    color: #fff
}

.page-about .top-nav-box .flex-item:hover .icon,
.page-about .top-nav-box .flex-item.active .icon {
    background-position: 0px 0px
}

.page-about #article-content .ver-box {
    flex-wrap: wrap;
    margin: 16px -16px
}

.page-about #article-content .ver-box .flex-item {
    min-width: 40%;
    flex: 1;
    margin: 16px;
    padding: 32px 24px;
    background-color: #f3f9f1;
    border: none
}

.page-about #article-content .ver-box .flex-item h4 {
    margin-top: 0;
    margin-bottom: 0
}

.page-about #article-content .ver-box .flex-item:hover {
    background-color: #b18f3c;
    background-image: url(/assets/img/0673d66fefb6705f3ff8e940f8f577110a394b058c5be-awQMo0.jpg.png);
    background-size: cover
}

.page-about #article-content .ver-box .flex-item:hover h4 {
    color: #fff
}

.page-about #article-content .ver-box .flex-item:hover p,
.page-about #article-content .ver-box .flex-item:hover li {
    color: #fff
}

.page-about #article-content .ver-box .flex-item:hover li::before {
    background-color: #fff
}

.page-about #article-content .ver-box .flex-item p {
    margin-top: 8px
}

.page-about #article-content .ver-box.ver-inline .flex-item {
    min-width: 26%;
    max-width: calc(33.3% - 32px)
}

.page-about #article-content .imgbox .flex-item {
    padding: 0;
    border: 0
}

.page-about #article-content .imgbox .flex-item .img-addon {
    position: relative;
    margin-bottom: 18px
}

.page-about #article-content .imgbox .flex-item .img-addon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all ease .2s;
    background-color: rgba(105, 65, 198, 0)
}

.page-about #article-content .imgbox .flex-item .img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 500px
}

.page-about #article-content .imgbox .flex-item .img-figure {
    color: #013;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700
}

.page-about #article-content .imgbox .flex-item:hover .img-addon::before {
    background-color: rgba(177, 143, 60, .4)
}

.page-about #article-content .imgbox .flex-item:hover .img-figure {
    color: #12264f
}

.article-main .pri-link {
    transition: all ease .2s;
    color: #555e70
}

.article-main .pri-link:hover {
    color: #b18f3c
}

.article-main .pri-link:focus,
.article-main .pri-link:focus:hover {
    color: #555e70
}

.article-main .pri-link::after {
    background-image: url("/assets/img/icon_arr_r_normal.png")
}

.article-main .pri-link:hover::after {
    background-image: url("/assets/img/icon_arr_r_hover.png")
}

.article-main .pri-link:focus::after,
.article-main .pri-link:focus:hover::after {
    background-image: url("/assets/img/icon_arr_r_press.png");
    outline: none
}

.article-main .pri-link {
    margin-top: 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #12264f;
    display: flex;
    align-items: center
}

.article-main .pri-link::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    width: 20px;
    height: 20px;
    transition: all ease .2s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.article-swiper-box {
    overflow: hidden;
    position: relative
}

.article-swiper-box img {
    width: 100%
}

.article-swiper-box .swiper-tools.com-swiper-tools {
    padding: 0 52px;
    bottom: 14px
}

.article-swiper-box+p {
    margin-top: 48px
}

.article-swiper-box+h3 {
    margin-top: 32px
}

@media screen and (max-width: 900px) {
    .main-section {
        margin-top: 0
    }
}

@media screen and (max-width: 768px) {
    .main-section {
        margin-top: 0
    }

    .article-main .article-title {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 32px
    }

    .article-main h3 {
        font-size: 20px;
        line-height: 30px
    }

    .article-main ul {
        margin: 12px 0;
        font-size: 16px;
        line-height: 24px
    }

    .article-main ul li {
        padding-left: 20px
    }

    .article-main ul li::before {
        width: 4px;
        height: 4px;
        top: 10px;
        left: 6px
    }

    .article-main blockquote,
    .article-main .blockquote {
        padding: 6px 0 6px 16px
    }

    .article-main blockquote p,
    .article-main .blockquote p {
        font-size: 20px;
        line-height: 30px
    }

    .article-main blockquote p.cite,
    .article-main .blockquote p.cite {
        margin-top: 32px
    }

    .article-main .jumbotron {
        padding: 28px
    }

    .article-main .jumbotron .note-title {
        margin-bottom: 18px
    }

    .article-main figure,
    .article-main .figure {
        margin: 40px 0
    }

    .article-main figure figcaption,
    .article-main figure .figcaption,
    .article-main .figure figcaption,
    .article-main .figure .figcaption {
        margin-top: 12px
    }

    .article-main .flex-box {
        flex-direction: column
    }

    .article-main .flex-box .info {
        margin: 4px 0 4px
    }

    .article-main .flex-box.imgboxSwiperMb {
        margin: 0;
        display: block;
        position: relative
    }

    .article-main .flex-box.imgboxSwiperMb .flex-item {
        flex: initial;
        margin: 0;
        flex-shrink: 0
    }

    .article-main .flex-box.imgboxSwiperMb .com-swiper-tools {
        top: 48%;
        opacity: 1;
        bottom: auto
    }

    .article-main .flex-box.imgboxSwiperMb .com-swiper-tools .swiper-tools-right {
        justify-content: space-between;
        width: 100%
    }

    .article-main .grid-box {
        grid-template-columns: repeat(1, 1fr)
    }

    .article-main .illu-box {
        flex-direction: column
    }

    .article-main .illu-box figure,
    .article-main .illu-box .figure {
        width: 100%;
        margin: 0 0 16px 0
    }

    .article-main table tr th {
        white-space: normal
    }

    .article-swiper-box .swiper-tools.com-swiper-tools {
        padding: 0 48px
    }

    .article-swiper-box+p {
        margin-top: 40px
    }

    .article-swiper-box+h3 {
        margin-top: 48px
    }

    .page-about .top-nav-box .flex-item {
        border: none;
        padding: 24px 32px
    }

    .page-about #article-content .ver-box.ver-inline .flex-item {
        max-width: 100%
    }

    .page-about #article-content .imgbox .flex-item .img {
        height: 240px
    }
}