@import url(https://at.alicdn.com/t/c/font_5024603_0arfyjfkfiok.css);

img {
    transition: all 0.3s linear;
    max-width: 100%;
}

a:hover {
    color: #3674C7;
}

a {
    transition: all 0.5s !important;
}

ul {
    padding: 0;
    margin: 0;
}

select::-webkit-arrow {
    display: none;
}

input:disabled,
select:disabled {
    cursor: no-drop !important;
}

input:disabled::placeholder {
    color: #bbc0c4 !important;
}

select:focus,
select:focus-visible,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
    background-color: #F6F7F8 !important;
    outline: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../img/down.png) no-repeat;
    background-color: #fff;
    background-size: 20px 20px;
    background-position-x: calc(100% - 15px);
    background-position-y: center;
}

.bg-color {
    background: #fff;
}

body {
    background-color: #F6F7F8;
    color: #333;
    overflow-x: hidden;
}

html,
body,
#container {
    height: 100%;
    margin: 0px;
    padding: 0px;
}



/* header */

.header {
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.05);
    position: relative;
}

.navbar-default {
    margin-bottom: 0px;
    background-color: transparent;
    border-bottom: none;
    position: relative;
    z-index: 10;
}

#skip {
    width: 0;
    height: 0;
    overflow: hidden;
}

.header-main {
    height: auto;
    display: none;
}

.header-menu {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0px 0px;
}

.navbar-brand {
    height: auto;
    padding: 0;
    margin-top: 0px;
    text-align: left;
}

.navbar-brand h1 {
    font-weight: bold;
    font-size: 24px;
    color: #18316B !important;
    line-height: 28px;
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
}

.three-tools {
    display: none;
    margin-top: 0px;
    width: 100%;
    padding-right: 100px;
    padding: unset;
    text-align: right;
    position: absolute;
    width: auto;
    right: 60px;
}

.three-tools li {
    text-align: right;
    position: relative;
    display: inline-block;
    padding: 3px 0px;
}

.three-tools li a {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding-top: 0px;
}

.three-tools li a i {
    margin-left: 9px;
    font-size: 18px;
}

.three-tools li a img {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.three-tools li.dropdown {
    display: none;
}

.three-tools li.active:hover .dropdown-menu {
    display: block;
}

.three-tools li:first-child .dropdown-menu {
    top: 90%;
    right: -16px;
    left: auto;
    width: 110px;
    min-width: auto;
    padding: 0px 10px;
}

.three-tools li:first-child .dropdown-menu li {
    display: block;
    padding: 0px;
}

.three-tools li:first-child .dropdown-menu li a {
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    padding: 10px 10px;
    border-bottom: 1px solid #EBEFF3;
}

.three-tools li:first-child .dropdown-menu li a i {
    margin-right: 3px;
    margin-left: 0px;
}

.three-tools li:first-child .dropdown-menu li a:hover {
    background-color: transparent;
    color: #18316B;
}


#mobile-navigation {
    padding: 0px 0px 0px 30px;
    position: relative;
    z-index: 1;
    background: #18316B;
}


.nav-daohang-menuer .navbar {
    background-color: transparent;
    position: relative;
}

.header-fff .nav-daohang-menuer .navbar.navbar,
.nav-daohang-menuer .navbar.navbar.isStuck {
    background-color: #fff;
}



.nav-daohang-menuer .nav-dh-list li a {
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    padding-bottom: 35px;
    padding-top: 35px;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.nav-daohang-menuer .nav-dh-list li {
    flex: auto;
    text-align: center;
    position: static;
}

.nav-daohang-menuer .nav-dh-list>li.li-bg {
    flex: none;
    width: 100px;
    text-align: center;
}

.nav-daohang-menuer .nav-dh-list>li.li-bg {
    background-color: #fff;
}

.header-fff .nav-daohang-menuer .nav-dh-list>li.li-bg,
.nav-daohang-menuer .isStuck .nav-dh-list>li.li-bg {
    background-color: #BBA45F;
}

.nav-daohang-menuer .nav-dh-list>li.li-bg>a {
    color: #757575;
    text-align: justify;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    /* 100% */
}

.nav-daohang-menuer .isStuck .nav-dh-list>li:last-child>a {
    /* color: #fff !important; */
}

.nav-dh-list {
    display: flex;
    width: calc(100% - 380px);
    align-items: center;
    padding-left: 50px;
}

.nav-daohang-menuer .navbar-nav>.active>a,
.nav-daohang-menuer .navbar-nav>.active>a:focus,
.nav-daohang-menuer .navbar-nav>.active>a:hover {
    background-color: transparent;
    color: #BBA45F !important;
    font-weight: 400;
}

.nav-daohang-menuer .navbar-nav>li>a:hover {
    background-color: transparent;
    transform: translateY(-5px);
    color: #fff;

}


.header-fff .nav-daohang-menuer .navbar-nav>li>a,
.header-fff .nav-daohang-menuer .navbar-nav>li>a:focus,
.header-fff .nav-daohang-menuer .navbar-nav>li>a:hover,
.nav-daohang-menuer .isStuck .navbar-nav>li>a,
.nav-daohang-menuer .isStuck .navbar-nav>li>a:focus,
.nav-daohang-menuer .isStuck .navbar-nav>li>a:hover {
    color: #000;
}

.nav-daohang-menuer .navbar-nav>li>a::before {
    content: '';
    width: 100%;
    height: 6px;
    background: transparent;
    position: absolute;
    bottom: -1px;
    right: 0%;
}

.header-fff .nav-daohang-menuer #mobile-navigation,
.nav-daohang-menuer .isStuck #mobile-navigation {
    background: none;
}

.nav-daohang-menuer .navbar-nav>.active>a::before {
    background: #BBA45F;
}

.header-fff .nav-daohang-menuer .navbar-nav>li>a:hover::before,
.header-fff .nav-daohang-menuer .navbar-nav>.active>a::before,
.nav-daohang-menuer .isStuck .navbar-nav>li>a:hover::before,
.nav-daohang-menuer .isStuck .navbar-nav>.active>a::before {
    /* background-color: #fff; */
}

.nav-daohang-menuer .navbar-nav>li.dropdown>a:hover::before {
    background: none;
}

.header-fff .nav-daohang-menuer .header-menu,
.nav-daohang-menuer .isStuck .header-menu {
    padding: 0px;
}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu {
    width: auto;
    border: none;
    top: calc(100% + 0px);
    padding: 50px 0px !important;
    background: #fff;
    min-width: 100%;
    border-top: 1px #e0e0e0 solid;
}


.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-left {

    border-right: 1px #e0e0e0 solid;

    padding-right: 50px;
}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-left img {}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right {

    padding-left: 20px;
}
.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right .xiala-k-right-title,
.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right .xiala-k-right-title a {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 100% */
    display: flex;
    align-items: center;
    margin-top: 0px;
}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right .xiala-k-right-title i {
    color: #BBA45F;
    font-size: 30px;
    margin-left: 15px;
}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right .xiala-k-right-p {
    color: #757575;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 15px;
}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right .xiala-k-right-list {
    width: 100%;
    float: left;
}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right .xiala-k-right-list li {

width: 50%;

float: left;
}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right .xiala-k-right-list li a {
    color: #000;
    font-family: "Noto Sans SC";
    font-style: normal;
    line-height: 16px;
    /* 100% */
    border: 1px solid #E0E0E0;
    display: block;
    padding: 17px 15px !important;
    font-size: 16px;
    text-align: left;
}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right .xiala-k-right-list li a i {
    color: #BBA45F;
    float: right;
    font-size: 22px;
}

.nav-daohang-menuer .navbar-nav>li>.dropdown-menu .xiala-k-right-list li a:hover {
    color: #BBA45F;
    background-color: transparent;
    border-color: #BBA45F;
}


.nav-daohang-menuer .Senior-edition {
    background: #fff;
    padding: 36.5px 0px;
    width: 320px;
}

.header-fff .nav-daohang-menuer .Senior-edition,
.nav-daohang-menuer .isStuck .Senior-edition {
    background: #BBA45F;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #BBA45F;
}

.relative {
    position: relative;
}

.logo-box {
    width: 458px;
    height: 111px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.nav-daohang-menuer .isStuck {
    border-bottom: none;
}

.navbar-header .navbar-brand img {
    float: left;
    width: auto;
    height: 48px;
    object-fit: contain;
}


.navbar-header .navbar-brand img.logo {
    display: block;
}


.navbar-header .navbar-brand img.islogo {
    display: none;
}

.header-fff .nav-daohang-menuer .navbar-header .navbar-brand img.logo,
.nav-daohang-menuer .isStuck .navbar-header .navbar-brand img.logo {
    display: none;
}

.header-fff .nav-daohang-menuer .navbar-header .navbar-brand img.islogo,
.nav-daohang-menuer .isStuck .navbar-header .navbar-brand img.islogo {
    display: block;
}

.xiala-k-box {
    min-width: 100%;
    background-color: rgba(0, 100, 49, .6);
    padding-top: 25px !important;
}

.xiala-k {}

.xiala-k li {
    display: block;
    padding-right: 30px;
    position: relative !important;
    padding-bottom: 10px;
    padding-top: 16px;
    text-align: left !important;
    white-space: nowrap;
}

.xiala-k li::before {
    /* content: '';
    width: 4px;
    height: 4px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 20px;
    top: 25px; */
}

.xiala-k li a {
    font-weight: 400 !important;
    font-size: 16px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.header-fff .nav-daohang-menuer .Senior-edition li i,
.header-fff .nav-daohang-menuer .Senior-edition li a i,
.header-fff .nav-daohang-menuer .Senior-edition li a,
.header-fff .nav-daohang-menuer .nav-dh-list>li.li-bg>a,
.nav-daohang-menuer .isStuck .Senior-edition li i,
.nav-daohang-menuer .isStuck .Senior-edition li a i,
.nav-daohang-menuer .isStuck .Senior-edition li a,
.nav-daohang-menuer .isStuck .nav-dh-list>li.li-bg>a {
    color: #fff;
}

.Senior-edition {
    display: flex;
    align-items: center;
}

.Senior-edition li {
    padding: 0px 20px;
    position: relative;
    flex: auto;
    color: #757575;
}

.nav-daohang-menuer .nav-dh-list>li.li-bg>a::after {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #e0e0e0;
    position: absolute;
    top: 42px;
    right: -6px;
}

.Senior-edition>li::before {
    content: '';
    width: 1px;
    height: 16px;
    background-color: #e0e0e0;
    position: absolute;
    top: 4px;
    left: 0px;
}

.Senior-edition>li:first-child:before {
    background-color: transparent;
}

.Senior-edition li a {
    display: block;
    color: #757575;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 100% */
    text-align: center;
}

.Senior-edition li a i {
    font-size: 14px;
    color: #757575;
    margin-left: 5px;
}

.Senior-edition>li>a:hover {
    transform: translateY(-5px);
}

.Senior-edition li a:hover i {
    /* color: #BBA45F; */
}

/* end header */
.Senior-edition>li .dropdown-menu {
    min-width: auto;
    top: 98% !important;
    height: auto !important;
    background: #fff;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
    border-radius: 10px 10px 10px 10px;
    padding: 0px 10px;
}

.Senior-edition>li .dropdown-menu li {
    border-bottom: 1px #E0E0E0 solid;
}

.Senior-edition>li .dropdown-menu li a {
    font-weight: 400;
    font-size: 12px;
    color: #757575 !important;
    line-height: 17px;
    text-align: left;
    font-style: normal;
    padding: 10px 0px;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
}

.Senior-edition>li .dropdown-menu li a i {
    margin-right: 5px;
    margin-left: 0px;
    color: #757575 !important;
}

.Senior-edition>li .dropdown-menu li a:hover {
    background: none;
}

.Senior-edition>li>a img {
    width: 24px;
    margin-left: 0px;
    margin-right: 5px;
    border-radius: 100%;
    height: 24px;
    object-fit: cover;
}

.searchs {}

/* .searchs i {
    color: #fff;
} */

.search-box {
    position: absolute;
    width: 100%;
    background-color: rgba(26, 49, 100, 50%);
    z-index: 1;
    height: 50vh;
    display: none;
    z-index: 9;
    top: 96px;
}

.search-box .sousuo {
    margin-top: 20vh;
}

.sousuo .input>input::-webkit-input-placeholder {
    color: #97A2AA;
}

.sousuo .input>input::-moz-input-placeholder {
    color: #97A2AA;
}

.sousuo .input>input::-ms-input-placeholder {
    color: #97A2AA;
}

.sousuo .input>input:focus-visible,
.sousuo .input>input:focus {
    outline: none;
    background-color: #fff !important;
}

.sousuo {
    position: relative;
    width: 716px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 51px;
    border-radius: 37px;
}

.sousuo .input {
    position: relative;
    float: left;
    width: 100%;
    height: 60px;
    border: none;
}

.sousuo .search {
    position: absolute;
    right: 1px;
    top: 0px;
    width: 80px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    float: right;
    color: #fff;
    background: none;
    cursor: pointer;
    transition: .3s;
    border: none;
    color: #18316B;
}

.sousuo .search i {
    font-size: 36px;
}

.sousuo .input>input {
    position: relative;
    padding: 0 10px 0 40px;
    margin: 0;
    height: 60px;
    width: 100%;
    border: none;
    font-size: 16px;
    background-color: #fff;
    border-radius: 23px !important;
    outline: none;
    color: #000;
}

.footer {
    background-color: #000;
}

.footer-links {}

.footer-links-list {
    padding-top: 26px;
    padding-bottom: 26px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-links-list li {
    float: right;
    text-align: right;
    margin-top: 19px;
    margin-left: 60px;
}

.footer-links-list li a {
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 21px;
    text-align: left;
}

.footer-links-list li:nth-child(1) {
    float: left;
    width: 440px;
    text-align: left;
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
}

.footer-links-list li:nth-child(1) a {
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 31px;
    text-align: left;
    float: left;
}

.footer-links-list li:nth-child(1) a img {
    width: 283px;
    display: block;
}

.footer-links-list li:nth-child(1) a:nth-child(2) {
    background: #1D1D1D;
    border-radius: 57px 57px 57px 57px;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 16px;
    text-align: left;
    padding: 14px 20px;
    bottom: 0px;
    float: right;
    margin-top: 12px;
}

.footer-links-list li:nth-child(1) a:nth-child(2) i {
    margin-left: 10px;
}

.footer-links-list li:nth-child(1) a:nth-child(2):hover {
    color: #bba45f;
}

.footer-center {
    padding-top: 50px;
    padding-bottom: 50px;
}

.footer-app-list {
    margin-top: 8px;
}

.footer-app-list li {
    width: 65px;
    float: left;
    position: relative;
}

.footer-app-list li a {}

.footer-app-list li a img {
    width: 36px;
}

.footer-app-list li a:hover img {
    transform: translateY(-5px);
}

.wx-frame {
    position: absolute;
    width: 100px;
    left: -50%;
    /* transform: translateX(-50%);
     */
    bottom: 110%;
    background-color: #fff;
    height: 0px;
    overflow: hidden;
    transition: all 0.3s;
}

.wx-frame img {
    padding: 10px;
}

.footer-app-list li.wx:hover .wx-frame {
    height: 100px;
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.1);
}

.footer-list {}

.footer-list li {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 36px;
    text-align: left;
    width: 20%;
    float: left;
}

.footer-list li:last-child {
    width: 30%;
}

.footer-list li a {
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 36px;
    text-align: left;
}

.footer-list li:nth-child(1),
.footer-list li:nth-child(4),
.footer-list li:nth-child(5),
.footer-list li:nth-child(8) {
    width: 30%;
}

.footer-list li:nth-child(4) img {
    width: 15px;
    height: auto;
    margin-right: 5px;
}

.footer-statement {
    background: rgba(255, 255, 255, 0.1);
}

.footer-statement p {
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 16px;
    text-align: center;
    margin-bottom: 0px;
    padding: 20px 0px;
}



.index-banner {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    /* max-height: 75vh; */
}

.index-banner::before {
    content: '';
    width: 450px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.banner-mySwiper1 {

    overflow: visible;

    width: calc(100% - 235px);
    float: left;
}

.banner-mySwiper1 .swiper-slide {

    display: flex;

    flex-direction: row-reverse;
}

.banner-mySwiper1 .swiper-slide>a {

    width: calc(100% - 500px);

    float: right;
}

.banner-mySwiper1 .swiper-slide>a img {
    /* height: 100%; */
    /* object-fit: cover; */
    width: 100%;
}

.banner-mySwiper1 .swiper-slide div {
    width: 500px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #18316B;
    /* height: 60vh; */
    padding: 50px;
}

.banner-mySwiper1 .swiper-slide div h4 {
    color: #FFF;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.20);
    font-family: "Noto Sans SC";
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100% !important;
    position: relative;
    margin-bottom: 50px;
    line-height: 1.2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    display: -webkit-box;
}

.banner-mySwiper1 .swiper-slide div>a {

    color: #FFF;

    font-family: "Noto Sans SC";

    font-size: 20px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    display: block;

    margin-bottom: 20px;
}

.banner-mySwiper1 .swiper-slide div>a i {

    margin-left: 15px;

    font-weight: 500;

    font-size: 20px;
}

.banner-mySwiper1 .swiper-slide div p {

    color: #FFF;

    font-family: "Noto Sans SC";

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;
    /* 157.143% */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 6;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: break-spaces;

    display: -webkit-box;
}

.banner-mySwiper1 .swiper-slide div p.a-links {
    -webkit-line-clamp: none;
}

.banner-mySwiper1 .swiper-slide div p.a-links a {
    display: block;
    color: #fff;
    line-height: 35px;
    position: relative;
    padding-left: 10px;
}

.banner-mySwiper1 .swiper-slide div p.a-links a::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 16px;
}

.banner-mySwiper1 .swiper-pagination-progressbar {

    top: auto;

    bottom: 60px;

    width: 200px;

    left: 174px;
}

.banner-mySwiper1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background-color: #bba45f;
}

.banner-mySwiper1 .swiper-button-next,
.banner-mySwiper1 .swiper-button-prev {

    background-color: #BBA45F;

    color: #fff;

    width: 35px;

    border-radius: 100%;

    height: 35px;

    bottom: 45px;

    top: auto;

    padding: 10px;
}

.banner-mySwiper1 .swiper-button-next {

    left: 450px;
}

.banner-mySwiper1 .swiper-button-prev {
    left: 65px;
}

.banner-mySwiper1 .swiper-button-next:after,
.banner-mySwiper1 .swiper-button-prev:after {
    font-size: 16px;
}

.banner-mySwiper2 {
    /* width: 235px; */
    margin-left: 0px;
    padding: 0px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #000;
    overflow-x: visible;
}

.banner-mySwiper2 .swiper-slide {
    opacity: 0.4;
}

.banner-mySwiper2 .swiper-slide-thumb-active {


    opacity: 1;
    position: relative;
}

.banner-mySwiper2 .swiper-slide-thumb-active::before {
    content: '';
    border-bottom: 8px transparent solid;
    border-top: 8px transparent solid;
    border-right: 8px #fff solid;
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
}

.banner-mySwiper2 .swiper-slide-thumb-active::after {
    content: '';
    width: 100%;
    height: 100%;
    border: 4px #fff solid;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;

}

.banner-mySwiper2 .swiper-slide img {
    height: 100%;
    object-fit: fill;
    width: 100%;
}





.system_list {
    width: 15%;
    float: left;
    position: relative;
    height: 750px;
    display: flex;
    transition: cubic-bezier(0, .7, .3, 1) .4s;
}

.system_list.active {
    width: 55%;
}

.system_list .system_list_tit img {}

.system_list.active .system_list_tit img {
    border-radius: 0px;
}

.system_list_con {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80%;
    padding: 0px 30px 30px 30px;
    transition: cubic-bezier(0, .7, .3, 1) .4s;
}

.look-more {
    right: 15px;
    top: 7px;
}

.mark-main .slick-center {
    /* transform: scale(2); */
    position: relative;
    z-index: 30;
    /* transform: scale(1.1); */
    overflow: hidden;
    position: relative;
}

.mark-main {
    /*  width: 100%; */
    overflow: hidden;
    position: relative;
    /* height: 630px; */
}

.system_list a {
    display: block;
    position: relative;
}

/* .mark-main .slick-center .system_list_tit{
    height: 460px;
} */
.system_list_tit {
    height: 750px;
    overflow: hidden;
    position: relative;
    opacity: 1;
    object-fit: cover;
    width: 100%;
}

.marketing {
    position: relative;
    margin-top: 40px;
    z-index: 1;
}

.mark-main-list {
    position: relative;
    border-radius: 40px 0px 40px 0px;
}

.mark-main-list span {
    display: block;
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.mark-main-list h4 {
    margin: 0;
    margin-bottom: 6px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mark-main-list h4 img {
    width: 44px;
    background-color: #c6d64f;
    padding: 5px 5px;
    position: absolute;
    right: -22px;
    top: 21px;
}

.mark-main-list p,
.project-box ul li {
    margin-bottom: 0;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.system_list_tit img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.mark-main .slick-center .describe {
    display: block;
    transition: all .6s ease-out;
}

.system_list .system_list_con {
    display: none;
}

.system_list.active .system_list_con {
    display: block;
    width: 100%;
    background-color: #F6F7F8;
    height: 100%;
}

.system_list .system-title {
    position: absolute;
    color: #fff;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    display: -webkit-box;
    /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    align-items: center;
    justify-content: space-around;
    background-color: rgba(0, 0, 0, 0.6);
    writing-mode: vertical-lr;
    writing-mode: vertical-rl;
    letter-spacing: 3px;
    text-align: center;
    font-family: "Noto Sans SC";
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 100px;
}

.system_list .system-title::before {
    content: '';
}

.system_list .system-title::after {
    content: '';
}

.system_list.active .system_list_tit {
    display: none;
}

.system_list.active .system-title {
    display: none;
}

.mark-main-list {

    margin: 0px -10px 30px;
}

.mark-main-list li {

    width: 33.33%;

    float: left;

    margin-top: 20px;

    padding-left: 10px;

    padding-right: 10px;
}

.mark-main-list li img {

    height: 260px;

    width: 100%;

    object-fit: contain;

    background-color: #fff;
}

.mark-main-list li div {

    background: #FFF;

    padding: 15px 20px;

    border-top: 1px #eee solid;
    transition: 0.3s;
}


.mark-main-list li div h4 {

    color: #000;

    font-family: "Noto Sans SC";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px;
    /* 100% */

    margin-bottom: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
    transition: 0.3s;
}

.mark-main-list li div p {

    color: var(---, #757575);

    font-family: "Noto Sans SC";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 14px;
    /* 100% */

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
    transition: 0.3s;
}


.system_list a:hover div {
    background-color: #BBA45F;
}

.system_list a:hover h4,
.system_list a:hover p {
    color: #fff;
}


.system_list_con_title1 {

    color: #000;

    font-family: "Noto Sans SC";

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 22px;
    /* 100% */
}

.system_list_con_title1 span {

    background-color: #BBA45F;

    height: 20px;

    width: 5px;

    display: inline-block;

    border-radius: 2px;

    margin-right: 7px;
}

.system_list_con_title1 a {

    color: #757575;

    font-family: "Noto Sans SC";

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;
    /* 100% */

    float: right;

    display: inline-block;
}

.system_list_con_title1 a i {

    font-size: 12px;
}

.system_list_con_title {

    margin: 0px -30px 30px;

    padding: 20px 0px;

    text-align: center;
}

.system_list_con_title span {}

.system_list .system-title i {
    border-radius: 70px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.20);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    position: absolute;
    bottom: 150px;
}

.system_list_con_title {
    background: url(../img/hkt-title-bg.png) no-repeat;
    background-size: 100% 100%;
}

.system_list_con_title span {
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans SC";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.index-hkt {

    padding: 60px 30px;

    background-color: #fff;
    position: relative;
}

.index-hkt::after {
    content: '';
    height: 290px;
    width: 45%;
    background: #BBA45F;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.public-title {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    position: relative;
}

.public-title img {
    height: 58px;
    width: auto;
    max-width: 100%;
}

.public-title a.public-titltimg-gd {
    font-weight: 400;
    font-size: 17px;
    color: #757575;
    line-height: 18px;
    text-align: left;
    float: right;
    margin-top: 20px;
    position: absolute;
    right: 0px;
}

.public-title a.public-titltimg-gd:hover {
    color: #18316B;
}

.public-titltimg-gd i {
    margin-left: 5px;
}

ul.core-list {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
}

ul.core-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: .3s;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    width: 20%;
    float: left;
}

ul.core-list li a {
    border: 1px solid #F5F5F5;
    padding: 10px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #fff;
}

ul.core-list li:hover span {
    color: #BBA45F;
}

ul.core-list li a:hover {
    margin-top: -10px;
}

ul.core-list li span {
    font-size: 14px;
    color: #000;
    margin-top: 10px;
    white-space: nowrap;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: center;
    transition: 0.3s;
}

ul.core-list li img {
    max-height: 80px;
    object-fit: contain;
    margin: auto;
    /* width: auto; */
}

.Exhibition-Manager {
    background: url(../img/moon-bg.png) no-repeat;
    background-size: 100% auto;
    background-position-y: top;
    padding: 100px 0px;
    position: relative;
}

.moon-list {

    display: flex;

    padding-top: 30px;

    border-top: 1.5px rgba(62, 87, 144, 1) solid;

    margin-top: 60px;
}

.moon-list li {

    color: rgba(255, 255, 255, 0.6);

    text-align: center;

    font-family: "Noto Sans SC";

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px;
    /* 88.889% */

    flex: 1;

    position: relative;
    cursor: pointer;
}

.moon-list li span {



    font-family: "Noto Sans SC";

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    line-height: 12px;
    /* 100% */

    display: block;

    margin-top: 10px;
}

.moon-list li::before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: rgba(62, 87, 144, 1);
    position: absolute;
    border-radius: 100%;
    top: -33.5px;
    left: 49%;
    transform: translateX(-50%);
}

.moon-list li.active {
    color: #BBA45F;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.moon-list li.active::before {
    background-color: #BBA45F;
}

.moon-list li.active::after {
    content: '';
    width: 18px;
    height: 18px;
    border: 1px #BBA45F solid;
    position: absolute;
    top: -39px;
    left: 49%;
    transform: translateX(-50%);
    border-radius: 100%;
}


.hnav-info {
    background-color: #fff !important;
    position: relative;
    border-radius: 40px !important;
    margin: 60px auto 0px;
    height: 65px;
    width: auto;
    display: inline-block;
    padding: 5px;
}

.hnav-info li a {
    z-index: 2;
    padding: 15px 0px;
    text-align: center;
    width: 200px;
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 144.444% */
}

.hnav-info>li.active>a,
.hnav-info>li.active>a:focus,
.hnav-info>li.active>a:hover {
    color: #fff;
    background-color: transparent;
}

.hnav-info li {
    margin: 0 0px !important;
    width: auto;
    display: inline-block;
    flex: auto;
}

.three-news-list {
    margin: 30px 0 30px;
}

.hnav-info .bgli {
    position: absolute;
    background-color: #BBA45F;
    box-shadow: 0px 2px 12px -1px rgb(68 127 151 / 23%);
    z-index: 1;
    height: 56px;
    border-radius: 40px;
    /* left: 26.7%; */
    top: 5px;
    width: 200px;
}

.zhgj-Swiper {}

.zhgj-Swiper .swiper-slide {
    position: relative;
    overflow: hidden;
}

.zhgj-Swiper .swiper-slide a>img {
    width: 100%;
}

.zhgj-Swiper .swiper-slide a h4 {
    /* position: absolute; */
    bottom: 0;
    background-color: #BBA45F;
    width: 100%;
    margin: 0px;
    color: #FFF;
    font-family: "Noto Sans SC";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    /* 100% */
    padding: 20px;
    transition: all 0.5s !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zhgj-Swiper .swiper-slide a h4 img {
    height: 46px;
    width: 46px;
    margin-right: 10px;
    border-radius: 100%;
}

/*
.zhgj-Swiper .swiper-slide a:hover h4 {
    opacity: 1;
    bottom: 0px;
}*/

.zhgj-Swiper-div {
    position: relative;
    margin-top: 50px;
}

.zhgj-Swiper-div .swiper-button-next2,
.zhgj-Swiper-div .swiper-button-prev2 {
    z-index: 1;
}

.zhgj-Swiper-div .swiper-button-next2::after,
.zhgj-Swiper-div .swiper-button-prev2::after {

    color: rgba(0, 0, 0, 0.8);
}

.zhgj-Swiper-div .swiper-button-next2 {

    right: -50px;
}

.zhgj-Swiper-div .swiper-button-prev2 {

    left: -50px;
}

.zhgj-Swiper-div .swiper-pagination {

    position: static;
    margin-top: 20px;
}

.zhgj-Swiper-div .swiper-pagination-bullet {

    background-color: #18316B;

    width: 10px;

    height: 10px;
}

.zhgj-Swiper-div .swiper-pagination-bullet-active {}

.news-div {
    padding-bottom: 100px;
    position: relative;
}

.news-div::before {
    content: '';
    width: 50%;
    height: 367px;
    background: #BBA45F;
    position: absolute;
    left: -255px;
    top: -26px;
}

.news-sidebar {
    margin: 0px -8px;
}

.news-sidebar li {
    padding-left: 8px;
    padding-right: 8px;
}

.news-item {}

.news-item a {
    display: flex;
    background: #FFFFFF;
}

.news-item a:hover {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.06);
}

.news-item a:hover h4 {
    color: #BBA45F;
}

.news-thumb {
    overflow: hidden;
    margin-right: 15px;
    flex-shrink: 0;
 
    width: 326px;
    height: 249px;
}

.news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.news-item-title {
    margin-bottom: 8px;
    text-decoration: none;
    font-family: Source Han Sans;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0em;
    font-feature-settings: "kern" on;
    color: #000000;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    display: -webkit-box;
    margin-bottom: 30px;
    margin-top: 15px;
    transition: 0.3s;
}

.news-meta {
    font-size: 14px;
    color: #999;
}

.news-tags {}

.news-tags span {
    color: #FFF;
    font-family: "Noto Sans SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
    background-color: #BBA45F;
    border-radius: 4px;
    padding: 3px 10px;
}

.news-sidebar li a .content {
    padding: 20px 10px;
}

.news-sidebar1 li:nth-child(1),
.news-sidebar2 li:nth-child(2) {}

.news-sidebar1 li:nth-child(2),
.news-sidebar2 li:nth-child(2) {
    margin-top: 16px;
}

.news-sidebar1 li:nth-child(1) a,
.news-sidebar2 li:nth-child(2) a {
    display: block;
    position: relative;
}

.news-sidebar1 li:nth-child(1) img,
.news-sidebar2 li:nth-child(2) img {
    height: 519px;
    object-fit: contain;
    width: 100%;
    /* background-color: #18316B; */
}
.news-sidebar2 li:nth-child(2) img,
.news-sidebar2 li img{
    object-fit: cover;
}
.news-sidebar1 li:nth-child(1) h2,
.news-sidebar2 li:nth-child(2) h2 {
    color: #FFF;
    font-family: "Noto Sans SC";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    /* 150% */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);
    margin: 0px;
    position: absolute;
    bottom: 0px;
    padding: 20px;
    width: 100%;
}

.news-sidebar1 li:nth-child(1) h2 span,
.news-sidebar2 li:nth-child(2) h2 span {
    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px;
    /* 100% */

    display: block;

    margin-bottom: 10px;
}

.news-sidebar1 li:nth-child(1) a:hover h2,
.news-sidebar2 li:nth-child(2) a:hover h2 {
    color: #BBA45F;
}

.news-item a+a {
    margin-top: 20px;
}
.news-div-div .col-md-6{
padding-left: 8px;
padding-right: 80x;
}

.main-swiper {

    margin-bottom: 20px;
}

.main-swiper .swiper-slide {}

.main-swiper .swiper-slide a {}

.main-swiper .swiper-slide a img {
    height: 390px;
    object-fit: cover;
}

.main-swiper .swiper-slide a h2 {
    color: #FFF;
    font-family: "Noto Sans SC";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    /* 150% */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);
    margin: 0px;
    position: absolute;
    bottom: 0px;
    padding: 20px;
    width: 100%;
}

.main-swiper .swiper-slide a h2 span {

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 16px;
    /* 100% */

    display: block;

    margin-bottom: 10px;
}

.main-swiper .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background-color: rgba(255, 255, 255, 1);
}

.main-swiper .swiper-pagination {
    top: 20px;

    bottom: auto;

    text-align: right;
    padding-right: 30px;
}

.main-swiper .swiper-pagination-bullet-active {

    background-color: #fff;
}

.main-swiper1 {
    margin-top: 20px;
    margin-bottom: 0px;
}

.main-swiper1 .bofang-btn {

    position: absolute;

    font-size: 52px;

    color: #fff;

    left: 50%;

    transform: translateX(-50%);

    top: 40%;
}

.public-service {
    background: url(../img/public-service.png) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0px 60px;
}

.public-service-div {

border: 1px solid #FFF;

background: linear-gradient(103deg, rgba(255, 255, 255, 0.60) 3.32%, rgba(255, 255, 255, 0.60) 100%);

box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.06);

padding: 30px  30px 15px;

margin-top: 50px;

margin-bottom: 30px;

min-height: 310px;
}

.public-service-div-title {



    margin-bottom: 0px;

    position: relative;

    z-index: 1;
}

.public-service-div-title a,
.public-service-div-title span {
    color: #000;

    font-family: "Noto Sans SC";

    font-size: 28px;

    font-style: normal;

    font-weight: 700;

    line-height: 28px;
    /* 100% */
}

.public-service-div-title a {
    display: block;
}

.public-service-div-title::before {
    content: '';
    width: 28px;
    height: 28px;
    border: 7px #BBA45F solid;
    border-radius: 100%;
    position: absolute;
    z-index: 0;
    left: -14px;
    top: -6px;
}

.public-service-div-title span {
    position: relative;
}

.public-service-div-p {

    color: var(---, #757575);

    font-family: "Noto Sans SC";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 22px;
    /* 157.143% */

    padding-top: 16px;

    padding-bottom: 30px;

    border-bottom: 1px #e0e0e0 solid;
}

.public-service-list {}

.public-service-list li {

    position: relative;

    padding: 15px 0px;
}

.public-service-list li a {

    color: #000;

    font-family: "Noto Sans SC";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    overflow: hidden;

    display: block;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 85%;
}

.public-service-list li a:hover {
    color: #BBA45F;
}


.public-service-list li i {

    position: absolute;

    right: 0px;

    top: 15px;

    color: rgba(0, 0, 0, 0.8);
}

.public-service-list1 {}

.public-service-list1 li {

    padding: 15px 0px;

    width: 50%;

    float: left;
}

.public-service-list1 li a {

    overflow: hidden;

    color: #000;

    text-overflow: ellipsis;

    font-family: "Noto Sans SC";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;
}

.public-service-list1 li a:hover {
    color: #BBA45F;
}


.public-service-list1 li i {

    padding-left: 50px;
}

.public-service-div1 .public-service-div-p {
    padding-bottom: 0px;
    padding-top: 0px;
    display: inline-block;
    border-bottom: none;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 15px;
}

.public-service-div1 {
    min-height: auto;
    margin-top: 0px;
}

.public-service-div1 .icon-you {
    float: right;
    color: rgba(0, 0, 0, 0.8);
}

.public-service-div1 .public-service-div-title {
    margin-top: 0px;
    padding-bottom: 20px;
    border-bottom: 1px #e0e0e0 solid;
    margin-bottom: 10px;
}

.news-div-div {
    margin-top: 40px;
    margin-left: -8px;
    margin-right: -8px;
}
























.hero-section {
    background: url(../img/car-div-bg.png) no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: 100% 85%;
    background-position-y: top;
    background-color: #fff;
    padding-bottom: 50px;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
}

/*  Updated industry tabs to match design layout */
.industry-tabs {
    position: relative;
    display: flex;
    height: 520px;

}

.industry-tabs.health {
    background: url(../img/health-bg.png) no-repeat;
    background-size: cover;
}

.industry-tabs.fashion {
    background: url(../img/fashion-bg.png) no-repeat;
    background-size: cover;
}

.industry-tabs.automotive {
    background: url(../img/car-bg.png) no-repeat;
    background-size: cover;
}

.industry-tabs.equipment {
    background: url(../img/equipment-bg.png) no-repeat;
    background-size: cover;
}

.industry-tab {
    flex: 1;
    background: rgba(0, 0, 0, 0.1);
    color: white;
    padding: 50px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    text-align: center;
    position: relative;
    border-right: 1px rgba(255, 255, 255, 0.5) solid;
}

.industry-tab:hover {}

.industry-tab.active {
    color: white;
    background: #BBA45F;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}

.industry-tab.active::before {
    content: '';
    width: 100%;
    height: 30px;
    background: #BBA45F;
    position: absolute;
    bottom: -30px;
    left: 0px;
}

.industry-tab.active::after {
    content: '';
    border-left: 10px transparent solid;
    border-right: 10px transparent solid;
    border-top: 10px #BBA45F solid;
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
}

.industry-tab i {
    font-size: 60px;
    margin-bottom: 8px;
    color: #bba45f;
}


.industry-tab h5 {
    margin-bottom: 4px;
    font-family: "Noto Sans SC";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 100% */
    color: #fff;
    /* padding-right: 50px;
    text-align: left; */
}

.industry-tab small {
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 100% */
    margin-top: 10px;
}

.industry-tab p {
    color: #FFF;
    font-family: "Noto Sans SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 185.714% */
    text-align: left;
    display: none;
}

.industry-tab.active p {
    display: block;
}

.industry-tab.active small {

    display: block;

    width: 100%;

    text-align: left;

    padding-bottom: 30px;

    border-bottom: 1px rgba(255, 255, 255, 0.4) solid;

    margin-bottom: 30px;
}

.industry-tab.active h5 {
    padding-right: 50px;
    text-align: left;
}

.industry-tab.active i {

    color: #fff;

    position: absolute;

    right: 29px;

    top: 55px;

    margin-bottom: 0px;

    font-size: 50px;
}

/*  Updated content section to match golden box design */
.content-section {
    position: relative;
    z-index: 5;
    padding-top: 60px;
    background-color: #fff;
}

.industry-content {
    display: none;
    min-height: 200px;
}

.industry-content.active {
    display: block;
}

.industry-content.automotive {}

.industry-content h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.industry-content p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 10px;
}

/*  Updated sub-tabs section styling */
.sub-tabs-section {
    background: #fff;
    padding: 30px 0;
}

.sub-tabs {
    margin-bottom: 20px;
}

.sub-tab {
    background: transparent;
    border: none;
    padding: 15px 19px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
    color: var(---, #757575);
    font-family: "Noto Sans SC";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 100% */
}

.sub-tab:hover {
    color: #d4a574;
}

.sub-tab.active {
    color: #18316B;
    font-size: 40px;
    line-height: 40px;
    border-bottom: 10px #BBA45F solid;
    display: inline-block;
    padding: 10px 0px 0px 0px;
}

/*  Updated exhibitor cards to match design exactly */
.exhibitor-grid {
    display: none;
    padding-bottom: 30px;
}

.exhibitor-grid.active {
    display: block;
}


.breadcrumb {
    /* position: absolute; */
    top: 30px;
    right: 0px;
    background-color: transparent;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    padding-right: 0px;
}

.breadcrumb li {
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    text-align: left;
}

.breadcrumb li>i {
    color: #888;
    font-size: 14px;
}

.breadcrumb li a i {
    font-size: 18px;
}

.breadcrumb li a,
.breadcrumb li.active {
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    text-align: left;
}

.breadcrumb li:first-child a {
    font-weight: 500;
    font-size: 16px;
    color: #18316B;
    line-height: 19px;
    text-align: left;
}

.breadcrumb-fff li>i,
.breadcrumb-fff li,
.breadcrumb-fff li:first-child a,
.breadcrumb-fff li a,
.breadcrumb-fff li.active {
    color: #fff;
}

.My-Collection-list {
    margin: 0px -15px;
}

.My-Collection-list li {
    margin-bottom: 20px;
    position: relative;
}

.My-Collection-list li a {
    display: block;
    background-color: #f6f7f8;
    padding: 25px 20px;
    transition: all 0.35s;
}

.My-Collection-list li.Collection-detail a .img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    display: flex;
    float: left;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden;
}

.My-Collection-list li a>.img img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    background-color: #fff;
}

.My-exhibit-list li.Collection-detail a .content {

    width: calc(100% - 135px);

    float: left;
}

.My-Collection-list li a .content h4 {
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    line-height: 22px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.My-Collection-list li a .content p.detail-span span {
    text-align: left;
    color: #757575;
    font-family: "Noto Sans SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 114.286% */
}

.My-Collection-list li a .content p.detail-span span i {


    margin-right: 4px;
}

.My-Collection-list li a .content .bjxq {
    color: #757575;
    font-family: "Noto Sans SC";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    /* 100% */
    border-radius: 37.5px;
    padding: 7px 15px;
    background: #FFF;
    margin-top: 20px;
    display: inline-block;
}

.My-Collection-list li a:hover {
    background-color: #BBA45F;
    transform: translateX(5px);
}

.My-Collection-list li a:hover .content p.detail-span span,
.My-Collection-list li a:hover .content h4 {
    color: #fff;
}

.My-Collection-list li a:hover .content .bjxq {
    color: #BBA45F;
}


#Pagination {
    text-align: right;
    margin-bottom: 20px;
    margin-top: 20px;
}

.pagination {
    margin-top: 0px;
}

.pagination a {
    font-weight: 500;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.65);
    line-height: 22px;
    padding: 9px 0px;
    margin: 5px 7px;
    background: #fff;
    display: inline-block;
    text-align: center;
    color: #000 !important;
    min-width: 40px;
    border-radius: 100%;
    min-height: 40px;
    cursor: pointer;
}

.pagination a i {
    font-size: 17px;
}

.pagination a.next,
.pagination a.prev {
    border-color: transparent;
}

.pagination input.topage {
    width: 60px;
    height: 38px;
    background-color: #fff;
    margin: 0px 5px;
    border-radius: 40px !important;
    border: none;
    color: #000;
}

.pagination .page-num {
    width: 100px;
    color: #000;
    padding: 0px 13px;
    border: none;
    border-radius: 40px !important;
    margin: 5px 15px 5px 7px;
    background: none;
    background-color: #fff;
    height: 38px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.pagination .page-num:focus {
    background-color: #fff !important;
}

.pagination input.topage:focus,
.pagination a:hover,
.pagination a:focus {
    color: #18316B !important;
}

.pagination input.topage:focus {
    background-color: #fff !important;
}

.pagination a.current {
    color: #fff !important;
    background: #18316B;
}

.pagination a:hover i {
    color: #18316B;
}

.pagination span {
    position: relative;
}

.pagination i.xiala-icon {
    position: absolute;
    left: -47px;
    top: -3px;
    font-size: 18px;
    color: #18316b;
    z-index: 0;
}

.three-item-slider {
    padding: 40px 0px 90px;
}

.three-item-slider .swiper-wrapper {
    height: auto;
}

.three-item-slider .swiper-slide {
    overflow: hidden;
    transition: .3s;
    background: #fff;
}

.three-item-slider .swiper-slide img {
    /*    height: 300px;
    width: auto;
    object-fit: contain;*/
    margin: 0px auto;
    display: block;
}

.three-item-slider .swiper-slide .info-cont {
    padding: 18px;
    border-top: 1px #eee solid;
    min-height: 151.89px;
}

.three-item-slider .swiper-slide .info-cont h4 {
    height: 57px;
    color: #000;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    display: -webkit-box;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 10px;
}

.three-item-slider .swiper-slide .info-cont span {
    color: #757575;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.three-item-slider .swiper-slide:hover {
    margin-top: -10px;
    margin-bottom: 10px;
}

.three-item-slider .swiper-button-next,
.three-item-slider .swiper-button-prev {
    bottom: 0px;
    top: auto;
    background-color: #BBA45F;
    width: 58px;
    height: 58px;
    border-radius: 100%;
}

.three-item-slider .swiper-button-next {}

.three-item-slider .swiper-button-prev {

    left: auto;

    right: 120px;
}

.three-item-slider .swiper-button-next::after,
.three-item-slider .swiper-button-prev::after {

    color: #fff;

    font-size: 25px;
}

.three-item-slider .swiper-pagination-progressbar {

    bottom: 24px;

    top: auto;

    width: 80%;

    border-radius: 4px;
}

.three-item-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background-color: #BBA45F;

    border-radius: 4px;
}

.three-item-slider .swiper-slide:hover {
    background-color: #BBA45F;
}

.three-item-slider .swiper-slide:hover .info-cont span,
.three-item-slider .swiper-slide:hover .info-cont h4 {
    color: #fff;
}

.Huizhan-Scanning {
    background-color: #f6f7f8;
    padding: 80px 0px;
}

.activities-ewm-title {
    font-family: "Noto Sans SC";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 100% */

    color: #000000;

    text-align: left;
    padding-top: 0px;
    position: relative;
    padding-left: 8px;
    z-index: 1;
}

.activities-ewm-title a {
    color: #000;
}

.activities-ewm-title::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #BBA45F;
    position: absolute;
    left: -2px;
    z-index: -1;
    top: -2px;
}

.exhibitor-list {

    margin-left: -10px;

    margin-right: -10px;
}

.exhibitor-list li {

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 20px;
}

.exhibitor-list li a {

    display: block;

    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
}

.exhibitor-list li a img {
    height: 253px;
    object-fit: contain;
    margin: 0px auto;
    width: 100%;
}

.exhibitor-list li a .content {
    border-top: 1px solid #E0E0E0;
    background: #FFF;
    padding: 20px 15px;
}

.exhibitor-list li a .content h4 {
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 144.444% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    margin-top: 0px;
}

.exhibitor-list li a .content p.exhibit-p {
    overflow: hidden;
    color: var(---, #757575);
    text-overflow: ellipsis;
    font-family: "Noto Sans SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 157.143% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    margin-bottom: 0px;
}

.exhibitor-list li a:hover .content .exhibit-p,
.exhibitor-list li a:hover .content h4 {
    color: #BBA45F;
}

.Exhibition-Manager .public-title a.public-titltimg-gd {
    color: #fff !important;
}

.cgxq-div {
    overflow: hidden;
    padding-top: 50px;
}

.three-item-swiper {}

.three-item-swiper {
    padding: 40px 0px;
}

.three-item-swiper .owl-stage-outer {
    overflow: initial !important;
}

.three-item-swiper .item {
    overflow: hidden;
    transition: .3s;

}

.three-item-swiper .item:hover {}

.three-item-swiper .item img {
    height: 400px;
    object-fit: contain;
    background-color: #fff;
}

.three-item-swiper .item .info-cont {
    padding: 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
    width: 100%;
}

.three-item-swiper .item .info-cont h4 {
    color: #fff;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    display: -webkit-box;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 15px;
}

.three-item-swiper .item .info-cont span {
    color: #757575;
    font-size: 14px;

    align-items: center;
    display: none;
}

.three-item-swiper .item:hover {
    transform: scale(1.07, 1.15);
}

.three-item-swiper .item:hover .info-cont span {
    display: flex;
    color: rgba(255, 255, 255, 0.9);
}

.three-item-swiper .item:hover .info-cont span i {
    margin-right: 5px;
}

.three-item-swiper .item:hover .info-cont {
    background: #BBA45F;
}

.three-item-swiper .item .price-quotation {

    color: #fff;

    position: absolute;

    right: 18px;

    bottom: 24px;
    display: none;
}

.three-item-swiper .item .price-quotation i {
    width: 32px;
    height: 32px;
    display: inline-flex;
    background-color: #fff;
    border-radius: 100%;
    color: #BBA45F;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.three-item-swiper .item:hover .price-quotation {
    display: inline-block;
}

.three-item-swiper .owl-nav {
    display: none;
}

.owl-dots {
    text-align: center;

}

.owl-dots .owl-dot {}

.three-item-swiper .owl-dots .owl-dot span {
    height: 5px;
    width: 30px;
    margin: 0px 2px;
}

.three-item-swiper .owl-dots .owl-dot.active span {
    background: #18316B;
}

.three-item-swiper .owl-dots {
    margin-top: 40px;
}

.three-item-swiper .owl-dots .owl-dot {}

.three-item-swiper .owl-dots .owl-dot span {}

.jyfwpt-jbh {

    padding: 100px 0px;
    position: relative;
    overflow: hidden;
}

.jyfwpt-jbh::before {
    content: '';
    width: 408px;
    height: 100%;
    background: #BBA45F;
    position: absolute;
    left: 0px;
    top: 0px;
}


.jypt-item-swiper {
    overflow: initial !important;
    padding-bottom: 100px;
    padding-top: 40px;
}

.jypt-item-swiper .swiper-slide {}

.jypt-item-swiper .swiper-slide a {
    display: block;
    background-color: #fff;
    padding: 30px 20px;
    position: relative;
}

.jypt-item-swiper .swiper-slide img {

    height: 78px;

    width: auto;

    max-width: 90%;
}

.jypt-item-swiper .swiper-slide p {

    color: #000;

    font-family: "Noto Sans SC";

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 30px;
    /* 150% */

    margin-bottom: 0px;

    height: 60px;

    margin-top: 15px;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: break-spaces;

    display: -webkit-box;
}

.jypt-item-swiper .swiper-slide i {

    position: absolute;

    right: 20px;

    top: 35px;

    font-size: 24px;

    color: #bebebe;
}

.jypt-item-swiper .swiper-slide a:hover i {
    color: #BBA45F;
}

.jypt-item-swiper .swiper-slide a:hover {
    margin-top: -10px;
}

.jypt-item-swiper .swiper-button-next,
.jypt-item-swiper .swiper-button-prev {
    bottom: 0px;
    top: auto;
    background-color: #18316B;
    width: 58px;
    height: 58px;
    border-radius: 100%;
}

.jypt-item-swiper .swiper-button-next {}

.jypt-item-swiper .swiper-button-prev {

    left: auto;

    right: 120px;
}

.jypt-item-swiper .swiper-button-next::after,
.jypt-item-swiper .swiper-button-prev::after {

    color: #fff;

    font-size: 25px;
}

.jypt-item-swiper .swiper-pagination-progressbar {

    bottom: 24px;

    top: auto;

    width: 80%;

    border-radius: 4px;
}

.jypt-item-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background-color: #18316B;

    border-radius: 4px;
}

.jbdt-news {

    background-color: #fff;

    padding: 80px 0px;
}

.jbdt-list {

    margin-top: 40px;
}

.jbdt-list li {}

.jbdt-list li+li {
    margin-top: 20px;
}

.jbdt-list li a {
    background-color: #fff;
    display: block;
    box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.08);
}

.jbdt-list li a img {

    height: 252px;
    object-fit: contain;
    display: block;
    margin: 0px auto;
}

.jbdt-list li a div.content {

    background-color: #fff;

    padding: 20px 15px;

    box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.08);
}

.jbdt-list li a div.content h4 {

    margin-top: 0px;

    overflow: hidden;

    color: #000;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-family: "Noto Sans SC";

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px;
    /* 144.444% */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: break-spaces;

    display: -webkit-box;

    height: 52px;

    margin-bottom: 20px;
}

.jbdt-list li a div.content span {

    color: #757575;

    font-family: "Noto Sans SC";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    padding-top: 20px;

    display: block;

    border-top: 1px #e0e0e0 solid;
}

.jbdt-list li a:hover div.content span,
.jbdt-list li a:hover div.content h4 {
    color: #BBA45F;
}

.jbh-News-owl {

    margin-top: 40px;
}

.jbh-News-owl .owl-item .item {}

.jbh-News-owl .owl-item .item img {

    height: 520px;

    object-fit: cover;
}

.jbh-News-owl .owl-item .item .content {

    background-color: #BBA45F;

    color: #fff;

    padding: 30px 40px;
}

.jbh-News-owl .owl-item .item .content .title {

    margin-top: 0px;

    overflow: hidden;

    color: #fff;

    text-overflow: ellipsis;

    font-family: "Noto Sans SC";

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 34px;
    /* 141.667% */

    white-space: nowrap;
}

.jbh-News-owl .owl-item .item .content .detail {

    font-family: "Noto Sans SC";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 22px;
    /* 157.143% */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: break-spaces;

    display: -webkit-box;

    height: 44px;

    margin-bottom: 31px;
}

.jbh-News-owl .owl-item .item .content .date {

    border-top: 1px rgba(255, 255, 255, 0.2) solid;

    padding-top: 30px;

    position: relative;
}

.jbh-News-owl .owl-item .item .content .date span {

    color: var(---, #FFF);

    font-family: "Noto Sans SC";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;
}

.jbh-News-owl .owl-item .item .content .date p {

    position: absolute;

    right: 30px;

    bottom: 0px;

    margin-bottom: 0px;
}

.jbh-News-owl .owl-item .item .content .date p i {

    width: 29px;

    height: 29px;

    display: inline-flex;

    background-color: #fff;

    border-radius: 100%;

    color: #BBA45F;

    align-items: center;

    justify-content: center;

    margin-right: 5px;
}

.jbh-News-owl .owl-nav {
    display: none;
}

.jbh-News-owl .owl-dots {

    position: absolute;

    width: 100%;

    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);

    padding: 20px 0px;

    bottom: 231px;
}

.jbh-News-owl .owl-dots .owl-dot {}

.jbh-News-owl .owl-dots .owl-dot span {

    background-color: rgba(255, 255, 255, 0.5);
}

.jbh-News-owl .owl-dots .owl-dot.active span {

    background-color: #fff;
}

.fwjb-jbh {

    padding-top: 30px;
}

.fwjb-jbh-bg {
    background: url(../img/fwjb-hkt-bg.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 20px;
}

ul.fwjb-jbh-tabs {

    border: none !important;

    background-color: rgb(9 32 86 / 30%);
}

ul.fwjb-jbh-tabs li {

    width: 25%;

    bottom: 0px !important;
}

ul.fwjb-jbh-tabs li a {

    color: #FFF;

    font-family: "Noto Sans SC";

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;
    /* 100% */

    border-bottom: none !important;

    margin-right: 0px;

    border-radius: 0px !important;

    padding: 38px 0px !important;
}

ul.fwjb-jbh-tabs li+li {

    border-left: 1px rgba(255, 255, 255, 0.2) solid;

    margin-left: 0px;
}

ul.fwjb-jbh-tabs li a i {

    font-size: 28px;

    margin-right: 5px;
}

ul.fwjb-jbh-tabs li.active {

    background-color: #BBA45F !important;

    border-left: none;
}

ul.fwjb-jbh-tabs li:nth-child(1).active {
    background-image: url(../img/icon1-bg.png);
    background-size: auto 79px;
    background-position-x: right;
    background-position-y: 17px;
    background-repeat: no-repeat;
}

ul.fwjb-jbh-tabs li:nth-child(2).active {
    background-image: url(../img/icon2-bg.png);
    background-size: auto 79px;
    background-position-x: right;
    background-position-y: 17px;
    background-repeat: no-repeat;
}

ul.fwjb-jbh-tabs li:nth-child(3).active {
    background-image: url(../img/icon3-bg.png);
    background-size: auto 79px;
    background-position-x: right;
    background-position-y: 17px;
    background-repeat: no-repeat;
}

ul.fwjb-jbh-tabs li:nth-child(4).active {
    background-image: url(../img/icon4-bg.png);
    background-size: auto 79px;
    background-position-x: right;
    background-position-y: 17px;
    background-repeat: no-repeat;
}

ul.fwjb-jbh-tabs li.active a {

    margin-left: 0;

    background-color: transparent !important;

    color: #fff !important;

    font-size: 28px;

    position: relative;

    top: 10px;
}

ul.fwjb-jbh-tabs li.active::before {
    content: '';
    width: 100%;
    height: 20px;
    background-color: #BBA45F !important;
    position: absolute;
    bottom: -20px;
    left: 0px;
}

ul.fwjb-jbh-tabs li.active a i {
    font-size: 34px;
}

.fwjb-jbh-content {

    padding: 30px 0px;
}

.jgb-cyzp {

    margin: 20px -5px 50px;
}

.jgb-cyzp .col-lg-4 {

    padding-left: 5px;

    padding-right: 5px;

}

.jgb-cyzp .col-lg-4 .cyzp-links {
    background: #fff;
    display: block;
}

.jgb-cyzp .col-lg-4 .cyzp-links img {
    height: 353px;
    object-fit: contain;
    display: block;
    margin: 0px auto;
}

.jgb-cyzp .col-lg-4 .cyzp-links div {
    background: #fff;
    padding: 24px 20px;
    border-top: 1px #eee solid;
}

.jgb-cyzp .col-lg-4 .cyzp-links div h4 {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* 100% */
}

.jgb-cyzp .col-lg-4 .cyzp-links div p {
    color: #757575;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 100% */
}

.jgb-cyzp .col-lg-4 .cyzp-links1 {
    background: #FFF;
    display: flex;
    align-items: center;
}

.jgb-cyzp .col-lg-4 .cyzp-links1 img {
    width: 193px;
    height: 149px;
    object-fit: contain;
    background-color: #fff;
}

.jgb-cyzp .col-lg-4 .cyzp-links1 div {

    width: calc(100% - 193px);

    float: left;

    padding: 10px 15px;
}

.jgb-cyzp .col-lg-4 .cyzp-links1 div h4 {

    color: #000;

    font-family: "Noto Sans SC";

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px;
    /* 130% */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: break-spaces;

    display: -webkit-box;

    margin: 0px 0px 15px;
}

.jgb-cyzp .col-lg-4 .cyzp-links1+.cyzp-links1 {
    margin-top: 10px;
}

.jgb-cyzp .col-lg-4 .cyzp-links1 div p {

    color: #757575;

    font-family: "Noto Sans SC";

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;
    /* 100% */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: break-spaces;

    display: -webkit-box;

    margin-bottom: 0px;
}

.fwjb-cyzs-list {

    margin: 20px -5px 0px;
}

.fwjb-cyzs-list li {

    width: 16.666%;

    float: left;

    padding-left: 5px;

    padding-right: 5px;
    transition: all 0.5s;
}

.fwjb-cyzs-list li a {
    background: #FFF;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
    display: block;
    text-align: center;
}

.fwjb-cyzs-list li a img {
    height: 110px;
    object-fit: contain;
    padding: 10px 0px;
}

.fwjb-cyzs-list li span {
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 100% */
    display: block;
    margin-top: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fwjb-cyzs-list li:hover {
    margin-top: -10px;
}

.fwjb-cyzs-list li:hover span {
    color: #bba45f;
}

.text-fff {
    color: #fff;
}

.fwjb-jbh-content .system_list_con_title1 {}

.fwjb-jbh-content .system_list_con_title1 a {
    color: #fff;
}

.jgb-cyzp .col-lg-4 .cyzp-links:hover div,
.jgb-cyzp .col-lg-4 .cyzp-links1:hover {
    background-color: #BBA45F;
}

.jgb-cyzp .col-lg-4 .cyzp-links1:hover div h4,
.jgb-cyzp .col-lg-4 .cyzp-links1:hover div p,
.jgb-cyzp .col-lg-4 .cyzp-links:hover div h4,
.jgb-cyzp .col-lg-4 .cyzp-links:hover div p {
    color: #fff;
}

.bg-fff {
    background-color: #fff;
    padding: 25px;
    overflow: hidden;
    border-radius: 20px;
}

.activities-ewm-title24 {
    font-size: 23px;
    padding-bottom: 12px;
    border-bottom: 1px #e0e0e0 solid;
    margin-left: -30px;
    margin-right: -30px;
}

.activities-ewm-title24 span {
    padding-left: 30px;
    padding-right: 30px;
}

.activities-ewm-title24::before {
    left: 30px;
}

.bllc-img {
    margin: 30px 0px;
}

.bllc-img img {
    width: auto;
    margin: 0px auto;
    display: block;
    height: 600px;
}

.public-fff-div {
    background-color: #fff;
    padding: 20px 20px;
    overflow: hidden;
    margin-top: 30px;
    border-radius: 20px;
}

.bldz-div {
    margin-top: 10px;
}

.myfw-public-title {
    position: relative;
    margin-bottom: 30px;
    padding-left: 70px;
}

.myfw-public-title::before {
    content: '';
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #18316b, transparent);
    position: absolute;
    right: -80px;
    top: 35px;
}

.myfw-public-title span {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: #f6f7f8;
    position: relative;
}

.myfw-public-title span small {
    color: #000;
    font-size: 100%;
    font-weight: 700;
}

.myfw-public-title span i {

    color: #BBA45F;

    font-size: 52px;

    font-weight: 500;

    margin-right: 15px;

    position: absolute;

    left: -70px;

    top: 9px;
}

.wsdz-div {
    position: relative;
    padding-top: 10px;
    min-height: 155px;
}
.wsdz-div p a,

.wsdz-div p {
    color:  #000;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 157.143% */
}

.wsdz-div img {
    position: absolute;
    right: -15px;
    bottom: -30px;
}

.wsdz-div1 p {

width: calc(100% - 100px);
}

.wsdz-div1 p span {
    border-radius: 6px 6px 2px 6px;
    background: #18316B;
    color: #FFF;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    padding: 2px 7px;
    margin-right: 5px;
}

.wsdz-div2 p {
    width: calc(100% - 100px);
    margin-bottom: 0px;
}

.wsdz-div3 p {/* width: calc(100% - 100px); */}

.wsdz-div1 img {

    width: 100px;

    top: auto;

    bottom: -30px;
}

.wsdz-div2 img {
    width: 130px;
}

.wsdz-div3 img {

    width: 100px;
}

.zxfs-div {
    margin-top: 40px;
}

.zxfs-div-list {

    margin: 30px -10px 0px;
}

.zxfs-div-list li {

    width: 25%;

    float: left;

    padding-left: 10px;

    padding-right: 10px;
}

.zxfs-div-list li div.content {
    padding: 20px;
    border-radius: 16px;
    min-height: 203px;
}

.zxfs-div-list li div.content img {
    width: 28px;
    height: 28px;
    margin-bottom: 15px;
}

.zxfs-div-list li div.content h4,
.zxfs-div-list li div.content h4 a {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 157.143% */
    margin: 0px;
    word-break: break-all;
}

.zxfs-div-list li div.content-blue {

    background-color: #EEF3FF;
    background-image: url(../img/content-blue.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: right;
    background-position-y: top;
}

.zxfs-div-list li div.content-blue1 {

    background-color: #EEF3FF;
    background-image: url(../img/content-blue1.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: right;
    background-position-y: top;
}

.zxfs-div-list li div.content-yellow {

    background: #FDF7E5;
    background-image: url(../img/content-yellow.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: right;
    background-position-y: top;
}

.zxfs-div-list li div.content-success {

    background-color: #EEF8E9;
    background-image: url(../img/content-success.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: right;
    background-position-y: top;
}

.zxfs-div-list li div.content-org {

    background-color: #FAF3EF;
    background-image: url(../img/content-org.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: right;
    background-position-y: top;
}

.sqclml-div {

    margin-top: 40px;

    margin-bottom: 40px;
}

.sqclml-div-left {

    width: 60%;

    float: left;
}

.sqclml-div-left-list {

    margin-top: 30px;
}

.sqclml-div-left-list li {
    margin-top: 10px;
}

.sqclml-div-left-list li a {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
    /* 150% */
    border-radius: 10px;
    display: block;
    position: relative;
    padding: 10px 40px 10px 15px;
    cursor: default;
}

.sqclml-div-left-list li a span {
    border-radius: 6px 6px 2px 6px;
    background: #BBA45F;
    color: #FFF;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    /* 100% */
    padding: 2px 7px;
    margin-right: 5px;
}

.sqclml-div-left-list li a i {
    display: none;
}

.sqclml-div-left-list li.active a {

background: #BBA45F;

color: #fff;
}

.sqclml-div-left-list li.active a span {
    background-color: #fff;
    color: #BBA45F;
}

.sqclml-div-left-list li.active a i {
    right: 10px;
    display: block;
    position: absolute;
    top: 10px;
    display: none;
}

.sqclml-div-left-list li.no-tab a {
    /* color: #7E7E7E; */
    cursor: no-drop;
}

.sqclml-div-left-list li.no-tab a span {

    /* background: #7E7E7E; */
}

.sqclml-div-right .tab-pane {
    display: none;
}

.sqclml-div-right .tab-pane.active {
    display: block;
}

.sqclml-div-right {

    width: 40%;

    float: left;

    padding: 20px 0px 20px 50px;
}

.sqclml-div-right-content img {
    height: 340px;
    margin: 0px auto;
    display: block;
    width: auto;
    border: 1px solid #E0E0E0;
    background: #FFF;
    box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.12);

}

.sqclml-div-right-content p.upload-p {
    color: #000;
    text-align: center;
    font-family: "Noto Sans SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    /* 100% */
    margin-top: 20px;
}

.sqclml-div-right-content p.upload-p a {
    border-radius: 10px;
    background: #18316B;
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    /* 100% */
    padding: 10px 10px;
    display: inline-block;
}

.sqclml-div-right-content p.upload-p a+a {

    margin-left: 10px;
}

.bllc-p {
    margin-top: 30px;
}

.bllc-p p a,
.bllc-p p {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    /* 157.143% */
    margin-bottom: 15px;
}

.wsdz-div-tbdw {
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    min-height: 350px;
}

#tab-2 .col-md-4 .wsdz-div-tbdw {
    min-height: 185px;
}

#tab-2 .col-md-4 .wsdz-div2 img {
    /* bottom: auto; */
    /* top: 40px; */
}

.wsdz-div-tbdw p a,
.wsdz-div-tbdw p {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
}

.wsdz-div-tbdw img {

height: 150px;

width: auto;

margin-right: -20px;

margin-bottom: -20px;

bottom: -60px;

max-width: 100%;

position: relative;
}

.col-md-6 .wsdz-div-tbdw {
    min-height: 260px;
}
.col-md-6 .wsdz-div-tbdw img {
    bottom: -130px;
    margin-left: 10px;
}

.col-sm-30 {
    width: 33.33% !important;
}

.col-sm-50 {
    width: 50% !important;
}

.zxfs-div-list1 div.content h2 {

    color: var(---, #000);

    font-family: "Noto Sans SC";

    font-size: 18px;

    font-style: normal;

    font-weight: 700;

    line-height: 26px;
    /* 144.444% */

    margin-top: 0px;

    margin-bottom: 15px;
}

.zxfs-div-list li div.content h4 {

    /* display: flex; */

    align-items: center;
}

.zxfs-div-list li div.content h4 img {
    width: 20px;
    height: 20px;
    margin-bottom: 0px;
    margin-right: 6px;
}

.balc-div {
    margin-top: 40px;
}

.balc-div-list {
    margin-left: -30px;
    margin-right: -30px;
}

.balc-div-list li {

    width: 33.33%;

    padding-left: 30px;

    padding-right: 30px;

    float: left;

    position: relative;
}

.balc-div-list li .li-div {}

.balc-div-list li .li-div h4 {
    color: #FFF;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 100% */
    border-radius: 16px 16px 0 0;
    padding: 16px 20px;
    margin-bottom: 0PX;
}

.balc-div-list li .li-div .content {
    padding: 16px;
    border-radius: 0 0 16px 16px;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    min-height: 372px;
}
.balc-div-list li .li-div .content p a,
.balc-div-list li .li-div .content p {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 157.143% */
}

.bg-18316B {
    background-color: #18316B;
}

.bg-BBA45F {
    background-color: #bba45f;
}

.blfs-div {
    margin: 40px 0px;
}

.balc-div-list li::before {
    content: '';
    width: 41px;
    height: 16px;
    background: url(../img/Union.png) no-repeat;
    position: absolute;
    background-size: 100% auto;
    right: -15px;
    top: 50%;
}

.balc-div-list li:last-child:before {
    background: none;
}

.content-org1 {
    background-color: #FAF3EF;
    background-image: url(../img/content-org1.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: right;
    background-position-y: top;
}

.jnjb-bottom-list {

    background-color: #fff;

    margin: 40px 0px 40px;

    padding: 30px 20px 20px 20px;
}

.jnjb-bottom-list li {

    padding-left: 30px;

    padding-right: 30px;

    width: 33.33%;

    float: left;
}

.jnjb-bottom-list li h4 {

    color: #000;

    font-family: "Noto Sans SC";

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    margin-top: 0px;

    margin-bottom: 0px;
}

.jnjb-bottom-list li h4 i {

    color: #BBA45F;

    font-weight: 500;

    font-size: 30px;

    margin-right: 8px;
}

.jnjb-bottom-list li div.content {

    border-top: 1px #e0e0e0 solid;

    padding-top: 15px;

    margin-top: 20px;
}

.jnjb-bottom-list li div p {

    color: #000;

    font-family: "Noto Sans SC";

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;
    /* 175% */
}

.gjjkyhqd-div-content {
    display: flex;
    justify-content: center;
}

.gjjkyhqd-div>p {

    color: var(---, #000);

    font-family: "Noto Sans SC";

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 25px;
    /* 157.143% */

    margin-top: 20px;

    text-align: center;
}

.gjjkyhqd-div-content-left {
    width: 40%;
    display: inline-block;
    float: left;
    border-radius: 20px 0 0 20px;
    background: var(---, #EEF3FF);
    padding: 20px 20px 0px;
    margin-top: 20px;
}

.gjjkyhqd-div-content-right {
    width: 40%;
    display: inline-block;
    border-radius: 0 20px 20px 0;
    background: #FDF7E5;
    padding: 20px 20px 0px;
    margin-top: 20px;
}

.gjjkyhqd-div-content-left h4,
.gjjkyhqd-div-content-right h4 {

    color: #fff;

    text-align: center;

    font-family: "Noto Sans SC";

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 24px;
    /* 171.429% */

    padding: 15px 20px;

    border-radius: 20px;

    margin: 0px;
}

.gjjkyhqd-div-content-left p,
.gjjkyhqd-div-content-right p {

    color: var(---, #000);

    font-family: "Noto Sans SC";

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 25px;
    /* 157.143% */

    margin-bottom: 0px;

    padding: 0px 0px;

    border-bottom: 1px #e0e0e0 solid;

    height: 102px;

    display: flex;

    align-items: center;
}

.gjjkyhqd-div {
    margin: 40px 0px;
}


.null-data {
    min-height: 500px;
    padding: 200px;
    margin-bottom: 40px;
}

.null-data img {
    width: 200px;
    display: block;
    margin: 20px auto;
}

.null-data p {
    font-weight: 400;
    font-size: 16px;
    color: #757575;
    line-height: 20px;
    text-align: center;
}

.bg-f6f7f8 {
    background-color: #f6f7f8;
}


.logo-modal {
    top: 40px;
}

.logo-modal .modal-content {
    max-width: 530px;
    border-radius: 20px;
    background: url(../img/login-bg.png) no-repeat;
    background-color: #fff;
    background-size: 100% auto;
    display: block;
    margin: 0px auto;
    box-shadow: none;
    border: none;
}

.Information-modal.modal.in .modal-dialog {
    max-width: 1060px;
    width: auto;
}

.Information-modal .modal-content {
    /* max-width: 80%; */
    border-radius: 20px;
    background: url(../img/login-bg.png) no-repeat;
    background-color: #fff;
    background-size: contain;
    box-shadow: none;
    border: none;
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    font-weight: bold;
    font-size: 28px;
    color: #18316B;
    line-height: 28px;
    text-align: center;
    padding: 60px 0px 0px;
}

.logo-modal .modal-title img {
    max-width: 180px;
}

.logo-modal.modal-body {}

.ewm-login {
    padding: 0px 45px 20px;
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    font-weight: bold;
    font-size: 28px;
    color: #18316B;
    line-height: 28px;
    text-align: center;
    padding: 60px 0px 0px;
}

.logo-modal .modal-title img {
    max-width: 180px;
}

.logo-modal.modal-body {}

.ewm-login {
    padding: 0px 45px 20px;
}

.frlogin-tabs {
    text-align: center;
    margin-bottom: 40px;
}

.frlogin-tabs.nav>li {
    display: inline-block;
}

.frlogin-tabs.nav>li>a {
    padding-bottom: 1;
    font-family: Noto Sans SC, Noto Sans SC;
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    line-height: 18px;
    padding-bottom: 20px;
}

.frlogin-tabs.nav>li.active>a {
    color: #18316B;
    position: relative;
}

.frlogin-tabs.nav>li.active>a::before {
    content: '';
    height: 2px;
    width: 54%;
    background-color: #18316B;
    position: absolute;
    bottom: 0px;
    left: 23%;
}

.login-form {
    padding-right: 0px;
}

.login-form .form-group {
    border-radius: 10px 10px 10px 10px;
    position: relative;
}

.login-form .form-group input {
    height: 52px;
    display: inline-block;
    width: 100%;
    border: none;
    padding-left: 45px;
    background-color: #F6F7F8;
    border-radius: 6px !important;
}

.login-form .form-group i {}

.login-form .form-group img {
    width: 18px;
    position: absolute;
    top: 18px;
    left: 15px;
}

.login-form .form-group .btn-login {
    width: 100%;
    font-weight: 500;
    font-size: 17px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    padding: 13px 0px;
    background: #18316B;
    border-radius: 10px 10px 10px 10px;
    margin-top: 25px;
}

.procure-form .form-group .checkbox-inline,
.Information-form .form-group .checkbox-inline,
.login-form .form-group .checkbox-inline {
    font-size: 12px;
    color: #757575;
}

.procure-form .form-group .checkbox-inline a,
.Information-form .form-group .checkbox-inline a,
.login-form .form-group .checkbox-inline a {
    /* font-size: 12px; */
    color: #18316B;
}

.procure-form .form-group .checkbox-inline a {
    font-size: 14px;
}

.procure-form .form-group .checkbox-inline input,
.Information-form .form-group .checkbox-inline input,
.login-form .form-group .checkbox-inline input {
    height: auto;
    width: auto;
}

.Information-form .form-group textarea:focus,
.Information-form .form-group textarea:focus-visible,
.Information-form .form-group select:focus,
.Information-form .form-group select:focus-visible,
.Information-form .form-group input:focus,
.Information-form .form-group input:focus-visible,
.login-form .form-group input:focus,
.login-form .form-group input:focus-visible {
    outline: none;
}

.tips-form {
    font-size: 12px;
    color: #757575;
    margin-bottom: 5px;
}

.obtain-number {
    background: #18316B;
    border-radius: 10px 10px 10px 10px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 14px;
    text-align: center;
    padding: 13px 12px;
    border: none;
    position: absolute;
    min-width: 94px;
    right: 6px;
    top: 6px;
}

.ewm-login .tab-pane {
    display: none !important;
}

.ewm-login .tab-pane.active {
    display: block !important;
}

.login-form .form-group.phone-type input {
    padding-left: 100px;
}

.login-form .form-group.phone-type img {
    left: 74px;
}

.phone-type select {
    position: absolute;
    top: 0px;
    background-color: transparent;
    border: none;
    left: 15px;
    padding-right: 18px;
    height: 52px;
    color: #000;
    background-size: 10px 10px;
    background-position-x: 90%;
    /* padding-top: 5px;
padding-bottom: 5px; */
}

.logo-modal .modal-header .close {
    font-size: 32px;
}

.usertenter-left {
    background: #FFFFFF;
    margin-bottom: 40px;
}

.usertenter-menu {}

.usertenter-menu li {}

.usertenter-menu li+li {
    border-top: 1px solid #F5F5F5;
}

.usertenter-menu li a {
    font-family: Noto Sans SC, Noto Sans SC;
    font-weight: 400;
    font-size: 18px;
    color: #757575;
    line-height: 21px;
    text-align: left;
    display: block;
    padding: 26px 40px 26px 26px;
}

.bzcz-list {

    margin: 0px 0px 50px;

    background-color: #f6f7f8;

    padding-top: 20px;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 20px;

    border-radius: 0px 0px 10px 10px;
}

.bzcz-title {
    color: #fff;
    font-family: "Noto Sans SC";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    background: linear-gradient(90deg, #18316B 0%, #2B4B94 100%);
    padding: 15px;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    margin-bottom: 0px;
}

.bzcz-title i {

    font-weight: 400;

    font-size: 35px;

    margin-right: 5px;
}

.bzcz-title::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/bzcz-title-bg.png) no-repeat;
    background-size: auto 100%;
    background-position-x: right;
    position: absolute;
    left: 0px;
    top: 0px;
}

.bzcz-list li {

    width: 25%;

    float: left;

    padding-left: 10px;

    padding-right: 10px;
}

.bzcz-list li a {
    border-top: 3px solid #BBA45F;
    background: #fff;
    padding: 50px 30px;
    display: block;
    min-height: 420px;
    position: relative;
}

.bzcz-list li a span {
    color: #BBA45F;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 100% */
    display: block;
    margin-bottom: 12px;
}

.bzcz-list li a p {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    /* 150% */
    margin-bottom: 100px;
}

.bzcz-list li a i {
    color: #BBA45F;
    font-size: 80px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.bzcz-list li a:hover {
    background-color: #BBA45F;
}

.bzcz-list li a:hover span,
.bzcz-list li a:hover p,
.bzcz-list li a:hover i {
    color: #fff;
}

.bzcz-list-div {

    padding: 0px 10px;

    background-color: #f6f7f8;

    margin-bottom: 50px;

    border-radius: 0px 0px 10px 10px;
}

.bzcz-list-div {}

.bzcz-list-div>div {

    width: 50%;

    float: left;
}

.bzcz-list-div .bzcz-list {

    padding: 20px 0px;

    margin-bottom: 0px;
}

.bzcz-list-div .bzcz-list li {
    width: 50%;
}

.bzcz-list-div-title {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 100% */
    margin-top: 30px;
    padding-left: 15px;
}

.bzcz-list-div-title i {
    font-size: 30px;
    color: #18316B;
}
.bzcz-div{
    margin-top: 30px;
}
.swiper-num {

    position: absolute;

    width: 400px;

    left: 0px;

    bottom: 45px;

    padding: 0px 60px;

    left: 75px;

    z-index: 1;
}

.swiper-num .swiper-active,
.swiper-num .swiper-coun {
    color: #bba45f;
    font-family: DINPro;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.swiper-num .swiper-active {

    float: left;
}

.swiper-num .swiper-coun {

    float: right;
}

#u_login {
    padding: 0px 10px;
}

.zhgj-Swiper-one .swiper-wrapper {
    justify-content: center;
}

.zhgj-Swiper-one .swiper-button-next {
    display: none;
}

.zhgj-Swiper-one .swiper-button-prev {
    display: none;
}

.zhgj-null-data {

    margin-top: 30px;
    min-height: 400px;
    padding: 100px;
}

ul.bzcz-tabs {
    background: linear-gradient(90deg, #18316B 0%, #2B4B94 100%);
    padding: 0px;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    margin-bottom: 0px;
    position: relative;
}

ul.bzcz-tabs::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/bzcz-title-bg.png) no-repeat;
    background-size: auto 100%;
    background-position-x: right;
    position: absolute;
    left: 0px;
    top: 0px;
}

ul.bzcz-tabs>li {
    bottom: 0px!important;
}

ul.bzcz-tabs>li>a {
    color: #fff;
    font-family: "Noto Sans SC";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0px !important;
    background-color: transparent;
    color: #fff !important;
    border-bottom: 3px solid transparent;
    padding: 10px 15px !important;
}

ul.bzcz-tabs>li>a i {
    font-weight: 400;
    font-size: 25px;
    margin-right: 5px;
}

ul.bzcz-tabs>li.active>a {
    background-color: #BBA45F  !important;
    border-bottom: 3px solid #BBA45F !important;
    color: rgba(255, 255, 255, 100%) !important;
    border-radius: 0px;
}

ul.bzcz-tabs>li+li {
    margin-left: 40px;
}

ul.bzcz-page-tabs {
    background-color: #fff;
    border-bottom: none !important;
    margin-bottom: 30px;
    display: flex;
    border-radius: 10px !important;
    overflow: hidden;
}

ul.bzcz-page-tabs>li {

    flex: auto;
}

ul.bzcz-page-tabs>li>a {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 100% */
    background-color: transparent;
    border: none !important;
    padding: 20px 24px !important;
}

ul.bzcz-page-tabs>li.active>a {
    background-color: #BBA45F !important;
    color: #fff !important;
    border-radius: 0px !important;
}

ul.bzcz-page-tabs>li+li {
    margin-left: 40px;
}

.myfw-div .tab-content {
    margin-bottom: 30px;
}



















.image-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }

  #flowchart {
    width: auto; /* Changed from 100% to auto for natural width */
    height: 600px; /* Set fixed height to 600px */
    display: block;
    border-radius: 8px;
  }

  .click-feedback {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #48bb78;
    color: white;
    padding: 15px 25px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(400px);
    transition: transform 0.3s ease;
    z-index: 1000;
    max-width: 300px;
  }

  .click-feedback.show {
    transform: translateX(0);
  }

  .info-box {
    background: #f7fafc;
    border-left: 4px solid #4299e1;
    padding: 15px;
    margin-top: 20px;
    border-radius: 4px;
  }

  .info-box p {
    color: #2d3748;
    line-height: 1.6;
    margin-bottom: 8px;
  }

  .info-box p:last-child {
    margin-bottom: 0;
  }

  /* Hover effect for clickable areas */
  area {
    cursor: pointer;
  }


.cgxq-lc-div {

    padding: 30px;

    border-radius: 10px;

    margin-top: 30px;

    margin-bottom: 30px;
}

.cgxq-lc-div-title {

    position: relative;

    padding-top: 30px;

    margin-bottom: 0px;
}

.cgxq-lc-div-title span {

    color: #000;

    font-family: "Noto Sans SC";

    font-size: 28px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    background-color: #fff;

    position: relative;
}

.cgxq-lc-div-title b {

    color: #18316B;

    font-family: "DIN Black";

    font-size: 75px;

    font-style: normal;

    font-weight: 900;

    line-height: 75px;
    /* 100% */

    position: absolute;

    top: -24px;
}

.cgxq-lc-bg {

    display: flex;

    border-radius: 10px;

    border: 1px solid #D2DFF2;

    background: #EFF5FE;

    flex-wrap: wrap;

    padding: 30px;

    align-items: center;

    margin-top: 30px;
}

.cgxq-lc-bg-title {

    margin: 0px 0px 20px;

    width: 100%;
}

.cgxq-lc-bg-title span {
    display: inline-flex;
    width: 26px;
    height: 26px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
    background: #BBA45F;
    float: left;
    color: #fff;
}

.cgxq-lc-bg-title b {
    color: #18316B;
    font-family: "Noto Sans SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    /* 100% */
}

.cgxq-lc-bg-title p,
.cgxq-lc-bg p {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 162.5% */
    padding-left: 5px;
    text-align: justify;
}

.cgxq-lc-bg-title p {
    display: inline-block;
    width: calc(100% - 30px);
    float: left;
    min-height: 52px;
    text-align: left;
    word-break: keep-all;
}

.cgxq-lc-bg-title a {
    color: #000;
}

.cgxq-lc-bg img {
    height: 290px;
    object-fit: contain;
}

.col-md-12 .cgxq-lc-bg-title p {
    min-height: auto;

}

.col-md-12 .cgxq-lc-bg-title {
    margin-bottom: 0px;
}

.col-md-12 .cgxq-lc-bg p a {
    color: #18316B;
}

.cgxq-lc-bg .row {
    display: flex;
    align-items: center;
}

.gjjkyhqd-div-content-left p:last-child,
.gjjkyhqd-div-content-right p:last-child {
    border-bottom: none;
}

.jbdt-mySwiper1 {
    width: 70%;
    float: left;
}

.jbdt-mySwiper2 {
    width: 30%;
    float: left;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    background-color: #18316b;
    overflow: initial;
}

.jbdt-div {
    padding: 0px 0px 50px;
    position: relative;
}

.swiper-slide-center {

border-bottom: 1px solid rgba(255, 255, 255, 0.10);

background: #18316B;

padding: 15px  10px;

height: 100%;

display: flex;

justify-content: center;

align-items: center;

flex-wrap: nowrap;

flex-direction: row-reverse;
}

.swiper-slide-center img {

height: auto;

float: right;

width: 50%;

object-fit: cover;

padding-left: 5px;

max-height: 100px;
}

.swiper-slide-center .content {
    width: 50%;
}

.swiper-slide-center .content h4 {

    overflow: hidden;

    color: rgba(255, 255, 255, 80%);

    text-overflow: ellipsis;

    white-space: nowrap;

    font-family: "Noto Sans SC";

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px;
    /* 144.444% */

    margin: 0px;

    height: 52px;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: break-spaces;

    display: -webkit-box;
}

.swiper-slide-center .content p {

    font-family: "Noto Sans SC";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    color: rgba(255, 255, 255, 80%);

    margin-top: 30px;

    margin-bottom: 0px;
}

.jbdt-mySwiper2 .swiper-slide-thumb-active .swiper-slide-center {
    background-color: #BBA45F;
    position: relative;
}

.jbdt-mySwiper2 .swiper-slide-thumb-active .swiper-slide-center .content h4,
.jbdt-mySwiper2 .swiper-slide-thumb-active .swiper-slide-center .content p {
    color: #fff;
    margin-left: -30px;
}

.jbdt-mySwiper2 .swiper-slide-thumb-active .swiper-slide-center .content {
    position: relative;
}

.jbdt-mySwiper2 .swiper-slide-thumb-active .swiper-slide-center::before {
    content: '';
    width: 30px;
    height: calc(100% + 1px);
    background-color: #BBA45F;
    position: absolute;
    left: -30px;
    top: 0px;
}

.jbdt-mySwiper1 .swiper-slide a::before,
.jbdt-mySwiper1 .swiper-slide a::after {
    content: '';
    display: table;
    clear: both;
    float: none;
}

.jbdt-mySwiper1 .swiper-wrapper {}

.jbdt-mySwiper1 .swiper-slide {}

.jbdt-mySwiper1 .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.jbdt-mySwiper1 .swiper-slide a img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    margin: 0px auto;
    background-color: #18316b;
}

.jbdt-mySwiper1 .swiper-slide a .content {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 30px;
}

.jbdt-mySwiper1 .swiper-slide a .content h4 {
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-family: "Noto Sans SC";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 133.333% */
    margin-bottom: 20px;
}

.jbdt-mySwiper1 .swiper-slide a .content p {
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Noto Sans SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    margin-bottom: 0px;
}

.jbdt-div-swiper {
    position: relative;
    margin-top: 30px;
}

.jbdt-div::before {
    content: '';
    width: 50%;
    height: 80%;
    background: #BBA45F;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.news-div1 {
    margin-top: 50px;
    padding-bottom: 80px;
}

.news-div1::before {
    top: auto;
    bottom: 0px;
}

.video-swiper {

    position: relative;

    margin-bottom: 80px;
}

.video-mySwiper1 {

    margin-top: 40px;
}

.video-mySwiper1 .swiper-slide {}

.video-mySwiper1 .swiper-slide a {

    display: flex;

    height: 100%;
}

.video-mySwiper1 .swiper-slide a>img {

    width: 65%;

    float: left;
}

.video-mySwiper1 .swiper-slide a .content {

    width: 35%;

    /* float: left; */

    background-color: #18316B;

    padding: 90px 40px 0px;
}

.video-mySwiper1 .swiper-slide a .content h4 {

    color: #FFF;

    font-family: "Noto Sans SC";

    font-size: 30px;

    font-style: normal;

    font-weight: 700;

    line-height: 40px;
    /* 133.333% */

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: break-spaces;

    display: -webkit-box;
}

.video-mySwiper1 .swiper-slide a .content p {

    overflow: hidden;

    color: rgba(255, 255, 255, 0.9);

    text-overflow: ellipsis;

    font-family: "Noto Sans SC";

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;
    /* 155.556% */

    margin-top: 30px;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: break-spaces;

    display: -webkit-box;
}

.video-mySwiper1 .swiper-slide a .content span.time {

    font-family: "Noto Sans SC";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 14px;
    /* 100% */

    margin-top: 30px;

    display: block;

    color: rgba(255, 255, 255, 0.9);
}

.video-mySwiper2 {

    width: 60%;

    position: absolute;

    bottom: -15px;

    right: 0px;
}

.video-mySwiper2 .swiper-slide {
    position: relative;
}

.video-mySwiper2 .swiper-slide-thumb-active::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 6px solid #BBA45F;
    position: absolute;
    left: 0px;
    top: 0px;
}

.video-mySwiper1 .swiper-button-next:after {
    content: '\e64d';
}

.video-mySwiper1 .swiper-button-prev:after {
    content: '\e64c';

}

.video-mySwiper1 .swiper-button-next:after,
.video-mySwiper1 .swiper-button-prev:after {
    font-family: "iconfont" !important;
    font-size: 32px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-weight: 500;
}

.video-mySwiper1 .swiper-button-prev,
.video-mySwiper1 .swiper-button-next {

    bottom: 35%;

    top: auto;
}

.video-mySwiper1 .swiper-button-prev {

    left: calc(65% + 65px);

    right: auto;
}

.video-mySwiper1 .swiper-button-next {

    right: 15%;
}

.video-mySwiper1 .swiper-pagination {

    bottom: 37%;

    width: auto;

    left: 75%;

    text-align: left;
}

.video-mySwiper1 .swiper-pagination .swiper-pagination-bullet {

    background-color: rgba(255, 255, 255, 0.8);
}

.video-mySwiper1 .swiper-pagination .swiper-pagination-bullet-active {

    background-color: rgba(255, 255, 255, 1);
}

.videoimg-list-div {}

.video-list {

    margin: 0px -10px 20px;
}

.video-list li {

    margin-top: 20px;

    padding-left: 10px;

    padding-right: 10px;
}

.video-list li a {

    background: #FFF;

    display: block;
}

.video-list li a img {

    height: 250px;

    width: auto;

    display: block;

    margin: auto;

    object-fit: contain;
}

.video-list li a .content {

    padding: 10px 20px;

    position: relative;

    border-top: 1px #eee solid;
}

.video-list li a .content h4 {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    /* 155.556% */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    display: -webkit-box;
}

.video-list li a .content p {

    color: #757575;

    font-family: "Noto Sans SC";

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 16px;
    /* 114.286% */
}

.video-list li a i {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    text-align: center;

    font-size: 44px;

    color: #fff;
}

.video-list li a:hover {
    transform: translateY(-10px);
}

.video-list li a:hover .content {
    background-color: #BBA45F;
}

.video-list li a:hover .content H4,
.video-list li a:hover .content P {
    color: #fff;
}


.Article {}

.Article-title {

    padding: 0px;

    text-align: left;

    margin-top: 0px;

    margin-bottom: 20px;
}

.Article-timer {}

.Article-timer .daty-time {

    color: #757575;

    font-family: "Noto Sans SC";

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;
    /* 100% */
}

.Article-timer .daty-time i {

    font-size: 20px;

    margin-right: 3px;
}

.Article-top {
    background: #FFF;
    padding: 50px 40px;
}

.Article-content-video {}

.Article-content-text {
    background: #FFF;
    padding: 50px 40px;
    margin-top: 20px;
}

.Article_content {
    padding-top: 0px;
}

.Article_content video {

    width: 100%;

    height: auto;
}

.Article_content img {}

.Article_content p {
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
    text-indent: 2em;
}

.Article_content p+p {
    margin-top: 40px;
}

.video-mySwiper1 .swiper-slide a>i {

    position: absolute;

    width: 65%;

    text-align: center;

    font-size: 50px;

    color: #fff;

    top: 50%;

    transform: translateY(-50%);
}

.public-service-list2 li .time {

    float: right;

    color: #757575;

    position: absolute;

    top: 17px;

    right: 0px;

    font-size: 15px;
}

.video-mySwiper2 .swiper-slide img {
    height: 120px;
    object-fit: cover;
    width: 100%;
}
.wsdz-div-tbdw3 {
    position: relative;
}
.wsdz-div-tbdw3 img{

position: absolute;

bottom: 0px!important;

right: 0px;
}
.balc-div-list li .li-div .content p a,
.zxfs-div-list li:nth-child(1) div.content h4 a,
.wsdz-div-tbdw p a,
.wsdz-div p a{
    font-size: 20px;
    color: #BBA45F;
}
.bllc-p p span{
    border-radius: 6px 6px 2px 6px;
    background: #BBA45F;
    color: #FFF;
    text-align: center;
    font-family: "PingFang SC";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
    padding: 2px 7px;
    margin-right: 5px;
}


.zxfs-div-list li div.content-blue-time {

    background-color: #EEF3FF;
    background-image: url(../img/blue-time-bg.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: right;
    background-position-y: top;
}
.zxfs-div-list li div.content-yellow-adress {

    background-color: #FDF7E5;
    background-image: url(../img/yellow-adress-bg.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: right;
    background-position-y: top;
}
.zxfs-div-list li div.content-org-sf {

    background-color: #FAF3EF;
    background-image: url(../img/org-sf-bg.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: right;
    background-position-y: top;
}
.about-banner{

position: relative;
}
.about-banner .breadcrumb{
    
position: absolute;
    
right: 0px;
}
.about-banner .breadcrumb li>i,
.about-banner  .breadcrumb li a, .about-banner  .breadcrumb li.active{
    color: #fff;
}
.about-banner .about-img{

}
.about-banner .about-text{

position: absolute;

top: 50%;

width: 100%;

left: 0px;

transform: translateY(-50%);
}
.about-banner .about-text h3{
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans SC";
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}
.about-banner .about-text p{
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 100% */
}

   /* Table Section */
   .table-section {
    padding: 0 30px 30px;
}

.table-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.data-table {
    margin: 50px 0px  0px;
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    border-left: 1px #e0e0e0 solid;
    border-right: 1px #e0e0e0 solid;
}

.data-table thead {
    background-color: #fff;
    border-top: 2px solid var(---, #BBA45F);
}

.data-table th {
    padding: 25px 30px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
    color: #757575;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
}

.data-table td {
    border-bottom: 1px solid #e0e0e0;
    padding: 25px 30px;
    color: #000;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
    background-color: #f6f7f8;
}

.data-table tbody tr {
    cursor: pointer;
    transition: background-color 0.2s ease;
    background-color: #fff;
}

.data-table tbody tr:hover {
    background-color: #fafafa;
}

.expand-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    transition: transform 0.3s ease;
    color: #999;
}

.expand-icon.expanded {
    transform: rotate(180deg);
}

.detail-row {
    display: none;
    background-color: #f9f9f9;
}

.detail-row td {
    padding: 0px  30px  30px;
    background-color: #fff;
}

.detail-content {
    color: #757575;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px; /* 212.5% */
    background-color: #fff;
}
.detail-content h4{

color: #000;

font-size: 16px;

margin-top: 30px;
}
.detail-content p{
    
margin-bottom: 0px;
    
line-height: 34px;
}
.main{
    border-radius: 0px!important;
}

.about-adress{
    background-image: url(../img/email-bg.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-color: #BBA45F;
    width: 340px;
    padding: 34px 40px;
    background-size: 100px auto;
    margin-top: -100px;
    position: relative;
}
.about-adress h5{
    color: #FFF;
    font-family: "Noto Sans SC";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0px;
}
.about-adress p{
    color: var(---, #FFF);
font-family: "Noto Sans SC";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 0px;
}


.border-pagination .pagination {
    margin-top: 30px;
}

.border-pagination .pagination a,
.border-pagination .pagination .page-num,
.border-pagination .pagination input.topage {
    border: 1px #ddd solid;
}

.border-pagination .pagination a.current,
.border-pagination .pagination a:hover {
    border-color: #18316B;
}
.data-table th:last-child{
    width: 100px;
    text-align: center;
    padding: 0px;
}
.data-table tr.table-row td:last-child {
    text-align: center;
    
}
.data-table tr.table-row td:last-child i{
    font-size: 16px;
    display: block;
    transition: all 0.5s;
}
.data-table tr.table-row td:last-child i.active{
    transform: rotateZ(180deg);
}



.share1 {
    position: fixed;
    top: auto;
    right: 40px;
    z-index: 9;
    bottom: 30px;
}

.share1>ul {
    background-color: #18316B;
    width: 60px;
    margin-left: auto;
}

.share1>ul li {
    width: 60px;
    height: 60px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    list-style: none;
    cursor: pointer;
    position: relative;
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px;
}

.share1>ul>li.share-li {
    width: auto;
    height: auto;
    border-bottom: none;
    padding: 0px;
}

.share1>ul>li.share-li a {
    width: 50px;
    height: 50px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    list-style: none;
    cursor: pointer;
    position: relative;
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px;
    border-radius: 0px !important;
    font-size: 18px;
}

.share1>ul li a {
    color: #fff;
    font-size: 12px;
}

.share1>ul li a>img {
    width: 30px;
}

.share1>ul li:first-child a>img {
    width: 19px;
    display: block;
    margin: 0px auto;
}

.share-show {
    position: absolute;
    border: 1px solid #18316B;
    padding: 12px;
    background: #fff;
    padding: 11px 10px;
    right: 60px;
    top: -10px;
    display: none;
    border-radius: 3px;
}

.share1>ul>li:hover {
    background-color: #162B5D !important;
}

.share1>ul li a {
    display: block;
    transition: all 0.5s;
}

.share1>ul li a:hover {
    transform: translateX(-5px);
}

.share-show img {
    /* max-width: 100%; */
    /* width: inherit; */
}

.wx-show {
    right: auto;
    left: -94px;
}

.wx-show:after,
.app-show:after,
.fenxiang-show:after,
.dy-show:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #fff;
    border-top: 1px solid #18316B;
    border-left: 1px solid #18316B;
    -webkit-transform: rotate(138deg);
    -ms-transform: rotate(138deg);
    transform: rotate(138deg);
    display: block;
    position: absolute;
    right: -8%;
    top: 30px;
}

.wx-show img {
    width: 60px;
    height: 60px;
}

.share1>ul>li.sidebar:hover .share-show {
    display: block;
}

.go-top {
    width: 60px;
    height: 60px;
    display: block;
    background-color: #18316b;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
    margin-left: auto;
}

.go-top i {
    font-size: 40px;
    color: #fff;
    transform: rotate(180deg);
    display: block;
}



.release-banner {
    margin-top: 100px;
    position: relative;
    margin-bottom: 100px;
}

.release-banner img {
    border-radius: 20px;
}

.release-banner .release-banner-title {
    position: absolute;
    left: 60%;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
}

.release-banner .release-banner-title h3 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}

.release-banner .release-banner-title a {
    background: #fff;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 50px;
    font-size: 16px;
    color: #18316B;
    margin-top: 10px;
    transition: all 0.5s;
}

.release-banner .release-banner-title a:hover {
    transform: translateX(10px);
}
.release-banner .release-banner-title {
    right: 30px;
    left: auto;
}

.release-banner .release-banner-title h3 {
    font-size: 34px;
    text-align: right;
    margin: 0px;
    line-height: 46px;
}

.release-banner .release-fwjb-title h3 {
    display: inline;
    margin: 0px;
}

.release-banner .release-fwjb-title a {
    margin-top: 0px;
    background: #BBA45F;
    color: #fff;
    margin-left: 30px;
}