@import url(bootstrap.css);
@import url(bootstrap-theme.css);
@import url(swiper-bundle.min.css);
@import url(animate.min.css);
@import url(font.css);

:root {
    --textActiveColor: #027dc3;
    --fontMiSans_Bold: 'MiSans_Bold';
    --fontMiSans_Demibold: 'MiSans_Demibold';
    --fontMiSans_Normal: "MiSans_Normal"
}

p {
    margin-bottom: 0
}

table {
    max-width: 100%
}

td {
    padding: 8px
}

* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    outline: none;
    text-decoration: none
}

.hidden {
    overflow: hidden
}

ul {
    margin-bottom: 0
}

a {
    color: #1a1a1a;
    transition: color 0.3s;
    text-decoration: none !important
}

a:hover,
a.active {
    color: var(--textActiveColor);
    text-decoration: none !important
}

.gundong-item {
    overflow: auto
}

@media (max-width: 992px) {
    .gundong-item {
        overflow: initial;
        height: initial !important
    }
}

.gundong-item::-webkit-scrollbar {
    width: 5px
}

.gundong-item::-webkit-scrollbar-track {
    background: linear-gradient(to bottom, #f5f5f5, #f3f2f2);
    border-radius: 5px
}

.gundong-item::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #a1a1a1, #d5d5d5);
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(139, 138, 138, 0.3)
}

.gundong-item::-webkit-scrollbar {
    height: 5px
}

.gundong-item::-webkit-scrollbar-track {
    background: linear-gradient(to right, #f5f5f5, #e8e8e8)
}

.gundong-item::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #a1a1a1, #d5d5d5);
    border-radius: 5px;
    box-shadow: inset 0 0 6px rgba(139, 138, 138, 0.3)
}

.imgs img {
    max-width: 100%
}

.imgfd {
    overflow: hidden
}

.imgfd img {
    transition: all .8s;
    transform: scale(1)
}

.imgfd img:hover {
    transform: scale(1.1)
}

.bg-white {
    background-color: #fff
}

.bg-gray {
    background-color: #f2f2f2
}

.bg-blue {
    background-color: #72a5eb
}

.bg-green {
    background-color: #34a253
}

.bg-black {
    background-color: #000
}

.bg-f9 {
    background-color: #f9f9f9
}

.bg-f7 {
    background-color: #F7F7F7
}

.bg-ql {
    background-color: #e1e8f6
}

.bg-qh {
    background-color: #f6e2e0
}

.bg-24 {
    background-color: #242424
}

.bg-red {
    background-color: #e44335
}

.color-zt {
    color: var(--textActiveColor)
}

.color-o {
    color: #fb9c0f
}

.color-l {
    color: #34a253
}

.color-bule {
    color: #4280ee
}

.color-black {
    color: #000
}

.font-b {
    font-weight: 600
}

.space {
    outline: 0
}

.space-100vh {
    height: 100vh
}

.flex {
    display: flex
}

.flex.j-c-c {
    justify-content: center
}

.flex.j-c-s-b {
    justify-content: space-between
}

.flex.j-c-e {
    justify-content: end;
    justify-content: flex-end
}

.flex.f-w-w {
    flex-wrap: wrap
}

.flex.a-i-c {
    align-items: center
}

.flex.a-i-e {
    align-items: end;
    align-items: flex-end;
    align-items: self-end
}

body {
    line-height: 1.5;
    font-size: .25rem
}

@media (min-width: 992px) {
    body {
        font-family: var(--fontMiSans_Normal)
    }
}

.MiSans_Bold {
    font-family: var(--fontMiSans_Bold)
}

.MiSans_Demibold {
    font-family: var(--fontMiSans_Demibold)
}

.a-line {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.p-xl-tb {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.b_title {
    font-size: 1rem;
    position: relative;
    padding-bottom: .1rem;
    margin-bottom: .1rem
}

.b_title::after {
    padding-bottom: .125rem;
    width: .625rem;
    border-bottom: 0.0375rem solid var(--textActiveColor);
    content: "";
    display: block;
    bottom: 0;
    left: 0
}

.clear::after {
    display: block;
    content: "";
    clear: both
}

.tmp_title {
    font-size: .75rem;
    text-align: center;
    margin: .75rem 0;
    color: #000
}

.tmp_title p {
    font-size: .3125rem;
    color: #717071;
    margin-top: .125rem
}

.top-fixed {
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
    left: 0
}

.head {
    transition: all .5s;
    background-color: #000
}

.head .container {
    position: initial
}

.head .container>div {
    position: initial
}

.head .navbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 1.525rem;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .head .navbar>.container {
        background-color: #000
    }
}

.head .navbar-toggle {
    margin-top: .2rem;
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0
}

.head .navbar-toggle.onk .icon-bar {
    position: relative;
    top: 6px
}

.head .navbar-toggle.onk .icon-bar:nth-child(1) {
    transform: rotate(45deg)
}

.head .navbar-toggle.onk .icon-bar:nth-child(2) {
    opacity: 0
}

.head .navbar-toggle.onk .icon-bar:nth-child(3) {
    transform: rotate(-45deg);
    top: -6px
}

.head .topsou {
    margin-top: .15rem;
    position: relative;
    padding: 9px 10px;
    margin-bottom: 8px;
    font-size: 18px;
    padding-right: 0;
    color: #999999
}

@media (max-width: 992px) {
    .head .topsou {
        margin-bottom: 0
    }
}

.head .topsou .glyphicon {
    color: #999
}

.head .topsou .glyphicon::before {
    color: #999
}

.head .navbar-header {
    height: 1.525rem
}

.head .navbar-header .navbar-brand {
    width: 3.04375rem;
    font-size: .185rem;
    height: 100%;
    padding: 0
}

@media (max-width: 992px) {
    .head .navbar-header .navbar-brand {
        width: calc(100% - 90px)
    }
}

.head .navbar-header .navbar-brand img {
    max-height: 100%;
    transition: all .3s
}

.head .navbar-header .navbar-brand img:hover {
    transform: scale(1.03)
}

@media (max-width: 1380px) and (min-width: 992px) {
    .head .navbar-header .navbar-brand {
        width: 1.5rem
    }

    .head .navbar-header .navbar-brand img {
        max-width: 100%
    }
}

.head .navbar-header .navbar-brand p {
    color: #fff;
    margin-left: 10px
}

.head .icon-bar {
    background-color: #999
}

.head .navbar-nav {
    float: right
}

.head .navbar-nav .nav-item {
    padding-bottom: .325rem;
    position: initial
}

@media (max-width: 992px) {
    .head .navbar-nav .nav-item {
        padding-bottom: 0px
    }
}

.head .navbar-nav li a {
    font-size: .165rem;
    padding: 0.125rem;
    color: #fff;
    text-shadow: initial
}

@media (max-width: 1380px) and (min-width: 992px) {
    .head .navbar-nav li a {
        font-size: .145rem
    }
}

.head .navbar-nav li a:hover,
.head .navbar-nav li a:active,
.head .navbar-nav li a:focus {
    background: none
}

.head .navbar-nav li:last-child a {
    padding-right: 0
}

.head .navbar-nav li.open a {
    background-color: initial
}

@media (min-width: 992px) {
    .head .navbar-nav li.open .dropdown-menu {
        height: 1rem;
        padding: .3rem 0
    }
}

.head .navbar-nav li>.dropdown-menu {
    border: none;
    background-color: #fff;
    border-radius: 0;
    padding: .3rem 0;
    left: -1px;
    width: calc(100% + 2px);
    margin-left: 0;
    text-align: center;
    position: absolute
}

@media (min-width: 992px) {
    .head .navbar-nav li>.dropdown-menu {
        display: flex;
        justify-content: center;
        height: 0;
        padding: 0;
        transition: all .5s;
        overflow: hidden
    }
}

.head .navbar-nav li>.dropdown-menu li {
    text-align: center;
    transition: all .3s
}

.head .navbar-nav li>.dropdown-menu li a {
    font-size: .1875rem;
    padding: .1rem .9375rem;
    color: #000;
    line-height: initial;
    display: inline-block
}

.head .navbar-nav li>.dropdown-menu li:hover>a,
.head .navbar-nav li>.dropdown-menu li.act>a {
    color: var(--textActiveColor)
}

.head .navbar-nav li>.dropdown-menu .dropdown-menu .nav-link {
    padding: .1rem .125rem
}

.head .navbar-nav li .dropdown-submenu {
    position: relative;
    line-height: initial
}

.head .navbar-nav li .dropdown-submenu:hover .navss a {
    color: #fff
}

.head .navbar-nav li .dropdown-submenu:hover .navss:after {
    border-left-color: #fff
}

.head .navbar-nav li .dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.head .navbar-nav li .dropdown-submenu>.dropdown-menu {
    top: -0.075rem;
    left: 100%
}

.head .navbar-nav li .dropdown-submenu>.navss:hover a {
    color: #fff
}

.head .navbar-nav li .dropdown-submenu>.navss:hover:after {
    border-left-color: #fff
}

.head .navbar-nav.lm li.active,
.head .navbar-nav.lm>li:hover {
    display: block
}

.head .navbar-nav.lm li.active>a,
.head .navbar-nav.lm>li:hover>a {
    color: var(--textActiveColor)
}

.head .navbar-nav.lm li.active a {
    position: relative;
    display: inline-block
}

.head .navbar-nav.lm li.active a::after {
    position: absolute;
    content: "";
    width: calc(100% - .25rem);
    left: .125rem;
    bottom: -0.43rem;
    border-bottom: 2px solid var(--textActiveColor)
}

@media (max-width: 992px) {
    .head .navbar-nav.lm li.active a::after {
        display: none
    }
}

.head .navbar-nav.lm .nav-hv-bg {
    position: absolute;
    border-bottom: 2px solid var(--textActiveColor);
    transition: all .5s;
    bottom: 0;
    opacity: 0
}

.head .navbar-nav.lm:hover .nav-hv-bg {
    opacity: 1
}

.head .nav-list {
    margin-top: .52rem;
    padding-right: 0;
    width: calc(100% - 4.375rem)
}

@media (max-width: 1550px) {
    .head .nav-list {
        width: auto
    }
}

@media (min-width: 1700px) {
    .head .nav-list {
        width: calc(100% - 5.3rem)
    }
}

.head .nav-list .pc-link {
    position: relative;
    float: right;
    margin: 7px 0;
    color: #fff;
    margin-left: 15px;
    width: 100px
}

.head .nav-list .pc-link a {
    font-size: .25rem;
    color: #fff
}

.head .nav-list .pc-link .ico {
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    margin: 0 .0625rem;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: .9;
    transition: all .3s
}

.head .nav-list .pc-link .ico:hover {
    background-size: 110%
}

.head .nav-list .pc-link .ico.cn {
    background-image: url("../images/cn.png")
}

.head .nav-list .pc-link .ico.de {
    background-image: url("../images/de.png")
}

.head .nav-list .pc-link .ico.en {
    background-image: url("../images/en.png")
}

.head .nav-list .pc-link .ico:hover {
    opacity: 1
}

.head .nav-list .pc-link .dropdown-menu a {
    color: #000
}

@media (max-width: 992px) {
    .head .nav-list .pc-link {
        color: #fff;
        width: 100%
    }
}

@media (max-width: 992px) {
    .head .nav-list {
        position: relative;
        margin-top: 5px
    }

    .head .nav-list::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #4b4a4a
    }

    .head .navbar {
        height: 100%;
        display: block;
        padding-bottom: .125rem
    }

    .head .navbar>.container {
        margin-left: -1px;
        margin-right: -1px;
        width: 100%
    }

    .head .navbar .navbar-header {
        height: 100%;
        position: relative
    }

    .head .navbar .navbar-header .navbar-brand {
        margin-top: .15rem
    }

    .head .navbar .navbar-header .navbar-brand img {
        position: relative;
        max-width: 100%;
        max-height: .45rem
    }

    .head .navbar .navbar-collapse {
        overflow: initial;
        padding-right: 0;
        padding-left: 3px;
        overflow: hidden
    }

    .head .navbar .navbar-collapse.in {
        padding-right: 0;
        padding-left: 3px
    }

    .head .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
        width: calc(100% + 15px)
    }

    .head .navbar-nav>li {
        border-bottom: 1px solid #4b4a4a
    }

    .head .navbar-nav>li:last-child {
        border-bottom: none
    }

    .head .navbar-nav>li>a {
        width: calc(100% - 60px);
        float: left;
        padding: 0.16rem 0.23rem
    }

    .head .navbar-nav>li>span {
        width: 60px;
        height: 30px;
        float: right;
        display: flex;
        justify-content: right;
        align-items: center;
        justify-content: flex-end;
        justify-content: end
    }

    .head .navbar-nav>li>span img {
        height: 60%;
        float: right
    }

    .head .navbar-nav>li>.dropdown-menu {
        background: none;
        left: 0;
        margin-left: 0;
        padding: .0625rem;
        width: 100%;
        position: relative
    }

    .head .navbar-nav>li>.dropdown-menu li {
        text-align: left;
        padding-left: .25rem
    }

    .head .navbar-nav>li>.dropdown-menu li a {
        padding: 0;
        font-family: var(--textFontRegular);
        display: block
    }

    .head .navbar-nav>li.open>span img {
        transform: rotate(90deg)
    }

    .head .dropdown-submenu>.dropdown-menu {
        padding-left: .1875rem
    }

    .head .nav-list {
        width: 100%
    }
}

@media (max-width: 760px) {
    .head .navbar .navbar-header .navbar-brand img {
        max-height: 0.75rem
    }
}

.index-ban {
    width: 100%;
    position: relative;
    margin-top: 1.525rem;
    height: calc(100vh - 1.525rem);
    background-color: #1e1e1e
}

@media (max-width: 992px) {
    .index-ban {
        margin-top: .875rem
    }

    .index-ban {
        height: auto
    }
}

.index-ban .swp-item {
    width: 50%;
    height: 100%
}

@media (max-width: 992px) {
    .index-ban .swp-item {
        width: 100%
    }
}

.index-ban .swp-item .swp-banner {
    height: 100%;
    width: 100%
}

.index-ban .swp-item .swp-banner .swiper-wrapper {
    height: 100%
}

.index-ban .swp-item .swp-banner .swiper-wrapper .swiper-slide {
    height: 100%;
    width: 100%;
    position: relative
}

.index-ban .swp-item .swp-banner .swiper-wrapper .swiper-slide .imgcon {
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat
}

.index-ban .swp-item .swp-banner .swiper-wrapper .swiper-slide .imgcon img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 992px) {
    .index-ban .swp-item .swp-banner .swiper-wrapper .swiper-slide .imgcon img {
        display: block
    }
}

.index-ban .swp-item .swp-banner .swiper-wrapper .swiper-slide .video {
    width: 100%;
    height: 100%;
    position: relative
}

.index-ban .swp-item .swp-banner .swiper-wrapper .swiper-slide .video .banner-video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: 1
}

@media (max-width: 992px) {
    .index-ban .swp-item .swp-banner .swiper-wrapper .swiper-slide .video .banner-video {
        position: initial;
        transform: initial;
        left: initial
    }
}

.index-ban .swp-item .swp-banner .s-wp {
    position: absolute;
    bottom: 0;
    width: 100%
}

.index-ban .swp-item .swp-banner .s-wp .container {
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%
}

@media (max-width: 992px) {
    .index-ban .swp-item .swp-banner .s-wp .container {
        position: absolute;
        bottom: 0;
        width: 100%
    }
}

.index-ban .swp-item .swp-banner .s-wp .container .swiper-pagination {
    position: relative;
    width: initial;
    margin: 0 .1875rem
}

.index-ban .swp-item .swp-banner .s-wp .container .swiper-pagination .swiper-pagination-bullet {
    width: initial;
    background: none;
    opacity: 1;
    margin: 0px .125rem;
    color: #fff;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #fff
}

.index-ban .swp-item .swp-banner .s-wp .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

@media (max-width: 992px) {
    .index-ban .swp-item .swp-banner .s-wp .container .swiper-pagination {
        bottom: .25rem
    }

    .index-ban .swp-item .swp-banner .s-wp .container .swiper-pagination .swiper-pagination-bullet {
        margin: 0px .125rem;
        color: var(--ThemesActive)
    }
}

.index-ban .con-item {
    position: relative;
    width: 50%;
    height: 100%
}

@media (max-width: 992px) {
    .index-ban .con-item {
        width: 100%
    }
}

.index-ban .con-item::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 0;
    width: 2px;
    background-color: #fff;
    animation-name: showHeig;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@media (max-width: 992px) {
    .index-ban .con-item::after {
        display: none
    }
}

.index-ban .con-item::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    height: 0;
    width: 2px;
    background-color: #fff;
    animation-name: showHeig;
    animation-duration: 2s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@media (max-width: 992px) {
    .index-ban .con-item::before {
        display: none
    }
}

.index-ban .con-item .content {
    width: 100%;
    height: 50%;
    background-color: #1e1e1e;
    padding: .375rem;
    position: relative
}

.index-ban .con-item .content::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 2px;
    width: 0%;
    background-color: #fff;
    animation-name: showWidth;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@media (max-width: 992px) {
    .index-ban .con-item .content::after {
        display: none
    }
}

@keyframes showHeig {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@keyframes showWidth {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.index-ban .con-item .info .title {
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 0.15em;
    font-size: .5625rem;
    color: #fff;
    margin-bottom: .2125rem
}

@media (max-width: 992px) {
    .index-ban .con-item .info .title {
        font-size: .35rem
    }
}

@keyframes siz {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

.index-about {
    background-color: #efeeee;
    padding: .375rem 0
}

.index-about .about-title {
    color: var(--textActiveColor);
    font-size: .6rem;
    margin-bottom: .125rem
}

@media (max-width: 1500px) {
    .index-about .about-title {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .index-about .about-title {
        font-size: .5rem
    }
}

.index-about .about-item .about-con {
    position: relative;
    font-size: .23rem;
    color: #000
}

@media (max-width: 1500px) {
    .index-about .about-item .about-con {
        font-size: .225rem
    }
}

.index-about .about-item .about-con p {
    opacity: .3;
    /* word-break: break-all */
}

.index-about .about-item .about-con .jianxian-text {
    position: absolute;
    top: 0;
    left: 0
}

.index-about .about-item .about-con .jianxian-text p {
    opacity: 1
}

.index-about .about-item .about-con .jianxian-text p span {
    transition: all .5s
}

.index-about .ab-img {
    width: 100%;
    height: 8.75rem;
    background-image: url(../images/i-ab-img.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

@media (max-width: 992px) {
    .index-about .ab-img {
        background-size: auto 100%;
        height: 3.125rem;
        background-color: #ccc;
        background-attachment: initial
    }
}

.index-about .shiming {
    padding: .4rem 0;
    text-align: center
}

@media (max-width: 992px) {
    .index-about .shiming {
        padding: .5rem 0;
        padding-top: .125rem
    }
}

.index-about .shiming .sm-title {
    font-size: .6rem;
    color: var(--textActiveColor)
}

@media (max-width: 1500px) {
    .index-about .shiming .sm-title {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .index-about .shiming .sm-title {
        font-size: .5rem
    }
}

.index-about .shiming .sm-con {
    margin-top: .375rem;
    font-size: .25rem;
    color: #000
}

.index-about .gallery-wrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 6.25rem;
    background-color: #fff
}

@media (max-width: 768px) {
    .index-about .gallery-wrap {
        height: auto;
        margin: .5rem 0;
        flex-wrap: wrap
    }
}

.index-about .gallery-wrap .item {
    flex: 1;
    height: 100%;
    transition: all 0.8s ease;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    border-right: 2px solid #d0d0d0
}

@media (max-width: 768px) {
    .index-about .gallery-wrap .item {
        flex: initial;
        width: calc(100% / 2 - 10px);
        flex-wrap: wrap;
        border-right: none;
        margin: 5px
    }
}

.index-about .gallery-wrap .item .info {
    color: #000;
    position: absolute;
    height: 100%;
    padding: .5rem;
    width: 4.375rem;
    left: 0;
    transition: all .8s;
    top: 1.2rem
}

@media (max-width: 768px) {
    .index-about .gallery-wrap .item .info {
        position: relative;
        width: 100%;
        padding: .25rem .125rem;
        top: 0
    }
}

.index-about .gallery-wrap .item .info .title {
    font-size: .25rem;
    position: relative
}

@media (max-width: 1500px) {
    .index-about .gallery-wrap .item .info .title {
        font-size: .25rem
    }
}

@media (max-width: 768px) {
    .index-about .gallery-wrap .item .info .title {
        font-size: .25rem
    }
}

.index-about .gallery-wrap .item .info .desc {
    font-size: .2rem;
    margin-top: .125rem;
    opacity: 0;
    transition: 'opacity' .5s;
    height: 0
}

@media (max-width: 768px) {
    .index-about .gallery-wrap .item .info .desc {
        opacity: 1;
        height: 85px
    }
}

.index-about .gallery-wrap .item .info .count {
    opacity: 1;
    transition: all .5s;
    margin-top: .5rem;
    position: absolute;
    bottom: 2.25rem;
    
}

@media (max-width: 768px) {
    .index-about .gallery-wrap .item .info .count {
        margin-top: 0
    }
}

.index-about .gallery-wrap .item .info .count b {
    font-size: .425rem;
    color: var(--textActiveColor)
}

.index-about .gallery-wrap .item .info .count p {
    position: relative;
    font-size: .25rem;
    font-weight: 600;
    padding-left: .1rem;
    margin-left: .1875rem;
    color: #6f6f6f
}

.index-about .gallery-wrap .item .info .count p::after {
    position: absolute;
    content: "";
    height: .25rem;
    left: 0;
    top: 1px;
    border-left: 2px solid #6f6f6f;
    transform: rotate(20deg)
}

.index-about .gallery-wrap .item .img {
    position: absolute;
    right: 0;
    opacity: 0;
    transition: all .5s;
    width: 50%
}

@media (max-width: 768px) {
    .index-about .gallery-wrap .item .img {
        position: relative;
        opacity: 1;
        width: 100%
    }

    .index-about .gallery-wrap .item .img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media (min-width: 768px) {

    .index-about .gallery-wrap .item:hover,
    .index-about .gallery-wrap .item.active {
        flex: 3;
        border-radius: .25rem;
        box-shadow: 0 0 .125rem #ccc
    }

    .index-about .gallery-wrap .item:hover .info,
    .index-about .gallery-wrap .item.active .info {
        left: 0;
        opacity: 1
    }

    .index-about .gallery-wrap .item:hover .info .desc,
    .index-about .gallery-wrap .item.active .info .desc {
        opacity: 1;
        height: initial
    }

    .index-about .gallery-wrap .item:hover .info .count,
    .index-about .gallery-wrap .item.active .info .count {
        opacity: 0
    }

    .index-about .gallery-wrap .item:hover .img,
    .index-about .gallery-wrap .item.active .img {
        opacity: 1
    }
}

.business {
    background: #1e1e1e;
    padding-top: .75rem
}

.business .bu-title {
    font-size: .6rem;
    color: #fff;
    text-align: center
}

@media (max-width: 1500px) {
    .business .bu-title {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .business .bu-title {
        font-size: .5rem
    }
}

.business .bu-con {
    font-size: .25rem;
    text-align: center;
    color: #fff;
    margin: .375rem 0
}

.business .business-list {
    column-count: 4;
    column-gap: 1rem;
    position: relative;
    margin-top: .75rem
}

@media (max-width: 992px) {
    .business .business-list {
        margin-top: 0;
        column-count: 2;
        column-gap: .125rem
    }
}

.business .business-list .item {
    width: calc(100%);
    margin-bottom: .25rem;
    break-inside: avoid;
    position: relative;
    top: 0;
    transition: top .5s
}

@media (max-width: 992px) {
    .business .business-list .item {
        margin-bottom: .125rem
    }
}

.business .business-list .item:hover {
    top: -0.125rem
}

.business .business-list .item:hover .img-item {
    border: 4px solid var(--textActiveColor)
}

.business .business-list .item .img-item {
    width: 100%;
    border: 1px solid #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: border .2s
}

.business .business-list .item .img-item .img {
    max-width: 100%
}

.business .business-list .item .title {
    font-size: .28rem;
    color: #fff;
    margin-top: .1875rem
}

@media (max-width: 1500px) {
    .business .business-list .item .title {
        font-size: .25rem
    }
}

@media (max-width: 992px) {
    .business .business-list .item .title {
        font-size: .25rem
    }
}

.business .business-list .round-item {
    width: .375rem;
    height: .375rem;
    position: absolute;
    top: 20%;
    left: 50%;
    z-index: 999;
    transition: all .5s;
    cursor: pointer
}

.business .business-list .round-item .round {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.business .business-list .round-item .round .box {
    width: .75rem;
    height: .75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--textActiveColor);
    border-radius: 50%
}

.business .business-list .round-item .round .box span {
    position: absolute;
    box-sizing: border-box;
    background: var(--textActiveColor);
    border-radius: 50%;
    animation: animate 3s linear infinite;
    animation-delay: calc(0.5s * var(--i))
}

@keyframes animate {
    0% {
        width: 0px;
        height: 0px
    }

    50% {
        opacity: 1
    }

    100% {
        width: 1.25rem;
        height: 1.25rem;
        opacity: 0
    }
}

@keyframes GreenDot {
    0% {
        transform: scale(0.5);
        opacity: 1
    }

    30% {
        opacity: 1
    }

    100% {
        transform: scale(1.4);
        opacity: 0
    }
}

.business .wb-bg {
    margin-top: .75rem;
    width: 100%;
    height: 10rem;
    background-image: url(../images/wbfw.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

@media (max-width: 992px) {
    .business .wb-bg {
        height: 5rem;
        background-size: auto 100%;
        background-attachment: initial
    }
}

.business .wb-bg .container {
    height: 100%
}

.adipoli-wrapper {
    margin: auto;
    position: relative;
    display: inline-block
}

.adipoli-wrapper>img {
    position: absolute;
    z-index: 1
}

.adipoli-before {
    position: absolute;
    z-index: 5;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.adipoli-after {
    position: absolute;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.adipoli-slice {
    display: block;
    position: absolute;
    z-index: 15;
    height: 100%;
    background-size: 100% !important
}

.adipoli-box {
    display: block;
    position: absolute;
    z-index: 15
}

.index-news {
    padding: .75rem 0;
    background-color: #efeeee
}

.index-news .n-title {
    font-size: .6rem;
    color: #000;
    text-align: center
}

@media (max-width: 1500px) {
    .index-news .n-title {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .index-news .n-title {
        font-size: .5rem
    }
}

.index-news .news-swp .xbanner {
    margin: .375rem 0
}

.index-news .news-swp .xbanner .swiper-wrapper {
    width: 100%;
    height: 100%;
    padding: .625rem 0
}

.index-news .news-swp .xbanner .swiper-wrapper .swiper-slide {
    font-size: 18px;
    background: #efeeee;
    transition: 300ms;
    transform: scale(0.9);
    border: 2px solid var(--textActiveColor);
    padding: .125rem;
    border-radius: .25rem;
    position: relative;
    overflow: hidden
}

.index-news .news-swp .xbanner .swiper-wrapper .swiper-slide .title {
    font-size: .28rem;
    margin-top: .25rem;
    color: #000
}

.index-news .news-swp .xbanner .swiper-wrapper .swiper-slide .img {
    width: 80%;
    margin: .1875rem auto;
    margin-bottom: 0
}

.index-news .news-swp .xbanner .swiper-wrapper .swiper-slide .img img {
    width: 100%
}

.index-news .news-swp .xbanner .swiper-wrapper .swiper-slide .info {
    font-size: .23rem;
    position: relative;
    top: .25rem;
    color: #000
}

@media (max-width: 1500px) {
    .index-news .news-swp .xbanner .swiper-wrapper .swiper-slide .info {
        font-size: .2125rem
    }
}

.index-news .news-swp .xbanner .swiper-wrapper .swiper-slide .link {
    position: absolute;
    right: .25rem;
    bottom: .25rem
}

.index-news .news-swp .xbanner .swiper-wrapper .swiper-slide .link img {
    width: .25rem;
    height: .25rem
}

.index-news .news-swp .xbanner .swiper-wrapper .swiper-slide-active,
.index-news .news-swp .xbanner .swiper-wrapper .swiper-slide-duplicate-active {
    transform: scale(1.1)
}

.index-news .news-swp .link-c {
    font-size: .25rem;
    text-align: center
}

.index-news .news-swp .link-c a {
    position: relative;
    padding-right: .375rem
}

.index-news .news-swp .link-c a::after {
    width: .25rem;
    height: .25rem;
    position: absolute;
    content: "";
    top: 2px;
    right: 0;
    background-image: url("../images/link.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat
}

.index-contact {
    height: 10.25rem;
    width: 100%;
    display: block;
    background-image: url("../images/content.jpg");
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 992px) {
    .index-contact {
        height: auto;
        background-color: #000;
        background-position: top center;
        background-size: 10rem
    }
}

.index-contact .c-title {
    font-size: .75rem;
    color: #fff;
    padding-top: 1.125rem
}

@media (max-width: 992px) {
    .index-contact .c-title {
        font-size: .5rem
    }
}

.index-contact .c-title i {
    display: inline-block;
    position: relative;
    top: .025rem;
    width: .375rem;
    height: .375rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../images/xjt.png")
}

.index-contact .lxfs {
    margin-top: 1.25rem
}

@media (max-width: 992px) {
    .index-contact .lxfs {
        margin-top: 1rem
    }
}

.index-contact .lxfs .lx-item {
    color: #fff;
    margin-bottom: 1rem
}

@media (max-width: 992px) {
    .index-contact .lxfs .lx-item {
        margin-bottom: .8rem
    }
}

.index-contact .lxfs .lx-item b {
    display: block;
    position: relative;
    font-size: .25rem;
    padding-left: .625rem;
    font-weight: 500;
    margin-bottom: .1875rem
}

.index-contact .lxfs .lx-item b::before {
    position: absolute;
    content: "";
    top: -0.1875rem;
    left: 0;
    width: .525rem;
    height: .525rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.index-contact .lxfs .lx-item.tel b::before {
    background-image: url("../images/tel.png")
}

.index-contact .lxfs .lx-item.email b::before {
    background-image: url("../images/email.png")
}

.index-contact .lxfs .lx-item.add b::before {
    background-image: url("../images/address.png")
}

.index-contact .lxfs .lx-item p {
    font-size: .25rem
}

.index-contact .lxfs .lx-item a {
    color: #fff
}

.index-contact .c-form-item {
    margin-top: .875rem;
    height: 8.4rem;
    display: block;
    background-image: url("../images/c-foot-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%
}

@media (max-width: 992px) {
    .index-contact .c-form-item {
        height: auto;
        margin-top: 0
    }
}

.index-contact .c-form-item .f-com {
    position: relative;
    padding: 0 .375rem;
    padding-top: 0.7rem;
    color: #fff;
    height: 100%
}

.index-contact .c-form-item .f-com .f-title {
    font-size: .375rem
}

.index-contact .c-form-item .f-com .form {
    display: flex;
    align-items: end;
    width: 100%
}

.index-contact .c-form-item .f-com .form form {
    width: 100%
}

.index-contact .c-form-item .f-com .form .input-item {
    width: 100%;
    border-bottom: 2px solid #fff;
    margin: .17rem 0
}

@media (max-width: 992px) {
    .index-contact .c-form-item .f-com .form .input-item:nth-child(6) {
        border-bottom: none
    }
}

.index-contact .c-form-item .f-com .form .input-item .lab {
    width: auto;
    font-size: .25rem
}

.index-contact .c-form-item .f-com .form .input-item .input {
    width: calc(100% - 1.75rem)
}

.index-contact .c-form-item .f-com .form .input-item .input input {
    width: 100%;
    padding: .125rem;
    background: none;
    border: none;
    font-size: .25rem
}
@media (min-width: 992px) {
.index-contact .c-form-item .f-com .form .input-item.yzm .input input {
    width: 2.25rem;
}
.index-contact .c-form-item .f-com .form .input-item.yzm .input {
    width: calc(100% - 1.75rem)
}
.index-contact .c-form-item .f-com .form .input-item.yzm{
    width: calc(1.75rem + 3.75rem)
}
}
.index-contact .c-form-item .f-com .form .input-item.yzm img{
    margin-bottom: 5px;
}
.index-contact .c-form-item .f-com .form .input-item .textarea {
    width: 100%
}

.index-contact .c-form-item .f-com .form .input-item .textarea textarea {
    width: 100%;
    background: none;
    border: none
}

.index-contact .c-form-item .f-com .form .input-item:nth-child(3) .input {
    width: calc(100% - 2.5rem)
}

.index-contact .c-form-item .f-com .form .butten {
    position: absolute;
    top: 1.125rem;
    right: .25rem
}

.index-contact .c-form-item .f-com .form .butten button {
    padding: .0625rem .625rem;
    background-color: var(--textActiveColor);
    color: #fff;
    border: none;
    border-radius: .375rem;
    font-size: .25rem
}

.index-contact .c-form-item .f-com .form .butten button svg {
    position: relative;
    top: 2px
}

.foot {
    padding: .75rem 0;
    background-image: linear-gradient(180deg, #2e2e2e, #1e1e1e)
}

@media (max-width: 992px) {
    .foot .foot-logo {
        text-align: center
    }
}

.foot .foot-logo img {
    max-width: 2.25rem
}

@media (max-width: 992px) {
    .foot .foot-nav {
        margin-top: .375rem
    }
}

.foot .foot-nav>div {
    margin-left: 1.5rem
}

@media (max-width: 992px) {
    .foot .foot-nav>div {
        margin-left: initial;
        width: 100%
    }
}

.foot .foot-nav ul li {
    margin-bottom: .125rem
}

@media (max-width: 992px) {
    .foot .foot-nav ul li {
        border-bottom: 1px solid #3c3c3c;
        padding-bottom: .0625rem
    }
}

.foot .foot-nav ul li a {
    font-size: .2375rem;
    color: #fff
}

.foot .foot-nav ul li a:hover {
    color: var(--textActiveColor)
}

.busin {
    padding-top: .375rem;
    background-color: #000;
    padding-top: 1.875rem
}

@media (max-width: 992px) {
    .busin {
        padding-top: 1.25rem
    }
}

.busin .bus-title {
    text-align: center
}

.busin .bus-title .t {
    font-size: .26rem;
    color: #fff;
    display: inline-block;
    position: relative;
    padding-bottom: .125rem;
    margin-bottom: .25rem
}

.busin .bus-title .t::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    border-bottom: 2px solid var(--textActiveColor);
    width: 100%
}

.busin .serve .title {
    margin-top: .125rem;
    margin-bottom: .75rem;
    font-size: .6rem;
    color: #fff;
    text-align: center
}

@media (max-width: 1500px) {
    .busin .serve .title {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .busin .serve .title {
        font-size: .5rem
    }
}

.busin .serve .serv-lis {
    margin-bottom: .75rem
}

@media (max-width: 992px) {
    .busin .serve .serv-lis {
        margin-bottom: .125rem
    }
}

@media (max-width: 992px) {
    .busin .serve .serv-lis .serv-li {
        margin-bottom: .5rem
    }
}

.busin .serve .serv-lis .serv-li .img {
    width: 100%;
    height: 5rem;
    overflow: hidden
}

.busin .serve .serv-lis .serv-li .img img {
    width: 100%;
    object-fit: cover
}

.busin .serve .serv-lis .serv-li .info {
    color: #fff;
    padding: .125rem;
    background-image: linear-gradient(180deg, #2e2e2e, #1e1e1e);
    padding-bottom: .375rem
}

.busin .serve .serv-lis .serv-li .info .ti {
    font-size: .3375rem;
    margin-bottom: .125rem
}

.busin .serve .serv-lis .serv-li .info .desc {
    font-size: .165rem;
    height: 1.1375rem
}

@media (max-width: 992px) {
    .busin .serve .serv-lis .serv-li .info .desc {
        height: initial
    }
}

.busin .hxbus-a {
    background-color: #1e1e1e;
    height: calc(100vh - 1.525rem);
    padding: .5rem 0
}

@media (max-width: 992px) {
    .busin .hxbus-a {
        height: initial
    }
}

.busin .hxbus-a .hxbus .col-lg-7,
.busin .hxbus-a .hxbus .col-lg-8 {
    position: absolute;
    right: 0;
    padding-right: 0
}

@media (max-width: 992px) {

    .busin .hxbus-a .hxbus .col-lg-7,
    .busin .hxbus-a .hxbus .col-lg-8 {
        position: initial;
        padding-right: 0.25rem
    }
}

.busin .hxbus-a .hxbus .col-lg-7 .img,
.busin .hxbus-a .hxbus .col-lg-8 .img {
    height: calc(100vh - 2.5rem);
    width: 100%;
    float: right
}

@media (max-width: 992px) {

    .busin .hxbus-a .hxbus .col-lg-7 .img,
    .busin .hxbus-a .hxbus .col-lg-8 .img {
        height: initial
    }
}

.busin .hxbus-a .hxbus .col-lg-7 .img img,
.busin .hxbus-a .hxbus .col-lg-8 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.busin .hxbus-a .hxbus .hx-info-list {
    height: 100%;
    position: relative
}

.busin .hxbus-a .hxbus .hx-info-list .li {
    height: 100%;
    position: absolute;
    opacity: 0;
    transition: all .5s;
    width: 100%
}

@media (max-width: 992px) {
    .busin .hxbus-a .hxbus .hx-info-list .li {
        position: initial;
        display: none
    }
}

.busin .hxbus-a .hxbus .hx-info-list .li.active {
    opacity: 1
}

@media (max-width: 992px) {
    .busin .hxbus-a .hxbus .hx-info-list .li.active {
        display: block
    }
}

.busin .hxbus-a .hxbus .hx-info {
    position: relative;
    color: #fff;
    height: calc(100vh - 1.525rem);
    padding: .75rem 0
}

@media (max-width: 992px) {
    .busin .hxbus-a .hxbus .hx-info {
        height: initial
    }
}

.busin .hxbus-a .hxbus .hx-info .t-a {
    font-size: .3125rem;
    display: inline-block;
    position: relative;
    padding-right: .125rem
}

.busin .hxbus-a .hxbus .hx-info .t-a::after {
    position: absolute;
    right: -1.125rem;
    top: .2rem;
    content: "";
    width: 1.125rem;
    border-bottom: 2px solid var(--textActiveColor)
}

.busin .hxbus-a .hxbus .hx-info .t-b {
    font-weight: 600;
    font-size: .4rem;
    margin: .25rem 0
}

@media (max-width: 1500px) {
    .busin .hxbus-a .hxbus .hx-info .t-b {
        font-size: .4rem
    }
}

@media (max-width: 992px) {
    .busin .hxbus-a .hxbus .hx-info .t-b {
        font-size: .3rem
    }
}

.busin .hxbus-a .hxbus .hx-info .desc {
    font-size: .16rem
}

.busin .hxbus-a .hxbus .hx-info .info-b {
    position: absolute;
    bottom: 1rem;
    right: 0;
    width: 100%;
    text-align: right
}

@media (max-width: 992px) {
    .busin .hxbus-a .hxbus .hx-info .info-b {
        position: initial
    }
}

.busin .hxbus-a .hxbus .hx-info .info-b .info {
    position: relative;
    padding-top: 1rem
}

.busin .hxbus-a .hxbus .hx-info .info-b .info .t-b-ti {
    font-size: .275rem;
    margin-bottom: .125rem
}

@media (max-width: 992px) {
    .busin .hxbus-a .hxbus .hx-info .info-b .info .t-b-ti {
        margin-top: .25rem
    }
}

.busin .hxbus-a .hxbus .hx-info .info-b .info .t-b-ti span.jt {
    display: inline-block;
    width: .75rem;
    height: .1875rem;
    background-image: url("../images/3-jt.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.busin .hxbus-a .hxbus .hx-info .info-b .info .hxbus-a-pag {
    font-size: .2125rem;
    text-align: right;
    top: 0;
    width: 100%;
    color: var(--textActiveColor)
}

@media (max-width: 992px) {
    .busin .hxbus-a .hxbus .hx-info .info-b .info .hxbus-a-pag {
        top: .625rem
    }
}

.busin .hxbus-a .hxbus .hx-info .info-b .info .hxbus-a-pag .swiper-pagination-current {
    font-size: .3125rem;
    color: #fff;
    position: relative;
    top: -0.375rem
}

.busin .hxbus-a .hxbus .hx-info .info-b .info .b-info {
    font-size: .16rem;
    text-align: left
}

@media (max-width: 992px) {
    .busin .hxbus-a .hxbus .hx-info .info-b .info .b-info {
        height: 1rem
    }
}

.busin .hxbus-a .hxbus .p-n-rev {
    width: 2rem;
    position: relative;
    margin-left: .7rem
}

@media (max-width: 992px) {
    .busin .hxbus-a .hxbus .p-n-rev {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-left: 0
    }
}

.busin .hxbus-a .hxbus .p-n-rev .swiper-button-next,
.busin .hxbus-a .hxbus .p-n-rev .swiper-button-prev {
    width: .5rem;
    height: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -0.625rem
}

@media (max-width: 992px) {

    .busin .hxbus-a .hxbus .p-n-rev .swiper-button-next,
    .busin .hxbus-a .hxbus .p-n-rev .swiper-button-prev {
        position: inherit;
        margin: 0 .375rem
    }
}

.busin .hxbus-a .hxbus .p-n-rev .swiper-button-next::after,
.busin .hxbus-a .hxbus .p-n-rev .swiper-button-prev::after {
    display: none
}

.busin .hxbus-a .hxbus .p-n-rev .hxbus-next {
    background-image: url("../images/hx-r.png")
}

.busin .hxbus-a .hxbus .p-n-rev .hxbus-prev {
    background-image: url("../images/hx-l.png")
}

.busin .hxbus-b {
    background-color: #191919;
    height: calc(100vh - 1.525rem);
    position: relative
}

@media (max-width: 992px) {
    .busin .hxbus-b {
        height: initial
    }
}

.busin .hxbus-b::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 70%;
    height: 100%;
    background-color: #2a2a2a
}

@media (max-width: 992px) {
    .busin .hxbus-b::before {
        width: 100%
    }
}

.busin .hxbus-b .hxbus {
    height: 100%
}

.busin .hxbus-b .hxbus .container {
    height: 100%
}

.busin .hxbus-b .hxbus .container .row {
    height: 100%
}

.busin .hxbus-b .hxbus .col-lg-7,
.busin .hxbus-b .hxbus .col-lg-8 {
    height: calc(100% - 1.5rem);
    top: .75rem;
    position: absolute;
    right: 0;
    padding-right: 0
}

@media (max-width: 992px) {

    .busin .hxbus-b .hxbus .col-lg-7,
    .busin .hxbus-b .hxbus .col-lg-8 {
        position: initial
    }
}

.busin .hxbus-b .hxbus .swiper {
    height: 100%
}

.busin .hxbus-b .hxbus .swiper-slide {
    height: 100%
}

.busin .hxbus-b .hxbus .swiper-slide .img {
    height: 100%;
    width: 100%;
    float: right
}

.busin .hxbus-b .hxbus .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.busin .hxbus-b .hxbus .hx-info-list {
    height: 100%;
    position: relative
}

.busin .hxbus-b .hxbus .hx-info-list .li {
    height: 100%;
    position: absolute;
    opacity: 0;
    transition: all .5s;
    width: 100%
}

@media (max-width: 992px) {
    .busin .hxbus-b .hxbus .hx-info-list .li {
        position: initial;
        display: none
    }
}

.busin .hxbus-b .hxbus .hx-info-list .li.active {
    opacity: 1
}

@media (max-width: 992px) {
    .busin .hxbus-b .hxbus .hx-info-list .li.active {
        display: block
    }
}

.busin .hxbus-b .hxbus .hx-info {
    position: relative;
    color: #fff;
    height: calc(100vh - 1.525rem);
    padding: .75rem 0
}

@media (max-width: 992px) {
    .busin .hxbus-b .hxbus .hx-info {
        height: initial
    }
}

.busin .hxbus-b .hxbus .hx-info .t-a {
    font-size: .3125rem;
    display: inline-block;
    position: relative;
    padding-right: .125rem
}

.busin .hxbus-b .hxbus .hx-info .t-a::after {
    position: absolute;
    right: -1.125rem;
    top: .2rem;
    content: "";
    width: 1.125rem;
    border-bottom: 2px solid var(--textActiveColor)
}

.busin .hxbus-b .hxbus .hx-info .t-b {
    font-size: .4rem;
    margin: .25rem 0
}

@media (max-width: 1500px) {
    .busin .hxbus-b .hxbus .hx-info .t-b {
        font-size: .3rem
    }
}

@media (max-width: 992px) {
    .busin .hxbus-b .hxbus .hx-info .t-b {
        font-size: .3rem
    }
}

.busin .hxbus-b .hxbus .hx-info .desc {
    font-size: .225rem
}

.busin .hxbus-b .hxbus .hx-info .info-b {
    position: absolute;
    bottom: .75rem;
    right: 0;
    width: 100%;
    text-align: right
}

@media (max-width: 992px) {
    .busin .hxbus-b .hxbus .hx-info .info-b {
        position: initial
    }
}

.busin .hxbus-b .hxbus .hx-info .info-b .info {
    position: relative;
    padding-top: 1rem
}

.busin .hxbus-b .hxbus .hx-info .info-b .info .t-b-ti {
    font-size: .275rem;
    margin-bottom: .125rem
}

@media (max-width: 992px) {
    .busin .hxbus-b .hxbus .hx-info .info-b .info .t-b-ti {
        margin-top: .25rem
    }
}

.busin .hxbus-b .hxbus .hx-info .info-b .info .t-b-ti span.jt {
    display: inline-block;
    width: .75rem;
    height: .1875rem;
    background-image: url("../images/3-jt.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.busin .hxbus-b .hxbus .hx-info .info-b .info .hxbus-a-pag {
    font-size: .2125rem;
    text-align: right;
    top: 0;
    width: 100%;
    color: var(--textActiveColor)
}

@media (max-width: 992px) {
    .busin .hxbus-b .hxbus .hx-info .info-b .info .hxbus-a-pag {
        top: .375rem
    }
}

.busin .hxbus-b .hxbus .hx-info .info-b .info .hxbus-a-pag .swiper-pagination-current {
    font-size: .3125rem;
    color: #fff;
    position: relative;
    top: -0.375rem
}

.busin .hxbus-b .hxbus .hx-info .info-b .info .b-info {
    font-size: .25rem;
    text-align: left
}

.busin .hxbus-b .hxbus .p-n-rev {
    width: 2rem;
    position: relative;
    margin-left: .75rem
}

@media (max-width: 992px) {
    .busin .hxbus-b .hxbus .p-n-rev {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-left: initial
    }
}

.busin .hxbus-b .hxbus .p-n-rev .swiper-button-next,
.busin .hxbus-b .hxbus .p-n-rev .swiper-button-prev {
    width: .5rem;
    height: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -0.75rem
}

@media (max-width: 992px) {

    .busin .hxbus-b .hxbus .p-n-rev .swiper-button-next,
    .busin .hxbus-b .hxbus .p-n-rev .swiper-button-prev {
        position: inherit;
        margin: 0 .375rem;
        top: -.7rem
    }
}

.busin .hxbus-b .hxbus .p-n-rev .swiper-button-next::after,
.busin .hxbus-b .hxbus .p-n-rev .swiper-button-prev::after {
    display: none
}

.busin .hxbus-b .hxbus .p-n-rev .hxbus-next {
    background-image: url("../images/hx-r.png")
}

.busin .hxbus-b .hxbus .p-n-rev .hxbus-prev {
    background-image: url("../images/hx-l.png")
}

.busin .hxbus-c {
    background-color: #000000;
    background-image: url("../images/bdz.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    padding-bottom: .875rem
}

.busin .hxbus-c .hx-info {
    padding-top: 1.25rem;
    color: #fff;
    position: relative
}

.busin .hxbus-c .hx-info .t-a {
    font-size: .3125rem;
    display: inline-block;
    position: relative;
    padding-right: .125rem
}

.busin .hxbus-c .hx-info .t-a::after {
    position: absolute;
    right: -1.125rem;
    top: .2rem;
    content: "";
    width: 1.125rem;
    border-bottom: 2px solid var(--textActiveColor)
}

.busin .hxbus-c .hx-info .desc {
    font-size: .25rem
}

.busin .hxbus-c .hx-info .hxbus-a-pag {
    font-size: .2125rem;
    text-align: right;
    top: .8rem;
    padding-right: .75rem;
    color: var(--textActiveColor)
}

.busin .hxbus-c .hx-info .hxbus-a-pag .swiper-pagination-current {
    font-size: .3125rem;
    color: #fff;
    position: relative;
    top: -0.375rem
}

.busin .hxbus-c .hx-info .t-b {
    font-size: .6rem;
    margin: .25rem 0
}

@media (max-width: 1500px) {
    .busin .hxbus-c .hx-info .t-b {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .busin .hxbus-c .hx-info .t-b {
        font-size: .5rem
    }
}

.busin .hxbus-c .hx-info .hxbus-x {
    margin-top: 1.25rem
}

.busin .hxbus-c .hx-info .hxbus-x .swiper-slide {
    height: auto;
    background-color: #242424
}

.busin .hxbus-c .hx-info .hxbus-x .swiper-slide .hx-infox {
    padding: .75rem;
    height: 100%
}

.busin .hxbus-c .hx-info .hxbus-x .swiper-slide .hx-infox .t-b {
    font-size: .35rem;
    margin: .25rem 0
}

.busin .hxbus-c .hx-info .hxbus-x .swiper-slide .hx-infox .con-con {
    height: 100%
}

.busin .hxbus-c .hx-info .hxbus-x .swiper-slide .img {
    height: 100%;
    width: 100%
}

.busin .hxbus-c .hx-info .hxbus-x .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.busin .hxbus-c .hx-info .hxbus-x .flex {
    width: 100%
}

.busin .hxbus-c .hx-info .hxbus-x .flex>div {
    height: auto;
    background-color: #242424;
    padding: 0
}

.busin .hxbus-c .p-n-rev {
    width: 2rem;
    position: absolute;
    right: 0;
    margin-right: .5rem
}

.busin .hxbus-c .p-n-rev .swiper-button-next,
.busin .hxbus-c .p-n-rev .swiper-button-prev {
    width: .5rem;
    height: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -0.75rem
}

.busin .hxbus-c .p-n-rev .swiper-button-next::after,
.busin .hxbus-c .p-n-rev .swiper-button-prev::after {
    display: none
}

.busin .hxbus-c .p-n-rev .hxbus-next {
    background-image: url("../images/hx-r.png")
}

.busin .hxbus-c .p-n-rev .hxbus-prev {
    background-image: url("../images/hx-l.png")
}

.busin .hxbus-d {
    overflow: hidden;
    background-color: #2a2a2a
}

.busin .hxbus-d .img {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.busin .hxbus-d .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (min-width: 992px) {
    .busin .hxbus-d .col-lg-6:nth-child(1) {
        float: right
    }
}

.busin .hxbus-d .hx-info {
    padding-top: 1.25rem;
    color: #fff;
    position: relative
}

@media (max-width: 992px) {
    .busin .hxbus-d .hx-info {
        padding: .375rem .25rem
    }
}

.busin .hxbus-d .hx-info .t-a {
    font-size: .3125rem;
    display: inline-block;
    position: relative;
    padding-right: .125rem
}

.busin .hxbus-d .hx-info .t-a::after {
    position: absolute;
    right: -1.125rem;
    top: .2rem;
    content: "";
    width: 1.125rem;
    border-bottom: 2px solid var(--textActiveColor)
}

.busin .hxbus-d .hx-info .t-b {
    font-size: .6rem;
    margin: .25rem 0
}

@media (max-width: 1500px) {
    .busin .hxbus-d .hx-info .t-b {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .busin .hxbus-d .hx-info .t-b {
        font-size: .5rem
    }
}

.busin .hxbus-d .hx-info .desc {
    font-size: .225rem;
    padding-right: .5rem
}

.busin .hxbus-d .hx-info .desc .flex {
    margin-top: .25rem
}

.busin .hxbus-d .hx-info .desc .jt {
    display: inline-block;
    width: .6875rem;
    height: .2rem;
    background-image: url("../images/2-jt.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: .125rem;
    position: relative;
    top: 2px
}

.busin .hxhus-e {
    background-image: url("../images/qtyw.jpg");
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding-top: .75rem;
    background-size: 100%
}

.busin .hxhus-e .t-a {
    font-size: .3125rem;
    display: inline-block;
    position: relative;
    padding-right: .125rem
}

.busin .hxhus-e .t-a::after {
    position: absolute;
    right: -1.125rem;
    top: .2rem;
    content: "";
    width: 1.125rem;
    border-bottom: 2px solid var(--textActiveColor)
}

.busin .hxhus-e .t-b {
    font-size: .6rem;
    margin: .25rem 0
}

@media (max-width: 1500px) {
    .busin .hxhus-e .t-b {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .busin .hxhus-e .t-b {
        font-size: .5rem
    }
}

.busin .hxhus-e .qtyw-lis {
    margin: 1.25rem 0
}

@media (max-width: 992px) {
    .busin .hxhus-e .qtyw-lis {
        margin: .375rem 0
    }
}

.busin .hxhus-e .qtyw-lis .row>div {
    border: 1px solid #3c3854
}

@media (max-width: 992px) {
    .busin .hxhus-e .qtyw-lis .row>div {
        border: none;
        border-bottom: 1px solid #3c3854
    }
}

.busin .hxhus-e .qtyw-lis .row>div:nth-child(1),
.busin .hxhus-e .qtyw-lis .row>div:nth-child(5) {
    border-left-width: 2px
}

.busin .hxhus-e .qtyw-lis .row>div:nth-child(4),
.busin .hxhus-e .qtyw-lis .row>div:nth-child(8) {
    border-right-width: 2px
}

.busin .hxhus-e .qtyw-lis .row>div:nth-child(1),
.busin .hxhus-e .qtyw-lis .row>div:nth-child(2),
.busin .hxhus-e .qtyw-lis .row>div:nth-child(3),
.busin .hxhus-e .qtyw-lis .row>div:nth-child(4) {
    border-top: none
}

@media (min-width: 992px) {

    .busin .hxhus-e .qtyw-lis .row>div:nth-child(5),
    .busin .hxhus-e .qtyw-lis .row>div:nth-child(6),
    .busin .hxhus-e .qtyw-lis .row>div:nth-child(7),
    .busin .hxhus-e .qtyw-lis .row>div:nth-child(8) {
        border-bottom: none
    }
}

.busin .hxhus-e .qtyw-lis .row>div:last-child .qt-info {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 992px) {
    .busin .hxhus-e .qtyw-lis .row>div:last-child {
        border-bottom: none
    }
}

.busin .hxhus-e .qtyw-lis .qt-info {
    padding-top: .375rem
}

.busin .hxhus-e .qtyw-lis .qt-info .title {
    font-size: .225rem;
    margin-bottom: .125rem;
    height: .75rem
}

.busin .hxhus-e .qtyw-lis .qt-info .desc {
    font-size: .2375rem;
    padding-bottom: .75rem;
    position: relative
}

.busin .hxhus-e .qtyw-lis .qt-info .desc::before {
    position: absolute;
    content: "";
    left: -0.275rem;
    border-left: 2px solid #027dc3;
    height: .375rem
}

@media (max-width: 992px) {
    .busin .hxhus-e .qtyw-lis .qt-info .desc::before {
        border: none
    }
}

.epiboly {
    padding-top: 0
}

@media (max-width: 992px) {
    .epiboly {
        padding-top: .875rem
    }
}

.epiboly .wb-bg {
    width: 100%;
    height: 8.75rem;
    background-image: url(../images/wbfw.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat
}

@media (max-width: 992px) {
    .epiboly .wb-bg {
        height: 4.375rem;
        background-size: 12.5rem;
        background-position: top
    }
}

.epiboly .wb-bg .container {
    height: 100%
}

.epiboly .wb-bg .bu-title {
    font-size: .6rem;
    color: #fff;
    text-align: center
}

@media (max-width: 1500px) {
    .epiboly .wb-bg .bu-title {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .epiboly .wb-bg .bu-title {
        font-size: .5rem
    }
}

.epiboly .wb-bg .bu-con {
    font-size: .26rem;
    text-align: center;
    color: #fff;
    margin: .375rem 0
}

.epiboly .wbxm-lis {
    position: relative;
    z-index: 1;
    width: calc(100% - .625rem)
}

@media (max-width: 992px) {
    .epiboly .wbxm-lis {
        margin: 0 auto;
        width: calc(100% - 1.25rem)
    }
}

.epiboly .wbxm-lis .swiper-slide {
    height: 100vh;
    background-color: #fff
}

.epiboly .wbxm-lis .swiper-slide .img {
    width: 100%;
    height: 100vh
}

.epiboly .wbxm-lis .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.epiboly .wbxm-lis .wb-info-item {
    background-color: #fff;
    position: sticky;
    top: 0
}

.epiboly .wbxm-lis .wb-info-item .epswp {
    height: 100vh
}

@media (max-width: 992px) {
    .epiboly .wbxm-lis .wb-info-item {
        padding: 0;
        margin-bottom: .5rem
    }
}

.epiboly .wbxm-lis .item {
    margin-top: .5rem;
    height: calc((100vh - 1.525rem) / 2)
}

@media (max-width: 992px) {
    .epiboly .wbxm-lis .item {
        height: initial
    }
}

.epiboly .wbxm-lis .item .img {
    width: 100%;
    height: 4.375rem
}

.epiboly .wbxm-lis .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.epiboly .wbxm-lis .item .title {
    font-size: .26rem;
    font-weight: 600
}

.epiboly .wbxm-lis .item .title-b {
    font-size: .4375rem;
    font-weight: 600;
    margin: .1875rem 0
}

.epiboly .wbxm-lis .item .desc {
    font-size: .26rem
}

.epiboly .wbxm-lis .zgao {
    display: block;
    height: calc(100vh)
}

.newslist {
    margin-top: 1.525rem;
    padding-bottom: .75rem
}

@media (max-width: 992px) {
    .newslist {
        margin-top: .75rem
    }
}

.newslist .news-li {
    margin-top: .875rem
}

@media (max-width: 992px) {
    .newslist .news-li {
        margin-top: .375rem
    }
}

.newslist .news-li .img {
    width: 100%;
    height: 3.75rem
}

@media (max-width: 992px) {
    .newslist .news-li .img {
        margin-bottom: .25rem
    }
}

.newslist .news-li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.newslist .news-li .title {
    font-size: .4rem
}

@media (max-width: 1500px) {
    .newslist .news-li .title {
        font-size: .3rem
    }
}

@media (max-width: 992px) {
    .newslist .news-li .title {
        font-size: .3rem
    }
}

.newslist .news-li .desc {
    font-size: .25rem;
    margin-top: .25rem
}

.about {
    margin-top: 0;
    margin-bottom: .75rem
}

@media (max-width: 992px) {
    .about {
        margin-top: .75rem
    }
}

.about .dh {
    font-size: .225rem;
    margin: .25rem 0;
    margin-top: .75rem
}

.about .nav-title {
    font-size: .75rem;
    font-weight: 600
}

@media (max-width: 992px) {
    .about .nav-title {
        font-size: .5rem
    }
}

.about .info {
    margin-top: .75rem;
    border-left: 1px solid #ccc;
    padding: .5rem;
    padding-top: 0;
    min-height: 6.25rem;
    font-size: .25rem
}

@media (max-width: 992px) {
    .about .info {
        border-left: 0;
        padding: 0;
        margin-top: .25rem
    }
}

.about .info img {
    max-width: 100%
}

.about .info table {
    max-width: 100%
}

.pop-con {
    padding: .75rem
}

.pop-con .title {
    font-size: .375rem;
    font-weight: 600;
    text-align: center
}

.pop-con .info {
    font-size: .25rem;
    margin-top: .75rem
}

@media (max-width: 992px) {
    .pop-con .info img {
        max-width: 100%;
        height: inherit
    }
}

.rig-kf {
    position: fixed;
    right: .125rem;
    top: 50%;
    z-index: 999
}

.rig-kf a {
    background-color: var(--textActiveColor);
    color: #fff;
    padding: .1rem .25rem;
    font-size: .225rem
}

.rig-kf a .i-kf {
    display: inline-block;
    width: .25rem;
    height: .25rem;
    position: relative;
    top: .05rem;
    background-image: url("../images/lx.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat
}

.cook {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.534);
    width: 100%;
    display: none
}

.cook .cook-sm {
    padding: .125rem 0;
    font-size: .1875rem;
    text-align: center
}

.cook .cook-sm a {
    color: #027dc3
}

.cook .cook-sm .guanbi {
    position: absolute;
    right: .125rem;
    top: .1625rem
}

.cook .cook-sm .guanbi a {
    color: #000
}

.hzhb {
    background-color: #f2fbff;
    padding: .75rem 0
}

.hzhb .n-title {
    font-size: .6rem;
    color: #000;
    text-align: center;
    position: relative;
    padding: 0 .375rem;
    margin-bottom: 1rem
}

.hzhb .n-title::before {
    position: absolute;
    content: "";
    margin-left: -0.3125rem;
    top: .2rem;
    width: .25rem;
    height: .5625rem;
    background-image: url("../images/hz-t-l.png");
    background-repeat: no-repeat;
    background-size: 100%
}

.hzhb .n-title::after {
    position: absolute;
    content: "";
    margin-left: .1rem;
    top: .2rem;
    width: .25rem;
    height: .5625rem;
    background-image: url("../images/hz-t-r.png");
    background-repeat: no-repeat;
    background-size: 100%
}

@media (max-width: 1500px) {
    .hzhb .n-title {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .hzhb .n-title {
        font-size: .5rem
    }
}

.hzhb .hz-li {
    background-color: #fff;
    border-radius: .125rem;
    text-align: center;
    height: 1.25rem;
    padding: .125rem .125rem;
    width: 80%;
    margin: 0 auto;
    margin-bottom: .625rem;
    box-shadow: 4px 5px 8px 1px #cbcbcb
}

.hzhb .hz-li img {
    max-width: 100%;
    max-height: 100%
}


.joblist {
    margin-top: 1.525rem;
    padding-bottom: .75rem
}

@media (max-width: 992px) {
    .joblist .joblist {
        margin-top: .75rem
    }
}

.joblist .titles {
    padding-top: .625rem;
    padding-bottom: .75rem;
    font-size: .6rem;
    text-align: center;
    font-weight: 600
}

@media (max-width: 1500px) {
    .joblist .titles {
        font-size: .5rem
    }
}

@media (max-width: 992px) {
    .joblist .titles {
        font-size: .25rem
    }
}

.joblist .list {
    margin-top: .75rem
}

.joblist .list .list-item {
    margin-bottom: .375rem
}

.joblist .list .list-item .title-item {
    margin-bottom: .3125rem
}

.joblist .list .list-item .title-item .title {
    border-left: .075rem #027dc3 solid;
    padding-left: .1875rem
}

.joblist .list .list-item .title-item .title strong {
    font-size: .375rem;
    font-weight: 600
}

.joblist .list .list-item .title-item .title .dz {
    font-size: .2rem
}

.joblist .list .list-item .title-item .title .dz span {
    color: #027dc3
}

.joblist .list .list-item .btn-link .subObj {
    font-size: .2rem
}

.joblist .list .list-item .info {
    font-size: .2rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .625rem;
    margin-bottom: .625rem
}

.joblist .list .list-item .info .t {
    font-size: .2125rem;
    font-weight: 600
}

.joblist .list .list-item:last-child .info {
    border-bottom: none;
    margin-bottom: 0
}

.popform .layui-layer-title {
    font-weight: 600;
    font-size: .225rem
}

.pop-form {
    padding: 20px 15px
}

.pop-form .input-item {
    margin-bottom: 10px
}

@media (max-width: 992px) {
    .pop-form .input-item {
        margin-bottom: initial
    }
}

.pop-form .input-item .item {
    width:47%;
    flex-wrap: wrap; margin-top: .1875rem;
}
.pop-form .input-item:nth-child(1) .item{
    width:100%;
}
@media (max-width: 992px) {
    .pop-form .input-item .item {
        width: 100%;
        margin-bottom: .125rem;
       
        
    }
}

.pop-form .input-item .item span {
    font-size: .2rem;
    margin-right: .0625rem;
    display: block;
    width: 100%;
}

.pop-form .input-item .item .form-s {
    flex-grow: 1;
    position: relative
}

.pop-form .input-item .item .form-s label {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: .1875rem
}

.pop-form .input-item .item .form-s input[name="text"] {
    width: 100%
}

.pop-form .input-item .item .form-s .glyphicon-plus {
    width: .25rem;
    height: .25rem;
    position: absolute;
    right: 5px;
    top: 10px
}