@import "../iconfont/iconfont.css";

.cimgbox {
    padding-bottom: 100%;
    overflow: hidden;
    position: relative
}

.cimgbox .img,
.cimgbox .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.cimgbox .bg {
    background-repeat: no-repeat;
    background-position: center
}

.cimgbox.cover .img {
    object-fit: cover
}

.cimgbox.cover .bg {
    background-size: cover
}

.cimgbox:not(.cover) .img {
    object-fit: contain
}

.cimgbox:not(.cover) .bg {
    background-size: contain
}

.cimgbox.scale .img,
.cimgbox.scale .bg {
    transition: all 6s cubic-bezier(.04, .79, 1, 1)
}

.cimgbox.scale:hover .img,
.cimgbox.scale:hover .bg {
    transform: scale(1.2)
}

.italic {
    font-style: italic
}

.roboto {
    font-family: roboto
}

.bggray {
    background: #f7f7f7
}

.block {
    display: block
}

.cmore {
    font-size: 16px;
    padding-right: 39px;
    line-height: 24px;
    background: url('../images/arr.png') no-repeat right center;
    display: inline-block
}

.cmore:hover {
    color:#ffc000
}

.c {
    color:#ffc000
}

.bgc {
    background-color:#ffc000
}

.wrap {
    width: 88vw;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
}

.tit1 {
    font-size: clamp(calc(48 / 2 * 1px), calc(48 / 1600 * 100vw), 48px)
}

.tit1 em.c {
    font-style: italic
}

.tc {
    text-align: center
}

.bgf {
    background: #fff
}

.swiper-pagination.f .swiper-pagination-bullet {
    background: #fff;
    opacity: .8
}

.swiper-pagination.f .swiper-pagination-bullet-active {
    background-color:#ffc000;
    opacity: 1
}

.block {
    display: block
}

.row {
    display: flex;
    flex-wrap: wrap
}

.row>li>.inner {
    height: 100%
}

.table-wrap table {
    max-width: 100%
}

@media (max-width:640px) {
    .table-wrap {
        overflow-x: auto;
        position: relative;
        margin-right: clamp(calc(-30 / 2 * 1px), calc(-30 / 1920 * 100 * 1vw), -30px)
    }

    .table-wrap table {
        max-width: auto;
        min-width: 640px
    }
}

.c {
    color:#ffc000
}

.iconfont {
    font-size: inherit
}

.medium {
    font-family: medium
}

.bold {
    font-weight: bold
}

@media (min-width:1280px) {
    .fs16 {
        font-size: 16px
    }
}

@media (max-width:1200px) and (min-widht:1279px) {
    .fs16 {
        font-size: 15px
    }
}

.fs24 {
    font-size: clamp(calc(18 * 1px), calc(24 / 1600 * 100vw), 24px)
}

.fs40 {
    font-size: clamp(calc(24 * 1px), calc(40 / 1600 * 100vw), 40px)
}

.cItem:not(.active) {
    display: none
}

b {
    font-weight: bold !important
}

.vmore {
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 2em;
    line-height: clamp(calc(36 * 1px), calc(48 / 1600 * 100vw), 48px);
    padding-left: clamp(calc(28 * 1px), calc(34 / 1600 * 100vw), 34px);
    padding-right: clamp(calc(28 * 1px), calc(34 / 1600 * 100vw), 34px);
    display: inline-block;
    color: #fff
}

.vmore em {
    padding-right: clamp(calc(36 * 1px), calc(40 / 1600 * 100vw), 40px);
    background: url('../images/to.png') no-repeat right center
}

@media (max-width:640px) {
    .vmore em {
        font-size: 14px
    }
}

.vmore:hover {
    border-color:#ffc000;
    background-color:#ffc000;
    color: #fff
}

.vmore.bg {
    border-color:#ffc000;
    background-color:#ffc000;
    color: #fff
}

.vmore.bg:hover {
    background: #000;
    border-color: #000
}

.rpnext {
    width: clamp(calc(30 * 1px), calc(48 / 1600 * 100vw), 48px);
    height: clamp(calc(30 * 1px), calc(48 / 1600 * 100vw), 48px);
    border-radius: 50%;
    background-color:#ffc000;
    margin-top: 0;
    transform: translateY(-50%);
    color: #fff
}

.rpnext::after {
    font-size: clamp(calc(12 * 1px), calc(16 / 1600 * 100vw), 16px)
}

.rpnext:hover {
    background-color:#ffc000;
    color: #fff
}

.rpnext.f {
    background-color: rgba(255, 255, 255, 0.1)
}

.rpnext.f:hover {
    background-color:#ffc000;
    color: #fff
}

.swiper-pnext-wrap {
    position: relative
}

@media (min-width:1930px) {
    .swiper-pnext-wrap {
        width: 1700px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width:1929px) {
    .swiper-pnext-wrap {
        width: 88vw;
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto
    }

    .swiper-pnext-wrap .swiper-button-prev {
        left: -4vw;
        font-size: .2rem;
    }

    .swiper-pnext-wrap .swiper-button-next {
        right: -4vw;
        font-size: .2rem;
    }
}

header {
    position: fixed;
    z-index: 555;
    left: 0;
    top: 0;
    right: 0;
    z-index: 999;

    border-bottom: 1px solid #eeeeee;
    background:#fec901;
}

main {
    margin-top: 1rem;
}

@media (max-width:1199px) {
    main {
        margin-top: 65px
    }
}

.head-content {
    height: 100px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100vw), 40px);
    padding-right: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100vw), 40px)
}

.head-content .logo {
    height: 58px;
    flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.head-content .head-nav {
    display: flex;
    align-items: center
}

@media (max-width:1680px) {
    .head-content .head-nav .head-nav-item.home {
        /* display: none */
    }
}

.head-content .head-nav .head-nav-item+.head-nav-item {
    margin-left: clamp(calc(60 / 2 * 1px), calc(60 / 1920 * 100vw), 60px)
}

@media (max-width:1360px) {
    .head-content .head-nav .head-nav-item+.head-nav-item {
        margin-left: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100vw), 40px)
    }
}

.head-content .head-nav .head-nav-item:hover .head_tit em,
.head-content .head-nav .head-nav-item.on .head_tit em,
.head-content .head-nav .head-nav-item.open .head_tit em {
    color:#fff;
}

.head-content .head-nav .head-nav-item:hover .head_tit em::after,
.head-content .head-nav .head-nav-item.on .head_tit em::after,
.head-content .head-nav .head-nav-item.open .head_tit em::after {
    width: 100%
}

.head-content .head-nav .head_tit {
    height: 100px;
    font-size: 16px
}

.head-content .head-nav .head_tit em {
    position: relative;
    display: inline-block;
    line-height: 100px
}

.head-content .head-nav .head_tit em::after {
    content: '';
    height: 2px;
    background-color:#ffc000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: 0;
    width: 0;
    border-radius: 2px;
    overflow: hidden;
    transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.head-content .head-tool {
    display: flex;
    align-items: center;
    padding-left: clamp(calc(40 / 2 * 1px), calc(40 / 1920 * 100vw), 40px)
}

.head-content .head-tool-item {
    margin-left: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100vw), 20px)
}

.head-content .head-tool-item .lang {
    width: .48rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    border-radius: 50%;
    color:#ffc000;
    background: #f7f7f7;
    display: inline-block
}

.head-content .head-tool-item .lang:hover {
    background-color:#ffc000;
    color: #fff
}

.head-content .head-tool-item .tel {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: clamp(calc(18 * 1px), calc(20 / 1600 * 100vw), 20px)
}

.head-content .head-tool-item .tel .ic-tel {
    width: .48rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    border-radius: 50%;
    color:#ffc000;
    margin-right: clamp(calc(16 / 2 * 1px), calc(16 / 1600 * 100vw), 16px);
    display: inline-block;
    background: url(../images/tel.png) no-repeat center ffc000;
    background-size: .18rem
}

.head-content .head-tool-item .tel:hover {
    color:#ffc000
}

.head-drop {
    z-index: 555
}

.head-drop .head-dropinfo {
    transition: all .3s cubic-bezier(.04, .79, 1, 1) !important;
    height: 0;
    overflow: hidden
}

.head-drop.open .head-dropinfo {
    border-top: 1px solid #eeeeee
}

.head-drop.full .head-dropinfo {
    width: 100vw;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 555;
    background-color: rgba(255, 255, 255, 0.9)
}

.head-drop.full .head-dropinfo .inner {
    padding: 22px;
    text-align: center
}

.head-drop.full .head-dropinfo .inner a:hover {
    color:#ffc000
}

.head-drop.full .head-dropinfo .inner a+a {
    margin-left: clamp(calc(60 / 2 * 1px), calc(60 / 1600 * 100vw), 60px)
}

.mobile-btn {
    float: right;
    position: relative;
    width: 28px;
    height: 65px
}

.mobile-btn.cf span {
    background: #fff
}

.mobile-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 1px;
    margin-left: -14px;
    width: 28px;
    height: 2px;
    background-color: #000;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.mobile-btn span:first-child {
    transform: translateY(-8px)
}

.mobile-btn span:last-child {
    transform: translateY(8px)
}

.mobile-btn.on span:first-child {
    transform: rotate(135deg)
}

.mobile-btn.on span:nth-child(2) {
    transform: scale(0)
}

.mobile-btn.on span:last-child {
    transform: rotate(-135deg)
}

.header-mobile {
    background: #fff
}

.header-mobile .content {
    padding-left: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px);
    padding-right: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px);
    height: 65px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.header-mobile .content .logo {
    height: 36px
}

.menu_search {
    background: #fff;
    display: flex
}

.menu_search input {
    border-color: #fff;
    height: 50px;
    font-size: 15px;
    display: block;
    padding: 0 14px;
    flex: 1
}

.menu_search input:focus {
    border-color: #fff !important
}

.menu_search .submit {
    right: 0;
    top: 0;
    color: #fff;
    width: 70px;
    height: 50px;
    text-align: center;
    background: url(../images/search-ico-white.png) no-repeat center ffc000;
    border-radius: 0 2px 2px 0
}

.menu_search .submit i {
    font-size: 18px
}

.menu_search .submit:hover {
    color: #fff
}

.menu_lang {
    padding: 30px 0 0
}

.menu_lang .litem {
    border-radius: 2em;
    line-height: clamp(calc(30 * 1px), calc(36 / 1600 * 100vw), 36px);
    padding-left: clamp(calc(16 / 2 * 1px), calc(16 / 1600 * 100vw), 16px);
    padding-right: clamp(calc(16 / 2 * 1px), calc(16 / 1600 * 100vw), 16px);
    text-align: center;
    background: #fff;
    display: inline-block;
    margin-right: 10px
}

.menu_lang .active {
    background-color:#ffc000;
    color: #fff
}

.m-menus {
    width: 100%;
    position: fixed;
    top: 65px;
    left: 0;
    height: 0;
    opacity: 0;
    transition: opacity .5s;
    background: #f7f7f7;
    overflow: hidden;
    line-height: 32px;
    font-size: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    z-index: -999
}

@media (min-width:1200px) {
    .m-menus {
        display: none
    }
}

.m-menus.active {
    opacity: 1;
    height: calc((100vh - 65px));
    z-index: 999
}

.m-menus .inner {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc((100vh - 65px));
    padding: 10px 6vw 30px
}

.m-menus .menus {
    min-height: calc((100vh - 65px - 65px));
    padding-bottom: 40px
}

.m-menus .menus._lang_search {
    min-height: calc((100vh - 65px - 170px))
}

.m-menus .menus._lang {
    min-height: calc((100vh - 65px - 120px))
}

.m-menus .menus._search {
    min-height: calc((100vh - 65px - 100px))
}

.m-menus .menus .item {
    cursor: pointer;
    transition: .3s;
    position: relative;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    text-align: left
}

.m-menus .menus .item a {
    display: block;
    color: #333
}

.m-menus .menus .tit {
    display: flex;
    align-items: center
}

.m-menus .menus .tit a {
    flex: 1;
    display: flex;
    align-items: center
}

.m-menus .menus .tit .arr {
    color: inherit;
    margin-left: 20px;
    display: block;
    width: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px);
    height: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px);
    line-height: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px);
    text-align: center
}

.m-menus .menus .tit-1 {
    line-height: 52px;
    font-size: 17px
}

.m-menus .menus .tit-1 .arr {
    font-size: 20px
}

.m-menus .menus .tit-2 {
    line-height: 34px
}

.m-menus .menus .tit-2 a .tag {
    width: clamp(calc(20 / 2 * 1px), calc(20 / 1600 * 100vw), 20px);
    height: clamp(calc(20 / 2 * 1px), calc(20 / 1600 * 100vw), 20px);
    line-height: clamp(calc(20 / 2 * 1px), calc(20 / 1600 * 100vw), 20px);
    text-align: center;
    display: block;
    margin-right: 6px;
    font-size: 18px
}

.m-menus .menus .tit-2 .arr {
    font-size: 12px !important
}

.m-menus .menus .xs-menu-2 {
    margin-left: 26px;
    border-top: 1px solid ffc000;
    margin-top: 6px;
    line-height: 30px;
    padding-bottom: 16px !important
}

.m-menus .menus .active>.tit-2 a,
.m-menus .menus .open>.tit-2 a,
.m-menus .menus .active>.tit-2 .tag,
.m-menus .menus .open>.tit-2 .tag {
    font-weight: bold
}

.m-menus .menus .active>.tit-2 .arr::before,
.m-menus .menus .open>.tit-2 .arr::before {
    content: "\e602"
}

.m-menus .menus .active>.tit-1 a,
.m-menus .menus .open>.tit-1 a {
    color:#ffc000
}

.m-menus .menus .active>.tit-1 .arr,
.m-menus .menus .open>.tit-1 .arr {
    transform: rotate(90deg)
}

.m-menus .menus .active .xs-menu,
.m-menus .menus .open .xs-menu {
    padding: 12px 0 30px
}

.m-menus .xs-menu-1 {
    border-top: 1px solid ffc000
}

.m-menus .xs-menu {
    display: none;
    text-align: left
}

.m-menus .xs-menu dd {
    line-height: 34px;
    font-size: 14px
}

.m-menus .xs-menu.sort {
    overflow: hidden
}

.m-menus .xs-menu.sort dd {
    min-width: 50%;
    padding-left: 20px;
    float: left
}

.mobile-btn {
    float: right;
    position: relative;
    width: 28px;
    height: 65px
}

.mobile-btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 1px;
    margin-left: -14px;
    width: 28px;
    height: 2px;
    background-color:#ffc000;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.mobile-btn span:first-child {
    transform: translateY(-8px)
}

.mobile-btn span:last-child {
    transform: translateY(8px)
}

.mobile-btn.on span:first-child {
    transform: rotate(135deg)
}

.mobile-btn.on span:nth-child(2) {
    transform: scale(0)
}

.mobile-btn.on span:last-child {
    transform: rotate(-135deg)
}

.ban-box {
    padding: 20px;
    background: #f7f7f7;
    text-align: center
}

@media (max-width:480px) {
    .ban-box img {
        width: 40%
    }
}

footer {
    background-color: #1b1b1b;
    color: #fff
}

.ft-content {
    padding-top: clamp(calc(80 / 2 * 1px), calc(80 / 1600 * 100vw), 80px);
    padding-bottom: 36px
}

@media (min-width:1400px) {
    .ft-content {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1200px) {
    .ft-content .contactbox {
        width: clamp(calc(460 / 2 * 1px), calc(460 / 1600 * 100vw), 460px);
        order: -1
    }
}

@media (max-width:1199px) {
    .ft-content .contactbox {
        text-align: center
    }
}

.ft-content .contactbox .logo {
    height: clamp(calc(60 / 2 * 1px), calc(60 / 1600 * 100vw), 60px);
    margin-bottom: clamp(calc(34 / 2 * 1px), calc(34 / 1600 * 100vw), 34px)
}

@media (max-width:1399px) {
    .ft-content .contactbox .logo {
        display: none
    }
}

.ft-content .contactbox .contact {
    color: #999;
    margin-bottom: clamp(calc(160 / 2 * 1px), calc(160 / 1600 * 100vw), 160px)
}

.ft-content .contactbox .contact .tel {
    color:#ffc000;
    font-size: clamp(calc(28 * 1px), calc(30 / 1600 * 100vw), 30px);
    font-family: dinpro;
    margin: 10px 0 13px;
    display: inline-block
}

.ft-content .contactbox .ft-share {
    display: flex
}

@media (max-width:1399px) {
    .ft-content .contactbox .ft-share {
        justify-content: center
    }
}

.ft-content .contactbox .ft-share .sitem+.sitem {
    margin-left: 20px
}

.ft-content .contactbox .ft-share .sitem {
    position: relative
}

.ft-content .contactbox .ft-share .sitem:hover .code {
    display: block
}

.ft-content .contactbox .ft-share .sitem .iconfont {
    width: clamp(calc(50 / 2 * 1px), calc(50 / 1600 * 100vw), 50px);
    height: clamp(calc(50 / 2 * 1px), calc(50 / 1600 * 100vw), 50px);
    line-height: clamp(calc(50 / 2 * 1px), calc(50 / 1600 * 100vw), 50px);
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: .2rem;
    color: #999;
    border: 1px solid rgba(255, 255, 255, 0.2)
}

@media (max-width:640px) {
    .ft-content .contactbox .ft-share .sitem .iconfont {
        width: clamp(calc(80 / 2 * 1px), calc(80 / 1600 * 100vw), 80px);
        height: clamp(calc(80 / 2 * 1px), calc(80 / 1600 * 100vw), 80px);
        line-height: clamp(calc(80 / 2 * 1px), calc(80 / 1600 * 100vw), 80px);
        text-align: center;
        font-size: 20px
    }
}

.ft-content .contactbox .ft-share .sitem .code {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: 100%;
    padding-bottom: 20px;
    display: none
}

.ft-content .contactbox .ft-share .sitem .code::after {
    content: '';
    display: block;
    width: clamp(calc(0 / 2 * 1px), calc(0 / 1600 * 100vw), 0);
    height: clamp(calc(0 / 2 * 1px), calc(0 / 1600 * 100vw), 0);
    border: 8px solid transparent;
    border-top-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: 4px
}

.ft-content .contactbox .ft-share .sitem .code .img {
    background: #fff;
    border-radius: 6px;
    padding: 5px;
    width: 100px
}

.ft-content .nitem .tit {
    font-size: 18px;
    padding-bottom: 20px;
    color: #fff
}

.ft-content .nitem .tit a {
    display: block;
    color: #fff
}

@media (min-width:1200px) {
    .ft-content .nitem .tit a .iconfont {
        display: none
    }
}

.ft-content .nitem .info {
    line-height: 2
}

.ft-content .nitem .info a {
    display: block;
    color: #999;
    margin-bottom: 6px
}

.ft-content .nitem .info a:hover {
    color:#ffc000
}

@media (min-width:1200px) {
    .ft-content .navbox {
        flex: 1;
        display: flex;
        justify-content: space-between
    }

    .ft-content .navbox li+li {
        margin-left: clamp(calc(40 / 2 * 1px), calc(40 / 1600 * 100vw), 40px)
    }
}

@media (min-width:1200px) and (max-width:1199px) {
    .ft-content .navbox li {
        flex: 1
    }
}

@media (max-width:1199px) {
    .ft-content .navbox {
        padding-bottom: 1rem
    }

    .ft-content .navbox li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2)
    }

    .ft-content .navbox .tit {
        font-size: 16px;
        padding: 0
    }

    .ft-content .navbox .tit a {
        padding-top: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px);
        padding-bottom: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px);
        position: relative
    }

    .ft-content .navbox .tit a .iconfont {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .ft-content .navbox .info {
        display: none
    }
}

.ft-bottom {
    padding: 20px 0;
    line-height: 1.6;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #666;
    font-size: 14px
}

.ft-bottom .logo {
    max-height: 40px;
    height: clamp(calc(40 / 2 * 1px), calc(40 / 1600 * 100vw), 40px);
    padding-right: clamp(calc(20 / 2 * 1px), calc(20 / 1600 * 100vw), 20px)
}

@media (min-width:1200px) {
    .ft-bottom .wrap {
        display: flex
    }

    .ft-bottom .wrap .copyright {
        flex: 1;
        margin-right: 5%
    }
}

@media (max-width:1199px) {
    .ft-bottom .links {
        display: block;
        margin: 5px 0
    }
}

.ft-bottom a {
    color: #999
}

.ft-bottom a:hover {
    color:#ffc000
}

.ft-bottom .link,
.ft-bottom span {
    margin-right: 1em
}

.logotxt {
    color:#ffc000;
    font-family: medium;
    font-size: clamp(calc(20 * 1px), calc(48 / 1600 * 100vw), 48px);
    font-style: italic
}
/* banner */
.swiper-button-prev {
    left: 0
}

.swiper-button-next {
    right: 0
}

.index_banner {
    position: relative;
    overflow: hidden;
    z-index: 5
}

@media (min-width:768px) {
    .index_banner {
        height: auto
    }
}

@media (max-width:767px) {}

.index_banner .swiper-pagination {
    bottom: .5rem !important;
    top: auto;
    z-index: 555
}

@media (max-width:640px) {
    .index_banner .swiper-pagination {
        bottom: 10px !important
    }
}

.index_banner .swiper-pagination-bullet {
    background: #fec901;
    opacity: .5;
    margin: 0 .14rem !important
}

.index_banner .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #0689c1
}

.index_banner li {
    position: relative;
    overflow: hidden
}

.index_banner li .link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6
}

.index_banner video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 555
}

.index_banner .bg {
    display: block;
    height: 100%;
    transition: all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%
}

.index_banner .bg:not(.poster) {
    transform: scale(1.02)
}

.index_banner .bg img {
    visibility: hidden
}

.index_banner .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    height: 90%;
    display: flex;
    align-items: center
}

.index_banner .content._b {
    align-items: flex-end;
    padding-bottom: .5rem
}

.index_banner .content._b .info * {
    color: #fff
}

.index_banner .content .inner {
    width: 88vw;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    line-height: 1
}

@media (max-width:639px) {
    .index_banner .content .inner {
        width: 92vw
    }
}

@media (min-width:1800px) {
    .index_banner .content .inner {
        max-width: 1600px
    }
}

@media (min-width:768px) {
    .index_banner .content .inner {
        padding-top: .7rem
    }
}

.index_banner .content .inner .info {
    max-width: 940px;
    width: 50%
}

.index_banner .content .subtit,
.index_banner .content .tit {
    background-image: linear-gradient(60deg, #0789c1, #0177aa 40%);
    -webkit-background-clip: text;
    color: transparent
}

.index_banner .content .subtit {
    font-size: 3.125vw;
    position: relative;
    top: 10px;
    padding-bottom: .2rem
}

@media (min-width:1920px) {
    .index_banner .content .subtit {
        font-size: 60px
    }
}

@media (max-width:1024px) {
    .index_banner .content .subtit {
        font-size: 30px
    }
}

@media (max-width:1200px) {
    .index_banner .content .subtit {
        font-size: 2.08333333vw
    }
}

@media (max-width:1200px) and (min-width:1920px) {
    .index_banner .content .subtit {
        font-size: 40px
    }
}

@media (max-width:1200px) and (max-width:1024px) {
    .index_banner .content .subtit {
        font-size: 20px
    }
}

@media (max-width:600px) {
    .index_banner .content .subtit {
        font-size: 1.5625vw;
        padding-bottom: 10px
    }
}

@media (max-width:600px) and (min-width:1920px) {
    .index_banner .content .subtit {
        font-size: 30px
    }
}

@media (max-width:600px) and (max-width:1024px) {
    .index_banner .content .subtit {
        font-size: 15px
    }
}

.index_banner .content .tit {
    line-height: .9;
    font-size: 5.20833333vw;
    padding-bottom: .3rem;
    font-weight: bold
}

@media (min-width:1920px) {
    .index_banner .content .tit {
        font-size: 70px
    }
}

@media (max-width:1024px) {
    .index_banner .content .tit {
        font-size: 50px
    }
}

@media (max-width:1200px) {
    .index_banner .content .tit {
        line-height: 1;
        font-size: 3.125vw
    }
}

@media (max-width:1200px) and (min-width:1920px) {
    .index_banner .content .tit {
        font-size: 60px
    }
}

@media (max-width:1200px) and (max-width:1024px) {
    .index_banner .content .tit {
        font-size: 30px
    }
}

@media (max-width:600px) {
    .index_banner .content .tit {
        font-size: 2.08333333vw
    }
}

@media (max-width:600px) and (min-width:1920px) {
    .index_banner .content .tit {
        font-size: 40px
    }
}

@media (max-width:600px) and (max-width:1024px) {
    .index_banner .content .tit {
        font-size: 20px
    }
}

.index_banner .content .desc {
    font-size: 1.5625vw;
    color: #666;
    line-height: 1.3
}

@media (min-width:1920px) {
    .index_banner .content .desc {
        font-size: 30px
    }
}

@media (max-width:1024px) {
    .index_banner .content .desc {
        font-size: 15px
    }
}

@media (max-width:600px) {
    .index_banner .content .desc {
        font-size: 13px;
        line-height: 16px;
        max-height: 32px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2
    }

    .index_banner .content .desc br {
        display: none
    }
}

@media (max-width:600px) {
    .index_banner .info.min {
        width: 40% !important
    }

    .index_banner .info.min .subtit {
        font-size: 30px
    }

    .index_banner .info.min .tit {
        font-size: 33px
    }
}

.index_banner video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.index_banner .swiper-slide-active .bg {
    transform: scale(1)
}

@media (max-width:480px) {
    .index_banner .swiper-pagination {
        bottom: 6%
    }
}

/* 关于我们 */
.vtxt {
    line-height: 1.8
}

@media (min-width:992px) {
    .vtxt {
        font-size: 16px
    }
}

@media (max-width:991px) {
    .vtxt {
        font-size: 15px
    }
}
.index-about {
    padding-top: clamp(calc(128 / 2 * 1px), calc(128 / 1200 * 100vw), 128px);
    padding-bottom: clamp(calc(120 / 2 * 1px), calc(120 / 1200 * 100vw), 120px)
}

.index-about .hd {
    margin-bottom: clamp(calc(90 / 2 * 1px), calc(90 / 1200 * 100vw), 90px)
}

@media (min-width:768px) {
    .index-about .hd {
        display: flex;
        justify-content: space-between
    }

    .index-about .hd .tit1 {
        width: 590/1312*100%;
        padding-right: 10%
    }

    .index-about .hd .vtxt {
        flex: 1
    }
}

.index-about .hd .tit1 {
    margin-bottom: clamp(calc(50 / 2 * 1px), calc(50 / 1200 * 100vw), 50px)
}

.videobox {
    position: relative;
    padding-bottom: 30%;
    border-radius: .1rem;
    overflow: hidden
}

.videobox .img,
.videobox video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.videobox .rbtn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    padding-left: clamp(calc(40 / 2 * 1px), calc(40 / 1200 * 100vw), 40px);
    padding-right: clamp(calc(40 / 2 * 1px), calc(40 / 1200 * 100vw), 40px);
    font-family: medium;
    color: #fff
}

.videobox .rbtn em {
    padding-left: clamp(calc(22 * 1px), calc(32 / 1200 * 100vw), 32px);
    background-image: url('../images/sj.png');
    background-position: left center;
    background-repeat: no-repeat
}

.videobox .rbtn:hover {
    background: #000;
    color: #fff;
    border-color: #000
}

/* 产品 */
.vhdd {
    text-align: center;
    margin-bottom: .5rem
}

.vhdd h2 {
    font-size: .4rem;
    margin-bottom: .04rem;
    font-weight: bold
}

@media (max-width:768px) {
    .vhdd h2 {
        font-size: 28px
    }
}

@media (max-width:640px) {
    .vhdd h2 {
        font-size: 24px
    }
}

.vhdd .desc {
    font-size: 16px;
    color: #666;
    padding-top: .1rem;
    line-height: 1.7
}

@media (max-width:640px) {
    .vhdd .desc {
        font-size: 14px
    }
  
}

.vbtnn {
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    text-align: center;
    background-color: #cc0000;
    padding: 0 0.2rem;
    line-height: .48rem
}

@media (max-width:640px) {
    .vbtnn {
        line-height: 38px
    }
}

.vbtnn:hover {
    background: #000;
    color: #fff
}

.vbtn_l {
    font-size: 16px;
    border-radius: 4px;
    line-height: 46px;
    padding: 0 20px;
    border: 1px solid #666
}

@media (max-width:640px) {
    .vbtn_l {
        line-height: 36px
    }
}

.vbtn_l:hover {
    background: #000;
    color: #fff
}

/* 认证 */

.index-advantage {
    background-image: url('../images/bg4.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width:1680px) {
    .index-advantage {
        min-height: 100vh;
        display: flex;
        flex-direction: column
    }

    .index-advantage .top {
        flex: 1
    }
}

.index-advantage .top {
    text-align: center;
    color: #fff;
    padding-top: clamp(calc(130 * 1px), calc(180 / 1600 * 100vw), 180px);
    padding-bottom: clamp(calc(130 * 1px), calc(180 / 1600 * 100vw), 180px)
}

.index-advantage .top .desc {
    font-size: clamp(calc(18 * 1px), calc(24 / 1600 * 100vw), 24px);
    margin-top: clamp(calc(20 * 1px), calc(30 / 1600 * 100vw), 30px);
    margin-bottom: clamp(calc(30 * 1px), calc(34 / 1600 * 100vw), 34px)
}

@media (min-width:768px) {
    .index-advantage .top .desc {
        letter-spacing: .18rem
    }
}

@media (max-width:640px) {
    .index-advantage .top .desc {
        font-size: 16px
    }
}

.index-advantage .top .logos {
    height: clamp(calc(90 / 2 * 1px), calc(90 / 1600 * 100vw), 90px)
}

.index-advantage .bottom {
    position: relative;
    overflow: hidden
}

.index-advantage .bottom .wrap {
    color: #fff
}

@media (min-width:768px) {
    .index-advantage .bottom .wrap {
        display: flex
    }

    .index-advantage .bottom::before,
    .index-advantage .bottom::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50%;
        z-index: 1;
        background-color: rgba(234, 100, 60, 0.9)
    }

    .index-advantage .bottom::before {
        left: 0
    }

    .index-advantage .bottom::after {
        left: 50%;
        margin-left: 1px
    }

    .index-advantage .bottom .item {
        width: 50%;
        padding-top: clamp(calc(48 / 2 * 1px), calc(48 / 1600 * 100vw), 48px);
        padding-bottom: clamp(calc(50 / 2 * 1px), calc(50 / 1600 * 100vw), 50px)
    }

    .index-advantage .bottom .item .inner {
        padding-right: clamp(calc(60 / 2 * 1px), calc(60 / 1600 * 100vw), 60px)
    }

    .index-advantage .bottom .item:nth-child(2) .inner {
        margin-left: 17%
    }
}

@media (max-width:767px) {
    .index-advantage .bottom {
        background-color: rgba(234, 100, 60, 0.9);
        padding-top: clamp(calc(60 / 2 * 1px), calc(60 / 1600 * 100vw), 60px);
        padding-bottom: clamp(calc(60 / 2 * 1px), calc(60 / 1600 * 100vw), 60px)
    }

    .index-advantage .bottom .item+.item {
        margin-top: 30px
    }
}

.index-advantage .bottom .inner {
    display: flex;
    align-items: start
}

.index-advantage .bottom .inner .ic {
    width: clamp(calc(30 * 1px), calc(42 / 1600 * 100vw), 42px);
    height: clamp(calc(30 * 1px), calc(42 / 1600 * 100vw), 42px);
    display: block;
    margin-right: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px);
    position: relative;
    z-index: 5
}

.index-advantage .bottom .inner .ic1 {
    background-image: url('../images/ic_a1.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.index-advantage .bottom .inner .ic2 {
    background-image: url('../images/ic_a2.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat
}

.index-advantage .bottom .inner .info {
    flex: 1;
    position: relative;
    z-index: 5
}

.index-advantage .bottom .inner .info .tit {
    font-size: clamp(calc(18 * 1px), calc(24 / 1600 * 100vw), 24px);
    margin-bottom: clamp(calc(18 / 2 * 1px), calc(18 / 1600 * 100vw), 18px)
}

.index-advantage .bottom .inner .info .desc {
    line-height: 1.6
}

@media (min-width:1280px) {
    .index-advantage .bottom .inner .info .desc {
        font-size: 16px
    }
}

@media (max-width:1200px) and (min-widht:1279px) {
    .index-advantage .bottom .inner .info .desc {
        font-size: 15px
    }
}
/* 底部 */
footer {
    background-color: #202121;
    color: #fff;
    border-top: 4px solid #f5c61c
}

footer .wrap {
    position: relative;
    max-width: 1740px
}

footer .ft-logo .logo {
    max-width: 177px;
    display: block;
    position: relative
}

footer .ft-logo .code {
    max-width: 96px;
    display: block;
    margin: .3rem auto 0
}

footer a {
    color: #999
}

footer a:hover {
    color: #fff
}

footer .content {
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}


@media (min-width:992px) {
    footer .content {
        padding: .75rem 0 .3rem;
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: box;
        -webkit-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

footer .ft-tel {
    max-width: 950px;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

footer .ft-tel h4 {
    font-size: 16px;
    margin-bottom: 20px
}

footer .ft-tel .tel {
    font-size: 28px;
    font-family: medium;
    color: #fff;
    line-height: 30px;
    display: block;
    /* margin-bottom: 26px */
}

footer .ft-tel p {
    color: #666;
    line-height: 1.8;
    font-size: .22rem;
}
@media (max-width:1780px) {
    footer .ft-tel {max-width: 780px; }
}
@media (max-width:1680px) {
    footer .ft-tel {max-width: 740px; }
}
@media (max-width:1480px) {
    footer .ft-tel {max-width: 480px; }
}

@media (max-width:1180px) {
    footer .ft-tel {max-width: 480px; }
}

@media (max-width:992px) {
    footer .ft-tel {
        text-align: center;
        max-width: none;
        padding-bottom: .5rem;
        max-width:850px;
        padding-top: .3rem;
    }

    footer .ft-tel .code {
        margin-top: 10px
    }
}

@media (max-width:640px) {
    footer .ft-tel {
        font-size: 14px
    }
}

footer .bottom {
    padding: .24rem 0 .3rem;
    font-size: 14px;
    color: #999;
    line-height: 1.7
}

footer .bottom a {
    color: #999;
    display: inline-block
}

footer .bottom a:hover {
    color: #fff
}

@media (min-width:768px) {
    footer .bottom {
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: box;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        box-align: center;
        -webkit-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

.ft-navs {
    padding: 0 .5rem
}

@media (min-width:1200px) {
    .ft-navs {
        max-width: 390px
    }
}

@media (min-width:992px) {
    .ft-navs {
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: box;
        -webkit-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 40%
    }
}

.ft-navs .navitem h4 {
    position: relative;
    margin-bottom: 16px
}

.ft-navs .navitem .icon-jia {
    float: right;
    transition: .3s;
    display: none;
    margin-right: 10px
}

.ft-navs .navitem .info {
    line-height: 37px
}

.ft-navs .navitem .info a {
    color: #999;
    display: block
}

.ft-navs .navitem .info a:hover {
    color: #fff
}

@media (max-width:991px) {
    .ft-navs {
        margin-bottom: .5rem
    }

    .ft-navs .navitem {
        float: none;
        width: 100%
    }

    .ft-navs .navitem .icon-jia {
        display: block
    }

    .ft-navs .navitem h4 {
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, .14);
        height: 46px;
        line-height: 46px;
        margin: 0
    }

    .ft-navs .navitem .info {
        display: block;
        font-size: 15px;
        padding: 10px 30px;
        line-height: 2
    }

    .ft-navs .navitem.active h4 {
        font-weight: 700
    }

    .ft-navs .navitem.active .iconfont {
        transform: rotate(135deg)
    }
}

@media (max-width:1199px) {
    .ft-navs {
        padding: 0
    }

    .ft-navs .navitem h4 {
        font-weight: 400
    }
}

@media (max-width:768px) {
    .ft-navs .navitem h4 {
        font-size: 16px
    }
}


/* 分类 */
.case-top {
    padding-top: clamp(calc(80 / 2 * 1px), calc(80 / 1600 * 100vw), 80px);
    padding-bottom: clamp(calc(80 / 2 * 1px), calc(80 / 1600 * 100vw), 80px)
}

@media (min-width:640px) {
    .case-top {
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }
}

@media (max-width:639px) {
    .case-top .info {
        margin-bottom: 30px;
        text-align: center
    }
}

.case-top .info .en {
    font-size: clamp(calc(34 * 1px), calc(60 / 1600 * 100vw), 60px);
    font-family: medium
}

.case-top .info .tit {
    margin-bottom: clamp(calc(10 / 2 * 1px), calc(10 / 1600 * 100vw), 10px);
    letter-spacing: .24rem;
    font-size: clamp(calc(18 * 1px), calc(24 / 1600 * 100vw), 24px)
}

.case-top .nav {
    overflow: hidden;
    background-color: #f5f5f6;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    border-radius: 2em
}

@media (max-width:639px) {
    .case-top .nav {
        margin: 0 auto;
        width: fit-content
    }
}

.case-top .nav a {
    line-height: clamp(calc(42 * 1px), calc(48 / 1600 * 100vw), 48px);
    display: inline-block;
    border-radius: 2em;
    padding-left: clamp(calc(58 / 2 * 1px), calc(58 / 1600 * 100vw), 58px);
    padding-right: clamp(calc(58 / 2 * 1px), calc(58 / 1600 * 100vw), 58px)
}

.case-top .nav a:hover {
    color:#ffc000
}

.case-top .nav .on {
    background-color:#ffc000;
    color: #fff !important
}

/* 新闻列表 */
.news-main {
    padding-bottom: clamp(calc(140 / 2 * 1px), calc(140 / 1600 * 100vw), 140px)
}

.news-main .news-list {
    padding-bottom: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px)
}

.news-main .news-list li:first-child .inner {
    padding-top: 0
}

.newsitem {
    padding-top: clamp(calc(30 * 1px), calc(50 / 1600 * 100vw), 50px);
    padding-bottom: clamp(calc(30 * 1px), calc(50 / 1600 * 100vw), 50px);
    border-bottom: 1px solid #eeeeee;
    position: relative;
    display: block
}

.newsitem::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 1px;
    background-color:#ffc000;
    left: 0;
    bottom: -1px;
    transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.newsitem:hover .time,
.newsitem:hover .title {
    color:#ffc000
}

.newsitem:hover::after {
    width: 100%
}

@media (min-width:640px) {
    .newsitem {
        display: flex
    }

    .newsitem .imgbox {
        width: 40%;
        max-width: 436px;
        margin-right: clamp(calc(60 / 2 * 1px), calc(60 / 1600 * 100vw), 60px)
    }

    .newsitem .info {
        flex: 1
    }
}

.newsitem .cimgbox {
    padding-bottom: 72.01834862%
}

.newsitem .info {
    padding-top: clamp(calc(20 / 2 * 1px), calc(20 / 1600 * 100vw), 20px)
}

@media (max-width:639px) {
    .newsitem .info {
        padding-top: 20px
    }
}

.newsitem .info .time {
    margin-bottom: clamp(calc(28 / 2 * 1px), calc(28 / 1600 * 100vw), 28px)
}

@media (min-width:1280px) {
    .newsitem .info .time {
        font-size: 16px
    }
}

@media (max-width:1200px) and (min-widht:1279px) {
    .newsitem .info .time {
        font-size: 15px
    }
}

.newsitem .info .title {
    font-size: clamp(calc(18 * 1px), calc(24 / 1600 * 100vw), 24px);
    line-height: 1.41666667;
    margin-bottom: clamp(calc(20 / 2 * 1px), calc(20 / 1600 * 100vw), 20px)
}

.newsitem .info .desc {
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
    margin-bottom: clamp(calc(76 / 2 * 1px), calc(76 / 1600 * 100vw), 76px)
}

@media (min-width:1280px) {
    .newsitem .info .desc {
        font-size: 16px
    }
}

@media (max-width:1200px) and (min-widht:1279px) {
    .newsitem .info .desc {
        font-size: 15px
    }
}

@media (max-width:768px) {
    .newsitem .info .desc {
        margin-bottom: clamp(calc(40 / 2 * 1px), calc(40 / 1600 * 100vw), 40px)
    }
}

@media (max-width:767px) and (min-widht:640px) {
    .newsitem .info .cmore {
        display: none
    }
}

.newsitem.hy .datebox {
    text-align: center;
    padding-left: clamp(calc(55 / 2 * 1px), calc(55 / 1600 * 100vw), 55px);
    padding-right: clamp(calc(66 / 2 * 1px), calc(66 / 1600 * 100vw), 66px)
}

.newsitem.hy .datebox .day {
    color:#ffc000;
    font-family: roboto;
    font-size: clamp(calc(100 / 2 * 1px), calc(100 / 1600 * 100vw), 100px)
}

.newsitem.hy .datebox .date {
    padding-top: 6px;
    color: #666
}

@media (min-width:1280px) {
    .newsitem.hy .datebox .date {
        font-size: 16px
    }
}

@media (max-width:1200px) and (min-widht:1279px) {
    .newsitem.hy .datebox .date {
        font-size: 15px
    }
}

@media (min-width:640px) {
    .newsitem.hy .info .time {
        display: none
    }
}

.newsitem.hy .info .desc {
    margin-bottom: clamp(calc(36 / 2 * 1px), calc(36 / 1600 * 100vw), 36px)
}

@media (max-width:639px) {
    .newsitem.hy .datebox {
        display: none
    }
}


/* 新闻内容 */

.article-main {
    margin-top: .9rem;
    margin-bottom: 2rem
}
.arc-sub-list h2 {
    font-size: 24px;
    margin-bottom: .36rem
}

@media (max-width:768px) {
    .arc-sub-list h2 {
        font-size: 22px
    }
}

.arc-sub-list li {
    margin-bottom: 35px
}

.arc-sub-list li .tit {
    display: block;
    margin-top: .12rem;
    font-size: 16px;
    line-height: 1.7
}

.arc-sub-list li .tit:hover {
    color: #074d93
}

.articlebox h1 {
    font-size: .28rem
}

.articlebox .data {
    color: #666;
    padding: 20px 0
}

.articlebox .data span {
    color: #074d93
}

.articlebox article {
    padding: .3rem 0 .8rem;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    font-size: 16px;
    line-height: 1.76
}
.articlebox article img{max-width: 100%;}
.articlebox article p {
    margin-bottom: 1.5em
}

.articlebox article h4 {
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0 20px;
    color: #333
}

.articlebox article img {
    display: block;
    margin: 0 auto
}

.articlebox article a {
    text-decoration: underline
}

.articlebox article a:hover {
    color: #074d93
}

.arc-pnext {
    padding: 20px 0 50px
}

.arc-pnext li {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    color: #999
}
.arc-pnext li a{color: #999;}

.arc-pnext .item:hover {
    color: #074d93
}

@media (max-width:992px) {
    .arc-pnext {
        border-bottom: 1px solid #f5f5f5;
        margin-bottom: 1rem
    }
}
/* 联系我们 */
.contact_box {
    margin-top: .3rem;
    padding-bottom: .3rem;
}

@media (min-width:992px) {
    .contact_box {
        display: flex;
        align-items: stretch
    }

    .contact_box .content {
        width: 4.8rem;
        min-width: 400px
    }

    .contact_box .map {
        flex: 1;
        background: #000
    }
}

.contact_box .content {
    background: url(../images/abbg.png) no-repeat center bottom #fec901;
    background-size: contain;
    padding: .6rem .5rem 2.4rem;
    color: #fff;
}

@media (max-width:991px) {
    .contact_box .content {
        padding-bottom: 1rem
    }
}

.contact_box .content h2 {
    font-size: .28rem;
    line-height: 1.3;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
    margin-bottom: .5rem
}

@media (max-width:1200px) {
    .contact_box .content h2 {
        font-size: 25px
    }
}

@media (max-width:768px) {
    .contact_box .content h2 {
        font-size: 22px
    }
}

.contact_box .content .info {
    font-size: 20px;
    line-height: 1.4
}

.contact_box .content .item {
    display: flex;
    margin-bottom: 20px
}

.contact_box .content .item .ic1 {
    background: url('../images/ab01.png') no-repeat center center
}

.contact_box .content .item .ic2 {
    background: url('../images/ab02.png') no-repeat center center
}

.contact_box .content .item .ic3 {
    background: url('../images/ab03.png') no-repeat center center
}
.contact_box .content .item .ic4 {
    background: url('../images/ab04.png') no-repeat center center
}
.contact_box .content .item .tit {
    padding-left: 40px;
    position: relative;
    background-repeat: no-repeat;
    background-position: left 2px;
    white-space: nowrap
}

@media (max-width:640px) {
    .contact_box .content .item .tit {
        background-size: .36rem;
        padding-left: 30px;
        background-position: left 4px
    }
}

.contact_box .content .item .v {
    display: block;
    flex: 1;
    color: #fff;
}

@media (max-width:1200px) {
    .contact_box .content .info {
        font-size: 18px
    }
}

@media (max-width:991px) {
    .contact_box .map {
        height: 400px;
        background: #000
    }
}

.company_box {
    padding-top: .66rem;
    padding-bottom: 1.1rem;
    overflow: hidden
}

/* 在线留言 */
.tit1 {
    font-size: .48rem;
    font-family: sybold
}

@media (max-width:1200px) {}

@media (max-width:640px) {
    .tit1 {
        font-size: 24px
    }
}
.msg-box {
    background: #f8f8f8;
    padding: .86rem 0 1.18rem
}

.msg-box h2 {
    text-align: center;
    margin-bottom: .4rem
}

@media (min-width:640px) {
    .msg-box .cell {
        display: flex
    }

    .msg-box input {
        flex: 1
    }

    .msg-box input+input {
        margin-left: .4rem
    }
}

@media (min-width:640px) and (max-width:1200px) {
    .msg-box input+input {
        margin-left: .3rem
    }
}

.msg-box input {
    background: #fff;
    height: 68px;
    display: block;
    padding-left: 20px;
    margin-bottom: .4rem
}

.msg-box textarea {
    height: 300px;
    display: block;
    margin-bottom: .6rem
}

.msg-box input,
.msg-box textarea {
    border: 0;
    font-size: 16px;
    padding: 20px
}

.msg-box .submit {
    background-color: #fec901;
    border-radius: 2em;
    font-size: 16px;
    width: 178px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
color: #fff;
}

.msg-box .submit:hover {
    background: #000;
    color: #fff
}

@media (max-width:1200px) {
    .msg-box input {
        height: 50px;
        margin-bottom: 16px
    }

    .msg-box .submit {
        width: 158px;
        height: 50px;
        line-height: 50px;
        text-align: center
    }
}

.commm_navbox {
    margin-bottom: .86rem;
    padding-top: .8rem;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.commm_navbox .nav {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center
}

.commm_navbox .nav a {
    line-height: .6rem;
    border-radius: 2em;
    font-size: 16px;
    border: 1px solid #eeeeee;
    display: block;
    padding: 0 .6rem
}

@media (max-width:992px) {
    .commm_navbox .nav a {
        padding: 0 .4rem
    }
}

@media (max-width:480px) {
    .commm_navbox .nav a {
        line-height: 40px;
        font-size: 15px
    }
}

.commm_navbox .nav a+a {
    margin-left: .16rem
}

.commm_navbox .nav .active,
.commm_navbox .nav a:hover {
    background-color: #fec901;
    color: #fff;
    border-color: #fec901
}

/* 合作流程 */
.service-one {
    background-image: url('../images/bg12.jpg');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: clamp(calc(85 * 1px), calc(106 / 1600 * 100vw), 106px);
    padding-bottom: clamp(calc(85 * 1px), calc(106 / 1600 * 100vw), 106px)
}

.service-one .tit1 {
    text-align: center;
    margin-bottom: clamp(calc(60 / 2 * 1px), calc(60 / 1600 * 100vw), 60px)
}

.service-one .list {
    display: flex;
    flex-wrap: wrap
}

.service-one .list .item {
    width: 33.3333333%;
    align-items: stretch;
    border: 1px solid #eeeeee;
    margin-left: -1px;
    margin-top: -1px;
    padding-top: clamp(calc(30 / 2 * 1px), calc(30 / 1600 * 100vw), 30px);
    padding-bottom: clamp(calc(60 / 2 * 1px), calc(60 / 1600 * 100vw), 60px);
    padding-left: clamp(calc(20 * 1px), calc(24 / 1600 * 100vw), 24px);
    padding-right: clamp(calc(20 * 1px), calc(24 / 1600 * 100vw), 24px);
    position: relative;
    overflow: hidden;
    cursor: pointer
}

@media (max-width:1200px) {
    .service-one .list .item {
        width: 33.3333333%
    }
}

@media (max-width:992px) {
    .service-one .list .item {
        width: 33.33%
    }
}

@media (max-width:640px) {
    .service-one .list .item {
        width: 50%;
        padding-top: clamp(calc(40 / 2 * 1px), calc(40 / 1600 * 100vw), 40px);
        padding-bottom: clamp(calc(40 / 2 * 1px), calc(40 / 1600 * 100vw), 40px)
    }
}

@media (max-width:639px) {
    .service-one .list .item {
        width: 100%
    }

    .service-one .list .item .hd {
        margin-bottom: 12px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .service-one .list .item .hd .icon {
        margin-right: clamp(calc(20 / 2 * 1px), calc(20 / 1600 * 100vw), 20px)
    }

    .service-one .list .item .hd .title {
        margin: 0
    }
}

.service-one .list .item:hover {
    background-color: #ff815b;
    border-color:#ffc000
}

.service-one .list .item:hover .title,
.service-one .list .item:hover .desc {
    color: #fff
}

.service-one .list .item:hover .no {
    opacity: 1
}

.service-one .list .item .no {
    position: absolute;
    right: .1rem;
    bottom: 0;
    transform: translateY(28%);
    font-size: clamp(calc(120 / 2 * 1px), calc(120 / 1600 * 100vw), 120px);
    line-height: 1;
    font-family: roboto;
    color:#ffc000;
    opacity: 0;
    z-index: 1
}

.service-one .list .item .icon {
    width: clamp(calc(24 * 1px), calc(32 / 1600 * 100vw), 32px);
    height: clamp(calc(24 * 1px), calc(32 / 1600 * 100vw), 32px);
    background-image: url('../images/check.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
}

.service-one .list .item .title {
    font-size: 18px;
    font-weight: bold;
    margin-top: clamp(calc(16 / 2 * 1px), calc(16 / 1600 * 100vw), 16px);
    margin-bottom: clamp(calc(20 / 2 * 1px), calc(20 / 1600 * 100vw), 20px);
    line-height: 1.5
}

@media (max-width:1200px) {
    .service-one .list .item .title {
        font-size: 17px
    }
}

.service-one .list .item .desc {
    line-height: 1.71428571;
    color: #666;
    position: relative;
    z-index: 6
}

/* 内页关于我们 */
.about-box {
    padding-top: clamp(calc(10 / 2 * 1px), calc(10 / 1600 * 100vw), 10px);
    padding-bottom: clamp(calc(10 / 2 * 1px), calc(10 / 1600 * 100vw), 10px);
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/add3.png) no-repeat right top;
    background-size: 35.98958333%;
    position: relative
}

.about-box .txt {
    font-size: clamp(calc(36 / 2 * 1px), calc(36 / 1600 * 100vw), 36px);
    padding-bottom: clamp(calc(60 / 2 * 1px), calc(60 / 1600 * 100vw), 60px);
    line-height: 1.66666667
}

@media (max-width:480px) {
    .about-box .txt {
        font-size: 17px
    }
}

.about-box .txt p {
    margin-bottom: 1em
}

.about-box .img {
    margin-bottom: clamp(calc(50 / 2 * 1px), calc(50 / 1600 * 100vw), 50px)
}
/* 内页banner */

.banner {
    height:4.8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}

.banner .img {
    visibility: hidden
}

.banner .wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    height: 100%
}

.banner .info {
    color: #fff;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    box-pack: center
}

.banner .info h2 {
    font-size: .48rem;
    font-weight: bold;
    margin-bottom: 5px
}

.banner .info .desc {
    font-size: .36rem
}

@media (max-width:640px) {
    .banner {
        height: 5rem
    }

    .banner .info h2 {
        font-weight: normal
    }

    .banner .info .desc {
        font-size: 16px
    }
}

.banner .navbox {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 55;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.banner nav {
    bottom: 0;
    color: #fff;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.banner nav a {
    color: #fff;
    display: block;
    font-size: 16px;
    width: 20%;
    height: .8rem;
    line-height: .8rem;
    transition: all .4s ease 0s
}

.banner nav .active {
    background: #ea5f00;
    color: #fff
}

@media (min-width:992px) {
    .banner nav a:hover {
        background: #ea5f00;
        color: #fff
    }
}

@media (max-width:992px) {
    .banner nav {
        width: 100%
    }
}

@media (max-width:640px) {
    .banner nav {
        width: 100vw;
        position: relative;
        left: -6vw
    }

    .banner nav a {
        font-size: 14px
    }
}

/* 产品分类 */
.index-fabric {
    padding-top: clamp(calc(150 / 2 * 1px), calc(150 / 1520 * 100vw), 150px)
}

.index-fabric .hd {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: clamp(calc(80 / 2 * 1px), calc(80 / 1920 * 100vw), 80px)
}

.index-fabric .hd .more {
    font-size: clamp(calc(16 * 1px), calc(20 / 1520 * 100vw), 20px);
    display: inline-block;
    border-bottom: 1px solid #cdccca
}

.index-fabric .hd .more i {
    font-size: 60%;
    margin-left: 4px
}

.index-fabric .hd .more:hover {
    color: #d18253;
    border-bottom-color: #d18253
}

.index-fabric .bd {
    margin-left: calc(-1 * clamp(calc(17 / 2 * 1px), calc(17 / 1520 * 100vw), 17px)) !important;
    margin-right: calc(-1 * clamp(calc(17 / 2 * 1px), calc(17 / 1520 * 100vw), 17px)) !important
}

.index-fabric .bd.stretch {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.index-fabric .bd.stretch::before {
    display: none
}

.index-fabric .bd.stretch li>.inner,
.index-fabric .bd.stretch li>a {
    height: 100%
}

.index-fabric .bd>* {
    padding-left: clamp(calc(17 / 2 * 1px), calc(17 / 1520 * 100vw), 17px) !important;
    padding-right: clamp(calc(17 / 2 * 1px), calc(17 / 1520 * 100vw), 17px) !important;
    margin-bottom: calc(clamp(calc(17 / 2 * 1px), calc(17 / 1520 * 100vw), 17px) * 2);
    overflow: hidden;
}

.index-fabric .bd li:nth-child(2n) .fabric-item .info::after {
    background-color: #ccc7c1
}
.fabric-item {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.fabric-item .cimgbox {
    padding-bottom: 150%
}

@media (max-width:640px) {
    .fabric-item .cimgbox {
        padding-bottom: 80%
    }
}
.fabric-item .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.fabric-item .info .inner {
    height: clamp(calc(120 * 1px), calc(120 / 1920 * 100vw), 120px);
    position: relative;
    z-index: 5;
    color: #fff;
    padding-top: 5%;
    /* display: flex; */
    align-items: center;
    justify-content: center
}
@media (max-width:1700px) {
    .fabric-item .info .inner {
        height: clamp(calc(180 * 1px), calc(180 / 1920 * 100vw), 180px);
        padding-top: 12%;
    }
}

.fabric-item .info::after {
    content: '';
    width: 105%;
    height: 210%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    top: 5%;
    background-color: #a4b4bd;
    z-index: 1
}

.fabric-item .info .icon {
    width: clamp(calc(40 / 2 * 1px), calc(40 / 1520 * 100vw), 40px);
    height: clamp(calc(40 / 2 * 1px), calc(40 / 1520 * 100vw), 40px);
    background-image: url('../images/ic_fabric.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px
}

.fabric-item .info .tit {
    font-weight: bold;
    font-size: clamp(calc(16 * 1px), calc(28 / 1520 * 100vw), 28px)
}
.fabric-item .info .desc{overflow: hidden;max-width: 78%; margin: 0 auto;}

/* 产品列表 */

.case-main {
    padding-top:.8rem;
    padding-bottom: clamp(calc(140 / 2 * 1px), calc(140 / 1600 * 100vw), 140px)
}

.case-list {
    margin-left: calc(-1 * clamp(calc(10 * 1px), calc(25 / 1600 * 100vw), 25px)) !important;
    margin-right: calc(-1 * clamp(calc(10 * 1px), calc(25 / 1600 * 100vw), 25px)) !important
}

.case-list.stretch {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.case-list.stretch::before {
    display: none
}

.case-list.stretch li>.inner,
.case-list.stretch li>a {
    height: 100%
}

.case-list>* {
    padding-left: clamp(calc(10 * 1px), calc(25 / 1600 * 100vw), 25px) !important;
    padding-right: clamp(calc(10 * 1px), calc(25 / 1600 * 100vw), 25px) !important;
    margin-bottom: calc(clamp(calc(10 * 1px), calc(25 / 1600 * 100vw), 25px) * 2)
}

@media (max-width:600px) {
    .case-list li {
        width: 100%
    }
}

.caseitem {
    background: #f7f7f7;
    display: block;
    border-radius: .1rem;
    overflow: hidden;
    transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.caseitem .cimgbox {
    padding-bottom: 72%
}

.caseitem .info {
    padding-left: clamp(calc(20 * 1px), calc(24 / 1600 * 100vw), 24px);
    padding-right: clamp(calc(20 * 1px), calc(24 / 1600 * 100vw), 24px);
    padding-top: 20px;
    padding-bottom: 26px
}

.caseitem .info .title {
    font-size: clamp(calc(18 * 1px), calc(24 / 1600 * 100vw), 24px);
    margin-bottom: 10px
}

.caseitem .info .type {
    color: #999
}

@media (min-width:1280px) {
    .caseitem .info .type {
        font-size: 16px
    }
}

@media (max-width:1200px) and (min-widht:1279px) {
    .caseitem .info .type {
        font-size: 15px
    }
}

.caseitem:hover {
    box-shadow: 0 calc(clamp(12px, 1.35vw, 24px)/2) clamp(12px, 1.35vw, 24px) 0 rgba(20, 63, 134, 0.11);
    color:#ffc000
}
/* 分页 */
.scott {
	text-align: center;
	margin-top: 20px;
	padding-bottom: 40px;
}

.scott a,.scott span {
	width: 35px;
	height: 35px;
	margin: 0 3px;
	display: inline-block;
	background-color: #fff;
	line-height: 35px;
	color: #1f0a42;
	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
	box-shadow: 0 2px 10px 0 #d8dde6;
	font-size: 18px;
	border-radius: 50px
}

.scott .current,.scott a:hover{
	background: #fec901;
	color: #fff;
	-webkit-box-shadow: 0 2px 10px 0 #d8dde6;
	box-shadow: 0 2px 10px 0 #d8dde6
}


/* 产品内容页 */
.prdouct_top {
	padding:0 .4rem .8rem .4rem;
	background: #fff;
	margin-bottom: .4rem;
	
}

@media (min-width:992px) {
	.prdouct_top {
		display: flex
	}

	.prdouct_top .swiperbox,
	.prdouct_top .infobox {
		width: 50%;
		padding-right: 4%
	}
}

@media (max-width:991px) {
	.prdouct_top .infobox {
		margin-top: .8rem
	}
}

.prdouct_top .infobox h1 {
	font-size: 2.33vw;
	padding-bottom: .3rem;
	border-bottom: 1px solid #eee;
	margin-bottom: .26rem
}

@media (min-width:1920px) {
	.prdouct_top .infobox h1 {
		font-size: .4rem
	}
}

@media (max-width:768px) {
	.prdouct_top .infobox h1 {
		font-size: 24px
	}
}

.prdouct_top .infobox .txt {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	margin-bottom: .6rem
}

@media (max-width:1200px) and (min-width:768px) {
	.prdouct_top .infobox .txt {
		font-size: 15px;
		line-height: 1.6
	}
}

.prdouct_top .infobox .btns {
	display: flex
}

.prdouct_top .infobox .btns a {
	display: inline-block;
	font-size: 16px;
	border-radius: 4px;
	line-height: 48px;
	padding: 0 28px;
	background-color:#ffc000;
	color: #fff
}

.prdouct_top .infobox .btns .manual {
	margin-left: 15px;
	background: #47bd92
}

.prdouct_top .infobox .btns .manual:hover {
	background-color:#ffc000;
	color: #fff
}

.prdouct_top .infobox .btns .quote:hover {
	background: #47bd92;
	color: #fff
}
.swiper_nav {
	margin-top: .4rem
}

.swiper_nav li {
	width: 16.66%;
	text-align: center;
	cursor: pointer;
	padding-right: 10px
}

.swiper_nav li .img {
	border: 1px solid #eee;
	transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.swiper_nav .swiper-slide-thumb-active .img {
	border-color:#ffc000
}

.pro_box {
	width: 88vw;
	max-width: 1560px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	margin-bottom: .36rem;
	padding: .3rem .4rem .7rem;
	font-size: .16rem;
	line-height: 28px;
}

@media (max-width:639px) {
	.pro_box {
		width: 92vw;
	}
	.pro_box p{font-size: 16px; color: #666;}
}

.pro_box h2 {
	font-size: .24rem;
	border-bottom: 1px solid #eee;
	margin-bottom: .4rem;
	padding-bottom: 10px;
	font-weight: bold
}

@media (max-width:1680px) {}

@media (max-width:992px) {}

@media (max-width:768px) {
	.pro_box h2 {
		font-size: 18px
	}
}

.product_nav {
	background: #fff;
	
	padding: 0 .3rem;
	width: 88vw;
	max-width: 1560px;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px
}

@media (max-width:639px) {
	.product_nav {
		width: 92vw
	}
}

@media (max-width:1679px) {
	.product_nav {
		font-size: 15px;
		display: -webkit-flex;
		display: flex;
		display: -webkit-box;
		display: box;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-align: center;
		box-align: center;
		-webkit-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}

	.product_nav a {
		display: block
	}
}

.product_nav a {
	color: #999;
	line-height: .8rem
}

.product_nav a:hover {
	color: #111
}

@media (min-width:1680px) {
	.product_nav a {
		display: inline-block
	}

	.product_nav a+a {
		margin-left: .3rem
	}
}

.product_nav .on {
	color: #111;
	position: relative;
	font-weight: bold
}

.product_nav .on::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color:#ffc000;
	bottom: 0;
	left: 0
}


.pro_box .table2 tr:first-child {
	background: #f8f8f9;
	font-weight: bold
}

.pro_box .table2 td {
	padding: .12rem .28rem
}

@media (max-width:992px) {
	.pro_box .table2 td {
		padding: .12rem .16rem
	}
}

.pro_box table {
	width: 100%;
	font-size: 16px;
	text-align: left
}

@media (max-width:992px) {
	.pro_box table {
		font-size: 15px
	}
}

@media (max-width:768px) {
	.pro_box table {
		font-size: 14px
	}
}

@media (max-width:480px) {
	.pro_box table {
		font-size: 13px
	}
}

.pro_box table td {
	border: 1px solid #ddd;
	line-height: 1.5;
	padding: .12rem
}

@media (max-width:639px) {
	.pro_box .bd {
		position: relative;
		margin-right: -4vw;
		overflow-x: auto
	}

	.pro_box table {
		width: 600px
	}
}

/* 关于我们 */
.vhd h2 {
    font-size: 30px
}

.vhd .en {
    font-size: 16px;
    color: #999;
    line-height: 1.6;
    text-transform: uppercase
}

@media (max-width:992px) {
    .vhd h2 {
        font-size: 26px
    }
}

@media (max-width:640px) {
    .vhd h2 {
        font-size: 24px
    }

    .vhd .en {
        font-size: 14px
    }
}
@media (min-width:992px) {
    .story-box .bd {
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: box
    }

    .story-box .img {
        width: 40%;
        padding-right: 5%
    }

    .story-box .content {
        width: 55%;
        height: 560px;
        /* margin-bottom: 1.2rem */
    }
}

@media (min-width:769px) {
    .story-box .content {
    
        padding-right: .3rem
    }

    .story-box .content::-webkit-scrollbar {
        width: 3px;
        height: 3px
    }

    .story-box .content::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #fd7649
    }

    .story-box .content::-webkit-scrollbar-track {
        border-radius: 2px;
        background: #dedede
    }
}

@media (max-width:768px) {
    .story-box .content {
        padding: .5rem 0
    }
}

.story-box .name {
    font-size: .3rem;
    color: #ffc000;
}

.story-box .desc {
    font-size: 20px
}

.story-box .info {
    margin-top: .5rem;
    font-size: 16px;
    line-height: 1.8;
    color: #666
}

.story-box .info p {
    margin-bottom: 1em
}

@media (max-width:992px) {
    .story-box {
        padding-bottom: .8rem
    }
}

@media (max-width:992px) and (min-width:769px) {
    .story-box .name {
        font-size: 30px
    }

    .story-box .desc {
        font-size: 16px
    }

    .story-box .bd {
        max-height: 10rem;
        overflow: hidden
    }

    .story-box .img {
        margin-bottom: .5rem;
        text-align: center;
        width: 50%;
        float: left
    }

    .story-box .img img {
        width: 80%;
        max-width: 480px
    }

    .story-box .content {
        display: inline
    }
}

@media (max-width:768px) {
    .story-box .name {
        font-size: 24px
    }

    .story-box .desc {
        font-size: 16px
    }

    .story-box .info {
        font-size: 14px
    }
}

.story-box .more {
    color: #666;
    padding: .1rem .38rem;
    border: 1px solid #ccc;
    border-radius: 2em;
    transition: .6s;
    display: inline-block;
    margin-top: .5rem
}

@media (max-width:640px) {
    .story-box .bd {
        overflow: visible
    }

    .story-box .img {
        float: none;
        text-align: center;
        width: 100%;
        position: relative;
        margin-top: -1.5rem
    }

    .story-box .img img {
        max-width: 50%;
        max-height: 40%
    }

    .story-box .info {
        font-size: 14px;
        line-height: 24px
    }

    .story-box .info.sort {
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 6;
        max-height: 144px
    }

    .story-box .name {
        font-size: 20px;
        margin-bottom: 5px;

    }

    .story-box .desc {
        font-size: 16px
    }
}

/* 产品与生产 */

.team-box {
    padding: .9rem 0 0 0;
}

@media (min-width:768px) {
    .team-box .bd {
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: box
    }

    .team-box .bd .leftbox,
    .team-box .bd .rightbox {
        width: 50%
    }
}

.team-box .leftbox {
    padding-top: .7rem
}

.team-box .leftbox h5 {
    font-size: .36rem;
    margin-bottom: 5px
}

.team-box .leftbox .en {
    font-size: 24px;
    color: #999;
    text-transform: uppercase
}

@media (max-width:1200px) {
    .team-box .leftbox h5 {
        font-size: .3rem
    }

    .team-box .leftbox .en {
        font-size: 18px
    }
}

.team-box .nav {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 90%;
    max-width: 640px;
    margin: .7rem 0;
    text-align: center
}

.team-box .nav li {
    width: 25%;
    cursor: pointer
}

.team-box .nav .ic {
    width: 1rem;
    height: 1rem;
    background-color: #f4f4f4;
    display: block;
    margin: 0 auto .14rem;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .5rem;
    border: 1px solid #f4f4f4
}

.team-box .nav .ic1 {
    background-image: url('../images/ic_team_1.png')
}

.team-box .nav .ic2 {
    background-image: url('../images/ic_team_2.png')
}

.team-box .nav .ic3 {
    background-image: url('../images/ic_team_3.png')
}

.team-box .nav .ic4 {
    background-image: url('../images/ic_team_4.png')
}

.team-box .nav .active {
    color: #fd764a
}

.team-box .nav .active .ic {
    background-color: #fff;
    border-color: #fd7649;
    border-style: dotted
}

.team-box .nav .active .ic1 {
    background-image: url('../images/ic_team_1_on.png')
}

.team-box .nav .active .ic2 {
    background-image: url('../images/ic_team_2_on.png')
}

.team-box .nav .active .ic3 {
    background-image: url('../images/ic_team_3_on.png')
}

.team-box .nav .active .ic4 {
    background-image: url('../images/ic_team_4_on.png')
}

@media (max-width:1200px) {
    .team-box .nav .ic {
        width: .8rem;
        height: .8rem
    }
}

@media (max-width:768px) {
    .team-box .nav .ic {
        width: 1.2rem;
        height: 1.2rem
    }
}

.team-box .tabInfo {
    position: relative;
    min-height: 4rem
}

.team-box .tabInfo dl:not(:first-child) {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.team-box dl dt {
    font-size: .48rem;
    font-weight: normal;
    margin-bottom: .2rem
}

.team-box dl dd {
    font-size: .24rem;
    color: #666;
    line-height: 1.8
}

@media (max-width:1200px) {
    .team-box dl dt {
        font-size: .4rem
    }

    .team-box dl dd {
        font-size: 16px
    }
}

@media (max-width:992px) {
    .team-box dl dt {
        font-size: 30px
    }
}

.mode-topper {
    position: relative;
    
  
}

.mode-topper img {
    display: block;
    margin: 0 auto
}

/* 一站式解决方案 */
.title2 {
    font-size: 0.46rem;
    font-weight: bold;
    text-align: center;
    padding: 1.1rem 0 0.6rem;
  }
  @media (max-width: 768px) {
    .title2 {
      font-size: 22px;
    }
  }
.ex_box2 {
    background: #f5f5f5;
  }
  .ex_box2 .bd {
    position: relative;
    max-width: 1600px;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
  }
  @media (max-width: 768px) {
  }
  @media (max-width: 640px) {
  }
  .ex_box2 .row {
    margin-left: -0.18rem;
    margin-right: -0.18rem;
  }
  .ex_box2 li {
    padding-left: 0.18rem;
    padding-right: 0.18rem;
    margin-bottom: 0.36rem;
  }
  .ex_box2 li:nth-child(2n+1) {
    clear: both;
  }
  .ex_box2 .tag {
    position: absolute;
    left: 0.2rem;
    top: 0;
    background-image: url('../images/tag.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
    width: 34px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-style: normal;
  }
  .ex_box2 h6 {
    line-height: 0.56rem;
    font-size: 0.24rem;
    margin-bottom: 10px;
    transition: 0.3s;
  }
  .ex_box2 .info {
    color: #666;
    line-height: 1.7;
    transition: 0.3s;
  }
  .ex_box2 .ic {
    width: 1.36rem;
    height: 1.36rem;
    border-radius: 50%;
    background: #f5f5f5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.66rem;
    border: 0.1rem solid #f5f5f5;
    transition: 0.3s;
  }
  .ex_box2 .ic1 {
    background-image: url('../images/ic_c1.png');
  }
  .ex_box2 .ic2 {
    background-image: url('../images/ic_c2.png');
  }
  .ex_box2 .ic3 {
    background-image: url('../images/ic_c3.png');
  }
  .ex_box2 .ic4 {
    background-image: url('../images/ic_c4.png');
  }
  .ex_box2 .ic5 {
    background-image: url('../images/ic_c5.png');
  }
  .ex_box2 .ic6 {
    background-image: url('../images/ic_c6.png');
  }

  .ex_box2 .inner {
    background: #fff;
    position: relative;
    transition: 0.3s;
  }
  @media (min-width: 993px) {
    .ex_box2 .inner {
      padding: 0.4rem 0.7rem 0.4rem 0.54rem;
      display: -webkit-flex;
      display: flex;
      display: -webkit-box;
      display: box;
      position: relative;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-align: center;
      box-align: center;
    }
    .ex_box2 .inner:hover {
      background: rgba(255, 192, 0, 0.8);
    }
    .ex_box2 .inner:hover .ic {
      background-color: #fff;
    }
    .ex_box2 .inner:hover h6,
    .ex_box2 .inner:hover .info {
      color: #fff;
    }
    .ex_box2 .inner .content {
      padding-left: 0.4rem;
      min-width: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1;
    }
  }
  @media (max-width: 1200px) and (min-width: 993px) {
    .ex_box2 .row {
      margin-left: -10px;
      margin-right: -10px;
    }
    .ex_box2 .row > * {
      padding-left: 10px;
      padding-right: 10px;
    }
    .ex_box2 .ic {
      width: 1.1rem;
      height: 1.1rem;
    }
  }
  @media (max-width: 992px) {
    .ex_box2 .inner {
      padding: 0.4rem;
      text-align: center;
    }
    .ex_box2 h6 {
      font-size: 20px;
    }
    .ex_box2 .ic {
      margin: 0 auto 16px;
      display: block;
    }
  }
  @media (max-width: 768px) {
    .ex_box2 .row {
      margin-left: 0;
      margin-right: 0;
    }
    .ex_box2 .row > * {
      padding-left: 0;
      padding-right: 0;
    }
    .ex_box2 .ic {
      margin-bottom: 20px;
    }
  }
  @media (max-width: 480px) {
    .ex_box2 .ic {
      width: 1.6rem;
      height: 1.6rem;
      background-size: 0.8rem;
    }
    .ex_box2 .tag {
      height: 32px;
      line-height: 32px;
    }
  }
  .ic {
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
  }
  /* 优势 */
.exs_box1{ width: 100%; background: url(../images/ys-bg.png)no-repeat center center ; background-size: 100%;}

  .nav_box {
    margin-left: -5px;
    margin-right: -5px;
    text-align: center;
  }
  .nav_box > * {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .nav_box li {
    /* border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    background: #f5f5f5; */
    position: relative;
    transition: 0.3s;
  }
  .nav_box li::after {
    content: '';
    transition: 0.3s;
    width: 2.1rem;
    height: 2.1rem;
    border: 0.4rem solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    z-index: 1;
    opacity: 0.8;
  }
  .nav_box li .inner {
    position: relative;
    z-index: 5;
  }
  .nav_box .inner {
    padding: 0.5rem 5% 0.6rem;
  }
  .nav_box .ic {
    width: 0.72rem;
    height: 0.72rem;
    display: block;
    margin: 0 auto;
    max-width: 25%;
    transition: 0.3s;
  }
  .nav_box .ic-a1 {
    background-image: url('../images/ic_b1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  .nav_box .ic-a2 {
    background-image: url('../images/ic_b2.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  .nav_box .ic-a3 {
    background-image: url('../images/ic_b3.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  .nav_box .ic-a4 {
    background-image: url('../images/ic_b4.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  .nav_box .ic-a5 {
    background-image: url('../images/ic_b5.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  .nav_box h5 {
    font-size: 0.24rem;
    margin: 0.2rem 0 0.26rem;
  }
  .nav_box .info {
    line-height: 1.7;
  }
  @media (min-width: 993px) {
    .nav_box {
      display: table;
      width: 100%;
    }
    .nav_box > * {
      display: table-cell;
      vertical-align: middle;
    }
    .nav_box li {
      float: none;
      vertical-align: top;
      width: 20%;
    }
    .nav_box .info {
      max-width: 248px;
      margin: 0 auto;
    }
    .nav_box li:hover {
      background: #e79daa;
      color: #fff;
    }
    .nav_box li:hover .ic-a1 {
      background-image: url('../images/ic_b1_on.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: block;
    }
    .nav_box li:hover .ic-a2 {
      background-image: url('../images/ic_b2_on.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: block;
    }
    .nav_box li:hover .ic-a3 {
      background-image: url('../images/ic_b3_on.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: block;
    }
    .nav_box li:hover .ic-a4 {
      background-image: url('../images/ic_b4_on.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: block;
    }
    .nav_box li:hover .ic-a5 {
      background-image: url('../images/ic_b5_on.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: block;
    }
    .nav_box li:hover::after {
      content: '';
      width: 2.8rem;
      height: 2.8rem;
      opacity: 0.2;
      border-width: 0.54rem;
    }
  }
  @media (max-width: 1600px) {
    .nav_box li::after {
      width: 1.8rem;
      height: 1.8rem;
    }
  }
  @media (max-width: 1600px) and (min-width: 992px) {
    .nav_box li:hover::after {
      width: 2.2rem;
      height: 2.2rem;
    }
  }
  @media (max-width: 1200px) {
    .nav_box .info {
      font-size: 12px;
    }
  }
  @media (max-width: 992px) {
    .nav_box {
      display: flex;
      flex-wrap: wrap;
    }
    .nav_box h5 {
      font-size: 20px;
    }
  }
  .nav_box2 .inner {
    min-height: 3.2rem;
    padding: 0.7rem 5% 0.5rem;
  }
  .nav_box2 h5 {
    margin: 0.4rem 0 0.1rem;
  }
  .nav_box2 .ic-a1 {
    background-image: url('../images/ic_t_b1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  .nav_box2 .ic-a2 {
    background-image: url('../images/ic_t_b2.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  .nav_box2 .ic-a3 {
    background-image: url('../images/ic_t_b3.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  .nav_box2 .ic-a4 {
    background-image: url('../images/ic_t_b4.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  .nav_box2 .ic-a5 {
    background-image: url('../images/ic_t_b5.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: block;
  }
  @media (min-width: 993px) {
    .nav_box2 {
      max-width: 1430px;
      margin: 0 auto;
      padding-bottom: 1rem;
    }
    .nav_box2 li {
      width: 20%;
      border-left-width: 0.24rem;
      border-right-width: 0.24rem;
    }
    .nav_box2 li:hover {
      background: #929292;
      color: #fff;
    }
    .nav_box2 li:hover .ic-a1 {
      background-image: url('../images/ic_t_b1_on.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: block;
    }
    .nav_box2 li:hover .ic-a2 {
      background-image: url('../images/ic_t_b2_on.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: block;
    }
    .nav_box2 li:hover .ic-a3 {
      background-image: url('../images/ic_t_b3_on.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: block;
    }
    .nav_box2 li:hover .ic-a4 {
      background-image: url('../images/ic_t_b4_on.png');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      display: block;
    }
    .nav_box2 li:hover .ic-a5 {
        background-image: url('../images/ic_t_b5_on.png');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        display: block;
      }
  }
  @media (max-width: 1500px) {
    .nav_box2 li {
      border-left-width: 10px;
      border-right-width: 10px;
    }
  }
  @media (max-width: 992px) {
    .nav_box2 li {
      border-left-width: 5px;
      border-right-width: 5px;
      width: 50%;
    }
    .nav_box2 li:nth-child(2n) {
      clear: both;
    }
  }

  /* 关于我们 */
  .base-tit {
    text-align: center;
    font-size: 0.48rem;
    padding-bottom: 0.46rem;
    position: relative;
  }
  .base-tit span {
    font-family: medium;
    font-size: 0.54rem;
    position: relative;
    top: 2px;
  }
  /* .base-tit::after {
    content: '';
    background: #e6e9e6;
    width: 0.9rem;
    height: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: 0;
    transition: 0.3s;
  } */
  @media (max-width: 768px) {
    .base-tit {
      font-size: 22px;
    }
    .base-tit span {
      font-size: 24px;
    }
  }
  .ibrand {
    padding: .8rem 0 1.2rem;
    position: relative;
    max-width: 1600px;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
  }
  @media (max-width: 768px) {
  }
  @media (max-width: 640px) {
  }
  .ibrand h4 {
    font-size: 0.6rem;
    margin: 0.5rem 0 0.46rem;
    text-align: center;
  }
  .ibrand .info {
    font-size: 18px;
    color: #868697;
    max-width: 1080px;
    margin: 0 auto;
    line-height: 1.88888889;
  }
  @media (max-width: 1200px) {
    .ibrand .info {
      font-size: 16px;
    }
  }
  @media (max-width: 640px) {
    .ibrand h4 {
      font-size: 26px;
    }
    .ibrand .info {
      font-size: 14px;
    }
  }
/* 选项 */
  .igood-more {
    position: relative;
    max-width: 1600px;
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding: 1.2rem 0;
    width: 96%;
  }
  @media (max-width: 768px) {
  }
  @media (max-width: 640px) {
  }
  .igood-more .bd {
    padding-top: 0.86rem;
    text-align: center;
  }
  .igood-more ul {
    white-space: nowrap;
  }
  .igood-more li {
    text-align: center;
    padding: 0 0.1rem;
    display: inline-block;
  }
  .igood-more .inner {
    background: #f5f5f5;
    padding: 0 0 0.5rem;
    text-align: center;
    transition: 0.3s;
  }
  .igood-more .inner:hover {
    transform: scale(0.96);
    /* background: rgba(235, 155, 169, 0.6); */
  }
  .igood-more .inner span {
    color: #666;
    display: block;
    font-size: 0.18rem;
  }
  .igood-more .inner img {
    /* max-width: 80%; */
    margin-bottom: 0.5rem;
  }
  @media (min-width: 1201px) {
    .igood-more li {
      width: 20%;
    }
  }
  @media (max-width: 1200px) {
    .igood-more .swiper-mgood {
      padding-bottom: 0.5rem;
    }
    .igood-more .swiper-pagination 
    {
      font-size: 0;
      bottom: 0;
    }
    .igood-more li {
      width: 25%;
    }
    .igood-more .inner img {
      margin-bottom: 0.3rem;
    }
  }
  @media (max-width: 768px) {
    .igood-more {
      width: 88%;
    }
    .igood-more li {
      width: 33.33%;
    }
    .igood-more li span {
      margin: 0 5%;
    }
  }
  @media (max-width: 640px) {
    .igood-more li {
      width: 50%;
    }
  }

  /* 内页关于我们 */
  .about_intro {
    padding: 110px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.about_intro .img {
    width: 590px;
    height: 406px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 70px
}

.about_intro .info {
    flex: 1;
    overflow: hidden
}

.about_intro .info .tit1 {
    text-align: left;
    margin-bottom: .3rem
}

.about_intro .info .desc {
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 20px
}

.about_intro .info .txt {
    font-size: 16px;
    line-height: 2;
    color: #666
}

/* 发展历程 */
.bggray1{background: url(../images/fz.jpg) no-repeat center;
    background-size: 100%;}
.about_step {
    padding: 90px 0;
   
}

.about_step .hd {
    position: relative;
    margin-bottom: .4rem
}

.about_step .hd .tit1 {
    margin-bottom: 0;
    text-align: left;
    line-height: 60px;
    color: #fff;
}

.about_step .hd .pnext-box {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.about_step .hd .pnext-box>* {
    border: 1px solid #e8e8e8;
    background: #fff
}

.about_step .hd .pnext-box>*:hover {
    background-color: #f7931e;
    border-color: #f7931e
}

.about_step .step-year {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #fff
}

.about_step .step-year li {
    text-align: center
}

.about_step .step-year li span {
    padding-bottom: 24px;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    position: relative
}

.about_step .step-year li span::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 10px;
    background-color: #fff;
    left: 50%;
    bottom: 0
}

.about_step .step-year li:first-child span::before,
.about_step .step-year li:last-child span::before {
    content: '';
    display: block;
    position: absolute;
    width: 50%;
    height: 2px;
    background: #fff;
    bottom: -1px
}

.about_step .step-year li:first-child span::before {
    left: 0
}

.about_step .step-year li:last-child span::before {
    right: -1px
}

.swiper-step-info {
    margin-bottom: 50px
}

.swiper-step-info li {
    background: #fff;
    border-radius: 8px;
    min-height: 270px;
    padding: 32px 50px 50px;
    width: 510px;
    margin: 0 10px;

}

.swiper-step-info li .year {
    color: #f7931e;
    font-size: .36rem;
    font-weight: bold
}

.swiper-step-info li .tit {
    font-size: 20px;
    margin: 15px 0;
    font-weight: bold
}

.swiper-step-info li .txt {
    font-size: 15px;
    color: #666;
    line-height: 26px
}
.swiper-button-next.round,
.swiper-button-prev.round {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #f6f6f6
}

.swiper-button-next.round i,
.swiper-button-prev.round i {
    font-size: 16px;
    color: #000
}

.swiper-button-next.round:hover,
.swiper-button-prev.round:hover {
    background-color: #f7931e
}

.swiper-button-next.round:hover i,
.swiper-button-prev.round:hover i {
    color: #fff
}

.company-box2 h3 {
    font-size: .3rem;
    margin-bottom: .3rem
}

@media (min-width:992px) {
    .company-box2 .bd {
        display: table;
        width: 100%
    }

    .company-box2 .bd>* {
        display: table-cell;
        vertical-align: middle
    }

    .company-box2 .bd>* {
        width: 50%
    }
}

.company-box2 .txt {
    font-size: 16px;
    color: #666;
    line-height: 1.9
}

.company-box2 .txt p+p {
    margin-top: .2rem
}

.company-box2 .bottom {
    margin-top: .5rem
}

.company-box2 .bottom .c {
    color: #f5c61c;
    font-family: medium;
    font-size: .36rem
}

.company-box2 .info {
    padding-right: 1rem;
    vertical-align: middle
}

@media (max-width:1360px) {
    .company-box2 .info {
        padding-right: .4rem
    }
}

.company-box2 .imgbox {
    position: relative
}

@media (min-width:992px) {
    .company-box2 .imgbox {
        padding: .6rem 0 1.3rem
    }

    .company-box2 .imgbox::before {
        content: '';
        display: block;
        position: absolute;
        left: 1.78rem;
        width: 50vw;
        top: 0;
        bottom: 0;
       
        z-index: -1
    }

    .company-box2 .imgbox .company {
        padding-left: 2rem
    }
}

.company-box2 .imgbox .company {
    line-height: 1.2;
    margin-bottom: .2rem
}

.company-box2 .imgbox .company .en {
    font-size: .48rem;
    font-style: italic
}

.company-box2 .imgbox .company .tit {
    font-size: .36rem
}

@media (max-width:992px) {
    .company-box2 {
        padding: .6rem 0 1rem
    }

    .company-box2 h3 {
        font-size: 22px;
        text-align: center
    }

    .company-box2 .info {
        margin-bottom: .5rem
    }

    .company-box2 .bottom {
        text-align: right
    }

    .company-box2 .imgbox {
        text-align: center
    }
}

/* 底部联系我们背景 */
.service-tel {
    background: url('../images/lxb.jpg') no-repeat center center;
    background-size: 100%;
    padding: .9rem 0 2.1rem
}

@media (max-width:640px) {
    .service-tel {
        padding-bottom: 2rem
    }
}
.service-tel .bd {
    padding-top: .4rem;
    text-align: center
}

.service-tel .bd .ictel {
    color: #ea5f00;
    font-size: .86rem;
    display: block;
    line-height: 1;
    margin-bottom: .5rem
}

.service-tel .bd .tel {
    font-family: medium;
    color: #ea5f00;
    font-size: .72rem
}

.service-tel .bd .telbox {
    display: inline-block
}

.service-tel .bd .tip {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 .1rem;
    font-size: .3rem;
    color: #666;
    text-align: center
}

.service-tel .bd .tip em {
    display: block
}

@media (max-width:640px) {
    .service-tel .bd .ictel {
        font-size: .7rem
    }

    .service-tel .bd .tel {
        font-size: .6rem
    }

    .service-tel .bd .tip {
        font-size: .22rem
    }
}

/* 首页在线留言 */
.msgbox {
    padding: 1rem 0 1.3rem;
   
    background-size: cover;
    background: #fec901;
  }
  .msgbox .tit1 {
    margin-bottom: 1rem;
  }
  .contact-form {
    font-size: 16px;
  }
  .contact-form .form {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 90%;
  }
  .contact-form input,
  .contact-form textarea,
  .contact-form button {
    border: 0;
    box-shadow: none;
    outline: none;
    resize: none;
    background: none;
    font-size: 16px;
  }
  .contact-form label {
    color: #333;
    padding-left: 15px;
  }
  .contact-form li {
    min-height: 64px;
    line-height: 64px;
    margin-bottom: 40px;
    transition: 0.3s;
    background: #fff;
  }
  .contact-form li .inner {
    border-bottom:1px solid #ffe995;
    background: #fff;

    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
  }
  .contact-form li input {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: block;
    height: 50px;
    line-height: 50px;
  }
  .contact-form li label {
    width: 50px;
    margin-right: 30px;
    position: relative;
  }
  .contact-form li.textarea-box label::before {
    display: none;
  }
  .contact-form textarea {
    display: block;
    height: 90px;
    border-bottom: 1px solid #e0e1e2;
    width: 100%;
    line-height: 1.76;
  }
  .contact-form .submit {
    background: #000;
    color: #fff;
    width: 200px;
    height: 54px;
    line-height: 54px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    transition: 0.3s;
  }
  .contact-form .submit:hover {
    background: #e95412;
    box-shadow: 0 0 10px rgba(209, 31, 55, 0.5);
  }
  @media (max-width: 480px) {
    .contact-form .submit {
      width: 130px;
      height: 40px;
      line-height: 40px;
    }
  }
  @media (max-width: 992px) {
    .contact-form .bd {
      padding: 50px 0 70px;
    }
    .contact-form li {
      margin-bottom: 20px;
    }
  }
  @media (max-width: 768px) {
    .contact-form li {
      min-height: 50px;
      line-height: 50px;
      width: 100%;
     
    }
    .contact-form label{padding-left: 0;}
  }
  @media (max-width: 640px) {
    .contact-form li {
      margin-bottom: 10px;
    }
    .contact-form .submit {
      margin-top: 20px;
    }
  }
  @media (max-width: 480px) {
    .contact-form {
      font-size: 14px;
    }
    .contact-form input,
    .contact-form textarea {
      font-size: 14px;
    }
    .contact-form li {
      margin-bottom: 0;
    }
    .contact-form li label {
      margin-right: 10px;
      width: 40px;
    }
    .contact-form .bd {
      padding: 30px 0 40px;
    }
  }


  
  /* 工厂 */
  .wrap1 {
    max-width:  1200px;
    margin-left: auto;
    margin-right: auto
}



.paper_essay {
    padding: 76px 0 52px
}

.paper_essay li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .7rem
}

.paper_essay li .img {
    width: 590px;
    height: 406px;
    border-radius: 8px;
    overflow: hidden
}

.paper_essay li dl {
    width: 550px
}

.paper_essay li dt {
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .2rem;
    line-height: 1
}

.paper_essay li dd {
    font-size: 16px;
    line-height: 2;
    color: #666;
    min-height: 256px
}

.paper_essay li dd b {
    color: #000
}

.paper_essay li:nth-child(2n) dl {
    order: -1
}

.paper_essay.ya .img {
    width: 575px;
    height: 386px
}

.paper_essay.ya dl {
    width: 564px
}

.paper_essay.ya dl .tit {
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
    color: #000;
    margin-bottom: 16px
}

.paper_essay.ya dl .tit-2 {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 40px
}

.paper_essay_2 {
    padding: 76px 0 52px
}

.paper_essay_2 li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .7rem
}

.paper_essay_2 li .img {
    width: 402px;
    height: 402px;
    border-radius: 8px;
    overflow: hidden
}

.paper_essay_2 li dl {
    width: 750px
}

.paper_essay_2 li dt {
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .2rem;
    line-height: 1
}

.paper_essay_2 li dd {
    font-size: 16px;
    line-height: 26px;
    color: #666
}

.paper_essay_2 li dd p+p {
    margin-top: .6em
}

.paper_essay_2 li dd b {
    color: #000
}

.paper_essay_2 li:nth-child(2n) dl {
    order: -1
}


.paper_type {
    padding: 90px 0 100px
}

.paper_type .list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
}

.paper_type .list li {
    width: 585px;
    min-height: 182px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 24px;
    padding: 36px 42px;
    transition: all .3s cubic-bezier(.04, .79, 1, 1) !important
}

.paper_type .list li:hover {
    box-shadow: 0 12px 24px 0 rgba(20, 63, 134, 0.11)
}

.paper_type .list .tit {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 14px
}

.paper_type .list .desc {
    font-size: 16px;
    line-height: 28px;
    color: #666
}



/* 资质 */
.hd1 {
    font-size: .36rem;
    margin-bottom: .46rem;
    font-weight: bold;
    text-align: center
}

@media (max-width:1360px) {}

@media (max-width:992px) {
    .hd1 {
        font-size: 24px
    }
}

@media (max-width:768px) {
    .hd1 {
        font-size: 22px
    }
}

@media (max-width:1200px) {
    .hd1 {
        font-size: 26px
    }
}

@media (max-width:992px) {
    .hd1 {
        font-size: 24px
    }
}

@media (max-width:768px) {
    .hd1 {
        font-size: 20px
    }
}

@media (max-width:1200px) {
    .hd1 {
        font-size: 30px
    }
}

@media (max-width:640px) {
    .hd1 {
        font-size: 24px
    }
}

@media (max-width:480px) {
    .hd1 {
        font-size: 22px
    }
}

.index_choose {
    background: #fcfcfc;
    padding: .9rem 0 1.2rem
}

.index_choose .row {
    margin-left: -0.06rem !important;
    margin-right: -0.06rem !important
}

.index_choose .row>* {
    padding-left: .06rem !important;
    padding-right: .06rem !important;
    margin-bottom: .12rem
}

.index_choose .image {
    display: block
}

.index_choose .image:hover {
    box-shadow: 0 .06rem .1rem rgba(0, 0, 0, 0.05)
}

.wrap5 {
    width: 88vw;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:639px) {
    .wrap5 {
        width: 92vw
    }
}


.p_culture {
    padding: .8rem 0;
    /* background: url('../images/brand_bg3.jpg') no-repeat center center; */
    background: #333;
    background-size: cover;
    color: #fff;
    text-align: center
}

.p_culture .hd {
    line-height: 1.86;
    margin-bottom: 1.1rem
}

.p_culture .hd h2 {
    font-size: .48rem
}

.p_culture .hd .desc {
    font-size: 16px;
    color: #666
}

.p_culture .hd .desc {
    color: #fff
}

.p_culture .row li {
    margin-bottom: .6rem;
    transition: all .4s ease 0s
}

.p_culture .row li:hover {
    transform: translateY(-10px)
}

.p_culture .row li:hover .ic {
    transform: rotateY(180deg);
    box-shadow: 0 5px 10px rgba(255, 255, 255, 0.5)
}

.p_culture .row .ic {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 50%;
    background-size: .5rem;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .4s ease 0s
}

.p_culture .row .ic.ic1 {
    background-image: url('../images/wx_1.png')
}

.p_culture .row .ic.ic2 {
    background-image: url('../images/wx_2.png')
}

.p_culture .row .ic.ic3 {
    background-image: url('../images/wx_3.png')
}



.p_culture .row h4 {
    font-size: .3rem;
    margin: .3rem 0 .1rem
}

.p_culture .row .tip {
    font-size: 16px
}

@media (max-width:992px) {
    .p_culture .row li:nth-child(3) {
        clear: both
    }
}

@media (max-width:768px) {
    .p_culture .row li {
        margin-bottom: .8rem;
        padding-bottom: .5rem
    }

    .p_culture .row li h4 {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .p_culture .row li {
        margin-bottom: .5rem
    }

    .p_culture .row li .tip {
        font-size: 14px
    }

    .p_culture .row li:nth-child(3),
    .p_culture .row li:nth-child(4) {
        margin-bottom: 0
    }
}


.yfbox6 {
    padding: .9rem 0
}

.yfbox6 .inner {
    border-radius: .1rem;
    border: 1px solid #eeeeee;
    overflow: hidden
}

.yfbox6 .inner .cimgbox {
    background-color: #f7f8f8;
    padding-bottom: 54.05405405%
}

.yfbox6 .inner .tit {
    background:#fec901;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 44px
}

.yfbox6 .inner .info {
    padding: .24rem
}

.yfbox6 .inner .info .desc {
    font-size: 16px;
    line-height: 1.75;
    max-height: 3.5em;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: .1rem
}

.yfbox6 .inner .info .txt {
    color: #666;
    line-height: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 12em
}

.rpnext {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    margin-top: -24px;
    background: #cdd1d7;
    transition: .3s;
    font-size: 10px
}
.rpnext::after {
    font-size: 16px;
    color: #fff
}

.rpnext:hover {
    background: #fec901)
}
@media (max-width:640px) {
    .rpnext {
        width: 36px;
        height: 36px
    }
}

.contact_box2 {
    padding: 1rem 0
}

.contact_box2 .row {
    margin-left: -0.39rem !important;
    margin-right: -0.39rem !important
}

.contact_box2 .row>* {
    padding-left: .39rem !important;
    padding-right: .39rem !important
}

@media (min-width:992px) {
    .contact_box2 .row {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch
    }
}

.contact_box2 .row li {
    margin-bottom: .58rem
}

.contact_box2 .inner {
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    padding: .34rem 7% .2rem;
    height: 100%;
    border-bottom: 1px #dedede solid;
}

@media (max-width:640px) {
    .contact_box2 .inner {
        padding: .6rem 5% .4rem
    }
}

.contact_box2 h3 {
    font-size: .24rem;
    font-weight: bold;
    margin-bottom: 18px
}

.contact_box2 .info {
    font-size: 15px;
    color: #666;
    line-height: 28px
}

.contact_box2 .info p {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .contact_box2 h3 {
        font-size: 20px
    }
}

@media (max-width:480px) {
    .contact_box2 h3 {
        font-size: 18px
    }
}

.contact_box2 i {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #dadada;
    color: #fff;
    display: inline-block;
    margin-right: .1rem
}

@media (max-width:480px) {
    .contact_box2 i {
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-size: 12px
    }
}

.gs_introduce{padding: .2rem 0;background: #fec901;}
.gs_introduce h2{font-size:.48rem; font-weight: bold; text-align: center;}
.gs_introduce-b{margin-top:1em;}
.gs_introduce-b h3{font-size: .24rem;}
.gs_introduce-b p{font-size: 0.18rem; color: #666;margin-top:.10rem;}