/* 首页 start */

html {
    overflow: auto;
}

body {
    overflow-x: hidden;
}

.index-body {
    height: 100vh;
}

.about_body .processes_now,
.about_body .processes li {}

body::-webkit-scrollbar {
    display: none;
}

.nav_tools a:hover {
    color: #0038CA;
}

.inner {
    margin: 0 auto;
    width: 82%;
    max-width: 1600px;
}

.position_a {
    position: absolute;
}

.position_r {
    position: relative;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

img {
    max-width: 100%;
}

.bg_red {
    background-color: #B6000C;
    color: #fff !important;
}

.color_red {
    color: #B6000C;
}

.one_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.flex-center {
    display: flex!important;
    justify-content: center;
    align-items: center;
    background: #ECEFF2;
    flex: 0 0 auto;
}

.flex-center img {
    max-width: 100%;
    max-height: 100%;
}

.nav_father {
    height: 146px;
}

header.index_header {
    position: fixed;
    z-index: 200;
    height: 140px;
    width: 100%;
    transition: all ease .3s;
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

header.other_header {
    position: fixed;
    z-index: 9999;
    height: 140px;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #eee;
    transition: all ease .3s;
}

.other_header .nav_tools ul li>a {
    color: #333;
}

.other_header .nav_tools ul li>a:hover {
    color: #E2332E;
}

.other_header .index_nav ul li>a {
    color: #333;
}

.other_header .index_nav ul li>a:hover {
    color: #E2332E;
}

.nav_tools {
    position: relative;
}

.nav_tools_sub_line {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.95);
    transform: scaleY(0.5);
    opacity: 0.3;
}

.nav_tools .inner {
    display: flex;
    justify-content: space-between;
    height: 42px;
    line-height: 42px;
}

.nav_tools li {
    float: left;
}

.nav_tools li:last-child {
    padding-right: 0px;
}

.nav_tools li a {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    padding: 0 15px;
    border-right: 1px solid rgba(255, 255, 255, .3);
}

.nav_tools .outlinks li:first-child a {
    padding-left: 0;
}

.nav_tools .outlinks li:last-child a {
    padding-right: 0;
    border-right: 0;
}

.nav_tools .links li:first-child a {
    padding-left: 0;
}

.nav_tools .links li:first-child a:hover {
    color: #E2332E;
}

.nav_tools .links li:last-child a {
    padding-right: 0;
    border-right: 0;
}

.nav_tools_icon {
    vertical-align: middle;
    font-size: 22px;
    margin-right: 10px;
}

.icon-jingdongicon {
    font-size: 18px;
}

.index_nav {
    display: flex;
    justify-content: space-between;
    height: 100px;
}

.index_nav .logo {
    width: 329px;
}

.index_nav ul li {
    float: left;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: relative;
}

.nav_icon {
    font-size: 16px;
}

.index_nav ul .search {
    margin-left: 30px;
    line-height: 100px;
}

.crc-sub-search-mask {
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.other_header .crc-sub-search-mask {
    color: #0E318D;
    transition: all ease .3s;
}

.other_header .crc-sub-search-mask:hover {
    color: #1C5ADD;
}

.crc-search-content {
    position: absolute;
    right: 0px;
    bottom: -80px;
    display: none;
    width: 726px;
    height: 60px;
    border-bottom: 1px solid #666666;
    line-height: 60px;
    transform: translate(-60%, 0);
}

.crc-search-content #searchword2 {
    vertical-align: bottom;
}

#searchword2 {
    width: 695px;
    height: 55px;
    border: none;
    padding: 0px 10px 0px 10px;
    outline: none;
    background-color: transparent;
    font-size: 14px;
    color: #999999;
    letter-spacing: 0;
    font-weight: 400;
}

.hr-search-href.icon-sousuo {
    color: #1C5ADD;
    font-size: 20px;
    line-height: 55px;
}

.index_nav li:last-child {
    margin-right: 0;
}

.nav_tools ul li>a {
    color: #ffffff;
}

.index_nav ul li>a {
    padding: 0 1.5vw;
    line-height: 95px;
    font-size: 16px;
    font-weight: normal;
    display: block;
    color: #ffffff;
    position: relative;
}

.index_header_hover .index_nav ul li>a {
    color: #333;
}

.index_header_hover .index_nav ul li>a:hover {
    color: #E2332E;
}

.nav_hover_bottom_line {
    width: 100%;
    height: 3px;
    display: block;
    opacity: 0;
    bottom: 0;
    position: relative;
    background-color: #E2332E;
}

.index_nav ul li>a.active_hover .nav_hover_bottom_line {
    opacity: 1;
}

.index_nav ul li:hover>a .nav_hover_bottom_line {
    opacity: 1;
}

header.index_header_hover {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #eee;
}

.index_header_hover .nav_tools ul li>a {
    color: #333333;
}

.index_header_hover .nav_tools ul li>a:hover {
    color: #E2332E;
}

.index_header_hover .logo a {
    color: #E2332E !important;
}

.index_header_hover .crc-sub-search-mask {
    color: #0E318D;
}

.index_header_hover ul li.bread {
    color: #333333;
    border-color: #333333;
}

.index_header_hover .search:hover .crc-sub-search-mask {
    color: #0E318D;
}

.crc-sub-search-click.index_header {
    height: 140px;
}

.crc-sub-search-click.index_header::after,
.crc-sub-search-click.other_header::after {
    content: '';
    position: absolute;
    height: 120px;
    width: 100%;
    left: 0;
    bottom: -120px;
    background: rgba(255, 255, 255, 0.95);
    z-index: -1;
}

.index_header_hover .bread:hover {
    color: #0E318D;
    border-color: #0E318D !important;
}

.swiper-container,
.swiper-wrapper,
.swiper-slide {
    width: 100%;
    height: 100%;
}

.index_banner {
    height: 100%;
}

.banner-mob,
.other-mob-banner {
    width: 100%;
    height: 100%;
    display: none;
}

.catlog-nav {
    display: none;
}

.index_banner .swiper_progressbar {
    height: 40px;
    top: unset;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
}

.index_banner .swiper-pagination-bullet {
    height: 40px;
    margin: 0px;
    border-radius: 0px;
    transition: all ease .3s;
    background: none;
    opacity: 1;
    position: relative;
}

.index_banner .swiper-pagination-bullet::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ccc;
    bottom: 20px;
    content: '';
    left: 0px;
    transition: all ease .3s;
}

.index_banner .swiper-pagination-bullet:hover::after {
    background: #E2332E;
    height: 4px;
    bottom: 18px;
}

.index_banner .swiper-pagination-bullet-active::after {
    background: #E2332E;
    height: 4px;
    bottom: 18px;
}

.index-pag-main {
    height: 100px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    z-index: 1;
}

.form-num-check {
    text-align: right;
    padding-top: 5px;
}

.index_banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #E2332E;
}

.net-yingxiao .swiper-slide {
    width: auto;
}

.index_banner img {
    width: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
}

.index_banner .swiper-slide-active {
    z-index: 10;
}

.index_banner .learn_more {
    top: 45%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 2;
}

.index_nav .header_logo {
    width: 330px;
    height: 66px;
    background: url(../image/fj-pub-logo-white.png) no-repeat center center;
    background-size: 100% auto;
    display: block;
    margin-top: 25px;
}

.index_header_hover .index_nav .header_logo {
    background: url(../image/fj-pub-logo-red.png) no-repeat center center;
    background-size: 100% auto;
}

.other_header .index_nav .header_logo {
    background: none;
}

.index_banner_relation {
    position: relative;
    left: -10px;
    width: 80px;
    height: 180px;
    background: url(../image/index-banner-investor.png) no-repeat;
    background-size: cover;
    cursor: pointer;
    transition: all ease .3s;
}

.index_banner_relation:hover {
    opacity: .8;
}

.index_banner .help {
    width: 70px;
    height: 160px;
    margin-right: 24px;
    background: url(../image/fj-index-banner-more-right-pic.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}

.index_banner .help img {
    width: 100%;
}

.index_banner .help .phone_number {
    position: absolute;
    top: 47px;
    left: 20px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 23px;
    color: red;
    background-color: #F8F8F8;
    text-align: center;
    line-height: 30px;
    opacity: 0;
    transition: all ease .3s;
    border-radius: 5px;
}

.index_banner .help .phone_number .show_number {
    position: absolute;
    right: 302%;
    top: -28px;
    width: 268px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px #020F2A;
    text-align: left;
    padding: 16px 44px 20px 16px;
    border-radius: 5px;
    display: none;
}

.index_banner .help .phone_number .show_number::before {
    position: absolute;
    right: -40px;
    top: 45px;
    content: '';
    border: 20px solid;
    border-color: transparent transparent transparent #F5F5F5;
}

.index_banner .help .phone_number .show_number::after {
    position: absolute;
    right: -39px;
    top: 45px;
    content: '';
    border: 20px solid red;
    border-color: transparent transparent transparent #fff;
}

.index_banner .help .phone_number .show_number .number_title {
    font-size: 16px;
    color: #000000;
}

.index_banner .help .phone_number .show_number .number_time {
    margin-top: 14px;
    font-size: 12px;
    color: #999999;
    padding-bottom: 16px;
    border-bottom: 1px solid #E8E8E8;
}

.index_banner .help .phone_number .show_number .number_time span {
    font-weight: 700;
}

.index_banner .help .phone_number .show_number .number {
    margin-top: 16px;
    letter-spacing: 1px;
    font-size: 18px;
    color: #0E318D;
}

.index_banner .help .phone_number:hover {
    opacity: 1;
}

.index_banner .help .phone_number:hover .show_number {
    display: block;
}

.index_banner .help .qrcode {
    position: absolute;
    top: 96px;
    left: 20px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 23px;
    color: red;
    background-color: #F8F8F8;
    text-align: center;
    opacity: 0;
    line-height: 30px;
    transition: all ease .3s;
}

.index_banner .help .qrcode .show_code {
    position: absolute;
    right: 302%;
    top: -28px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px #020F2A;
    text-align: left;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    display: none;
}

.index_banner .help .qrcode .show_code::before {
    position: absolute;
    right: -40px;
    top: 45px;
    content: '';
    border: 20px solid;
    border-color: transparent transparent transparent #F5F5F5;
}

.index_banner .help .qrcode .show_code::after {
    position: absolute;
    right: -39px;
    top: 45px;
    content: '';
    border: 20px solid red;
    border-color: transparent transparent transparent #fff;
}

.index_banner .help .qrcode .show_code .code_pic {
    width: 167px;
    height: 167px;
    margin: 0 auto;
}

.index_banner .help .qrcode .show_code .code_title {
    margin-top: 15px;
    font-size: 14px;
    color: #000000;
}

.index_banner .help .qrcode:hover {
    opacity: 1;
}

.index_banner .help .qrcode:hover .show_code {
    display: block;
}


/* index_body start */


/* 首页关于我们start */

.scroll {
    position: fixed;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
    outline: none;
}

.vision-bot-mob {
    display: none;
}

.scrollact_1 {
    top: 0px;
}

.floor_1 {
    padding-top: 140px;
    background: url(../image/fj-index-about-bg.png)no-repeat center bottom;
    background-size: 1920px auto;
}

.floor_1 .index_more {
    position: absolute;
    right: 0px;
    top: 20px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
}

.about-num {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: center;
    padding-top: 40px;
}

.about-num .year-num {
    font-size: 48px;
    font-weight: bold;
    color: #0E318D;
}

.about-num .desc {
    color: #999999;
}

.about-num-item .pic img {
    width: 40px;
}

.about-num-item .pic {
    margin-bottom: 20px;
}

.index_body .floor_1 .inner {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between;
    padding: 57px 0 155px 0;
}

.index_title {
    font-weight: bold;
    color: #000000;
    font-size: 40px;
}

.index_title::before {
    position: absolute;
    bottom: -20px;
    content: '';
    display: block;
    width: 68px;
    height: 4px;
    background-color: #E2332E
}

.index_desc {
    margin-top: 60px;
    height: 100px;
    overflow: hidden;
    font-size: 16px;
    color: #666;
    line-height: 34px;
    overflow: hidden;
    text-align: justify;
}

.index_more {
    margin: 65px 0 20px 0;
    padding-bottom: 21px;
    padding-left: 80px;
    width: 150px;
    color: #1B2554;
    overflow: hidden;
}

.index_more::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 1px;
    left: 0;
    background-color: #1B2554;
    transition: all 0.3s;
}

.index_more::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #1B2554;
    transform: translateX(-101%);
    transition: all 0.3s;
}

.index_more a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0E318D;
    white-space: nowrap;
}

.letter {
    display: inline-block;
    margin-top: 0.5em;
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
}

.mCSB_scrollTools .mCSB_draggerRail {}

.index_more .learn_more_arrow_icon {
    position: absolute;
    top: -3px;
    left: 0;
    width: 48px;
    height: 48px;
    font-size: 12px;
    color: #0E318D;
    transition: all .5s;
    transform: scale(0.8);
}

.index_more .learn_more_arrow_icon_hover {
    position: absolute;
    left: -30px;
    top: 45px;
    width: 48px;
    height: 48px;
    font-size: 12px;
    display: none;
}

.index_more:hover .learn_more_arrow_icon_hover {
    top: 0;
    left: 0;
}

.index_more:hover::after {
    transform: translateX(101%);
}

.index_more:hover::before {
    transform: translateX(0);
}

.index_more:hover .letter {
    animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) 1 alternate;
    transform: translate3d(0, 0, 0);
}

.index_more:hover .letter:nth-child(1) {
    animation-delay: 0s;
}

.index_more:hover .letter:nth-child(2) {
    animation-delay: 0.3s;
}

.index_more:hover .letter:nth-child(3) {
    animation-delay: 0.6s;
}

.index_more:hover .letter:nth-child(4) {
    animation-delay: 0.9s;
}

@keyframes bounce {
    0% {
        transform: translate3d(0, -1em, 0);
        text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
    }
    100% {
        transform: translate3d(0, 0em, 0);
        text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
    }
}

@keyframes bounce {
    0% {
        transform: translate3d(0, -1em, 0);
        text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
    }
    100% {
        transform: translate3d(0, 0em, 0);
        text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
    }
}

.floor_1 .left_article {
    top: 350px;
    opacity: 0;
}

.floor_1 .right_video {
    top: -350px;
    opacity: 0;
    background: #E9EDF4;
    position: relative;
}

#index-video {
    position: absolute;
    top: 10px;
    left: 10px;
    transition: all ease .8s;
}

#index-video:hover {
    top: -10px;
    left: -10px;
}

.index-news {
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
}

.index-news-top {
    width: 42%;
    padding-right: 40px;
    box-shadow: inset -1px 0px 0px 0px #E8E8E8;
    position: relative;
}

.index-news-top a:hover .index-news-title {
    color: #0E318D;
}

.index-news-com {
    width: 58%;
    padding-left: 40px;
    position: relative;
}

.index-news-top .index-news-pic {
    height: 424px;
    margin-bottom: 20px;
    transition: all ease .3s;
}

.index-news-top .index-news-pic:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

.index-news-top .index-news-title {
    margin-bottom: 20px;
    font-size: 20px;
    overflow: hidden;
    font-weight: bold;
    transition: all ease .3s;
}

.index-news-desc {
    color: #666;
    height: 64px;
    overflow: hidden;
    line-height: 2;
    font-size: 16px;
}

.index-news-item {
    display: block;
    width: 100%;
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    margin-bottom: 20px;
    transition: all ease .3s;
    position: relative;
    overflow: hidden;
}

.index-news-item i {
    font-size: 160px;
    color: #193B92;
    opacity: 0;
    position: absolute;
    right: 0px;
    bottom: -200px;
    transition: all ease .3s;
}

.index-news-item:hover {
    background: #0E318D;
}

.index-news-item:hover a div {
    color: #fff;
}

.index-news-item:hover i {
    opacity: 1;
    bottom: -100px;
}

.index-news-item a {
    display: flex;
}

.index-news-item:last-child {
    margin: 0px;
}

.index-news-ico {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 64px;
    height: 32px;
    background: #E2332E;
    border-radius: 0px 0px 18px 0px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    z-index: 100;
}

.index-news-item .index-news-pic {
    width: 340px;
    height: 226px;
    flex: 0 0 auto;
}

.index-news-com {
    padding-left: 40px;
}

.index-news-com-wrap {
    display: flex;
    padding-left: 40px;
    flex-flow: column nowrap;
    justify-content: space-between;
    flex: 0 0 auto;
    width: calc( 100% - 340px);
    position: relative;
    z-index: 10;
}

.index-news-item .index-news-title {
    font-size: 18px;
    line-height: 1.7;
}

.index-news-time {
    color: #0E318D;
    font-weight: bold;
    font-size: 16px;
}

.yx-guo-title {
    margin-bottom: 40px;
    font-weight: bold;
    color: #0E318D;
}

.guo-big {
    font-size: 24px;
}

.yx-guo-main {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: hidden;
    padding: 10px 10px 15px 10px;
}

.yx-cont-guo {
    padding-bottom: 80px;
}

.yx-guo-job {
    width: 462px;
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 3px 8px 0px rgba(14, 49, 141, 0.24);
    border-radius: 8px;
    flex: 0 0 auto;
}

.yx-guo-form {
    height: 300px;
    width: calc( 100% - 500px);
    background: #FFFFFF;
    box-shadow: 0px 3px 8px 0px rgba(14, 49, 141, 0.24);
    border-radius: 8px;
    margin-left: 40px;
}

.vision-top .conts .wrap {
    display: block;
    padding-left: 40px;
}

.yx-guo-job {
    padding: 40px;
    background: url(../image/yx-zmd.png) no-repeat right bottom;
    background-size: 186px auto;
}

.guo-in {
    padding-left: 103px;
    background: url(../image/yx-logo.png) no-repeat;
    background-size: 62px auto;
}

.yx-guo-job .titles {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 20px;
}

.yx-guo-job .son {
    margin-bottom: 20px;
    color: #000;
}

.yx-guo-job .gray {
    color: #666666;
}

.yx-guo-top {
    height: 48px;
    background: #F7F9FB;
    line-height: 48px;
}

.yx-guo-table-top {
    width: 98%;
}

.yx-guo-table-top th {
    text-align: center;
    font-weight: bold;
    color: #0E318D;
    font-size: 16px;
    white-space: nowrap;
}

.yx-guo-bot {
    height: 252px;
    overflow: auto;
}

.yx-guo-bot table td {
    height: 48px;
    color: #666;
    font-size: 16px;
}

.yx-guo-table-bot {
    text-align: center;
}

.yx-guo-bot table tr {
    box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}

.scrollact_1 .left_article {
    top: 0;
    opacity: 1;
    width: calc( 100% - 47vw);
}

.scrollact_1 .right_video {
    top: 0;
    opacity: 1;
}

.right_video {
    width: 41.7vw;
    height: 26.5vw;
}

.right_video video {
    width: 100%;
    object-fit: fill;
    height: 100%;
}

.news-flex-href {
    display: flex;
    width: 92%;
}

.right_video .mask {
    bottom: -55px;
    right: 80px;
    background-size: cover;
    cursor: pointer;
    width: 90px;
    height: 90px;
    transition: all ease .3s;
}

.right_video .mask:hover {
    opacity: .8;
}

.right_video .mask .play_btn {
    width: 96px;
    height: 96px;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: url(../image/fj-index-about-video-btn-play.png)no-repeat center center;
    background-size: cover;
}


/* 首页关于我们end */


/* 首页产品博览start */

.floor_2 {
    padding-top: 100px;
}

.index_products {
    position: relative;
    padding-bottom: 170px;
}

.index_products_bg_swiper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.index_products_bg_swiper img {
    height: 100%;
}

.floor_2 .hd {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.floor_2 .index_more {
    margin-top: 20px;
}

.floor_2 .bd .swiper_products {
    margin: 60px auto 0;
    width: 913px;
    height: 580px;
    padding: 7px;
    background-color: #fff;
    overflow: hidden;
}

.floor_2 .bd .swiper_products .swiper-container {
    transition: all 1s;
    transform: translateY(-50px);
    opacity: 1;
}

.swiper-container_act {
    transform: unset !important;
    opacity: 1 !important;
}

.floor_2 .bd .swiper-wrapper .slide_left {
    position: relative;
    width: 50%;
    height: 100%;
    padding: 158px 60px 0 56px;
    background-size: cover;
}

.floor_2 .bd .swiper-wrapper .slide_left .product_title {
    color: #0E318D;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
}

.floor_2 .bd .swiper-wrapper .slide_left .product_desc {
    margin-top: 35px;
    font-size: 14px;
    letter-spacing: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.slide_item1 .product_title {
    color: #0E318D !important;
}

.slide_item1 .iconfont {
    color: #0E318D !important;
}

.slide_item1 .slide_left {
    background: linear-gradient(270deg, #F5F7FF 0%, rgba(243, 246, 255, 0) 100%);
}

.slide_item1 .product_desc {
    color: #000000;
}

.slide_item1 .index_more a {
    color: #0E318D;
}

.slide_item1 .index_more::after,
.slide_item1 .index_more::before {
    background-color: #0E318D;
}

.products_pic_slide_item1 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 283px;
    height: 200px;
}

.slide_item2 .product_title {
    color: #A0775D !important;
}

.slide_item2 .iconfont {
    color: #A0775D !important;
}

.slide_item2 .slide_left {
    background: linear-gradient(270deg, #F1F7F0 0%, #C5DAC9 100%);
}

.slide_item2 .product_desc {
    color: #000000;
}

.slide_item2 .index_more a {
    color: #A0775D;
}

.slide_item2 .index_more::after,
.slide_item2 .index_more::before {
    background-color: #A0775D;
}

.slide_item3 .product_title {
    color: #B62F62 !important;
}

.slide_item3 .iconfont {
    color: #B62F62 !important;
}

.slide_item3 .slide_left {
    background: linear-gradient(270deg, #615D55 0%, #2A2A2A 40%, #141213 100%);
}

.slide_item3 .product_desc {
    color: #FFFFFF;
}

.slide_item3 .index_more a {
    color: #B62F62;
}

.slide_item3 .index_more::after,
.slide_item3 .index_more::before {
    background-color: #B62F62;
}

.slide_item4 .product_title {
    color: #FBE901 !important;
}

.slide_item4 .iconfont {
    color: #FBE901 !important;
}

.slide_item4 .slide_left {
    background: linear-gradient(270deg, #D6464A 0%, #8E2528 49%, #6C1415 100%);
}

.slide_item4 .product_desc {
    color: #FFFFFF;
}

.slide_item4 .index_more a {
    color: #FBE901;
}

.slide_item4 .index_more::after,
.slide_item4 .index_more::before {
    background-color: #FBE901;
}

.slide_item5 .product_title {
    color: #FBE901 !important;
}

.slide_item5 .iconfont {
    color: #FBE901 !important;
}

.slide_item5 .slide_left {
    background: linear-gradient(270deg, #FFEBCF 0%, #9B5333 61%, #673721 100%);
}

.slide_item5 .product_desc {
    color: #FFFFFF;
}

.slide_item5 .index_more a {
    color: #FBE901;
}

.slide_item5 .index_more::after,
.slide_item5 .index_more::before {
    background-color: #FBE901;
}

.products_pic_slide_item5 {
    width: 240px;
    height: 232px;
}

.floor_2 .bd .swiper-wrapper .slide_left .index_more {
    margin-top: 61px;
}

.floor_2 .bd .swiper-wrapper .slide_right {
    width: 50%;
    height: 100%;
    background: #FFFFFF;
}

.floor_2 .bd .swiper-button-prev {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 1px solid #0E318D;
    color: #0E318D;
    font-size: 12px;
    line-height: 75px;
    text-align: center;
    transition: all 0.5s;
    background: unset;
    transform: rotateY(180deg);
}

.floor_2 .bd .swiper-button-next {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 1px solid #0E318D;
    color: #0E318D;
    font-size: 12px;
    line-height: 75px;
    text-align: center;
    transition: all 0.5s;
    background: unset;
}

.floor_2 .bd .swiper-button-prev:hover .index_news_detail_hover {
    position: absolute;
    transform: scale(1);
    background-color: #0E318D;
    color: #fff;
    opacity: 1;
}

.floor_2 .bd .swiper-button-next:hover .index_news_detail_hover {
    position: absolute;
    transform: scale(1);
    background-color: #0E318D;
    color: #fff;
    opacity: 1;
}

.floor_2 .swiper-pagination-progressbar {
    height: 3px;
    top: unset;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 240px;
    background-color: rgba(255, 255, 255, 0.4);
}

.floor_2 .swiper-pagination-progressbar-fill {
    background-color: #E2332E;
}

.floor_2 .swiper-button-prev.swiper-button-disabled {
    background: url(../image/fj-pub-scroll-btn01-back-gray.png) no-repeat center center;
    background-size: cover;
}

.floor_2 .swiper-button-next.swiper-button-disabled {
    background: url(../image/fj-pub-scroll-btn01-next-gray.png) no-repeat center center;
    background-size: cover;
}

.swiper-button-next,
.swiper-button-prev {
    transition: all ease .3s;
}


/* 首页产品博览end */


/* 首页新闻中心start */

.floor_2 .index_news {
    margin-top: 60px;
}

.news {
    padding-bottom: 120px;
    background: #F7F9FB;
}

.floor_2 .index_news .latest_news {
    display: flex;
}

.floor_2 .index_news .latest_news .index_news_pic {
    height: 22vw;
    width: 33.3vw;
    transition: all 1.5s;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #EFF3F7;
    flex: 0 0 auto;
}

.index_news_pic img {
    width: auto;
    height: 100%;
}

.floor_2 .index_news .latest_news .index_news_pic {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #EFF3F7;
    flex: 0 0 auto;
}

.floor_2 .index_news .latest_news .index_news_pic_act img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    transition: all ease .3s;
}

.floor_2 .index_news .latest_news .index_news_pic_act img:hover {
    transform: scale(1.1);
}

.floor_2 .index_news .latest_news .index_news_text {
    width: 55vw;
    padding: 2.1vw 0 0 4vw;
    position: relative;
}

.index_mark {
    padding: 80px 0px 120px 0px;
}

.res-wrap {
    border: 1px solid #e8e8e8;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    transition: all ease .3s;
    height: 490px;
    text-align: center;
}

.res-wrap img {
    max-height: 100%;
}

.res-wrap:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

.index_news_text .news_createdTime {
    font-weight: bold;
    color: #999999;
    font-size: 14px;
}

.index_news_text .news_title {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index_news_text .news_desc {
    margin-top: 16px;
    color: #666;
    font-size: 16px;
    line-height: 2;
    height: 13vw;
    text-align: justify;
}

.index_news_text .latest_news_detail {
    position: absolute;
    display: block;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    border: 1px solid #0E318D;
    color: #0E318D;
    font-size: 12px;
    line-height: 75px;
    text-align: center;
    transition: all ease 0.5s;
    bottom: 0px;
}

.index_news_detail_hover {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    position: absolute;
    transition: all .5s;
    opacity: 0;
    transform: scale(0.2);
    left: -1px;
    font-size: 12px;
}

.index_netmarketing_container {
    overflow: visible;
}

.index_netmarketing_swiper_slide {
    margin: 131px 0 141px 0;
}

.index_netmarketing_swiper_slide img {
    width: 100%;
}

.index_news_text:hover .latest_news_detail {
    transform: scale(1.1);
}

.index_news_text:hover .index_news_detail_hover {
    position: absolute;
    transform: scale(1);
    background-color: #0E318D;
    color: #fff;
    opacity: 1;
}

.floor_2 .index_news .news_list {
    margin-top: 80px;
}

.floor_2 .index_news .news_list li {
    margin: 0 40px 40px 0;
    float: left;
    display: flex;
    width: calc(50% - 20px);
    height: 100px;
    border: 1px solid #C1C3CA;
    padding: 25px 0px 25px 25px;
}

.floor_2 .index_news .news_list li:nth-child(n) {
    transition: all 1s;
    transform: translateX(-300px);
    opacity: 0;
}

.floor_2 .index_news .news_list li:nth-child(2n) {
    transition: all 1s;
    margin-right: 0;
    opacity: 0;
    transform: translateX(300px);
}

.floor_2 .index_news .news_list li.news_act {
    transform: unset !important;
    opacity: 1 !important;
}

.floor_2 .index_news .news_list li .news_createdTime {
    text-align: center;
    color: #0E318D;
    width: 70px;
}

.floor_2 .index_news .news_list li .news_createdTime h5 {
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 700;
}

.floor_2 .index_news .news_list li .news_title {
    flex: 1;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding: 14px 0 0 19px;
    margin-right: 48px;
    /* 一行行数 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.floor_2 .index_news .news_list li .news_detail {
    margin-top: 20px;
    width: 48px;
    height: 48px;
    font-size: 12px;
    color: #0E318D;
    position: relative;
    right: 20px;
}

.floor_2 .index_news .news_list li:hover {
    background-color: #0E318D;
}

.floor_2 .index_news .news_list li:hover .news_createdTime {
    color: #fff;
}

.floor_2 .index_news .news_list li:hover .news_title {
    color: #fff;
}

.floor_2 .index_news .news_list li:hover .news_detail {
    color: #fff;
}


/* 首页新闻中心end */


/* 首页营销网络end */

.floor_2 .bd .shop_list {
    margin-top: 60px;
}

.floor_2 .bd .shop_list li {
    float: left;
    width: calc(100%/3);
    color: #0E318D;
    font-size: 51px;
    font-weight: bold;
    text-align: center;
}

.valScrollAmt-box {
    overflow: hidden;
    width: 20px;
}

.digit-container {
    display: flex;
    flex-direction: column;
    line-height: 28px;
}

.floor_2 .bd .shop_list li:nth-child(3n) {
    margin-right: 0;
}

.floor_2 .bd .shop_list li span,
.floor_2 .bd .shop_list li h5 {
    font-size: 22px;
}

.floor_2 .shop_title {
    margin-top: 13px;
    color: #333333;
}

.floor_2 .index_netmarketing_swiper li {
    position: absolute;
    z-index: 99;
    transition: all ease .3s;
}

.floor_2 .index_netmarketing_swiper li .dot_address {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(226, 51, 46, 0.74);
    cursor: pointer;
}

.floor_2 .index_netmarketing_swiper li.item_0 {
    top: 92px;
    left: 31px;
}

.floor_2 .index_netmarketing_swiper li.item_1 {
    top: 33px;
    left: 511px;
}

.floor_2 .index_netmarketing_swiper li.item_2 {
    top: 96px;
    left: 799px;
}

.floor_2 .index_netmarketing_swiper li.item_3 {
    top: 81px;
    left: 895px;
}

.floor_2 .index_netmarketing_swiper li.item_4 {
    top: 241px;
    left: 1024px;
}

.floor_2 .index_netmarketing_swiper li.active .dot_address {
    position: absolute;
    transform: translate(-42%, -42%);
    width: 98px;
    height: 98px;
    border-radius: 50%;
    background: rgba(226, 51, 46, 0.74);
    text-align: center;
    line-height: 98px;
}

.floor_2 .index_netmarketing_swiper li.active .dot_inner {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
}

.floor_2 .index_netmarketing_swiper li.active .dot_inner::after {
    position: absolute;
    left: 8px;
    top: 4px;
    content: '';
    width: 241px;
    border-bottom: 2px solid #E0E0E0;
}

.floor_2 .index_netmarketing_swiper li .map_detail {
    position: absolute;
    top: -30px;
    left: 40px;
    width: 193px;
    font-size: 14px;
    display: none;
    transition: all ease .3s;
    background: rgba(255, 255, 255, 1);
    padding: 10px 20px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    border-radius: 5px;
}

.floor_2 .index_netmarketing_swiper li.active .map_detail {
    display: block;
}

.floor_2 .index_netmarketing_swiper li .map_detail .country {
    font-size: 21px;
    font-weight: bold;
    color: #E2332E;
    line-height: 24px;
    letter-spacing: 2px;
    margin-bottom: 13px;
}

.floor_2 .index_netmarketing_swiper li .map_detail .country_detail {
    line-height: 24px;
    letter-spacing: 2px;
    color: #000000;
}


/* 首页营销网络start */


/* 首页服务支持start */

.index_service {
    background: #EFF3F7 url(../image/fj-fuwu-bg.png) no-repeat center 450px;
    background-size: auto 203px;
    padding-bottom: 160px;
}

.index_service .inner::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: -140px;
    left: 25px;
    background: url(../image/fj-index-service-bg.png) no-repeat center;
    background-size: contain;
    z-index: -999;
}

.floor_2.index_service .bd {
    display: flex;
    /* flex-wrap: wrap; */
    padding: 100px 43px 0 0px;
    justify-content: space-between;
}

.floor_2.index_service .bd .index_service_swiper {
    margin-top: 10px;
    height: 450px;
    flex: 1;
}

.index_service_swiper .index_more {
    margin-top: 32px;
}

.index_service_swiper .swiper-slide {
    overflow: hidden;
}

.index_service_swiper_slide_pic {
    margin-top: 30px;
    width: 240px;
}

.index_service_swiper .service_name {
    font-size: 36px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 4px;
}

.index_service_swiper .service_desc {
    width: 80%;
    margin-top: 25px;
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    letter-spacing: 1px;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis */
}

.index_service_swiper_slide_num {
    margin: 16px 0 40px 0;
    font-size: 36px;
    color: #E2332E;
}

.index_service_swiper .e_mall {
    margin-top: 80px;
}

.index_service_swiper .e_mall li {
    float: left;
    margin-right: 40px;
}

.index_service_swiper .e_mall li:nth-child(3n) {
    margin-right: 0;
}

.index_service_swiper .e_mall .icon_pic {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: #FFFFFF;
    text-align: center;
    line-height: 88px;
    font-size: 40px;
    border: none;
    color: red;
}

.index_service_swiper .e_mall .icon_name {
    margin-top: 15px;
    font-size: 12px;
    color: #000000;
    line-height: 26px;
    letter-spacing: 1px;
    text-align: center;
}

.index_service .bd .service_list {
    top: 50px;
    left: 30px;
    width: 712px;
    height: 355px;
    -webkit-border-radius: 100%;
    border: 2px solid rgba(46, 63, 110, 0.5);
    transform: rotate(-20deg);
}

.index_service .bd .service_list .related_services {
    top: 45%;
    left: 40%;
    transform: rotate(20deg);
    font-size: 19px;
    color: #000000;
    letter-spacing: 4px;
}

.service-pc {
    margin: 0 auto;
}

.index_service .bd .service_list li {
    position: absolute;
    width: 122px;
    height: 121px;
    border-radius: 50%;
    transform: rotate(20deg);
    color: #E2332E;
    font-size: 16px;
    cursor: pointer;
}

@keyframes item1_moveanimX {
    0% {
        left: 0;
    }
    50% {
        left: -60px;
    }
    100% {
        left: 63px;
    }
}

@keyframes item1_moveanimY {
    0% {
        top: 0;
    }
    50% {
        top: 180px;
    }
    90% {
        top: 230px;
    }
    100% {
        top: 230px;
    }
}

@keyframes item2_moveanimX {
    0% {
        left: 302px;
    }
    100% {
        left: 0px;
    }
}

@keyframes item2_moveanimY {
    0% {
        top: -68px;
    }
    90% {
        top: 0px;
    }
    100% {
        top: 0px;
    }
}

@keyframes item3_moveanimX {
    0% {
        left: 605px;
    }
    100% {
        left: 302px;
    }
}

@keyframes item3_moveanimY {
    0% {
        top: 40px;
    }
    50% {
        top: -55px;
    }
    90% {
        top: -68px;
    }
    100% {
        top: -68px;
    }
}

@keyframes item4_moveanimX {
    0% {
        left: 393px;
    }
    50% {
        left: 635px;
    }
    100% {
        left: 605px;
    }
}

@keyframes item4_moveanimY {
    0% {
        top: 280px;
    }
    100% {
        top: 40px;
    }
}

@keyframes item5_moveanimX {
    0% {
        left: 63px;
    }
    100% {
        left: 393px;
    }
}

@keyframes item5_moveanimY {
    0% {
        top: 230px;
    }
    90% {
        top: 280px;
    }
    100% {
        top: 280px;
    }
}

.index_service_item2_move {
    animation: item2_moveanimX 2s cubic-bezier(0, 0, 1, 1) -.2s forwards, item2_moveanimY 2s cubic-bezier(0, 0, 1, 1) 0s forwards;
}

.index_service_item3_move {
    animation: item3_moveanimX 2s cubic-bezier(0, 0, 1, 1) -.2s forwards, item3_moveanimY 2s cubic-bezier(0, 0, 1, 1) 0s forwards;
}

.index_service_item4_move {
    animation: item4_moveanimX 2s cubic-bezier(0, 0, 1, 1) -.2s forwards, item4_moveanimY 2s cubic-bezier(0, 0, 1, 1) 0s forwards;
}

.index_service_item5_move {
    animation: item5_moveanimX 2s cubic-bezier(0, 0, 1, 1) -.2s forwards, item5_moveanimY 2s cubic-bezier(0, 0, 1, 1) 0s forwards;
}

.index_service_item1_move {
    animation: item1_moveanimX 2s cubic-bezier(0, 0, 1, 1) -.2s forwards, item1_moveanimY 2s cubic-bezier(0, 0, 1, 1) 0s forwards;
}

.index_service .index_service_item1 {
    transition: all .5s;
    left: 0;
    top: 0;
    background: url(../image/fj-index-service-icon-shopping-nor.png) no-repeat center;
    background-size: cover;
}

.index_service_item1_span {
    position: absolute;
    top: -30px;
    left: 30px;
}

.index_service_item1_move .index_service_item1_span {
    top: 130px;
}

.index_service_item2_move .index_service_item1_span {}

.index_service_item3_move .index_service_item1_span {}

.index_service_item4_move .index_service_item1_span {
    top: 130px;
}

.index_service_item5_move .index_service_item1_span {
    top: 130px;
}

.index_service .index_service_item2 {
    transition: all .5s;
    top: -68px;
    left: 302px;
    background: url(../image/fj-index-service-icon-tel-nor.png) no-repeat center;
    background-size: cover;
}

.index_service .index_service_item2_span {
    position: absolute;
    top: -30px;
    left: 30px;
}

.index_service .index_service_item3 {
    transition: all .5s;
    top: 40px;
    left: 605px;
    background: url(../image/fj-index-service-icon-report-nor.png) no-repeat center;
    background-size: cover;
}

.index_service .index_service_item3_span {
    position: absolute;
    bottom: -30px;
    left: 30px;
}

.index_service .index_service_item4 {
    transition: all .5s;
    top: 280px;
    left: 393px;
    background: url(../image/fj-index-service-icon-service-nor.png) no-repeat center;
    background-size: cover;
}

.index_service .index_service_item4_span {
    position: absolute;
    bottom: -30px;
    left: 30px;
}

.index_service .index_service_item5 {
    transition: all .5s;
    top: 230px;
    left: 63px;
    background: url(../image/fj-index-service-icon-query-nor.png) no-repeat center;
    background-size: cover;
}

.index_service .index_service_item_span {
    position: absolute;
    bottom: -30px;
    left: 30px;
}

.index_service .index_service_item1.active {
    background: url(../image/fj-index-service-icon-shopping-sel.png) no-repeat center;
    background-size: cover;
}

.index_service .index_service_item2.active {
    background: url(../image/fj-index-service-icon-tel-sel.png) no-repeat center;
    background-size: cover;
}

.index_service .index_service_item3.active {
    background: url(../image/fj-index-service-icon-report-sel.png) no-repeat center;
    background-size: cover;
}

.position-pro-div a:nth-child(5) {
    display: none;
}

.quality-span {
    display: block;
    width: 100%;
    height: 100%;
}

.index_service .index_service_item4.active {
    background: url(../image/fj-index-service-icon-service-sel.png) no-repeat center;
    background-size: cover;
}

.index_service .index_service_item5.active {
    background: url(../image/fj-index-service-icon-query-sel.png) no-repeat center;
    background-size: cover;
}

.vision-bot-main .swiper-slide-active .wraps .swiper-slide-active {
    background: #0E318D;
    ;
    color: #fff;
}

.products_body_quality_swiper .swiper-container {
    padding: 10px 30px 10px 30px;
}

.swiper-bot-swiper .swiper-slide-active .wraps {
    background: #0E318D;
    color: #fff;
}

.swiper-sub-swiper .swiper-slide-active .sub-item {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
}

.swiper-slide-active .quality-href {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

.vision-bot-main .swiper-slide-active .wraps div {
    color: #fff;
}

.swiper-container .swiper-disabled {
    opacity: .5;
    cursor: not-allowed;
}

.main-bot-pas .swiper-pagination-lock {
    display: block;
}

.vision-bot-pc {
    display: flex;
    padding: 80px 0px 0px 0px;
    flex-flow: row wrap;
    justify-content: space-between;
}

.vision-bot-pc-item {
    background: #FFFFFF;
    box-shadow: inset 0px -4px 0px 0px rgba(14, 49, 141, 0.5);
    border-radius: 8px;
    width: calc( 25% - 30px);
    margin-bottom: 40px;
    height: 342px;
    padding: 40px;
}


/* 首页服务支持end */


/* 首页底部start */

footer.footer {
    overflow: hidden;
    padding-top: 40px;
    background: #0E318D;
    color: #FFFFFF;
}

footer.footer .inner {
    height: 100%;
    padding-bottom: 200px;
    z-index: 100;
}

.footer_move_logo {
    position: absolute;
    z-index: 99;
    width: 400px;
    height: 400px;
    transform-origin: center center;
    transition: all linear .3s;
    transform: translate(-400px);
}

.footer-main {
    position: relative;
}

.footer_move_logo img {
    transition: all 2s ease;
}

.rad_about_honour_circe {
    position: relative;
    width: 400px;
    height: 400px;
    top: -350px;
    left: 200px;
    z-index: 1;
}

.mouseleave {
    transform: scale(0);
}

@keyframes footer_move_logo_rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

footer.footer .back_to_top {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 2px;
    padding-left: 20px;
    background-color: transparent;
    color: #FFFFFF;
}

footer.footer .back_to_top span {
    top: 5px;
    left: 5px;
}

footer.footer .footer_list {
    display: flex;
    margin-top: 88px;
}

footer.footer .footer_list .footer_logo {
    width: 333px;
    font-size: 50px;
    background: url(../image/fj-pub-logo-red.png) no-repeat;
    background-size: cover;
    height: 49px;
}

footer.footer .footer_list .contact_details {
    margin-top: 80px;
}

footer.footer .footer_list .contact_details span {
    margin-right: 16px;
}

footer.footer .footer_list .phone {
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 28px;
}

.footer_list .phone span {
    font-weight: 400;
}

footer.footer .footer_list .mail {
    margin-top: 20px;
    font-size: 14px;
}

footer.footer .footer_list .address {
    margin-top: 20px;
    font-size: 14px;
}

footer.footer .footer_list .footer_list_right {
    margin-left: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

footer.footer .footer_list .footer_list_right dt {
    margin-bottom: 60px;
    font-size: 21px;
    font-weight: bold;
}

footer.footer .footer_list .footer_list_right dd {
    line-height: 46px;
}

footer.footer .footer_list .footer_list_right a {
    color: #ffffff;
}

footer.footer .footer_list .footer_list_right a:hover {
    color: #E2332E;
}

footer.footer .copy_right {
    bottom: 20px;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

footer.footer .copy_right a {
    color: #fff;
}

footer.footer .back_to_top_pic {
    bottom: 43px;
    right: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0px 5px rgba(0, 0, 0, .2);
    line-height: 100px;
    text-align: center;
    background: #E2332E;
}

footer.footer .back_to_top_pic i {
    font-size: 20px;
    color: #fff;
}

footer.footer .back_to_top_pic:hover {
    opacity: .8;
}

.header_nav_menu_bar_mask {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 30;
    width: 640px;
    height: 340px;
    transition: all ease .3s;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #E8E8E8;
    margin-left: -260px;
}

.nav-main {
    padding: 40px;
}

.nav_menu_left {
    width: 280px;
    padding-right: 40px;
    border-right: 1px solid #e8e8e8;
}

.nav_menu_mask {
    display: flex;
    justify-content: space-between;
}

.header_nav_menu_bar_mask dl {
    float: left;
}

.nav_menu_mask_icon_span {
    font-size: 12px;
    color: #333333;
}

.nav_menu_mask>dl>dt {
    width: 250px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E0E0E0;
}

.nav_menu_mask>dl>dd {
    position: relative;
}

.nav_menu_mask dd dl {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
}

.nav_menu_mask_father>a {
    font-weight: bold;
    color: #333333;
}

.nav_menu_mask dd {
    margin-bottom: 20px;
}

.nav_menu_mask dd a {
    font-size: 16px;
    color: #000;
    font-weight: normal;
    transition: all ease .3s;
}

.nav_menu_mask dd a:hover {
    color: #E2332E;
}

.nav_menu_mask_pic {
    background: none;
    height: 160px;
    margin-bottom: 20px;
}

.nav_menu_right {
    width: 280px;
    padding-left: 40px;
}

.nav_menu_mask_pic img {
    width: auto;
    height: auto;
}

.index_relation_mask {
    position: absolute;
    z-index: 99;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 0px 20px 20px 0px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transition: all 1s ease;
    transform: translateX(-200%);
}

.fadeInLeft {
    transform: translateX(0);
}

.index_relation_mask_right_close {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 57px;
    z-index: 999;
    writing-mode: vertical-lr;
    display: flex;
}

.icon-touzizheguanxicedanchuangguanbiicon {
    margin-bottom: 12px;
    font-size: 32px;
}

.index_relation_mask_right_close_icon {
    position: sticky;
    top: 50%;
    cursor: pointer;
    background: url(../image/fj-invest.png) no-repeat;
    width: 57px;
    height: 120px;
    background-size: cover;
}

.media_matrix_body {
    padding: 71px 0 83px 0;
}

.media_matrix_body li {
    float: left;
}

.media_matrix_pic {
    width: 344px;
    height: 345px;
}

.media_matrix_pic_name {
    margin-top: 23px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}


/* 首页底部end */


/* index_body end */


/* 首页 end */


/* 关于我们 start */

.other_banner {
    height: 400px;
}

.other_banner_slide_pic {
    height: 100%;
}

.other_banner img {
    width: 100%;
    height: auto;
}

.other_banner_text {
    position: absolute;
    top: 200px;
    z-index: 999;
}

.other_banner_text_zh {
    font-size: 48px;
    font-weight: 800;
    color: #FFFFFF;
}

.other_banner_text_en {
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.aboutUs {
    padding-top: 120px;
    height: 100%;
}

.title {
    font-size: 40px;
    font-weight: bold;
    color: #0E318D;
    text-align: center;
    position: relative;
}

.title::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #E2332E;
}

.about_body .aboutUs .content .desc {
    margin-top: 80px;
    font-size: 16px;
    color: #666;
    padding-bottom: 120px;
    line-height: 2;
}

.about_body .development_process {
    padding: 72px 0 0px 0;
    background: #F7F9FB;
}

.about_body .event {
    width: 45vw;
}

.about_body .event_title {
    font-size: 24px;
    font-weight: 600;
    color: #0E318D;
    line-height: 33px;
    letter-spacing: 1px;
}

.about_body .event_desc {
    font-size: 14px;
    margin-top: 24px;
    font-weight: 400;
    color: #000000;
    line-height: 1.8;
    width: 35vw;
    height: 150px;
    text-align: justify;
}

.about_body .processes {
    left: 50%;
    bottom: 170px;
    z-index: 999;
    border-bottom: 1px dashed #d9d9d9;
    width: 930px;
    margin-left: -465px;
    display: flex;
    justify-content: center;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #0E318D;
}

.about_history_swiper {
    height: 700px;
    margin-top: 60px;
}

.about_history_swiper .swiper-container {
    z-index: 2;
}

.swiper-buttons {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 2;
    text-align: center;
    color: rgba(0, 113, 182, .35);
    transform: rotateZ(120deg);
}

.swiper-buttons .back {
    position: relative;
    width: 105px;
    height: 105px;
    border: 2px solid rgba(0, 113, 182, .2);
    border-top: gray;
    border-right: gray;
    border-radius: 50%;
}

.swiper-buttons .back .circle {
    top: -2px;
    width: 53px;
    height: 106px;
    overflow: hidden;
}

.swiper-buttons .back .circle .inner {
    width: 106px;
    height: 106px;
    border: 2px solid transparent;
    border-radius: 50%;
    border-bottom-color: #E2332E;
    border-right-color: #E2332E;
    transform: rotate(-45deg);
    transition: all .2s;
}

.swiper-buttons .back .circle-right {
    left: -2px;
    transform: rotate(180deg);
    transform-origin: 100% 50%;
}

.swiper-buttons span {
    margin-left: 8px;
}

.swiper-buttons .swiper-num {
    font-size: 18px;
}

.swiper-buttons .index {
    margin-left: 0;
    margin-right: 8px;
    color: red;
}

.index_processes_pic {
    width: 100%;
    right: 0;
    bottom: 130px;
    z-index: 100;
}

.index_processes_bar {
    position: absolute;
    left: 0px;
    top: 420px;
    height: 200px;
    width: 100%;
    background: url(../image/line-nor.png) no-repeat left center;
    background-size: auto 137px;
    z-index: 1;
}

.index_processes_bar_inner {
    transition: all .5s;
    position: absolute;
    height: 100%;
    background: url(../image/line-sel.png) no-repeat left center;
    z-index: -1;
    background-position: 0;
    background-size: auto 137px;
}

.about_body .processes li {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #0E318D;
    cursor: pointer;
    width: 160px;
    text-align: center;
    justify-content: center;
    top: 50px;
    position: relative;
}

.about_body .processes li::before {
    content: "";
    width: 12px;
    height: 12px;
    background: #0E318D;
    border-radius: 50%;
    position: absolute;
    left: 46%;
    top: -25px;
}

.about_body .processes li.active {
    color: #E2332E;
    font-weight: bold;
}

.about_body .processes li.active::before {
    background: #E2332E;
}

.about_body .processes_time_pic {
    position: absolute;
    left: 235px;
    bottom: 205px;
    width: 350px;
    display: flex;
    justify-content: space-between;
}

.about_body .processes_time_pic li {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #0E318D;
    transition: all 3s;
    display: none;
}

.about_body .processes_time_pic li.processes_sel {
    background: #E2332E;
    display: block;
}

.about_body .processes_time_pic li.processes_sel::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: #E2332E;
    opacity: 0.5;
}

.about_body .processes_time_pic .year_dot {
    position: absolute;
    top: 25px;
    left: -10px;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    color: #0E318D;
}

.about_body li.processes_sel .year_dot {
    position: absolute;
    top: 62px;
    left: -22px;
    font-size: 24px;
    font-weight: bold;
    color: #E2332E;
}

.about_body .processes_now {
    position: absolute;
    right: 300px;
    top: 170px;
    font-size: 200px;
    font-weight: bold;
    color: #0E318D;
}

.about_body .processes_now_pic {
    position: absolute;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    top: 0px;
    right: 0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(14, 49, 141, .05);
}

.about_body .processes_now_pic img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.about_body .honour {
    padding: 120px 0 120px 0;
    overflow: hidden;
}

.about_body .honour>.inner {
    height: 100%;
    overflow: hidden;
}

.about_honour_year_left_swiper {
    height: 400px;
    width: 400px;
    position: absolute;
    top: 50%;
    left: 16%;
    text-align: center;
    transform: translateY(-50%);
    border-radius: 50%;
    border: 1px solid #EEEEEE;
}

#circle_bar {
    position: absolute;
    left: 0;
    transform: rotateZ(-90deg);
    z-index: 100;
}

.about_honour_year_left_swiper .swiper-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    overflow: unset;
    font-size: 180px;
    font-weight: bold;
    color: #F7F7F7;
    height: 200px;
    line-height: 200px;
}

.about_honour_year_left_swiper .swiper-slide {
    transition: all .5s;
}

.about_honour_year_left_swiper .swiper-slide-active {
    color: #0E318D;
}

.about_body_honour_content {
    overflow-y: auto;
    height: 80vh;
    min-height: 600px;
    width: 435px;
    margin-top: 160px;
    position: relative;
    width: 100%;
    padding-left: 765px;
    z-index: 2;
}

.about_body_honour_content::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}

.about_body .honour_year_left {
    align-self: center;
    font-size: 220px;
    font-weight: bold;
    color: #0E318D;
    transition: all .5s;
    padding-left: 20px;
    z-index: 100;
    position: relative;
}

.about_honour_year_left_list {
    position: absolute;
    left: 280px;
    top: 220px;
    transition: all ease .5s;
}

.honour_left {
    position: absolute;
    left: 0px;
    top: 0px;
    padding-top: 160px;
}

.honor-wrap {
    overflow: hidden;
    position: relative;
    transition: all ease .5s;
}

.honor-wrap-sel {
    margin-top: 60px;
}

.about-year-li {
    font-weight: bold;
    color: #F7F7F7;
    font-size: 180px;
    height: 220px;
    line-height: 220px;
    transition: all ease .3s;
}

.about_body .honour_year_left span {
    margin-left: -45px;
}

.history-next {
    position: absolute;
    left: 37vw;
    top: 350px;
}

.history-next .items::before {
    width: 24px;
    height: 24px;
    background: #0E318D;
    border-radius: 50%;
    content: ' ';
    position: absolute;
    top: 0px;
    left: 11px;
}

.history-next .items {
    padding-top: 30px;
    display: none;
    font-weight: bold;
    color: #0E318D;
    font-size: 20px;
}

.index_honour_scroll_item {
    padding: 15px 0;
    border-bottom: 1px solid #EEEEEE;
}

.index_honour_scroll_item:last-child {
    border: none;
}

.index_honour_scroll_item:nth-child(n+2) {
    margin-top: 56px;
}

.index_honour_scroll_item .date {
    color: #999999;
    line-height: 20px;
    margin-bottom: 16px;
    line-height: 21px;
}

.honour_group {
    line-height: 2;
    color: #666;
    margin-bottom: 10px;
}

.about_body .honour_group>li {
    overflow: hidden;
    color: #666;
    line-height: 2;
}

.index-honor-scroll-title {
    font-weight: bold;
    color: #0E318D;
    line-height: 32px;
    font-size: 24px;
    margin-bottom: 40px;
}

.about_body .vision {
    padding: 120px 0 120px 0;
    background: #EFF3F7;
    background-size: 100% auto;
}

.aboutus_vision_swiper {
    margin-top: 80px;
    height: 460px;
}

.about_body .vision_swiper {
    position: absolute;
    border-radius: 10px;
    height: 460px;
    width: 100%;
}

.about_body .vision_swiper .swiper-slide {
    display: flex;
    width: 374px;
    background: #FFFFFF;
    border-radius: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    transition: all ease .3s;
}

.about_body .vision_swiper .icon_pic {
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    border-radius: 50%;
    font-size: 40px;
    color: #0E318D;
    border: 1px solid #EEEEEE;
}

.about-year-sel {
    color: #0E318D;
    font-size: 220px;
}

.about_body .vision_swiper .icon_title {
    position: relative;
    font-size: 21px;
    font-weight: bold;
    color: #000000;
    line-height: 27px;
    margin-top: 56px;
    margin-bottom: 34px;
    height: 27px;
}

.about_body .vision_swiper .icon_title::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #E2332E;
}

.about_body .vision_swiper .icon_desc {
    padding: 0 61px 0 67px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    line-height: 21px;
}

.aboutus_vision_swiper .swiper-slide:hover {
    background: #0E318D !important;
}

.aboutus_vision_swiper .swiper-slide:hover .icon_pic,
.aboutus_vision_swiper .swiper-slide:hover .icon_title,
.aboutus_vision_swiper .swiper-slide:hover .icon_desc {
    color: #fff;
}

.about_body .swiper-pagination-progressbar-fill {
    background-color: #E2332E;
}

.about_body .responsibility {
    padding: 120px 0 100px 0;
}

.about_body .responsibility li {
    position: relative;
    float: left;
    width: calc((100% - (2*40px)) / 3);
    height: 516px;
    margin-right: 40px;
    overflow: hidden;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
}

.about_body .responsibility ul {
    margin-top: 146px;
}

.responsibility_mask {
    display: flex;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    display: none;
    transition: all 2s;
}

.about_download_icon {
    line-height: 51px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    width: 51px;
    height: 51px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}

.responsibility_mask::after {
    margin-top: 19px;
    content: '下载';
    color: #fff;
}

.about_body .responsibility li:nth-child(3n) {
    margin-right: 0;
}

.about_body .responsibility li:hover .responsibility_mask {
    display: flex;
}

.about_body .responsibility li img {
    transition: all .5s;
}

.about_body .responsibility li:hover img {
    transform: scale(1.2);
}

.about_body .subordinate {
    padding: 120px 0 120px 0;
    text-align: center;
}

.about_body .subordinate .content {
    margin-top: 78px;
}

.about_body .subordinate .headquarter {
    position: relative;
    height: 56px;
    padding: 16px 70px;
    background: #0E318D;
    border-radius: 32px;
    color: #fff;
    font-size: 18px;
}

.about_body .subordinate .headquarter::before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 1px;
    height: 30px;
    background-color: #808BB9;
    bottom: -40px;
}

.about_body .subordinate .headquarter::after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -87px;
    transform: translateX(-50%);
    width: 763px;
    height: 45px;
    border: 1px solid;
    border-color: #808BB9 #808BB9 transparent #808BB9;
}

.about_body .subordinate ul {
    margin-top: 93px;
    display: flex;
    justify-content: center;
}

.about_body .subordinate a {
    display: inline-block;
    height: 500px;
    padding: 40px 18px;
    background: #C4D1E0;
    border-radius: 40px;
}

.about_body .subordinate li {
    float: left;
    margin-right: 35px;
}

.about_body .subordinate li:last-child {
    margin-right: 0;
}

.about_body .subordinate li a {
    display: flex;
    width: 56px;
}

.about_body a.two_col {
    width: 79px !important;
}


/* 关于我们 end */


/* 产品博览 start */

.products_body .categories {
    position: relative;
    padding-top: 120px;
    padding-bottom: 30px;
}

.products_body_categories_swiper {
    margin-top: 89px;
}

.products_body_categories_swiper .categories_swiper {
    width: 82%;
    margin: 0 auto;
}

.products_body_categories_swiper .swiper-slide {
    border-bottom: 1px solid#EEEEEE;
}

.categories_swiper .swiper-slide a {
    display: block;
    border: 1px solid #94A4CC;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all ease .3s;
}

.categories_swiper .swiper-slide a:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);
}

.categories_swiper .swiper-slide-active a img {
    transform: scale(1.1);
}

.categories_swiper .swiper-slide a img {
    transition: all ease .3s;
    max-width: 100%;
    max-height: 100%;
    border-radius: 18px;
}

.gf-share .list {
    display: flex;
}

.gf-share .list .item {
    margin-left: 20px;
    cursor: pointer;
    position: relative;
    z-index: 100;
}

.gf-share .list .item i {
    font-size: 40px;
    color: #999;
    transition: all ease .3s;
}

.gf-share .list .gf-weixin i:hover {
    color: #09C161;
}

.gf-share .list .gf-weibo i:hover {
    color: #E71F19;
}

.gf-share .list .gf-link i:hover {
    color: #F3C621;
}

.gf-share {
    margin-top: 80px;
}

.gf-share .list .item {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}

.gf-share .list .item .fjCode {
    position: absolute;
    width: 250px;
    height: 250px;
    left: 50%;
    top: 0;
    z-index: 10;
    margin-left: -125px;
    margin-top: -230px;
    background: #fff;
    padding: 10px;
    padding: 16px 20px;
    background-size: 100% 100%;
    transition: all ease 0.4s;
    opacity: 0;
    visibility: hidden;
}

.gf-share .list .gf-weixin:hover .fjCode {
    opacity: 1;
    visibility: visible;
}

.gf-share .list .item .fjCode img {
    width: 100%;
}

.categories_swiper_mask_circle li.categories_swiper_text {
    width: 100%;
    padding: 80px 40px 40px 40px;
    color: #fff;
    background: none;
    line-height: 1.5;
    font-size: 14px;
    height: 270px;
    border-radius: 0px;
    overflow: hidden;
    position: static;
}

.categories_swiper .swiper-slide.active ul {
    display: block;
}

.categories_swiper_mask_circle {
    transition: all .5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 468px;
    padding: 15px;
    background: rgba(14, 49, 141, 0.44);
    border-radius: 16px;
    opacity: 0;
}

.categories_swiper .swiper-slide:hover .categories_swiper_mask_circle {
    opacity: 1;
}

.categories_swiper_mask_circle li {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
}

.categories_swiper_mask_circle li.circle_center {
    position: static;
    transform: translate(50%, 0%);
    margin-top: 200px;
}

.circle_left {
    top: -14px;
    left: -14px;
}

.circle_top {
    top: -14px;
    right: -14px;
}

.circle_right {
    bottom: -14px;
    right: -14px;
}

.circle_bottom {
    bottom: -14px;
    left: -14px;
}

li.circle_center {
    display: flex;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 177px;
    height: 60px;
    background: #0E318D;
    border-radius: 40px;
    padding-left: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 2px;
}

li.circle_center span {
    margin-left: 16px;
    font-size: 32px;
}

.products_body_categories_swiper .categories_name {
    font-size: 16px;
    color: #000000;
    letter-spacing: 2px;
    padding-bottom: 24px;
}

.categories_title {
    font-weight: bold;
    padding-top: 25px;
}

.categories_desc {
    margin-top: 21px;
    font-size: 14px;
    color: #666666;
    display: none;
}

.categories_more {
    position: absolute;
    right: 0;
    bottom: -5px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    background: #0E318D;
    color: #fff;
    font-size: 16px;
    padding-left: 2px;
}

.categories_more_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #0038CA;
    transition: all .5s;
    transform: scale(0.1);
    opacity: 0;
    cursor: pointer;
}

.categories_name:hover .categories_more_inner {
    transform: scale(1);
    opacity: 1;
}

.products_body .quality {
    padding-top: 100px;
    padding-bottom: 0px;
}

.products_body .quality .products_body_quality_swiper {
    width: 100%;
    margin-top: 75px;
}

.products_body .quality .swiper-slide {
    float: left;
    width: 285px;
    background: #FFFFFF;
    margin-right: 24px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    line-height: 19px;
}

.products_body .quality .swiper-slide img {
    transition: all ease .3s;
}

.products_body .quality .swiper-slide img:hover {
    transform: scale(1.05);
}

.certificate_number {
    margin-bottom: 5px;
}

.investment_hudong {
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 20px;
}

.products_body .quality .swiper-slide a {
    display: block;
    position: relative;
    height: 490px;
    margin-bottom: 50px;
    padding: 15px;
    border: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.products_body .quality .swiper-slide a::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -35px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #0E318D;
}

.products_body .certification_date {
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    line-height: 27px;
}

.products_body .product_honors {
    padding-bottom: 50px;
    padding-top: 120px;
}

.products_body .product_honors>ul {
    margin-top: 170px;
    height: 1px;
    background: #0E318D;
    display: flex;
    justify-content: space-around;
    margin-bottom: 60px;
}

.products_body .product_honors li {
    position: relative;
    top: -120px;
    float: left;
    margin-left: 65px;
    width: 120px;
    height: 64px;
    line-height: 64px;
    border-radius: 32px;
    text-align: center;
    padding-top: 18px;
    font-weight: bold;
    color: #0E318D;
    font-size: 18px;
    user-select: none;
    cursor: pointer;
}

.products_body .product_honors li.active_honors {
    background: #0E318D;
    border-radius: 32px;
    padding: unset;
    color: #FFFFFF;
    font-size: 24px;
    letter-spacing: 1px;
}

.products_body .product_honors li::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -58px;
    height: 55px;
    width: 1px;
    background: #0E318D;
}

.products_body .product_honors li::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -58px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0E318D;
}

.products_body .slide_content_pic {
    position: relative;
    display: flex;
    margin: 10px auto 40px;
    width: 98%;
    padding: 40px 250px 40px 40px;
    box-shadow: 0px 5px 15px 0px rgba(14, 49, 141, 0.26);
    border-radius: 5px;
    background: url(../image/year-bg.png) no-repeat right center;
    background-size: 180px auto;
    cursor: default;
    /* background-size: contain; */
}

.products_body .left_pic {
    width: 320px;
    margin: 0px 0px 0px 40px;
}

.products_body .product_honors_swiper .right_text {
    padding: 0px 0 0 32px;
    flex: 1;
}

.products_body .product_honors_swiper .date {
    font-size: 16px;
    font-weight: bold;
    color: #0E318D;
    line-height: 22px;
}

.products_body .product_honors_swiper .desc {
    margin-top: 10px;
    font-size: 14px;
    color: #000000;
    line-height: 28px;
}

.product_honors .swiper-button-prev {
    top: 280px;
    left: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: unset;
    color: #0E318D;
    transition: all .3s;
    font-size: 40px;
}

.swiper-button-prev:hover {}

.swiper-button-next:hover {}

.quality .swiper-button-prev:hover {}

.product_honors .swiper-button-next {
    top: 280px;
    right: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: unset;
    color: #0E318D;
    transition: all .3s;
    font-size: 40px;
}

.product_more {
    display: inline-block;
    transform: translateX(-50%);
    margin-left: 50%;
    width: 64px;
    height: 64px;
    line-height: 58px;
    text-align: center;
    border-radius: 50%;
    background: #0E318D;
    color: #fff;
    font-size: 40px;
    user-select: none;
    cursor: pointer;
    transition: all ease .3s;
    margin-top: 40px;
}

.product_more:hover {
    opacity: .8;
}

.product_more::after {
    content: '查看更多';
    position: absolute;
    left: 4px;
    top: 60px;
    font-size: 14px;
    color: #0E318D;
}

.products_body .product_knowledge {
    padding-top: 120px;
    padding-bottom: 40px;
}

.products_body .product_knowledge_ul {
    padding-bottom: 140px;
}

.products_body .product_knowledge_ul a {
    display: flex;
    width: 100%;
    height: 100%;
    transition: all ease .3s;
    position: relative;
    z-index: 10;
}

.products_body .product_knowledge_ul .product_more a {
    justify-content: center;
    color: #fff;
}

.pro-time {
    width: 120px;
    height: 120px;
    background: #FFFFFF;
    box-shadow: inset 0px 4px 0px 0px #0E318D;
    border: 1px solid #E8E8E8;
    text-align: center;
    flex: 0 0 auto;
}

.pro-time .top {
    font-weight: bold;
    color: #0E318D;
    font-size: 40px;
    padding: 10px 0px 0px 0px;
}

.pro-time .bot {
    font-weight: bold;
    color: #666666;
    font-size: 20px;
}

.product_knowledge_item_nopic {
    padding: 40px;
    overflow: hidden;
    position: relative;
}

.product_knowledge_item_nopic .pro-time {
    margin: 0px;
}

.products_body .product_knowledge_ul a:hover .right_text .knowledge_title {
    color: #fff;
}

.products_body .product_knowledge ul {
    margin-top: 12px;
    border-radius: 5px;
    padding: 50px 70px 10px 70px;
}

.products_body .product_knowledge li {
    margin-top: 24px;
    background: #FFFFFF;
    transition: all ease .8s;
    border: 1px solid #E8E8E8;
}

.news-more {
    display: none;
}

.products_body .product_knowledge_item_pic {
    display: flex;
    min-height: 200px;
    padding: 40px;
    position: relative;
    overflow: hidden;
}

.products_body .product_knowledge_item_pic .right_text {
    margin-left: 40px;
}

.pro-pic-title {
    display: none;
}

.products_body .product_knowledge_item_pic:hover {
    background: #0E318D;
}

.products_body .product_knowledge_item_pic:hover .pro-time {
    box-shadow: none;
    border: none;
}

.products_body .product_knowledge_item_pic:nth-child(n+1) .knowledge_title {
    font-size: 20px;
    color: #000000;
    letter-spacing: 1px;
}

.products_body .product_knowledge .right_text {
    padding: 20px 0 30px 0px;
    flex: 1;
    line-height: 1.5;
}

.products_body .product_knowledge_item_nopic .right_text {
    padding: 20px 0px 0px 40px;
}

.products_body .product_knowledge_item_pic .knowledge_title {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.products_body .right_text .desc {
    margin-top: 20px;
    font-size: 16px;
    color: #666666;
}

.products_body .product_knowledge_item_nopic .knowledge_title {
    font-size: 20px;
    color: #000000;
    transition: all ease .3s;
    font-weight: bold;
}

.products_categories_ordered_body {
    padding-bottom: 60px;
}

.products_categories_bread li {
    float: left;
    padding: 30px 0 80px 0px;
}

.products_categories_bread_span {
    color: #999999;
}

.products_categories_bread_a {
    padding: 24px 0;
    color: #0E318D;
    margin-right: 10px;
}

.products_categories_bread_a i {
    font-style: normal;
}

.products_categories_ordered_subnav_li {
    float: left;
    margin-bottom: 20px;
}

.products_categories_ordered_subnav_li>a {
    float: left;
    width: 150px;
    height: 45px;
    line-height: 44px;
    text-align: center;
    background: #F1F3F7;
    color: #0E318D;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-right: 40px;
    margin-bottom: 0px;
}

.products_categories_ordered_subnav_li>a.active {
    background-color: #0E318D;
    color: #ffffff;
}

.products_categories_ordered_subnav_li:last-child a {
    margin-right: 0;
}

.products_categories_ordered_content_item {
    margin-top: 60px;
}

.products_categories_ordered_content_title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #0E318D;
    letter-spacing: 1px;
}

.products_categories_ordered_content_title::after {
    content: '';
    position: absolute;
    left: 20px;
    width: 30px;
    height: 2px;
    background: #E2332E;
    bottom: -15px;
    transform: translateX(-50%);
}

.products_categories_ordered_content_pics {
    margin-top: 60px;
    margin-bottom: 50px;
}

.main-wrap {
    position: relative;
    display: flex;
    float: left;
    width: 360px;
    height: 520px;
    margin-right: 30px;
    border: 2px solid #EFF3F7;
    flex-direction: column;
}

.main-wrap:nth-child(-n+4) {
    margin-bottom: 40px;
}

.products_categories_specification_span {
    font-size: 14px;
    color: #0E318D;
    font-weight: 400;
    white-space: nowrap;
    margin-bottom: 5px;
}

.main-wrap img {
    max-width: 100%;
    max-height: 100%;
}

.products_categories_ordered_content_pic {
    overflow: hidden;
    transition: all .5s;
    height: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

.products_categories_ordered_content_pic img {
    transition: all ease .3s;
    max-width: 100%;
}

.products_categories_ordered_content_pic img:hover {
    transform: scale(1.1);
}

.products_categories_specification {
    justify-content: space-between;
    transition: all .5s;
    display: flex;
    flex-flow: row wrap;
}

.products_categories_name {
    bottom: 0;
    font-size: 20px;
    font-weight: bold;
    color: #0E318D;
    transition: all .5s;
    background-color: #F1F3F7;
    padding: 0 24px;
    border-top: 2px solid #0E318D;
    width: 100%;
    height: 70px;
    overflow: hidden;
    flex: 0 0 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.products_categories_name_top {
    height: 70px;
    line-height: 70px;
}

.products_categories_name_check {
    height: 130px;
    justify-content: center;
}

.products_categories_more_span {
    position: absolute;
    right: 24px;
    display: inline-block;
    font-size: 44px;
    color: #0E318D;
    cursor: pointer;
    font-weight: normal;
}

.products_categories_ordered_content_a {
    transition: all ease .3s;
    display: block;
    height: 448px;
    padding: 0px 24px;
}

.active.icon-chanpinzhanshiyoujiantouicon:before {
    background-color: #0E318D;
    color: #fff;
    border-radius: 50%;
}

.products_categories_detail_body>.inner {
    padding-bottom: 120px;
}

.products_categories_detail_content_item1 {
    display: flex;
    padding: 70px 0 0px 0;
}

.products_categories_detail_content_item1_pic_bj {
    width: 32vw;
    height: 30vw;
    flex: 0 0 auto;
    background: #fff;
    border: 1px solid #e0e0e0;
}

.products_categories_detail_content_item1_pic {
    width: 100%;
    height: 100%;
    position: relative;
}

.products_categories_product_swiper .products_categories_detail_content_item1_pic {
    width: 760px;
    height: 513px;
}

.pro-det-pic {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #e0e0e0;
}

.pro-det-pic img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.products_categories_detail_content_item1_pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.products_categories_detail_content_item1_text {
    padding: 0px 0 0 4vw;
}

.products_categories_detail_content_item1_title {
    font-size: 24px;
    font-weight: bold;
    color: #0E318D;
    line-height: 40px;
    letter-spacing: 1px;
}

.product-det-title {
    font-size: 24px;
    font-weight: bold;
    color: #0E318D;
    position: relative;
}

.product-det-title::after {
    content: '';
    position: absolute;
    left: 24px;
    width: 45px;
    height: 1px;
    border: 1px solid #E2332E;
    top: 45px;
    transform: translateX(-50%);
    background: #E2332E;
}

.products_categories_detail_content_item1_desc {
    margin-top: 50px;
    font-size: 16px;
    color: #666;
    line-height: 2;
}

.products_categories_detail_content_item1_desc i {
    font-style: normal;
}

.products_categories_detail_content_item1_store_online_li {
    margin: 95px 35px 0 0;
    float: left;
}

.products_categories_detail_content_item1_store {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-tianmaoqijiandianicon {
    margin-bottom: 18px;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
    text-align: center;
    line-height: 88px;
    font-size: 30px;
    color: red;
}

.products_categories_detail_content_item2 {
    padding: 80px 0;
}

.products_categories_detail_content_swiper {
    margin-top: 70px;
    height: 660px;
}

.products_categories_detail_content_swiper .swiper-pagination-fraction {
    bottom: -30px;
    text-align: unset;
    color: #0E318D;
}

.products_categories_detail_content_swiper .swiper-pagination-current {
    color: #E2332E;
}

.products_categories_detail_content_swiper .swiper-button-prev {
    top: unset;
    left: 80px;
    bottom: -40px;
    background: unset;
    font-size: 32px;
    color: #0E318D;
}

.products_categories_detail_content_swiper .swiper-button-next {
    top: unset;
    left: 140px;
    bottom: -40px;
    background: unset;
    font-size: 32px;
    color: #0E318D;
}

.products_categories_detail_content_swiper_footer_span {
    position: absolute;
    bottom: -30px;
    right: 0;
    color: #666;
}

.products_categories_detail_content_swiper_footer {
    padding-top: 40px;
}

.products_categories_detail_content_item2_product_parameters_ul {
    margin-top: 72px;
}

.products_categories_detail_content_item2_product_parameters_li {
    padding: 22px 32px;
    background: rgba(14, 49, 141, 0.04);
    border-radius: 5px;
    margin-bottom: 16px;
}

.products_categories_detail_content_item2_product_parameters_span_title {
    display: inline-block;
    width: 84px;
    font-size: 16px;
    font-weight: 600;
    color: #0E318D;
    margin-right: 78px;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
}

.products_categories_detail_content_item2_product_parameters_span_desc {
    font-size: 16px;
    color: #000000;
}

.position_fixed {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 150px;
    background: #0E318D;
    border-radius: 10px;
    padding: 0 24px 27px 24px;
    z-index: 10000;
}

.position_fixed .fixed_title {
    display: block;
    font-size: 20px;
    color: #FFFFFF;
    padding: 40px 0px 24px 0;
    border-bottom: 1px solid #fff;
    white-space: nowrap;
}

.position_fixed a {
    display: block;
    margin-top: 20px;
    color: #8898C7;
}

.position_fixed a:hover {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 2px;
}

.position_fixed a.active {
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 2px;
}

.products_categories_product_body .products_categories_detail_content_item1_text {
    flex: 1;
}

.products_categories_detail_content_item1_text li {
    font-size: 16px;
    color: #000000;
    margin-bottom: 24px;
}

.index_service .service_desc .RCMS_EDITOR table {
    width: 440px;
    padding: 0px 0px 0px 0px;
    position: relative;
    top: 40px;
}

.index_service .service_desc .RCMS_EDITOR table td {
    width: auto!important;
    height: 100px;
    text-align: left!important;
}

.index_service .service_desc .RCMS_EDITOR table img {
    width: 80px;
    height: 80px;
}

.products_categories_detail_content_item1_text_span {
    display: inline-block;
    width: 60px;
    text-align: justify;
    text-justify: distribute-all-lines;
    text-align-last: justify;
    white-space: nowrap;
}

.products_categories_product_content_item {
    padding: 60px 0;
}

.products_categories_product_content_item .swiper-button-prev {
    top: unset;
    left: 42.5%;
    background: unset;
    font-weight: bold;
    font-size: 32px;
    color: #0E318D;
}

.products_categories_product_content_item .swiper-button-next {
    top: unset;
    left: 46.3%;
    font-weight: bold;
    background: unset;
    font-size: 32px;
    color: #0E318D;
}

.products_categories_product_swiper {}

.products_categories_product_swiper.active {
    display: block;
}

.products_categories_product_content_span {
    margin-right: 24px;
    display: inline-block;
    width: 80px;
    height: 44px;
    border-radius: 22px;
    color: #0E318D;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    border-radius: 22px;
    border: 1px solid #0E318D;
    transition: all ease .3s;
}

.products_categories_product_content_span.active {
    color: #FFFFFF;
    background: #0E318D;
}

.products_categories_product_description {
    display: flex;
    position: fixed;
    bottom: 120px;
    right: 10%;
    width: 100px;
    height: 100px;
    text-align: center;
    color: #0E318D;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 3px 12px 0px #CAD2E0;
    font-size: 14px;
    flex-direction: column;
    justify-content: center;
    z-index: 500;
    cursor: pointer;
    transition: all ease .3s;
}

.products_categories_product_description:hover {
    color: #fff;
    background: #0E318D;
}

.icon-shuoming {
    margin-bottom: 2px;
    font-size: 20px;
}

.products_categories_product_mask {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 9999;
    left: 0px;
    top: 0px;
    display: none;
}

.products_categories_product_mask::-webkit-scrollbar {
    display: none;
}

.products_categories_product_mask_close_btn {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 40px;
    color: #0E318D;
}

.products_categories_product_mask_content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 40px 20px;
    border-radius: 5px;
    width: 60%;
    height: 70%;
}

.products_categories_main {
    overflow: auto;
    height: calc( 100% - 120px);
    padding: 40px 20px;
}

.products_categories_product_mask_content_title {
    margin: 0 auto;
    border-radius: 13px;
    border: 1px solid #0E318D;
    font-size: 24px;
    color: #0E318D;
    font-weight: bold;
    text-align: Center;
    width: 70%;
    padding: 20px 20px;
}

.products_categories_product_mask_content_list_li {
    margin-top: 40px;
}

.products_categories_product_mask_content_desc {
    padding: 20px 20px;
    background: #0E318D;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 2;
}

.products_categories_product_mask_content_list_desc {
    margin-top: 34px;
    font-size: 16px;
    color: #0E318D;
    line-height: 32px;
}

.jp-mask {
    z-index: 9999;
}

.jp-video-open {
    z-index: 10000;
}

.banner-pic,
.banner-mob,
.banner-pad {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

.banner-mob {
    z-index: 40;
    display: none;
}

.banner-pad {
    z-index: 30;
    display: none;
}


/* 产品博览 end */


/* 新闻中心 start */

.news_body {
    padding-bottom: 140px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 59%, #F1F3F9 100%);
}

.news_body .sub_nav {
    border-bottom: 1px solid #EEEEEE;
}

.news_body .sub_nav ul {
    padding: 0 60px;
}

.news_body .sub_nav li {
    float: left;
    margin-right: 10vw;
}

.news_body .sub_nav a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #0E318D;
    letter-spacing: 2px;
    padding: 20px 0;
}

.news_body .sub_nav a:hover {
    color: #E2332E;
}

.news_body .sub_nav a.active {
    color: #E2332E;
}

.news_body .sub_nav li:last-child {
    margin-right: 0;
}

.news_body .news_list {
    padding-top: 120px;
}

.news_body>.inner {
    padding-bottom: 20px;
}

.news_body .news_item_pic {
    display: flex;
    transition: all .5s ease;
    background-size: 0;
    margin-bottom: 20px;
    padding: 20px 40px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    position: relative;
    overflow: hidden;
}

.news_item_pic i,
.product_knowledge_item_nopic i,
.product_knowledge_item_pic i,
.product_knowledge_item_pic i {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 260px;
    line-height: 1;
    bottom: -260px;
    color: #193B92;
    visibility: hidden;
    z-index: 0;
    transition: all ease .3s;
}

.news_item_pic:hover i,
.product_knowledge_item_nopic:hover i,
.product_knowledge_item_pic:hover i,
.product_knowledge_item_pic:hover i {
    bottom: -130px;
    visibility: visible;
}

.news_body .news_item_pic .left_pic {
    width: 400px;
    height: 225px;
    overflow: hidden;
    margin-left: 40px;
    flex: 0 0 auto;
}

.news-time {
    width: 120px;
    text-align: center;
    padding-top: 40px;
    flex: 0 0 auto;
}

.news-time .top {
    font-weight: bold;
    color: #0E318D;
    font-size: 40px;
}

.news-time .bot {
    color: #666666;
    font-size: 20px;
    font-weight: bold;
}

.products_body .product_knowledge li.product_knowledge_item_nopic:hover {
    background: #0E318D;
    color: #fff;
}

.products_body .product_knowledge li:hover .knowledge_title {
    color: #fff;
}

.news_item_pic:hover,
.products_body .product_knowledge li.product_knowledge_item_nopic:hover {
    color: #fff;
    background: #0E318D;
}

.product_knowledge_item_nopic:hover .pro-time {
    box-shadow: none;
    border: none;
}

.products_body .product_knowledge li:hover div {
    color: #fff;
}

.products_body .product_knowledge li:hover .top {
    color: #0E318D;
}

.products_body .product_knowledge li:hover .bot {
    color: #666;
}

.news_item_pic:hover div {
    color: #fff;
}

.pubicon {
    width: 64px;
    height: 64px;
    background: #FFFFFF;
    border-radius: 50%;
    color: #0E318D;
    font-size: 12px;
    text-align: center;
    line-height: 60px;
}

.news_item_pic a {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 10;
}

.pilu_body .news_item_pic a i {
    right: 40px;
    top: 40px;
    position: absolute;
    font-size: 40px;
    line-height: 1.5;
}

.pilu_body .news_item_pic a {
    position: static;
}

.pilu_body .news_date .top {
    font-size: 32px;
    margin-bottom: 5px;
    color: #0E318D;
    font-weight: bold;
}

.pilu_body .news_date .bot {
    font-size: 16px;
    color: #666;
}

.pilu_body .news_title {
    line-height: 80px;
    font-size: 20px;
    color: #000;
}

.news_item_pic a:hover i {
    display: block;
}

.news_body .right_text {
    padding: 40px 0px 0 40px;
    flex: 1;
    overflow: hidden;
}

.news_body .news_date {
    font-size: 14px;
    font-weight: bold;
    color: #999999;
}

.news_body .news_title {
    margin: 0px 0px 20px 0px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
}

.news_e_journal_li .news_title {
    margin: 0px 0px 20px 0px;
}

.news_body .desc {
    color: #666666;
    line-height: 2;
    overflow: hidden;
}

.news_item_pic:hover .news_date,
.news_item_pic:hover .news_title,
.news_item_pic:hover .desc {
    color: #ffffff;
}

.e_journal_select_by_time {
    margin-top: 120px;
}


/*************page***************/

.gf-page {
    font-size: 16px;
    color: #666;
}

.gf-page .crc-pub-page-num {
    background: #FFFFFF;
    border-radius: 24px;
    border: 1px solid #E5E5E5;
    padding: 10px 18px;
    color: #666;
}

.gf-page .crc-pub-page {
    padding-top: 50px;
}

.gf-page .crc-pub-page-num:hover,
.gf-page .crc-pub-page-next:hover,
.gf-page .crc-pub-page-prev:hover {
    border: 1px solid #0E318D;
    color: #0E318D;
}

.gf-page .crc-pub-page-sel {
    background: #0E318D;
    color: #fff;
}

.gf-page .crc-pub-page-sel:hover {
    color: #fff;
}

.gf-page .crc-pub-page-text {
    border-radius: 24px;
    border: 1px solid #E5E5E5;
    padding: 10px 18px;
    height: 48px;
    width: 80px;
}

.gf-page .crc-pub-page-next {
    background: #FFFFFF;
    border-radius: 24px;
    border: 1px solid #E5E5E5;
    padding: 10px 18px;
    color: #666;
}

.gf-page .crc-pub-page-enter {
    width: 86px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    background: #fff;
    color: #666;
    border: 1px solid #E5E5E5;
}

.gf-page .crc-pub-page-enter:hover {
    color: #fff;
    border-color: #0E318D;
    background: #0E318D;
}


/*************page end***************/

.e_journal_select_by_time_li {
    float: left;
    width: 150px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #F1F3F7;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-right: 16px;
    margin-bottom: 20px;
}

.e_journal_select_by_time_li a {
    color: #0E318D;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.e_journal_select_by_time_li:hover {
    background: #0E318D;
    color: #FFFFFF;
}

.e_journal_select_by_time_li:hover a {
    color: #FFFFFF;
}

.e_journal_select_by_time_li.active {
    background: #0E318D;
}

.e_journal_select_by_time_li.active a {
    color: #FFFFFF;
}

.e_journal_select_by_time_li:nth-child(7n) {
    margin-right: 22px;
}

.e_journal_select_by_time_button {
    position: absolute;
    top: 3px;
    right: 0;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #0E318D;
    display: none;
}

.news_e_journal_year {
    margin-top: 60px;
    font-size: 32px;
    color: #0E318D;
    letter-spacing: 1px;
}

.news_e_journal_year::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background: #E2332E;
    bottom: -16px;
}

.news_e_journal_list {
    margin-top: 60px;
}

.news_e_journal_li {
    float: left;
    display: flex;
    width: 45%;
    height: 235px;
    box-shadow: inset -1px 0px 0px 0px #EEEEEE;
    margin-bottom: 60px;
    margin-right: 70px;
    padding-right: 60px;
}

.news_e_journal_li:nth-child(2n) {
    margin-right: 0;
    box-shadow: unset;
}

.news_e_journal_li .left_pic {
    width: 176px;
    height: 235px;
    border-radius: 9px;
    opacity: 0.8;
    overflow: hidden;
}

.news_e_journal_li .left_pic img {
    transition: all ease .3s;
}

.news_e_journal_li .left_pic img:hover {
    transform: scale(1.1);
}

.news_e_journal_li .right_text {
    width: calc(100% - 176px);
}

.news_e_journal_li .news_title {
    font-size: 24px;
}

.total_e_journal_num_span {
    color: #0E318D;
}

.news_e_journal_li .news_date {
    margin: 0px 0 80px 0;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

.news_e_journal_li .news_date .num {
    color: #0E318D;
}

.news_e_journal_li_more {
    color: #1B2554;
    font-size: 16px;
}

.news_e_journal_li_more:hover {
    color: #E2332E;
}

.news_e_journal_li_more_span {
    font-size: 10px;
    margin-right: 20px;
}

.news_video_list {
    margin: 120px 0 0px 0;
    padding-bottom: 90px;
}

.news_video_li {
    cursor: pointer;
    width: 31.2%;
    margin: 0px 0.7vw 70px 0.7vw;
    overflow: hidden;
    border-radius: 8px;
}

.news_video_li img {
    transition: all .5s;
}

.news_tender_list {
    padding-top: 120px;
}

.news_video_li:nth-child(3n) {
    margin-right: 0;
}

.news_video_ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
}

.news_video_video_href {
    display: block;
    overflow: hidden;
    height: 270px;
    border-radius: 8px;
    transition: all ease .3s;
}

.news_video_video_href:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .4);
}

.news_video_detail_play_btn {
    position: absolute;
    right: 24px;
    bottom: 24px;
    font-size: 48px;
    z-index: 1;
    color: #ffffff;
}

.news_video_date {
    font-size: 18px;
    font-weight: bold;
    color: #0E318D;
    margin: 20px 0 9px;
}

.news_video_title {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    padding-top: 20px;
}

.yx-nav {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #EEEEEE;
    text-align: center;
}

.yx-nav-href {
    font-size: 16px;
    font-weight: bold;
    color: #0E318D;
    margin: 0px 60px;
    display: inline-block;
    line-height: 58px;
}

.yx-nav-href:hover {
    color: #E2332E;
}

.yx-nav-sel {
    color: #E2332E;
    border-bottom: 1px solid #E2332E;
}

.yx-cond-href {
    min-width: 80px;
    text-align: center;
    padding: 8px 10px;
    background: #F1F3F7;
    border-radius: 5px;
    display: inline-block;
    margin: 0px 16px 16px 0px;
    color: #0E318D;
    font-size: 16px;
}

.yx-cond-href:hover {
    color: #fff;
    background: #0E318D;
}

.yx-cond {
    margin-top: 80px;
}

.yx-cond-sel {
    color: #fff;
    background: #0E318D;
}

.yx-wrap-title {
    font-weight: bold;
    font-size: 24px;
    color: #0E318D;
    margin-bottom: 40px;
}

.yx-wrap-list {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.yx-wrap {
    margin-bottom: 40px;
    padding-top: 40px;
}

.yx-wrap-item {
    width: calc( 33% - 30px);
    height: 260px;
    flex: 0 0 auto;
    box-shadow: 0px 3px 8px 0px rgba(14, 49, 141, 0.24);
    border-radius: 8px;
    margin: 0px 30px 30px 0px;
    background: url(../image/yx-fenjiu.png) no-repeat right bottom;
    background-size: 100% auto;
    padding: 40px;
    font-size: 16px;
    color: #000000;
    transition: all ease .3s;
}

.yx-wrap-item:hover {
    box-shadow: 0px 5px 12px 0px rgba(14, 49, 141, 0.44);
}

.yx-cond-pro {
    padding-bottom: 10px;
}

.yx-wrap-zmd {
    width: calc( 50% - 30px);
    height: 307px;
    background: #fff url(../image/yx-zmd.png) no-repeat right bottom;
    background-size: 166px auto;
}

.yx-zyqxsc {
    background: url(../image/yx-zyq.png) no-repeat right bottom;
    background-size: 100% auto;
}

.yx-xhcxsc {
    background: url(../image/yx-xhc.png) no-repeat right bottom;
    background-size: 100% auto;
}

.yx-specialityStore_map {
    background: url(../image/yx-zmd.png) no-repeat right bottom;
    background-size: 186px auto;
    width: calc( 50% - 30px);
    height: 307px;
}

.yx-cont .inner {
    min-height: 500px;
    padding-bottom: 60px;
}

.yx-cont .blank {
    text-align: Center;
    padding: 30px 0px;
    color: #666;
}

.yx-cont .loading {
    text-align: Center;
    padding: 30px 0px;
    color: #666;
}

.yx-wrap-item .wraps {
    padding-left: 120px;
    background: url(../image/yx-logo.png) no-repeat left top;
    background-size: 62px auto;
}

.yx-wrap-item .titles {
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    margin-bottom: 40px;
}

.yx-wrap-item .addr {
    margin-bottom: 20px;
}

.yx-wrap-item span {
    color: #666;
}

.news_recruit.inner {
    padding-bottom: unset;
}

.news_recruit_notice {
    height: 240px;
    margin: 32px 0 104px;
}

.news_recruit_notice_pic {
    height: 100%;
}

.news_recruit_notice_text {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 941px;
    height: 120px;
    background: #FFFFFF;
    padding: 32px 40px 0 40px;
}

.news_recruit_email_to {
    position: absolute;
    bottom: -20px;
}

.news_recruit_email_num {
    color: #0E318D;
}

.news_recruit_li {
    display: flex;
    position: relative;
    border: 1px solid #E8E8E8;
    margin-bottom: 20px;
    padding: 18px 20px;
    font-weight: bold;
}

.news_recruit_post {
    width: 300px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
}

.news_recruit_date {
    flex: 1;
    font-size: 14px;
    color: #666666;
}

.news_recruit_more {
    position: absolute;
    right: 20px;
}

.news_detail_body {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 59%, #F1F3F9 100%);
    padding-bottom: 255px;
}

.news_detail_body .inner {
    width: 1060px;
}

.news_detail_body_container {
    padding: 180px 0px 56px 0px;
    border-bottom: 1px solid #EEEEEE;
}

.bot-right {
    display: none;
}

.news_detail_bread_date {
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    margin: 0px 5px;
}

.news_detail_bread {
    padding: 40px 0px;
    text-align: center;
    box-shadow: inset 0px -1px 0px 0px #EEEEEE;
}

.news_detail_bread_title {
    margin-left: 34px;
    font-size: 14px;
    font-weight: 600;
    color: #0E318D;
}

.news_detail_content {
    padding-top: 60px;
}

.news_detail_content_title {
    font-size: 32px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.news_detail_content_subtitle {
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
    color: #666666;
}

.news_detail_content_reportsby {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #0E318D;
}

.news_detail_content_pics {
    margin-top: 40px;
}

.news_detail_content_text {
    margin-top: 40px;
    line-height: 2;
    text-align: justify;
}

.news_detail_content_from {
    margin-top: 56px;
    font-size: 14px;
    font-weight: 500;
    color: #0E318D;
}

.news_detail_content_prevNext {
    margin-top: 56px;
    padding: 0 0px;
}

.news_detail_content_prevNext_li {
    float: left;
    width: 500px;
    background: #FFFFFF;
    border-radius: 5px;
    height: 197px;
}

.news_detail_content_prevNext_li>a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 40px 40px 20px 40px;
}

.news_detail_content_prevNext_li>a:hover {
    background: #0E318D;
    border-radius: 5px;
}

.about_next_pos {
    position: absolute;
    left: 700px;
    top: 380px;
}

.about_next_item {
    display: none;
}

.news_detail_content_prevNext_li>a:hover div {
    color: #fff;
}

.news_detail_content_prevNext_li:nth-child(1) {
    margin-right: 60px;
}

.news_detail_content_prevNext_head {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #0E318D;
}

.news_detail_content_prevNext_title {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    margin: 20px 0 12px 0;
    height: 50px;
    overflow: hidden;
}

.news_detail_content_prevNext_desc {
    font-weight: bold;
    color: #0E318D;
}

.news_detail_body_back {
    display: inline-block;
    position: relative;
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 64px;
    line-height: 58px;
    text-align: center;
    border-radius: 50%;
    color: #0E318D;
    font-size: 50px;
    user-select: none;
}

.news_detail_body_back::after {
    content: '返回';
    position: absolute;
    left: 17px;
    top: 60px;
    font-size: 14px;
    color: #0E318D;
}


/* 新闻中心 end */


/* 服务支持 start */

.service_body .service_idea {
    padding-top: 120px;
}

.service_body .service_idea ul {
    padding: 80px 0 40px;
}

.service_body .service_idea li {
    float: left;
    display: flex;
    width: calc(100%/4 - 40px);
    background: #FFFFFF;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 80px 52px;
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    margin: 0px 20px;
    overflow: hidden;
}

.service_body .service_idea .icon_pic {
    display: flex;
    width: 120px;
    height: 120px;
    background: #F7F9FB;
    border-radius: 50%;
    font-size: 50px;
    color: #000000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.service_body .service_idea .icon_title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #0E318D;
    margin-top: 20px;
    margin-bottom: 34px;
}

.service_body .service_idea .icon_title::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 3px;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #E2332E;
}

.service_body .service_idea .icon_desc {
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.idea-pagination {
    bottom: 60px;
    top: auto!important;
    width: 100px!important;
    left: 50%!important;
    margin-left: -50px;
    position: absolute;
    display: none;
}

.idea-pagination .swiper-pagination-progressbar-fill {
    background: #E2332E;
}

.query-main {
    display: flex;
    padding: 80px 0px 60px 0px;
    justify-content: space-between;
}

.query-item {
    width: 33.33%;
    flex: 0 0 auto;
    display: flex;
}

.query-pic {
    width: 200px;
    flex: 0 0 auto;
}

.query-det {
    width: 180px;
    flex: 0 0 auto;
    margin-left: 40px;
    padding-top: 80px;
}

.query-det li {
    display: block;
    text-align: justify;
}

.query-det-item {
    margin-bottom: 15px;
    color: #666;
    font-size: 16px;
}

.query-det-item img {
    width: 180px;
    height: 180px;
}

.query-det-top {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.query-det-top .step {
    background: #0E318D;
    color: #fff;
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin-left: 10px;
}

.query-pic img {
    width: 100%;
}

.query-bot .mustbe {
    vertical-align: middle;
    color: #E2332E;
}

.query-bot {
    color: #666;
    text-align: center;
}

.query-look {
    margin-left: 20px;
    color: #fff;
    background: #0E318D;
    border-radius: 4px;
    padding: 14px 4px 14px 12px;
}

.query-look:hover {
    opacity: .9;
}

.query-look i {
    font-size: 12px;
    padding-left: 10px;
    display: inline-block;
    transform: scale(0.6);
}

.service_body .authenticity_query {
    padding: 120px 0px;
    background: #F7F9FB;
}

.hotline-main {
    padding: 80px 0px 0px 0px;
}

.hotline-wrap {
    display: flex;
    margin-bottom: 80px;
}

.hotline-wrap:last-child {
    margin-bottom: 0px;
}

.hotline-wrap .pic {
    width: 35vw;
}

.hotline-wrap .pic img {
    width: 100%;
}

.hotline-wrap .desc {
    width: calc( 100% - 35vw);
}

.hotline-wrap:nth-child(2n+1) {}

.hotline-wrap:nth-child(2n) {
    flex-flow: row-reverse;
}

.hotline-wrap:nth-child(2n+1) .desc {
    padding-left: 120px;
}

.hotline-wrap:nth-child(2n) .desc {
    padding-right: 120px;
}

.hotline-wrap .titles {
    padding: 40px 0px;
    color: #000000;
    font-weight: bold;
    font-size: 24px;
}

.hotline-wrap .other {
    color: #666;
    line-height: 2;
}

.service_body .authenticity_query .pic_name {
    margin-left: 67px;
}

.service_body .authenticity_query .pic_title {
    font-size: 21px;
    font-weight: 800;
    color: #E2332E;
    margin-top: 35px;
}

.service_body .authenticity_query .pic_title::before {
    padding-right: 10px;
}

.service_body .authenticity_query .pic_code {
    margin-top: 40px;
    width: 236px;
    height: 236px;
}

.service_body .authenticity_query_more {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 80px;
    display: block;
    width: 218px;
    height: 60px;
    line-height: 60px;
    background: #0E318D;
    border-radius: 5px;
    color: #ffffff;
    padding-left: 22px;
    cursor: pointer;
}

.service_body .authenticity_query_more:hover {
    cursor: pointer;
    opacity: .6;
}

.authenticity_query_more_span {
    font-size: 20px;
    margin-left: 20px;
}

.service_body .counter_fake {
    padding: 120px 0px;
    background: #F7F9FB;
}

.service_body .reporting_form {
    margin-top: 75px;
    font-size: 16px;
    font-weight: bold;
    color: #0E318D;
    line-height: 21px;
    background: #fff;
    padding: 40px;
}

.reporting_form .regards {
    padding: 20px 0px 60px 0px;
    font-size: 16px;
    font-weight: normal;
}

.service_body .provide {
    margin: 16px 0 50px;
}

.service_idea {
    background: #fff;
}

.idea-main {
    padding: 80px 0px 0px 0px;
    position: relative;
}

.idea-main .wraps {
    text-align: center;
    border-radius: 8px;
    border: 1px solid #E8E8E8;
    padding: 80px 10px;
    overflow: hidden;
    width: 360px;
}

.idea-swiper {
    padding-bottom: 120px;
}

.idea-swiper .swiper-slide {
    width: auto;
}

.service_body .form_ul {
    border-radius: 5px;
}

.service_body .form_ul li {
    display: block;
}

.service_body .form_ul .content {
    margin-bottom: 60px;
}

.service_body textarea {
    width: 100%;
    background: #F7F9FB;
}

.service_body textarea,
.service_body .form_ul ul,
.form_ul input {
    font-size: 14px;
    color: #999999;
    line-height: 19px;
}

.service_body textarea {
    padding-top: 16px;
}

.service_body textarea,
.form_ul input {
    padding-left: 20px;
    width: 100%;
    background: #F7F9FB;
    border: none;
}

.form_ul input {
    padding: 15px 20px 15px 20px;
    font-size: 16px;
}

.service_body label {
    display: block;
    color: #000;
    margin-bottom: 20px;
}

.service_body label.verification_label {
    height: auto;
    width: auto;
    text-align: left;
    margin-right: 16px;
    white-space: nowrap;
}

.yzm {
    width: auto;
    height: 32px;
}

.re-click {
    font-weight: bold;
    color: #E2332E;
    line-height: 32px;
    cursor: pointer;
    display: none;
}

.stock-main {
    margin-top: 80px;
    padding: 20px 32px 20px 24px;
    height: 260px;
    background: #FFFFFF;
    border-radius: 10px;
}

.service_body .info_private li {
    margin-bottom: 32px;
}

.service_body .verification_label {
    line-height: 35px !important;
    background: unset !important;
    font-size: 14px;
    font-weight: bold;
    color: #0E318D;
    display: inline-block;
}

.form_ul input.yzm-ipt {
    flex: unset;
    width: 95px !important;
    height: 32px;
    line-height: 32px;
    margin-right: 16px;
}

.verification_btn {
    height: 32px !important;
    line-height: 35px !important;
    background: unset !important;
    font-size: 14px;
    font-weight: bold;
    color: #E2332E;
}

.form_sub_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 160px;
    height: 60px;
    background: #0E318D;
    border-radius: 8px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    line-height: 60px;
    transition: all ease .3s;
}

.form_sub_btn i {
    transform: scale(0.5);
    font-size: 12px;
    padding-left: 10px;
    display: inline-block;
}

.form_sub_btn:hover {
    opacity: .8;
}

.form_sub_btn_span {
    font-size: 50px;
    margin-left: 40px;
    display: none;
}

.service_body .service_hotline {
    padding-top: 120px;
    padding-bottom: 120px;
}

.service_body .info_contact_us {
    padding-top: 75px;
    font-size: 16px;
    font-weight: bold;
    color: #0E318D;
    line-height: 21px;
}

.footerewm {
    display: flex;
    padding-top: 40px;
}

.footerewm .item {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    text-align: center;
    line-height: 48px;
    margin-right: 32px;
    transition: all ease .3s;
    cursor: pointer;
    z-index: 100;
}

.footerewm i {
    font-size: 24px;
    transition: all ease .3s;
}

.footerewm .item:hover {
    background: rgba(255, 255, 255, 1);
}

.footerewm .item:hover i {
    color: #0E318D;
}

.footerewm .inners {
    visibility: hidden;
    position: absolute;
    bottom: 50px;
    left: -55px;
    position: absolute;
    width: 160px;
    height: 208px;
    padding: 5px;
    transition: all 0.3s ease;
    background: url(../image/code-fbg.png) no-repeat;
    background-size: 100%;
    z-index: -10;
}

.footerewm .item:hover .inners {
    visibility: visible;
}

.footerewm .inners .text {
    line-height: 1.3;
    color: #333;
}

.service_body .info_contact_us .regards {
    margin-bottom: 36px;
}

.service_body .info_contact_us>ul>li {
    margin-top: 24px;
    padding: 22px 24px 32px 24px;
    background: #EFF3F7;
    border-radius: 5px;
}

.service_body .info_title {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 34px;
}

.service_body .info_content {
    font-size: 16px;
    color: #666666;
    line-height: 21px;
    border-bottom: 1px dashed #C2CDD7;
    margin-bottom: 21px;
}

.service_body .info_content span {
    color: #999999;
}

.service_body .info_content li {
    margin-bottom: 24px;
}

.service_processes {
    padding-bottom: 121px;
}

.service_processes .products_categories_bread {
    margin-bottom: 60px;
}

.products_categories_bread {
    width: 82%;
    margin: 0 auto;
}

.products_categories_ordered_body .products_categories_bread {
    width: 100%;
}

.service_processes .processes_content ul {
    padding: unset;
}

.processes_content {
    margin-top: 95px;
}

.service_processes .main_title {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.service_processes .processes_content li {
    width: unset;
    padding: unset;
    display: unset;
    float: unset;
    height: 485px;
}

.service_processes .processes_pic {
    margin-top: 25px;
    width: 273px;
    height: 485px;
    margin-left: 50px;
}

.service_processes .desc {
    width: 571px;
    padding-left: 40px;
    margin-top: 24px;
    font-size: 14px;
    color: #000000;
}

.processes_pic_item {
    float: left;
    margin-left: 40px;
}

.processes_pic_item .processes_pic {
    margin-left: 0;
    float: left;
}

.processes_pic_item .processes_pic_title {
    margin-top: 24px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.processes_tips {
    margin-left: 40px;
    font-size: 14px;
    color: #E2332E;
}


/* 服务支持 end */


/* 网络营销 start */

.network_marketing_body .sub_nav {
    border-bottom: 1px solid #EEEEEE;
}

.network_marketing_body .sub_nav li {
    float: left;
    margin-right: 128px;
}

.network_marketing_body .sub_nav a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #0E318D;
    letter-spacing: 2px;
    padding: 20px 0;
}

.network_marketing_body .sub_nav a.active {
    color: #E2332E;
}

.network_marketing_body .sub_nav li:last-child {
    margin-right: 0;
}

.network_marketing_search_ways {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.network_marketing_search_ways li {
    float: left;
    height: 49px;
}

.network_marketing_search_ways select {
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #000000;
    border: none;
    border-bottom: 1px solid #0E318D;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /* 右侧添加小箭头的背景图 */
    background: url('../image/down-arrow.png') 220px center no-repeat;
    background-size: 14px;
    letter-spacing: 2px;
}

.netmarketing_map_mode_search_mask select {
    font-weight: bold;
    color: #0E318D;
}

.network_marketing_search_ways button {
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    background: none;
    width: 120px;
    height: 49px;
}

.sheng-open .search_ways_mask_head_li {
    text-align: right;
}

.search_ways_mask_head_li i {
    position: absolute;
    right: 0px;
    top: 18px;
    color: #0E318D;
}

.sheng-open .search_ways_mask_head_li button {
    font-size: 35px;
    color: #0E318D;
    width: auto;
}

.sheng-open .search_ways_mask_head_li button:hover {
    opacity: .9;
}

.search_ways_mask_head_li {
    position: relative;
}

.search-area {
    position: absolute;
    background: #fff;
    box-shadow: 0px 2px 8px 0px rgba(7, 26, 74, 0.4);
    border-radius: 5px;
    padding: 14px 24px;
    font-size: 14px;
    width: 410px;
    left: 0px;
    top: 60px;
    display: none;
    text-align: left;
}

.search-title {
    font-size: 16px;
    color: #0E318D;
    font-weight: bold;
}

.search-wrap {
    padding-top: 30px;
    display: flex;
}

.search-item-code {
    width: 70px;
    font-weight: bold;
    color: #0E318D;
    flex: 0 0 auto;
}

.search-href {
    margin: 0px 24px 15px 0px;
    display: inline-block;
    white-space: nowrap;
}

.search-href:hover {
    color: #0E318D;
}

.search-blank {
    padding: 50px 0px;
    text-align: Center;
    color: #666;
}

.search-name {
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #000000;
    border: none;
    border-bottom: 1px solid #0E318D;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../image/down-arrow.png) 220px center no-repeat;
    background-size: 14px;
    letter-spacing: 2px;
    display: block;
    line-height: 49px;
    font-weight: bold;
    color: #0E318D;
    text-align: left;
    cursor: pointer;
}

.netmarketing_map_mode_search_mask_content .search-open-ul {
    height: 630px;
}

.search-open-item {
    padding: 20px 24px;
    background: #EFF3F7;
    border-radius: 5px;
    margin-bottom: 16px;
}

.search-open-main .names::before {
    width: 32px;
    height: 32px;
    background: rgba(14, 49, 141, 0.14);
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    color: #0E318D;
    margin-right: 16px;
}

.search-open-main .titles {
    margin-bottom: 30px;
}

.search-open-main .titles .names {
    font-size: 24px;
    font-weight: bold;
}

.search-open-main .titles .addr {
    float: right;
    color: #999;
    font-weight: bold;
}

.search-open-main .titles .addr span {
    color: #000;
}

.search-open-main .address {
    margin-bottom: 15px;
}

.search-open-main .address span {
    color: #999;
}

#zhuammai {
    display: block;
    text-align: right;
    line-height: 140px;
}

#zhuammai li {
    float: none;
    display: inline-block;
    margin-left: -4px;
}

.search_ways01 {
    position: relative;
    width: 320px;
    margin-right: 24px;
}

.search_ways01 select {
    width: 100%;
    color: #999999;
}

.search_ways02 {
    position: relative;
    margin-right: 24px;
    flex: 1;
}

.select_arrow_icon_span {
    right: 8px;
    bottom: 13px;
    color: #0E318D;
    z-index: -1;
}

.search_btn button {
    background: #0E318D;
    border-radius: 5px;
    transition: all ease .3s;
}

.search_btn button:hover {
    opacity: .6;
}

.netmarketing_map_mode_search_mask {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    left: 0px;
    top: 0px;
    display: none;
}

.netmarketing_map_mode_search_mask_content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 1210px;
}

.search_ways_mask_head_ul {
    height: 80px !important;
    margin-bottom: 30px;
}

.search_ways_mask_head_li {
    width: 360px;
    margin: 0 24px 0 32px;
}

.search_ways_mask_head_li:last-child {
    text-align: right;
}

.search_ways_mask_close_span {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 35px;
    color: #0E318D;
}

.search_ways_mask_content_ul {
    padding: 0px 32px 0px 32px;
    height: 430px;
    overflow: auto;
}

.search_ways_mask_content_li {
    float: left;
    width: calc((100% - 70px)/3);
    height: 181px;
    background: #EFF3F7;
    border-radius: 5px;
    border-radius: 5px;
    padding: 21px 24px 30px;
    margin-right: 29px;
    margin-bottom: 28px;
}

.search_ways_mask_content_li:nth-child(3n) {
    margin-right: 0;
}

.reset_btn button {
    margin: 0 53px 0 24px;
    color: #E2332E;
    background: #FFFFFF;
    border: 1px solid #E2332E;
    transition: all ease .3s;
}

.reset_btn button:hover {
    opacity: .6;
}

.mode_btn button {
    width: 130px;
    height: 49px;
    color: #0E318D;
    background: #FFFFFF;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #0E318D;
    transition: all ease .3s;
}

.mode_btn button:hover {
    opacity: .6;
}

.mode_btn button.button-lb {
    border-radius: 0px 5px 5px 0px;
}

.mode_btn button.active {
    background: #0E318D;
    color: #fff;
}

.network_marketing_body .provinces_list {
    padding-bottom: 107px;
    background: #EFF3F7;
    display: none;
    min-height: 400px;
}

.provinces_list_item .province_name {
    padding-top: 60px;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: bold;
    color: #0E318D;
    letter-spacing: 2px;
}

.provinces_list_item li {
    float: left;
    width: calc((100% - 30px)/3);
    background: #FFFFFF;
    box-shadow: 0px 3px 8px 0px rgba(14, 49, 141, 0.24);
    border-radius: 5px;
    padding: 21px 24px 30px;
    margin-right: 15px;
}

.provinces_list_item li:nth-child(3n) {
    margin-right: 0;
}

.provinces_list_item li:nth-child(n+4) {
    margin-top: 24px;
}

.provinces_list_item .leader {
    display: flex;
    justify-content: space-between;
}

.provinces_list_item .leader .avatar_leader {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: rgba(14, 49, 141, 0.14);
    border-radius: 5px;
    font-weight: bold;
    color: #0E318D;
    font-size: 16px;
}

.provinces_list_item .leader .name_leader {
    margin-left: 12px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    vertical-align: top;
}

.provinces_list_item .leader .job_title {
    margin-top: 5px;
    font-size: 16px;
    color: #000000;
}

.provinces_list_item {
    font-size: 16px;
    color: #000000;
}

.provinces_list_item .area_leader {
    margin: 32px 0 24px;
}

.provinces_list_item span {
    color: #666666;
}

.licensed_marketing_ul li {
    width: 100%;
    margin-bottom: 24px;
}

.licensed_marketing_ul li:nth-child(n+4) {
    margin-top: unset;
}

.licensed_marketing_ul .area_leader {
    margin: 16px 0;
    color: #000;
}

.licensed_marketing_ul .area_leader span {
    color: #666;
}

.network_marketing_map_mode_pic {
    min-height: 1024px;
    background: #EFF3F7;
    padding: 120px 0px;
}

.marketing_fixed {
    width: 79px;
    height: 278px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 32px 0;
    text-align: center;
    display: none;
}

.marketing_fixed a {
    font-size: 20px;
    font-weight: bold;
    color: #0E318D;
    cursor: pointer;
}

.position_fixed.marketing_fixed a.active {
    color: #E2332E;
    font-size: 20px;
}

.position_fixed.marketing_fixed a:hover {
    color: #E2332E;
    font-size: 20px;
}

.index_products_item {
    height: 100%;
}

.investment_body {
    background: #ECEEF6;
    padding: 56px 0 190px;
    position: relative;
}

.investment_body .accumulated_list {
    position: absolute;
    left: 50%;
    top: -125px;
    width: 1200px;
    margin-left: -600px;
    z-index: 999;
}

.investment_body .accumulated_list li {
    float: left;
    width: calc((100% - 150px)/3);
    height: 146px;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    opacity: 0.79;
    margin-right: 75px;
    padding: 24px 0 0 32px;
}

.investment_body .accumulated_list li:nth-child(3n) {
    margin-right: 0;
}

.investment_body .accumulated_name {
    font-size: 16px;
    color: #000000;
}

.investment_body .accumulated_num {
    margin-top: 16px;
    font-size: 16px;
    font-weight: bold;
    color: #0E318D;
}

.accumulated_num_span {
    font-size: 48px !important;
    color: #0E318D !important;
}

.investment_body .stock_quotes {
    padding-top: 140px;
}

.investment_body .stock_quotes_swiper .swiper-container {
    overflow: hidden;
}

.investment_body .stock_quotes_swiper .swiper-slide {
    margin-top: 48px;
    padding: 20px 32px 20px 24px;
    height: 260px;
    background: #FFFFFF;
    border-radius: 10px;
}

.investment_body .stock_quotes .swiper-button-next {
    width: 84px;
    height: 84px;
    background: #0E318D url(../image/btn.png)no-repeat center;
    background-size: cover;
    border-radius: 50%;
    transition: all .5s;
}

.investment_body .stock_quotes .swiper-button-prev {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #ffffff url(../image/btn-back-sel.png) no-repeat center;
    background-size: cover;
    transition: all .5;
}

.stock_quotes_swiper:hover .stock_quotes_swiper_more_arrow {
    transform: scale(1.1);
}

.stock_quotes_swiper .slide_content {
    display: flex;
}

.investment_body .left_stock_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 340px;
    height: 220px;
    background: #0E318D;
    border-radius: 10px;
    color: #ffffff;
    padding: 30px 24px;
    text-align: center;
}

.left_stock_info .stock_name {
    font-size: 18px;
    font-weight: bold;
}

.left_stock_info .stock_symbol {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 1px;
}

.left_stock_info .stock_real_time {
    font-size: 16px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
}

.right_stock_info {
    flex: 1;
    padding: 10px 0 0 120px;
}

.investment_body .right_stock_info div {
    float: left;
    font-size: 36px;
    font-weight: bold;
    color: #000000;
}

.investment_body .stock_difference {
    margin-left: 18vw;
}

.right_stock_info .stock_today em {
    display: inline-block;
    margin-left: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    color: #009B4A;
    vertical-align: middle;
    font-size: 30px;
}

.stock_today span {
    vertical-align: middle;
}

.right_stock_info ul {
    padding-top: 49px;
}

.right_stock_info ul li {
    float: left;
    margin: 0 0px 10px 0;
    font-size: 16px;
    width: 33.3%;
    color: #333333;
}

.right_stock_info .ul_span {
    margin-left: 12px;
    font-size: 24px;
    font-weight: bold;
    vertical-align: middle;
}

.right_stock_info ul em {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    vertical-align: sub;
}

.investment_body .corporate_governance {
    padding-top: 120px;
}

.governance_swiper_title {
    font-size: 24px;
    font-weight: bold;
    color: #0E318D;
    letter-spacing: 1px;
}

.governance_swiper_title .index_more {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
    font-size: 16px;
}

.director_swiper {
    margin-top: 80px;
}

.corporate_governance_swiper {
    margin-top: 40px;
    position: relative;
}

.corporate_governance_swiper_contain {
    width: calc(100vw - 19vw);
}

.index_more:hover * {
    color: #E2332E;
}

.index_more:hover::before {
    background: #E2332E;
}

.right_stock_info .stock_today em.stock-fan {
    color: #E2332E;
    transform: rotate(180deg);
}

.stock_link {
    width: 84px;
    height: 84px;
    background: #0E318D url(../image/btn.png)no-repeat center;
    background-size: cover;
    border-radius: 50%;
    transition: all .5s;
    position: absolute;
    right: 32px;
    top: 100px;
    z-index: 100;
    transition: all .5s;
}

.stock_color_red {
    color: #E2332E !important;
}

.stock_color_green {
    color: #009B4A !important;
}

.corporate_governance_swiper_contain .swiper-slide {
    width: auto;
    padding: 10px 5px;
}

.corporate_governance_swiper_icon {
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    background: #0E318D;
    text-align: center;
}

.investment_body .slide_content .content_name {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1px;
}

.investment_body .content_name::before {
    content: '';
    position: absolute;
    left: 24px;
    width: 45px;
    height: 1px;
    border: 2px solid #E2332E;
    bottom: -25px;
    transform: translateX(-50%);
    background: #E2332E;
}

.ds-mask {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.ds-mask-open {
    width: 800px;
    height: 560px;
    background: #FFFFFF;
    border-radius: 8px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10001;
    margin-left: -400px;
    margin-top: -280px;
    padding: 40px;
    display: flex;
}

.ds-mask-open .pic {
    width: 168px;
    flex: 0 0 auto;
}

.ds-mask-open .cont {
    width: calc( 100% - 160px);
    flex: 1 1 auto;
}

.ds-mask-open .pic img {
    width: 128px;
}

.ds-mask-open .close {
    position: absolute;
    right: 23px;
    top: 22px;
    font-size: 35px;
    color: #0E318D;
    z-index: 100;
}

.mob-time {
    display: none;
}

.ds-mask-open .name {
    padding: 20px 0px;
    color: #333;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    margin-bottom: 20px;
}

.ds-mask-open .name::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    bottom: 5px;
    left: 0px;
    background: #E2332E;
}

.ds-mask-open .desc {
    min-height: 70px;
    color: #666;
    line-height: 2;
    padding-bottom: 10px;
}

.ds-mask-open .det {
    padding-top: 40px;
    color: #666666;
    height: 266px;
    line-height: 2;
    box-shadow: inset 0px 1px 0px 0px #E8E8E8;
    overflow-y: auto;
}

.corporate_governance_swiper_contain .swiper-slide-active .slide_content {
    box-shadow: inset 0px -4px 0px 0px #0E318D;
    transition: all ease .3s;
}

.corporate_governance_swiper_contain .slide_content:hover {
    box-shadow: inset 0px -4px 0px 0px #0E318D;
}

.corporate_governance_swiper_contain .slide_content {
    position: relative;
    padding: 40px 30px 20px 30px;
    height: 240px;
    width: 100%;
    background: #fff;
    transition: all ease .3s;
    box-shadow: inset 0px -4px 0px 0px rgba(14, 49, 141, 0.5);
    border-radius: 8px;
    cursor: pointer;
}

.slide_content .ds-intro .ds-name::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    bottom: 20px;
    left: 0px;
    background: #E2332E;
}

.slide_content .ds-head {
    width: 80px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    position: absolute;
    right: 30px;
    top: 40px;
    background: #fff;
}

.slide_content .ds-head img {
    width: 100%;
}

.slide_content .ds-intro {
    text-align: justify;
    width: 100%;
}

.slide_content .ds-intro .ds-name {
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding: 0px 0px 40px 0px;
    margin-bottom: 0px;
}

.slide_content .ds-intro .ds-desc {
    text-align: justify;
    color: #666666;
    line-height: 2;
    height: 84px;
    overflow: hidden;
}

.slide_content .ds-intro .ds-has-head {
    width: 50%;
}

.investor_detail.investment_body {
    padding-top: 0;
}

.investor_subheader {
    padding-left: 65px;
    display: flex;
    justify-content: space-between;
}

.investor_subheader li {
    float: left;
    height: 60px;
    line-height: 60px;
}

.investor_subheader li:hover a {
    font-weight: bold;
    color: #E2332E;
}

.investor_subheader li.active a {
    font-weight: bold;
    color: #E2332E;
}

.investor_detail_subnav li a {
    font-size: 16px;
    color: #0E318D;
    letter-spacing: 2px;
}

.investor_detail_subnav li a.bread-sel {
    color: #E2332E;
}

.investor_detail_bread li a {
    font-size: 14px;
    color: #000000;
}

.investor_detail_bread .iconfont {
    margin: 0 20px;
    font-size: 12px;
    color: #666;
    font-size: 6px;
}

.investor_detail_subnav li:nth-child(n+2) {
    margin-left: 128px;
}

.investor_detail .corporate_governance .slide_content {
    float: unset;
    width: 100%;
    height: unset;
}

.investor_detail .corporate_governance .ds-catlog {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-bottom: 40px;
}

.investor_detail .corporate_governance .slide_content {
    width: 26.2vw;
    margin-bottom: 40px;
}

.ds-more {
    text-align: center;
}

.ds-more-href {
    width: 64px;
    height: 64px;
    display: inline-block;
    margin: 0 auto;
}

.ds-more-href {
    font-size: 64px;
}

.ds-more-span {
    display: block;
    font-size: 14px;
    color: #0E318D;
    margin-top: 20px;
}

.investor_detail .investment_body_content_desc {
    margin-top: 10px;
}

.investment_body .swiper-pagination-progressbar {
    top: 20px;
    height: 3px;
    left: 50%;
    width: 326px;
    background-color: rgba(255, 255, 255, 0.4);
}

.corporate_governance .swiper-button-prev {
    transition: all .3s;
    border-radius: 50%;
    color: #0E318D;
    text-align: center;
    color: #0E318D;
}

.corporate_governance .swiper-button-next {
    transition: all .3s;
    border-radius: 50%;
    text-align: center;
    color: #0E318D;
    font-size: 32px;
}

.content_label_ul {
    margin-top: 60px;
}

.content_label_li {
    float: left;
    padding: 0 10px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    height: 28px;
    line-height: 28px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 14px;
    margin: 0 16px 30px 0;
}

.investment_body_content_desc {
    margin-top: 70px;
}

.investment_body .index_more {
    right: 0px;
    font-weight: normal;
}

.investment_body .swiper-container {
    /* overflow: visible; */
}

.investment_body .swiper-pagination-progressbar-fill {
    background-color: #E2332E;
}

.investment_body .capital_stock {
    padding-top: 120px;
}

.capital_stock_content {
    padding: 50px 32px 100px 32px;
    margin-top: 80px;
    background: #FFFFFF;
    border-radius: 10px;
}

.capital_stock_content_desc {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    letter-spacing: 2px;
}

.top_ten_stockholder {
    margin-top: 24px;
}

.top_ten_stockholder_title {
    font-size: 18px;
    font-weight: bold;
    color: #0E318D;
    line-height: 18px;
}

.top_ten_stockholder_ul {
    margin-top: 32px;
}

.top_ten_stockholder_li {
    display: flex;
    font-size: 12px;
    color: #000000;
    letter-spacing: 1px;
    justify-content: space-between;
    background: rgba(14, 49, 141, 0.04);
    border-radius: 5px;
    padding: 20px 32px;
    margin-bottom: 12px;
}

.top_ten_stockholder_color_blue {
    font-size: 24px;
    font-weight: bold;
    color: #0E318D;
    vertical-align: middle;
}

.top_ten_stockholder_li_left {
    flex: 4;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.top_ten_stockholder_li_center {
    margin-left: 50px;
    flex: 2;
}

.top_ten_stockholder_li_right {
    flex: 1;
    white-space: nowrap;
}

.top_ten_stockholder_li_order {
    margin-right: 32px;
}

.top_ten_stockholder_li_num {
    margin-left: 8px;
}

.top_ten_stockholder_li_company_name {
    line-height: 16px !important;
    /* padding-top: 20px; */
}

.shareholding_ratio {
    margin-left: 8px;
}

.stock_more {
    display: inline-block;
    position: relative;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 64px;
    line-height: 58px;
    text-align: center;
    border-radius: 50%;
    background: #0E318D;
    color: #fff;
    font-size: 50px;
    user-select: none;
    cursor: pointer;
    transition: all ease .3s;
}

.stock_more:hover {
    opacity: .6;
}

.stock_more::after {
    content: '查看更多';
    position: absolute;
    left: 4px;
    top: 60px;
    font-size: 14px;
    color: #0E318D;
}

.information_disclosure {
    padding-top: 120px;
}

.information_disclosure_ul {
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.information_disclosure_content .stock_more a {
    color: #fff;
}

.information_disclosure_li {
    position: relative;
    float: left;
    width: calc((100% - 40px)/2);
    margin-bottom: 40px;
    padding: 20px;
    transition: all ease .5s;
    background: #FFFFFF;
    border-radius: 8px;
}

.information_disclosure_li a {
    display: flex;
}

.information_disclosure_li i {
    position: absolute;
    right: 40px;
    top: 30px;
    font-size: 40px;
    color: #0E318D;
}

.pilu_body {
    padding: 120px 0px 200px 0px;
    background: #ECEEF6;
}

.pilu_body .title {
    margin-bottom: 80px;
}

.pilu_body .news_info-item {
    background: #fff;
    border-radius: 8px;
    padding: 30px 40px;
    margin-bottom: 20px;
    position: relative;
    transition: all ease .3s;
}

.pilu_body .news_info-item:hover {
    background: #0E318D;
}

.pilu_body .news_info-item:hover * {
    color: #fff;
}

.pilu_body .news_date {
    text-align: Center;
    margin-right: 30px;
    width: 80px;
    height: 80px;
}

.information_disclosure_li:hover {
    background: #0E318D;
}

.information_disclosure_li:hover a * {
    color: #fff;
}

.information_disclosure_li a:hover .information_disclosure_title,
.information_disclosure_li a:hover .information_disclosure_download_span,
.information_disclosure_li a:hover .information_disclosure_time {
    color: #fff;
}

.information_disclosure_title {
    font-size: 20px;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 20px;
    padding-right: 220px;
}

.information_disclosure_time {
    font-size: 14px;
    color: #666666;
    width: 120px;
    text-align: center;
    flex: 0 0 auto;
}

.information_disclosure_time .top {
    font-size: 32px;
    font-weight: bold;
    color: #0E318D;
}

.information_disclosure_time .bot {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #666;
}

.information_disclosure_download_span {
    color: #0E318D;
    margin-left: 30px;
}

.floor_2 .bd .swiper-wrapper .slide_item_1125 .slide_left .product_title {
    color: #0E318D;
}

.floor_2 .bd .swiper-wrapper .slide_item_1125 .index_more a,
.slide_item_1125 .index_more .learn_more_arrow_icon {
    color: #0E318D;
}

.slide_item_1125 .index_more::before {
    background: #0E318D;
}

.floor_2 .bd .swiper-wrapper .slide_item_1126 .slide_left .product_title,
.slide_item_1126 .index_more .learn_more_arrow_icon {
    color: #A0775D;
}

.floor_2 .bd .swiper-wrapper .slide_item_1126 .index_more a {
    color: #A0775D;
}

.slide_item_1126 .index_more::after {
    background: #A0775D;
}

.floor_2 .bd .swiper-wrapper .slide_item_1127 .slide_left .product_title {
    color: #A0775D;
}

.floor_2 .bd .swiper-wrapper .slide_item_1127 .index_more a,
.slide_item_1127 .index_more .learn_more_arrow_icon {
    color: #A0775D;
}

.slide_item_1127 .index_more::after {
    background: #A0775D;
}

.floor_2 .bd .swiper-wrapper .slide_item_1128 .slide_left .product_title {
    color: #CD3990;
}

.floor_2 .bd .swiper-wrapper .slide_item_1128 .index_more a,
.slide_item_1128 .index_more .learn_more_arrow_icon {
    color: #CD3990;
}

.slide_item_1128 .index_more::after {
    background: #CD3990;
}

.floor_2 .bd .swiper-wrapper .slide_item_1129 .slide_left .product_title {
    color: #032666;
}

.floor_2 .bd .swiper-wrapper .slide_item_1129 .index_more a,
.slide_item_1129 .index_more .learn_more_arrow_icon {
    color: #032666;
}

.slide_item_1129 .index_more::after {
    background: #032666;
}

.floor_2 .bd .swiper-wrapper .slide_item_1130 .slide_left .product_title {
    color: #E8D260;
}

.floor_2 .bd .swiper-wrapper .slide_item_1130 .index_more a,
.slide_item_1130 .index_more .learn_more_arrow_icon {
    color: #E8D260;
}

.slide_item_1130 .index_more::after {
    background: #E8D260;
}

.investment_fixed {
    position: absolute;
    right: 0;
    bottom: 10px;
    transform: translateY(-50%);
    z-index: 999;
    width: 160px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 0px rgba(14, 49, 141, 0.3);
    border-radius: 100px 0px 0px 100px;
    font-size: 21px;
    font-weight: bold;
    color: #0E318D;
    display: none;
}

.net-in {
    width: 1600px;
    margin: 0 auto;
    position: relative;
}

.net-map-area {
    height: 1300px;
    background-size: cover;
    position: relative;
    position: absolute;
    left: 50%;
    margin-left: -900px;
}

.net-icon {
    font-size: 16px;
    color: #E2332E;
    position: absolute;
    z-index: 100;
}

.net-icon span {
    font-size: 12px;
    display: block;
    text-align: center;
    position: relative;
    left: -30%;
}

.net-dot-neimeng {
    top: 100px;
}

.pro-main {
    padding: 120px 0px;
}

.pro-wrap {
    margin-bottom: 80px;
}

.pro-wrap:last-child {
    margin-bottom: 0px;
}

.pro-wrap-title {
    font-weight: bold;
    color: #0E318D;
    font-size: 24px;
    margin-bottom: 30px;
}

.pro-wrap-li {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px 24px 20px 24px;
}

.pro-wrap-li .titles {
    overflow: hidden;
    margin-bottom: 30px;
}

.pro-wrap-li .title-span {
    font-size: 24px;
    font-weight: bold;
}

.pro-wrap-li .title-span::before {
    color: #0E318D;
    font-size: 14px;
    background: rgba(14, 49, 141, 0.14);
    border-radius: 5px;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
}

.fj-rmt .wraps {
    text-align: center;
    display: flex;
    justify-content: space-around;
    padding: 120px 0px 120px 0px;
}

.fj-rmt .wraps .items {
    flex: 0 0 auto;
    width: 320px;
}

.copy-href {
    margin: 0px 30px;
}

.copy-year {
    margin-left: 30px;
}

.fj-rmt .wraps .pic {
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 12px 0px rgba(14, 49, 141, 0.2);
    border-radius: 8px;
}

.fj-rmt .wraps .pic img {
    width: 100%;
}

.fj-rmt .wraps .items .text {
    padding-top: 40px;
    font-size: 20px;
    color: #333;
}

.news_body .news_info-item,
.news_body .news_info-item a {
    width: 100%;
    display: block;
}

.news_body .news_info-item {
    height: auto;
    padding: 40px 40px;
    margin-bottom: 20px;
    border: 1px solid #E8E8E8;
    border-radius: 0px;
    transition: all ease .5s;
    background: #fff;
}

.news_body .news_info-item .news_date {
    flex: 0 0 auto;
    width: 120px;
    height: 120px;
    box-shadow: inset 0px 4px 0px 0px #0E318D;
    border: 1px solid #E8E8E8;
    text-align: center;
    background: #fff;
    transition: all ease .3s;
}

.news_body .news_info-item:hover .news_date {
    box-shadow: none;
    border: none;
}

.news_body .news_info-item .news_date .top {
    padding: 20px 0px 8px 0px;
    font-weight: bold;
    color: #0E318D;
    font-size: 40px;
    line-height: 1.2;
}

.news_body .news_info-item .news_date .bot {
    font-size: 20px;
    color: #666666;
    font-weight: bold;
}

.news_body .news_info-item .news_title {
    margin: 0px;
    line-height: 1.5;
    flex: 0 1 auto;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 20px;
    font-size: 20px;
    color: #333;
}

.news_body .news_info-item:hover {
    background: #0E318D;
}

.news_body .news_info-item:hover .info_text div {
    color: #0E318D;
}

.news_body .news_info-item:hover .info_text .news_title {
    color: #fff;
}

.info_text {
    display: flex;
}

.pro-area {
    float: right;
    margin-top: 3px;
    font-weight: bold;
}

.pro-area span {
    color: #666;
}

.pro-wrap-li .addr,
.pro-wrap-li .resp,
.pro-wrap-li .phone {
    margin-bottom: 10px;
    font-size: 16px;
}

.back_fixed {
    position: absolute;
    bottom: 20px;
    right: 40px;
}

.pro-wrap-li .addr span,
.pro-wrap-li .resp span,
.pro-wrap-li .phone span {
    color: #666;
}

.tabs-href {
    padding: 12px 35px;
    font-weight: bold;
    font-size: 14px;
    margin-right: 20px;
    border-radius: 22px;
    border: 1px solid #0E318D;
    color: #0E318D;
}

.tabs-href-sel {
    background: #0E318D;
    color: #fff;
}

.tabs {
    padding: 40px 0px 0px 0px;
}

.det-main-in {
    display: none;
    padding-bottom: 120px;
}

.det-show {
    display: block;
}

.icon-guanbi:before {
    content: "\e6e0";
}


/* 网络营销 end */

.aboutus_vision {
    padding-top: 85px;
}

.vision-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 120px;
}

.vision-top .pics {
    width: 560px;
    height: 315px;
}

.vision-top .text {
    text-align: justify;
    padding-left: 80px;
}

.vision-top .titles {
    color: #0E318D;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 24px;
}

.vision-top .conts-li {
    margin-bottom: 40px;
    overflow: hidden;
    color: #666;
    line-height: 1.8;
}

.vision-top .conts {
    line-height: 2;
    color: #666;
}

.vision-top .num {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background: #0E318D;
    vertical-align: top;
    margin-right: 10px;
    float: left;
}

.vision-title {
    font-size: 32px;
    font-weight: bold;
    color: #0E318D;
    line-height: 40px;
    text-align: center;
}

.vision-ask {
    padding: 100px 0px 0px 0px;
    text-align: center;
}

.vision-ask-pic {
    padding-top: 60px;
    text-align: center;
}

.vision-ask-pic img {
    max-width: 100%;
}

.swiper-bot-swiper .wraps {
    width: 100%;
    height: 378px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 80px 40px;
}

.bot-top {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
    color: #0E318D;
    line-height: 56px;
    margin-bottom: 18px;
}

.zhishi-title {
    padding-top: 120px;
}

.bot-middle {
    text-align: center;
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bot-bot {
    color: #666666;
    height: 80px;
    line-height: 2;
    text-align: justify;
}

.swiper-bot-swiper .swiper-slide {
    width: 360px;
}

.main-bot-pas {
    display: flex;
    height: 32px;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 40px;
}

.main-bot-prog {
    width: 160px;
    height: 2px;
    background: #E8E8E8;
    overflow: hidden;
}

.main-bot-prog-in {
    height: 2px;
    background: #E2332E;
    width: 0px;
    transition: all ease .3s;
}

.main-bot-pas .swiper-pagination {
    position: static;
    width: 60px;
    font-weight: bold;
    color: #333;
    margin: 0px 20px;
}

.main-bot-pas .swiper-pagination .active {
    color: #E2332E;
}

.main-bot-pas .swiper-pagination-current {
    color: #E2332E;
}

.main-bot-pas .swiper-button-prev,
.main-bot-pas .swiper-button-next {
    position: static;
    margin-top: 0px;
    line-height: 32px;
}

.main-bot-prev-next {
    display: flex;
    width: 80px;
    justify-content: space-between;
}

.swiper-vision-prev,
.swiper-vision-next,
.swiper-res-prev,
.swiper-res-next,
.corporate_governance .swiper-button-next,
.corporate_governance .swiper-button-prev,
.swiper-sub-prev,
.swiper-sub-next,
.swiper-qu-next,
.swiper-qu-prev,
.swiper-cat-next,
.swiper-cat-prev {
    font-size: 32px;
    right: 40%;
    transition: all .3s;
    background: unset;
    color: #0E318D;
    top: auto;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    bottom: 0px;
    background: #fff;
    z-index: 100;
}

.swiper-vision-prev:hover,
.swiper-vision-next:hover,
.swiper-res-prev:hover,
.swiper-res-next:hover,
.corporate_governance:hover .swiper-button-next:hover,
.corporate_governance .swiper-button-prev:hover,
.swiper-sub-prev:hover,
.swiper-sub-next:hover,
.swiper-qu-next:hover,
.swiper-qu-prev:hover,
.swiper-cat-next:hover,
.swiper-cat-prev:hover {
    color: #2252ca;
}

.main-bot-pas .swiper-button-prev:hover,
.main-bot-pas .swiper-button-next:hover {
    color: #2252ca;
}

.swiper-vision-prev,
.swiper-res-prev,
.swiper-sub-prev {
    left: 54%;
}

.subordinate {
    background: #EFF3F7;
    padding-top: 120px;
}

.sub-main {
    padding-top: 0px;
    margin: 0 auto;
}

.swiper-sub-swiper .swiper-slide,
.swiper-res-swiper .swiper-slide {
    width: 360px;
}

.sub-item {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
}

.sub-item .titles {
    font-weight: bold;
    color: #333333;
    line-height: 32px;
    font-size: 20px;
    margin-bottom: 15px;
    height: 64px;
}

.sub-item .pic {
    height: 213px;
    margin-bottom: 20px;
}

.sub-item .desc {
    text-align: left;
    color: #666;
    line-height: 2;
    height: 85px;
    overflow: hidden;
    text-align: justify;
}

.subordinate .more a {
    height: auto;
    padding: 0px;
    background: none;
}

.sub-item .more .index_more {
    width: 160px;
    margin-top: 25px;
}

.swiper-sub-swiper .sub-item {
    transition: all ease .3s;
}

.swiper-sub-swiper .sub-item:hover {
    background: #0E318D;
}

.swiper-sub-swiper .sub-item:hover * {
    color: #fff;
}

.swiper-sub-swiper .sub-item:hover .index_more::before {
    background: #fff;
}

.about_body .subordinate .sub-item .more span {
    writing-mode: inherit;
}

.about_body .swiper-pagination-progressbar {
    top: auto;
    bottom: 0px;
    width: 50%;
    left: 25%;
    background: #fff;
}

.swiper-bot-swiper,
.swiper-res-swiper,
.swiper-sub-swiper {
    padding: 80px 0px 20px 0px;
}

.swiper-sub-swiper {
    padding: 80px 10px 20px 10px;
}

.sub-all {
    display: flex;
}

.sub-all .pic {
    width: 560px;
    flex: 0 0 auto;
}

.sub-all .pic img {
    width: 100%;
}

.sub-det {
    padding-top: 140px;
}

.sub-all {
    padding: 120px 0px;
}

.sub-all .text {
    padding-left: 80px;
}

.sub-all .titles {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
}

.sub-all .desc {
    line-height: 2;
    color: #666;
}

.lc-wrap .conts {
    padding-top: 80px;
    line-height: 1.5;
    width: 70%;
    margin: 0 auto;
}

.lc-wrap .conts img {
    width: auto!important;
    height: auto!important;
}

.lc-wrap {
    margin-bottom: 120px;
}

.lc-main {
    padding-top: 30px;
}


/* 关于我们 end */