@import "iconfont.css";

.fyc {
    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
}

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

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

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

.ver>* {
    display: inline-block;
    vertical-align: middle
}

.table-cell {
    display: table;
    width: 100%
}

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

.row-pv0 {
    margin-left: 0;
    margin-right: 0
}

.row-pv0>* {
    padding-left: 0;
    padding-right: 0
}

.mv0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.pv0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pt0 {
    padding-top: 0px !important
}

.pb0 {
    padding-bottom: 0px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.bggray {
    background: #f9f9f9
}

.bgf {
    background: #fff
}

.c {
    color: #ed005c
}

.bgc {
    background-color: #ed005c
}

.cf {
    color: #fff
}

.bg0 {
    background-color: #131210
}

.hv:hover {
    color: #ed005c
}

.hvf:hover {
    color: #fff
}

.bghover {
    transition: .6s
}

.bghover:Hover {
    background-color: #ed005c;
    color: #fff
}

.l {
    border: 1px solid #eeeeee
}

.lb {
    border-bottom: 1px solid #eeeeee
}

.lt {
    border-top: 1px solid #eeeeee
}

.coverbox {
    position: relative;
    display: block;
    overflow: hidden
}

.coverbox .coverimg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 1;
    transition: transform .6s ease 0s
}

.coverbox .coverimg.cover {
    background-size: cover
}

.coverbox ._bg {
    width: 100%;
    visibility: hidden;
    display: block
}

@media (min-width:993px) {
    .coverbox.scale:hover .cover-tip {
        opacity: 1;
        filter: alpha(opacity=1)
    }

    .coverbox.scale:hover .coverimg {
        transform: scale(1.05, 1.05)
    }

    .coverbox.scale:hover .icon-bofang1 {
        font-size: .6rem
    }
}

.cover-tip {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .4s ease 0s;
    z-index: 55
}

.cover-tip .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60)
}

.cover-tip .bgbox.blue {
    background-color: rgba(0, 161, 230, 0.8)
}

.cover-tip .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff
}

.cover-tip .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff
}

.cover-tip .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all .6s ease 0s
}

.cover-tip .linet {
    top: 0
}

.cover-tip .lineb {
    bottom: 0
}

.cover-tip:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: .6;
    filter: alpha(opacity=60)
}

.iconfont {
    font-size: inherit
}

.fancybox-container {
    z-index: 999999999
}

.lb0 {
    border-bottom: 0 !important
}

.cover-box ._bg {
    width: 100%
}

.medium {
    font-family: medium
}

.bgf {
    background: #fff !important
}

.datas .val {
    font-family: medium
}

.fadeIntop {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(30px)
}

.fadeIntop.show {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: all .3s ease 0s
}

.pt0 {
    padding-top: 0 !important
}

.c {
    color: #ed005c
}

@media (max-width:768px) {
    .swiper-pagination-bullet {
        width: 6px;
        height: 6px
    }

    .focus {
        height: 265px;
        width: 100%;
        margin: 40px auto 0 auto;
    }

    .focus .left {
        width: 100%;
        height: 265px;
        position: relative;
        overflow: hidden;
    }

    .focus .left li {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 265px;
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
    }



    .focus .right li {
        width: 18%;
        height: 68px;
        overflow: hidden;
        padding-left: 6px;
        background-color: #f4fdfd;
        border: solid 1px #1ECAC8;
        color: #33cccc;
        font-size: 14px;
        line-height: 68px;
        margin-bottom: 15px;
        cursor: pointer;
        border-radius: 10px;
        margin-left: 5px;
        text-align: center;
    }


}

.swiper-pagination-bullet-active {
    background-color: #ed005c !important
}

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

.bsBox {
    box-sizing: content-box
}

.bsBox>* {
    box-sizing: content-box
}

.pagination {
    text-align: center;
    display: block
}

.pagination li {
    margin: 0 2px
}

@media (max-width:480px) {
    .pagination li {
        margin: 0 2px
    }

    .pagination li>* {
        padding: 5px 12px !important
    }
}

.pagination .active>a,
.pagination .active>span,
.pagination .active>a:hover,
.pagination .active>span:hover,
.pagination .active>a:focus,
.pagination .active>span:focus {
    color: #fff;
    background-color: #ed005c
}

.pagination li>a,
.pagination li>span {
    float: none;
    display: inline-block;
    cursor: pointer;
    color: #000;
    border-radius: 0 !important;
    padding: 6px 12px;
    border: 1px solid #eeeeee
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #ed005c;
    border-color: #ed005c
}

.pagination .active>a,
.pagination .active>span,
.pagination .active>a:hover,
.pagination .active>span:hover,
.pagination .active>a:focus,
.pagination .active>span:focus {
    color: #fff;
    background-color: #ed005c;
    border-color: #ed005c
}

.pagination li>a,
.pagination li>span {
    float: none;
    display: inline-block;
    cursor: pointer;
    color: #333;
    padding: 6px 12px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #fff;
    background-color: #ed005c
}

#totop {
    width: 50px;
    height: 50px;
    background: url('../image/top.png') no-repeat center center;
    background-color: #a8a8a8;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 5555;
    cursor: pointer;
    border-radius: 50%;
    transition: .6s;
    opacity: 0;
    transform: translateY(20px)
}

@media (max-width:640px) {
    #totop {
        right: 10px;
        bottom: 10px;
        width: 40px;
        height: 40px;
        background-size: 20px
    }
}

@media (min-width:768px) {
    #totop:hover {
        background-color: #ed005c
    }
}

#totop.show {
    transform: translateY(0);
    opacity: 1
}

main {
    margin-top: 80px
}

@media (max-width:768px) {
    main {
        margin-top: 60px
    }
}

header {
    transition: .6s;
    position: fixed !important;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99999
}

header .logo {
    width: 350px;
    height: 100%;
    background: url('../image/logo.png') no-repeat left center;
    display: block;
    transition: .6s;
    background-size: contain
}

header {
    background: #fff
}

.head_wrap {
    transition: .6s;
    height: 80px;
    padding-left: .4rem;
    display: flex;
    max-width: 1920px;
    margin: 0 auto
}

@media (max-width:768px) {
    .head_wrap {
        height: 60px
    }
}

.header_nav {
    display: flex;
    flex: 1;
    justify-content: flex-end
}

@media (min-width:1200px) {
    .header_nav {
        overflow: hidden
    }

    .header_nav:hover {
        overflow: visible
    }

}

.header_nav .header_inner {
    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;
    padding-right: .2rem
}

@media (min-width:1361px) {
    .header_nav .header_inner {
        position: relative
    }
}

@media (max-width:1200px) {
    .header_nav .header_inner {
        justify-content: space-between
    }
}

.header_nav .nav_li {
    margin: 0 .3rem
}

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

header .header_nac {
    display: block;
    position: relative;
    line-height: 80px;
    font-size: 16px
}

header .header_nac .icon-b {
    font-size: 80%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    left: 100%;
    margin-left: 5px
}

header .drop {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    top: 80px;
    min-width: 130px;
    transition: .6s;
    opacity: 0;
    white-space: nowrap;
    z-index: 55;
    padding: 0 0 14px;
    font-size: 16px;
    text-align: center;
    background: #fff
}

header .drop a {
    overflow: hidden;
    display: block;
    line-height: 40px;
    padding: 0 24px
}

header .drop a:hover {
    color: #ed005c
}

header .nav_li {
    position: relative
}

header .nav_li.active .header_nac {
    color: #ed005c
}

header .nav_li .header_nac.active {
    color: #ed005c
}

header .nav_li .header_nac.active::after {
    width: 50px
}

@media (min-width:1200px) {
    header .nav_li:hover {
        overflow: visible
    }

    header .nav_li:hover .header_nac {
        color: #ed005c
    }

    header .nav_li:hover .header_nac::after {
        width: 50px
    }

    header .nav_li:hover .drop {
        opacity: 1
    }
}

.header_tool {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    font-size: 14px
}

.header_tool .hd_search_btn {
    width: 60px;
    line-height: 80px;
    text-align: center;
    background-color: #ed005c;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px
}

.header_tool .hd_search_btn>* {
    display: inline-block;
    vertical-align: middle
}

.header_tool .hd_search_btn i {
    font-size: 22px
}

@media (max-width:768px) {
    .header_tool .hd_search_btn {
        line-height: 60px
    }
    .header_tool{
        display: none;
    }
}

.header_btn {
    font-size: 18px;
    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
}

.header_btn .offer {
    margin-right: 34px;
    color: #fff
}

.header_btn .offer:hover {
    color: #ed005c
}

.header_btn .contact {
    background-color: #ed005c;
    color: #fff;
    width: 92px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.header_btn .contact .ac {
    color: #fff
}

@media (max-width:992px) {
    .header_btn .contact {
        height: 34px;
        width: 72px
    }

    .header_btn .contact span {
        height: 34px;
        line-height: 34px
    }
}

.hd-search-box {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    padding: 20px 10px;
    z-index: 555;
    display: none;
    border-top: 1px solid #eeeeee;
    top: 80px
}

@media (max-width:768px) {
    .hd-search-box {
        top: 60px
    }
}

.hd-search-box .inner {
    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: end;
    box-pack: end;
    -webkit-justify-content: end;
    justify-content: end
}

.hd-search-box form {
    border: 1px solid #ed005c;
    max-width: 500px;
    display: block;
    position: relative;
    border-radius: 3px;
    width: 80%;
    min-width: 500px
}

.hd-search-box form input {
    font-size: 16px
}

.hd-search-box form input::-webkit-input-placeholder,
.hd-search-box form textarea::-webkit-input-placeholder {
    color: #ccc
}

.hd-search-box form input:-moz-placeholder,
.hd-search-box form textarea:-moz-placeholder {
    color: #ccc
}

.hd-search-box form input::-moz-placeholder,
.hd-search-box form textarea::-moz-placeholder {
    color: #ccc
}

.hd-search-box form input:-ms-input-placeholder,
.hd-search-box form textarea:-ms-input-placeholder {
    color: #ccc
}

.hd-search-box .key {
    width: 90%;
    height: 40px;
    line-height: 40px;
    text-indent: 20px
}

.hd-search-box .submit {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #ed005c;
    text-align: center;
    width: 50px;
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    background-color: #ed005c
}

.hd-search-box .submit .iconfont {
    font-size: 20px;
    color: #fff
}

.hd-search-box .submit:hover {
    opacity: .8
}

.hd-search-box ._close {
    height: 40px;
    line-height: 42px;
    margin-left: 20px;
    margin-right: 4px;
    text-align: center;
    font-size: 20px;
    display: block;
    cursor: pointer
}

.hd-search-box ._close:hover {
    color: #ed005c
}

@media (max-width:992px) {
    .hd-search-box {
        top: 80px
    }
}

@media (max-width:768px) {
    .hd-search-box {
        padding: 20px 4% 60px 4%;
        top: 60px
    }

    .hd-search-box .inner {
        float: none;
        width: 100%
    }

    .hd-search-box form {
        min-width: auto;
        width: 90%
    }

    .hd-search-box ._close {
        position: relative
    }
}

@media (max-width:480px) {
    .hd-search-box {
        bottom: 0;
        height: auto
    }
}

.m-menus {
    width: 100%;
    max-width: 640px;
    height: 100vh;
    position: fixed;
    top: 80px;
    right: -100%;
    background: #fff;
    overflow: hidden;
    line-height: 32px;
    font-size: 15px;
    z-index: -999;
    padding-top: 2%;
    border-top: 1px solid #ed005c
}

@media (max-width:768px) {
    .m-menus {
        top: 60px
    }
}

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

@media (max-width:768px) {
    .m-menus {
        top: 60px
    }

    .m-menus .inner {
        height: calc((100vh - 60px))
    }
}

.m-menus a {
    display: block
}

.m-menus.active {
    z-index: 999;
    transition: .6s;
    right: 0
}

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

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

.m-menus .item>a,
.m-menus .tit {
    display: block;
    line-height: 50px;
    position: relative;
    font-size: 16px
}

.m-menus .tit {
    position: relative
}

.m-menus .tit a {
    display: inline-block;
    min-width: 50vw
}

.m-menus .tit .iconfont {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: inherit;
    padding: 0 10px;
    font-size: 17px
}

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

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

.m-menus .active .tit a,
.m-menus .open .tit a {
    color: #ed005c
}

.m-menus .active .iconfont::before,
.m-menus .open .iconfont::before {
    content: "\e627"
}

.m-menus .active .xs-menu,
.m-menus .open .xs-menu {
    padding: 0px 0 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.14)
}

.menu_btn_box {
    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: -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
}

.menu_btn {
    width: 50px;
    height: 50px;
    z-index: 101;
    cursor: pointer;
    transform-origin: center center;
    position: relative;
    display: block;
    top: -5px
}

.menu_btn i {
    position: absolute;
    width: 26px;
    height: 2px;
    background-color: #ed005c;
    left: 12px;
    display: block;
    transition: all .4s ease-in-out
}

.menu_btn i:nth-of-type(1) {
    top: 20px
}

.menu_btn i:nth-of-type(2) {
    top: 30px
}

.menu_btn i:nth-of-type(3) {
    top: 40px
}

.menu_btn.active i:nth-of-type(1) {
    transform: rotate(225deg) translate(-7px, -7px)
}

.menu_btn.active i:nth-of-type(3) {
    opacity: 0
}

.menu_btn.active i:nth-of-type(2) {
    transform: rotate(-225deg) translate(0, 0)
}

.bggray {
    background: #f9f9f9
}

footer {
    background-color: #1f2024;
    color: #999
}

.foot_up {
    padding: .7rem 0 1.1rem
}

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

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

.foot_up .ft-codes h4 {
    font-size: 16px;
    margin-bottom: 26px
}

@media (max-width:991px) {
    .foot_up .ft-codes h4 {
        margin-bottom: 12px
    }
}

.foot_up .ft-codes .info {
    display: flex
}

@media (max-width:1199px) {
    .foot_up .ft-codes .info {
        justify-content: center
    }
}

.foot_up .ft-codes .code {
    color: #444;
    text-align: center
}

.foot_up .ft-codes .code img {
    max-width: 90px;
    width: 90px;
    height: 90px;
    margin-bottom: 10px
}

.foot_up .ft-codes .code+.code {
    margin-left: 10px
}

.foot_up .ft-codes .qrcode img {
    width: 90px !important;
    height: 90px !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: 0 !important
}

@media (min-width:1200px) {
    .foot_up .ft-form {
        width: 2.96rem;
        order: -1
    }
}

@media (max-width:1199px) {
    .foot_up .ft-form {
        margin: .8rem 0
    }
}

.foot_up .ft-form h4 {
    font-size: 16px
}

.foot_up .ft-form form {
    display: block;
    margin: 24px 0;
    height: 46px;
    border: 2px solid #999;
    border-radius: 2px;
    position: relative
}

.foot_up .ft-form form input {
    width: 100%;
    height: 46px;
    color: #fff;
    padding-left: 10px
}

.foot_up .ft-form form .submit {
    width: .8rem;
    height: 32px;
    line-height: 32px;
    background-color: #ed005c;
    color: #fff;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2px;
    font-size: 22px
}

.foot_up .ft-form form .submit:hover {
    opacity: .8
}

@media (max-width:991px) {
    .foot_up .ft-form form .submit {
        width: 60px
    }
}

.foot_up .ft-form .tip {
    line-height: 24px
}

@media (max-width:991px) {
    .foot_up .ft-form .tip {
        text-align: center;
        font-size: 13px
    }
}

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

    .foot_up .ft-navs .ft-contact {
        order: -1
    }
}

.ft-navs {
    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 (min-width:1200px) {
    .ft-navs {
        margin: 0 1rem;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:1200px) and (max-width:1360px) {
    .ft-navs {
        margin: 0 .7rem
    }
}

@media (max-width:1199px) {
    .ft-navs .navitem.ft-contact {
        margin-left: auto;
        margin-right: auto;
        min-width: 70vw
    }
}

@media (max-width:1199px) and (min-width:1200px) {
    .ft-navs .navitem {
        margin-bottom: .5rem
    }
}

.ft-navs .navitem h4 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: bold;
    color: #fff;
    position: relative
}

@media (min-width:1200px) {
    .ft-navs .navitem h4 {
        padding-bottom: 16px
    }

    .ft-navs .navitem h4::after {
        content: '';
        display: block;
        position: absolute;
        width: 16px;
        height: 2px;
        background-color: #ed005c;
        left: 0;
        bottom: 0
    }
}

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

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

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

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

@media (max-width:1199px) {
    .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, 0.14);
        line-height: 50px;
        margin: 0;
        font-weight: normal
    }

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

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

    .ft-navs .navitem.active .iconfont::before {
        content: "\e627"
    }
}

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

.foot_down {
    padding: .1rem 0;
    color: #444;
    line-height: 1.8;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1)
}

@media (min-width:1200px) {
    .foot_down .wrap {
        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
    }
}

.foot_down a {
    color: #444
}

.foot_down a:hover {
    color: #fff
}

.foot_down .lbox,
.foot_down .rbox {
    padding: .1rem 0
}

.index_banner {
    position: relative;
    overflow: hidden;
    height: 8.6rem;
    /* width: 100vw; */
    max-height: calc((100vh - 80px))
}

@media (max-width:480px) {
    .index_banner {
        height: 45vh
    }
}

.index_banner .swiper-pagination {
    bottom: .4rem
}

.index_banner .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: .06rem;
    height: .06rem;
    margin: 0 .16rem;
    position: relative
}

.index_banner .swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    width: .06rem;
    height: .06rem;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: .6s;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5
}

.index_banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff !important
}

.index_banner .swiper-pagination .swiper-pagination-bullet-active::after {
    width: .3rem;
    height: .3rem
}

.index_banner li {
    position: relative;
    width: 100vw;
    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;
    transform: scale(1.1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100vw
}

.index_banner .bg img {
    visibility: hidden
}

.index_banner .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    top: 52%;
    width: 88vw;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1rem;
    color: #fff;
    text-align: center
}

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

@media (min-width:768px) {}

.index_banner .content .inner {
    max-width: 1200px;
    margin: 0 auto
}

.index_banner .content h3 {
    font-size: .66rem;
    font-weight: bold;
    line-height: 1.2;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: .1rem
}

.index_banner .content .en {
    font-size: .4rem
}

@media (max-width:768px) {
    .index_banner .content h3 {
        font-size: .5rem
    }
}

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

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

@media (min-width:992px) {
    .index_search .wrap {
        height: 120px;
        display: flex;
        align-items: stretch;
        justify-content: center
    }
}

@media (max-width:991px) {
    .index_search .wrap {
        padding-bottom: .2rem
    }
}

.index_search h2 {
    color: #fff;
    font-size: .3rem;
    background-color: #ed005c;
    min-width: 28%;
    text-align: center;
    line-height: 120px;
    position: relative;
    margin-right: .6rem
}

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

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

@media (max-width:480px) {
    .index_search h2 {
        font-size: 20px
    }
}

@media (max-width:992px) {
    .index_search h2 {
        padding: 0 .4rem 0 0
    }
}

.index_search h2::before {
    content: '';
    display: block;
    position: absolute;
    width: 50vw;
    height: 120px;
    right: 0;
    background-color: #ed005c;
    background: url(../image/navbg.png) no-repeat right center #8d0000
}

.index_search h2 em {
    position: relative;
    z-index: 5
}

.index_search .content {
    flex: 1;
    padding: 24px 0 0 0
}

.index_search form {
    display: block;
    position: relative;
    margin-bottom: 6px
}

@media (max-width:991px) {
    .index_search form {
        max-width: 500px
    }
}

.index_search form input {
    height: 48px;
    border: 1px solid #eeeeee;
    display: block;
    width: 100%;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold
}

.index_search form .submit {
    background-color: #ed005c;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 48px;
    font-size: 22px
}

.index_search form .submit:hover {
    opacity: .8
}

@media (max-width:768px) {
    .index_search form input {
        height: 40px;
        font-size: 16px
    }

    .index_search form .submit {
        height: 40px
    }
}

.index_search .hot {
    line-height: 24px
}

@media (max-width:991px) {
    .index_search .hot {
        padding: 10px 0
    }
}

@media (min-width:992px) {
    .index_search .hot {
        height: 44px;
        overflow: hidden
    }
}

.index_search .hot a {
    color: #999;
    display: inline-block;
    margin-right: 5px
}

.index_search .hot a:hover {
    color: #ed005c
}

.vhd {
    text-align: center;
    margin-bottom: .5rem
}

.vhd h2 {
    font-size: .4rem;
    margin-bottom: .04rem;
    font-weight: bold;
    color: #ed005c;
}

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

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

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

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

.index_menus {
    background: url('../image/bg01.png') no-repeat center bottom;
    background-size: cover;
    background-color: #fbfbfb;
    padding: .9rem 0;
    border-top: 1px solid #eeeeee
}

.index_menus .row {
    margin-left: -0.12rem !important;
    margin-right: -0.12rem !important;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

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

.index_menus .row::before {
    display: none
}

@media (max-width:639px) {
    .index_menus .row li {
        width: 100%
    }
}

.index_menus .inner {
    position: relative;
    height: 100%
}

.index_menus .inner .content {
    background: #fff;
    height: 100%;
    padding: .4rem .4rem .3rem;
    position: relative;
    z-index: 5;
    transition: .6s
}

.index_menus .inner .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #ed005c
}

.index_menus .inner:hover .content {
    transform: translateX(-10px) translateY(-10px)
}

.index_menus .inner .icon {
    width: .8rem;
    height: .8rem;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

@media (max-width:768px) {
    .index_menus .inner .icon {
        width: 60px;
        height: 60px
    }
}

.index_menus .inner .tit {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin: .14rem 0 .22rem
}

.index_menus .inner .tit:hover {
    color: #ed005c
}

.index_menus .inner .desc {
    line-height: 24px;
    height: 72px;
    color: #999;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-indent: 2em;
}

.index_menus .inner .more {
    display: inline-block;
    margin: .2rem 0 .4rem;
    color: #ed005c
}

.index_menus .inner .more i {
    font-size: 80%
}

.index_menus .inner .more:hover {
    color: #000
}

.index_menus .inner .tags {
    display: flex;
    flex-wrap: wrap;
    max-height: 80px;
    overflow: hidden
}

.index_menus .inner .tags a {
    display: block;
    line-height: 28px;
    border: 1px solid #eeeeee;
    border-radius: 2px;
    padding: 0 10px;
    margin: 0 10px 10px 0
}

.index_menus .inner .tags a:hover {
    background-color: #ed005c;
    color: #fff;
    border-color: #ed005c
}

.index_solution {
    /* padding: .8rem 0; */
    overflow: hidden
}

@media (max-width:580px) {
    .index_solution .wrap {
        width: 100vw
    }
}

.index_solution .bd {
    position: relative;
    z-index: 55
}

.index_solution .bd .pnext {
    position: absolute;
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    z-index: 555;
    margin-top: -0.6rem;
    background-color: rgba(0, 0, 0, 0.5)
}

.index_solution .bd .pnext::after {
    font-size: 18px;
    color: #fff
}

.index_solution .bd .pnext:hover {
    background-color: #ed005c
}

.index_solution .bd .swiper-button-prev {
    left: -1rem
}

@media (max-width:1680px) {
    .index_solution .bd .swiper-button-prev {
        left: -4vw
    }
}

.index_solution .bd .swiper-button-next {
    right: -1rem
}

@media (max-width:1680px) {
    .index_solution .bd .swiper-button-next {
        right: -4vw
    }
}

.index_solution .swiper {
    overflow: visible;
    padding-bottom: .7rem
}

.index_solution .swiper li {
    width: 6.1rem
}

@media (max-width:992px) {
    .index_solution .swiper li {
        width: 7rem
    }
}

@media (max-width:580px) {
    .index_solution .swiper li {
        width: 100%
    }
}

.index_solution .swiper .inner {
    margin: 0 .12rem;
    position: relative
}

@media (max-width:580px) {
    .index_solution .swiper .inner {
        margin: 0 4vw
    }
}

.index_solution .swiper .tit {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    transition: .6s
}

.index_solution .swiper .coverbox {
    position: relative
}

.index_solution .swiper .coverbox .tit {
    position: absolute;
    left: .5rem;
    bottom: .5rem;
    z-index: 55
}

.index_solution .swiper .content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 55;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: .5rem;
    opacity: 0;
    transition: .6s
}

.index_solution .swiper .content .tit {
    display: block
}

.index_solution .swiper .content .tit:hover {
    color: #ed005c
}

.index_solution .swiper .content .desc {
    margin-top: .24rem;
    font-size: 16px;
    line-height: 30px;
    height: 90px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3
}

@media (max-width:1200px) {
    .index_solution .swiper .content .desc {
        margin-top: .16rem;
        font-size: 14px;
        line-height: 26px;
        height: 78px
    }
}

.index_solution .swiper .content .more {
    position: absolute;
    left: .5rem;
    bottom: .5rem;
    color: #fff;
    padding-bottom: 3px;
    border-bottom: 2px solid #ed005c
}

.index_solution .swiper .content .more i {
    font-size: 80%
}

.index_solution .swiper .inner:hover .coverbox .tit {
    opacity: 0
}

.index_solution .swiper .inner:hover .content {
    opacity: 1
}

@media (max-width:640px) {
    .index_solution .swiper .coverbox .tit {
        opacity: 0
    }

    .index_solution .swiper .content {
        opacity: 1
    }
}

.index_goodat {
    padding: .9rem 0 1.2rem;
    background: url('../image/bg02.png') no-repeat center bottom;
    background-size: cover;
    background-color: #fbfbfb
}

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

.index_goodat .bd .desc {
    font-size: 16px;
    line-height: 30px
}

@media (max-width:1360px) {
    .index_goodat .bd .desc {
        line-height: 1.6
    }
}

@media (max-width:1200px) {
    .index_goodat .bd .desc {
        font-size: 14px
    }
}

.index_goodat .bd h3 {
    font-size: 20px;
    font-weight: bold
}

.index_goodat .bd h3 a:hover {
    color: #ed005c
}

.index_goodat .bd .lbox {
    background: url('../image/img02.png') no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: .5rem
}

@media (min-width:992px) {
    .index_goodat .bd .lbox {
        width: 48%
    }
}

.index_goodat .bd .lbox h3 {
    padding-bottom: 8px;
    display: inline-block;
    border-bottom: 2px solid #ed005c;
    margin-bottom: .56rem
}

.index_goodat .bd .lbox h3 a {
    color: #fff
}

.index_goodat .bd .lbox h3 a:hover {
    color: #ed005c
}

.index_goodat .bd .lbox h4 {
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: .24rem;
    max-width: 480px
}

@media (max-width:992px) {
    .index_goodat .bd .lbox h4 {
        font-size: 26px
    }
}

@media (max-width:768px) {
    .index_goodat .bd .lbox h4 {
        font-size: 22px
    }
}

@media (max-width:480px) {
    .index_goodat .bd .lbox h4 {
        font-size: 20px
    }
}

.index_goodat .bd .lbox .desc {
    margin-bottom: .8rem
}

.index_goodat .bd .lbox .datas {
    max-width: 480px;
    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
}

.index_goodat .bd .lbox .datas .val {
    font-size: .48rem;
    font-family: medium
}

@media (max-width:640px) {
    .index_goodat .bd .lbox .datas .val {
        font-size: .8rem
    }

    .index_goodat .bd .rbox li {
        width: 100%;

    }
}

.index_goodat .bd .rbox {
    flex: 1;
    background: #fff;
    display: flex;
    flex-wrap: wrap
}

.index_goodat .bd .rbox li {
    width: 50%;
    position: relative;
    padding: .5rem .4rem
}

.index_goodat .bd .rbox li:nth-child(1),
.index_goodat .bd .rbox li:nth-child(2) {
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee
}

@media (max-width:991px) {
    .index_goodat .bd .rbox li {
        width: 100%;
        padding-bottom: 1.2rem
    }
}

.index_goodat .bd .rbox li:nth-child(2n) {
    border-left: 1px solid #eeeeee
}

.index_goodat .bd .rbox li h3 {
    margin-bottom: 10px
}

.index_goodat .bd .rbox li .desc {
    color: #999
}

.index_goodat .bd .rbox li .icon {
    width: .5rem;
    height: .5rem;
    position: absolute;
    right: .3rem;
    bottom: .3rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

@media (max-width:480px) {
    .index_goodat .bd .rbox li .icon {
        width: .6rem;
        height: .6rem
    }
}

.index_case {
    padding: .9rem 0
}

.index_case .vbtn {
    display: block;
    margin: 0 auto;
    width: 130px
}

.case_list {
    margin-left: -0.12rem !important;
    margin-right: -0.12rem !important;
    padding-bottom: .4rem
}

.case_list>* {
    padding-left: .12rem !important;
    padding-right: .12rem !important;
    margin-bottom: .24rem
}

.case_item {
    background-color: #fafafa;
    position: relative
}

.case_item::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #ed005c;
    transition: .6s;
    left: 0;
    bottom: 0
}

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

.case_item .tit {
    display: block;
    line-height: 66px;
    text-align: center;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.case_item .tit:hover {
    color: #ed005c
}

@media (max-width:1360px) {
    .case_item .tit {
        font-size: 16px;
        line-height: 60px
    }
}

@media (max-width:640px) {
    .case_item .tit {
        font-size: 14px;
        line-height: 52px
    }
}

.case_item.xs .tit {
    font-size: 16px;
    line-height: 48px
}

@media (max-width:480px) {
    .case_item.xs .tit {
        font-size: 14px
    }
}

.vbtn {
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    text-align: center;
    background-color: #ed005c;
    padding: 0 20px;
    line-height: 48px
}

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

.vbtn: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
}

.fs24 {
    font-size: .24rem
}

@media (max-width:992px) {
    .fs24 {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .fs24 {
        font-size: 19px
    }
}

.fs30 {
    font-size: .3rem
}

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

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

@media (max-width:480px) {
    .fs30 {
        font-size: 20px
    }
}

.fs36 {
    font-size: .36rem
}

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

@media (max-width:640px) {
    .fs36 {
        font-size: 22px
    }
}

.fs40 {
    font-size: .4rem
}

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

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

.fs44 {
    font-size: .44rem;
    font-weight: bold;
    line-height: 1
}

.vmore {
    background: #fff;
    color: #ed005c;
    height: 48px;
    line-height: 48px;
    padding: 0 .42rem;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1px;
    transition: .6s
}

.vmore .iconfont {
    padding-left: 6px;
    font-size: 18px
}

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

.vmore.vmorec {
    background-color: #ed005c;
    color: #fff
}

.vmore.vmorec:hover {
    background: #fff;
    color: #ed005c
}

@media (max-width:480px) {
    .vmore {
        height: 44px;
        line-height: 44px;
        padding: 0 36px
    }
}

.index_news {
    padding: .8rem 0;
    background: url('../image/bg02.png') no-repeat center top;
    background-size: cover;
    background-color: #fbfbfb
}

.index_news .vhd {
    position: relative
}

.index_news .vhd .vbtn {
    position: absolute;
    right: 0;
    bottom: .2rem
}

.index_news .row {
    margin-left: -0.12rem !important;
    margin-right: -0.12rem !important;
    padding-bottom: .4rem
}

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

@media (max-width:480px) {
    .index_news .row li {
        width: 100%
    }
}

.index_news .inner {
    background: #fff;
    transition: .6s
}

.index_news .inner:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.index_news .inner .info {
    padding: 20px 30px 36px
}

@media (max-width:640px) {
    .index_news .inner .info {
        padding: 20px 20px 26px
    }
}

.index_news .inner .tag {
    color: #ed005c;
    line-height: 28px;
    border: 1px solid #ed005c;
    display: inline-block;
    padding: 0 10px;
    border-radius: 2px
}

.index_news .inner .tit {
    display: block;
    font-size: 18px;
    line-height: 28px;
    margin: .18rem 0 .5rem
}

.index_news .inner .tit:hover {
    color: #ed005c
}

@media (min-width:481px) {
    .index_news .inner .tit {
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
        height: 56px
    }
}

.index_news .inner .time {
    font-size: 16px;
    color: #999
}

@media (max-width:1360px) {
    .index_news .inner .tit {
        font-size: 16px
    }

    .index_news .inner .time {
        font-size: 14px
    }
}

@media (max-width:1360px) and (min-width:481px) {
    .index_news .inner .tit {
        line-height: 26px;
        height: 52px
    }
}

.index_news .vbtn {
    width: 130px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    margin: 0 auto
}

.index_partner {
    background: url('../image/bg03.jpg') no-repeat center center;
    background-size: cover;
    padding: 1.2rem 0 1rem;
    color: #fff
}

@media (min-width:992px) {
    .index_partner .hd {
        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;
        margin-bottom: .7rem
    }

    .index_partner .datas {
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: box;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        box-align: center;
        text-align: center
    }

    .index_partner .vhd {
        text-align: left;
        margin-bottom: 0
    }
}

.index_partner .vhd .desc {
    /* color: #fff */
}

.index_partner .datas {
    text-align: center
}

@media (max-width:991px) {
    .index_partner .datas {
        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;
        margin: 0 0 .8rem
    }
}

.index_partner .datas dd {
    position: relative
}

@media (min-width:640px) {
    .index_partner .datas dd {
        padding: 0 .7rem
    }
}

@media (max-width:639px) {
    .index_partner .datas dd {
        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
    }
}

.index_partner .datas dd::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: .1rem;
    bottom: .1rem;
    right: 0;
    background-color: #fff;
    opacity: .15
}

@media (min-width:992px) {
    .index_partner .datas dd:last-child {
        padding-right: 0
    }
}

.index_partner .datas dd:last-child::after {
    display: none
}

.index_partner .datas .val {
    font-size: .48rem;
    color: #ed005c;
}

.index_partner .datas .val em {
    font-size: 80%
}

@media (max-width:640px) {
    .index_partner .datas .val {
        font-size: .6rem
    }
}

.index_partner .datas .tit {
    font-size: 16px;
    color: #ed005c;
    font-weight: bold;
}

@media (max-width:480px) {
    .index_partner .datas .tit {
        font-size: 14px
    }
}

.index_partner .swiper_logos {
    padding-bottom: .76rem;
    padding-top: 1px
}

.index_partner .swiper-pagination-bullet {
    background: #fff;
    opacity: .5
}

.index_partner .swiper-pagination-bullet-active {
    opacity: 1
}

.index_partner .logos {
    display: flex;
    flex-wrap: wrap
}

.index_partner .logos dd {
    width: 16.66%;
    position: relative;
    margin: -1px -1px 0 0;
    border: 1px dotted rgba(237, 0, 92, 0.15)
}

@media (max-width:992px) {
    .index_partner .logos dd {
        width: 20%
    }
}

@media (max-width:768px) {
    .index_partner .logos dd {
        width: 25%
    }
}

@media (max-width:640px) {
    .index_partner .logos dd {
        width: 33.33%
    }
}

.index_partner .logos dd:hover {
    background: #fff
}

.index_partner .coverbox:not(:hover) {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.index_partner .coverbox:hover .transparent {
    display: none
}

.index_partner .coverbox:hover .color {
    display: block
}

.ban_tags {
    padding: .9rem 0 1.5rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media (min-width:1200px) {
    .ban_tags {
        height: 5rem;
        padding-bottom: 0
    }
}

.ban_tags h2 {
    font-size: .4rem;
    font-weight: bold;
    padding-bottom: 10px;
    display: inline-block;
    position: relative;
    margin-bottom: .28rem
}

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

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

.ban_tags h2::after {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #ed005c;
    left: 0;
    bottom: 0
}

.ban_tags .desc {
    font-size: 16px;
    line-height: 30px;
    max-width: 564px;
    margin-bottom: .52rem
}

.ban_tags .btns a {
    display: inline-block;
    margin-right: 15px
}

@media (max-width:480px) {
    .ban_tags .btns a {
        font-size: 15px
    }
}

.ban_tags .btns a:focus {
    color: #fff;
    background: #000
}

.fixed_nav {
    overflow: hidden;
    border-bottom: 1px solid #eeeeee
}

@media (min-width:992px) {
    .fixed_nav .wrap {
        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
    }
}

@media (max-width:991px) {
    .fixed_nav .nav {
        text-align: center
    }
}

@media (max-width:991px) {
    .fixed_nav .wrap {
        width: 100vw;
        text-align: center;
        padding: 0 4vw
    }
}

.fixed_nav nav {
    font-size: 16px
}

.fixed_nav nav a {
    position: relative;
    display: block;
    color: #666
}

.fixed_nav nav a:not(.active):hover {
    color: #ed005c
}

.fixed_nav nav a+a {
    margin-left: .56rem
}

.fixed_nav nav em {
    display: block;
    position: relative;
    line-height: 60px
}

.fixed_nav nav em::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #ed005c;
    left: 0;
    bottom: -1px
}

@media (max-width:992px) {
    .fixed_nav nav em {
        height: 56px;
        line-height: 56px
    }
}

.fixed_nav nav a.active {
    color: #000
}

.fixed_nav nav a.active em::after {
    width: 100%
}

@media (max-width:480px) {
    .fixed_nav nav {
        font-size: 15px;
        min-width: 70%;
        text-align: center
    }
}

@media (min-width:768px) {
    .fixed_nav:not(.scroll) 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
    }
}

@media (max-width:767px) {
    .fixed_nav:not(.scroll) 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: center;
        box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.fixed_nav .crumbs {
    color: #999;
    line-height: 60px
}

.fixed_nav .crumbs>* {
    display: inline-block;
    vertical-align: middle
}

.fixed_nav .crumbs a {
    color: #999
}

.fixed_nav .crumbs a:hover {
    color: #ed005c
}

.fixed_nav .crumbs em {
    font-weight: bold;
    color: #000
}

.fixed_nav .crumbs i {
    padding: 0 4px
}

@media (max-width:991px) {
    .fixed_nav .crumbs {
        padding: 0 4vw
    }
}

@media (max-width:640px) {
    .fixed_nav .crumbs {
        display: none
    }
}

.product_box {
    background-color: #fbfbfb;
    padding: .9rem 0
}

.product_box .vbtn {
    display: block;
    margin: 0 auto;
    width: 136px
}

.product_list {
    margin-left: -0.12rem !important;
    margin-right: -0.12rem !important;
    padding-bottom: .4rem
}

.product_list>* {
    padding-left: .12rem !important;
    padding-right: .12rem !important;
    margin-bottom: .24rem
}

.product_list.center {
    display: flex;
    justify-content: center
}

.product_list.center::before {
    display: none
}

.product_item {
    background: #fff;
    position: relative;
    border: 1px solid #eeeeee
}

.product_item::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #ed005c;
    transition: .6s;
    left: 0;
    bottom: 0
}

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

.product_item:hover .tit {
    color: #ed005c
}

.product_item .tit {
    display: block;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    border-top: 1px solid #eeeeee;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background-color: #fbfbfb
}

.product_item .tit:hover {
    color: #ed005c
}

.product_item .tit i {
    color: #ed005c
}

@media (max-width:1360px) {
    .product_item .tit {
        font-size: 16px;
        line-height: 60px
    }
}

@media (max-width:640px) {
    .product_item .tit {
        font-size: 14px;
        line-height: 52px
    }
}

.news_box {
    background-color: #fbfbfb;
    padding: 1rem 0
}

.news_box .row {
    margin-left: -0.12rem !important;
    margin-right: -0.12rem !important;
    padding-bottom: .4rem
}

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

@media (max-width:639px) {
    .news_box .row li {
        width: 100%
    }
}

.news_box .inner {
    background: #fff;
    padding: .34rem .3rem .5rem;
    position: relative
}

@media (max-width:640px) {
    .news_box .inner {
        padding: 26px 20px 40px
    }
}

.news_box .inner::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: #ed005c;
    transition: .6s
}

.news_box .inner:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.news_box .inner:hover .tit {
    color: #ed005c
}

.news_box .inner:hover::after {
    width: 100%
}

.news_box .inner .tit {
    font-size: 20px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
    padding-bottom: 14px;
    font-weight: bold;
    margin-bottom: 16px
}

.news_box .inner .tit::after {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #ed005c;
    left: 0;
    bottom: 0
}

.news_box .inner .desc {
    font-size: 16px;
    line-height: 30px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    color: #999;
    height: 60px
}

@media (max-width:640px) {
    .news_box .inner .tit {
        font-size: 18px
    }

    .news_box .inner .desc {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }
}

.news_box .vbtn {
    width: 136px;
    display: block;
    margin: 0 auto
}

.foot-report {
    background: url('../image/bg04.png') no-repeat center center;
    background-size: cover;
    padding: .7rem 0 .86rem;
    position: relative;
    z-index: 5555
}

.foot-report h2 {
    font-size: .4rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: .4rem
}

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

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

@media (min-width:768px) {
    .foot-report ul {
        display: flex
    }

    .foot-report li {
        flex: 2;
        margin-right: .1rem
    }

    .foot-report .submitbox {
        flex: 1
    }
}

.foot-report .submitbox {
    margin-right: 0
}

.foot-report .submitbox .submit {
    background: #333;
    color: #fff;
    display: block;
    width: 100%
}

@media (max-width:768px) {
    .foot-report {
        padding: .5rem 2vw
    }

    .foot-report li {
        margin-bottom: 10px
    }
}

.foot-report input,
.foot-report select,
.foot-report .submit {
    background: #fff;
    height: 48px;
    font-size: 16px;
    border: 0;
    padding-left: .2rem;
    border-radius: 0
}

@media (max-width:1200px) {

    .foot-report input,
    .foot-report select,
    .foot-report .submit {
        font-size: 16px
    }
}

@media (max-width:768px) {

    .foot-report input,
    .foot-report select,
    .foot-report .submit {
        height: 44px
    }
}

.foot-report .layui-form-select dl {
    top: 100%;
    border: 0
}

.foot-report .layui-form-select dl dd.layui-this {
    background-color: #ed005c
}

.plan_box {
    padding: .86rem 0 1rem
}

.plan_box .row {
    margin-left: -0.12rem !important;
    margin-right: -0.12rem !important
}

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

@media (max-width:639px) {
    .plan_box .row li {
        width: 100%
    }
}

.plan_box .inner {
    position: relative
}

.plan_box .inner .content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 55;
    color: #fff;
    padding: 0 .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .6s;
    background-color: rgba(0, 0, 0, 0)
}

.plan_box .inner h3 {
    text-align: center;
    font-size: .24rem;
    font-weight: bold;
    padding-bottom: 14px;
    margin-bottom: 10px;
    position: relative;
    transition: .6s
}

@media (max-width:992px) {
    .plan_box .inner h3 {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .plan_box .inner h3 {
        font-size: 19px
    }
}

.plan_box .inner h3::after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background-color: #ed005c;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: 0
}

.plan_box .inner .desc {
    font-size: 16px;
    line-height: 1.75;
    opacity: 0;
    transition: .6s
}

@media (max-width:992px) {
    .plan_box .inner .desc {
        font-size: 14px
    }
}

.plan_box .inner:hover .content {
    background-color: rgba(0, 0, 0, 0.5)
}

.plan_box .inner:hover h3 {
    transform: translateY(-0.5rem)
}

.plan_box .inner:hover .desc {
    opacity: 1;
    transform: translateY(-0.3rem)
}

.carton_plan_box {
    text-align: center
}

.carton_plan_box .vhd {
    margin-bottom: .66rem !important
}

@media (min-width:640px) {
    .carton_plan_box .bd {
        position: relative;
        margin: 0 auto;
        display: inline-block
    }

    .carton_plan_box .bd .icon_round {
        width: 5.68rem
    }

    .carton_plan_box .bd .ico {
        display: none
    }

    .carton_plan_box dd {
        position: absolute;
        display: flex;
        align-items: center;
        font-size: 20px;
        white-space: nowrap
    }

    .carton_plan_box dd .ic {
        width: .94rem;
        height: .94rem;
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: 0 .16rem
    }

    .carton_plan_box dd:nth-child(1),
    .carton_plan_box dd:nth-child(4) {
        top: 5%
    }

    .carton_plan_box dd:nth-child(2),
    .carton_plan_box dd:nth-child(5) {
        top: 50%;
        transform: translateY(-50%)
    }

    .carton_plan_box dd:nth-child(3),
    .carton_plan_box dd:nth-child(6) {
        bottom: 5%
    }

    .carton_plan_box dd:nth-child(1),
    .carton_plan_box dd:nth-child(3) {
        right: 75%
    }

    .carton_plan_box dd:nth-child(4),
    .carton_plan_box dd:nth-child(6) {
        left: 75%
    }

    .carton_plan_box dd:nth-child(2) {
        right: 100%;
        margin-right: -0.62rem
    }

    .carton_plan_box dd:nth-child(5) {
        left: 100%;
        margin-left: -0.62rem
    }

    .carton_plan_box dd:nth-child(1) p,
    .carton_plan_box dd:nth-child(2) p,
    .carton_plan_box dd:nth-child(3) p {
        order: -1
    }
}

@media (min-width:640px) and (max-width:1200px) {
    .carton_plan_box dd {
        font-size: 18px
    }
}

@media (max-width:639px) {
    .carton_plan_box .icon_round {
        display: none
    }

    .carton_plan_box .ico {
        width: 75vw;
        margin: 0 auto .5rem;
        display: block
    }

    .carton_plan_box dl {
        display: flex;
        flex-wrap: wrap
    }

    .carton_plan_box dd {
        width: 50%;
        font-size: 16px;
        margin-bottom: .5rem
    }

    .carton_plan_box dd .ic {
        width: .94rem;
        height: .94rem;
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        margin: 0 auto 10px
    }
}

.carton_plan_box {
    padding: .86rem 0 1rem
}

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

.carton_plan_box .list li {
    width: 25%;
    position: relative;
    padding: .56rem .36rem;
    overflow: hidden;
    border: 1px solid #eeeeee;
    margin: -1px 0 0 -1px;
    text-align: center
}

@media (max-width:991px) {
    .carton_plan_box .list li {
        width: 50%;
        padding: 26px
    }
}

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

.carton_plan_box .list li::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #ed005c;
    left: 0;
    bottom: 0;
    transition: .6s
}

@media (min-width:640px) {
    .carton_plan_box .cover {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        align-items: stretch;
        flex-direction: column;
        justify-content: center;
        transition: .3s
    }
}

.carton_plan_box .content {
    transition-delay: .2s;
    background: #fff;
    transition: .6s
}

@media (min-width:640px) {
    .carton_plan_box .content {
        min-height: 150px;
        opacity: 0;
        transform: translateY(20px)
    }
}

.carton_plan_box .icon {
    /* width: .94rem;
    height: .94rem; */
    width: 80%;
    height: 30%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    margin: 0 auto 30px;
    transition: .6s;
    border-radius: 2%;
}

.carton_plan_box h5 {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    line-height: 30px;
    padding-bottom: 10px;
    transition: .6s
}

.carton_plan_box h5::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background-color: #ed005c;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: 0;
    transition: .6s
}

@media (max-width:639px) {
    .carton_plan_box h5::after {
        width: 30px
    }
}

.carton_plan_box .desc {
    font-size: 16px;
    line-height: 1.78;
    margin-top: 28px;
    text-align: left;
    color: #666
}

@media (min-width:640px) {
    .carton_plan_box li:hover::after {
        width: 100%
    }

    .carton_plan_box li:hover .cover {
        opacity: 0;
        transform: translateY(20px)
    }

    .carton_plan_box li:hover .cover .icon {
        transform: scale(0)
    }

    .carton_plan_box li:hover .content {
        opacity: 1;
        transform: translateY(0)
    }

    .carton_plan_box li:hover .content h5 {
        font-size: 24px
    }

    .carton_plan_box li:hover .content h5::after {
        width: 30px
    }
}

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

    .carton_plan_box .desc {
        font-size: 15px;
        line-height: 1.6
    }
}

@media (max-width:639px) {
    .carton_plan_box li {
        padding: 26px 20px
    }

    .carton_plan_box .content h5 {
        display: none
    }

    .carton_plan_box .content .desc {
        margin-top: 16px
    }

    .carton_plan_box .cover .icon {
        margin-bottom: 16px
    }

    .carton_plan_box .cover h5 {
        margin-bottom: 0px
    }
}

.bag_plan_box {
    padding: .86rem 0 1rem
}

@media (max-width:480px) {
    .bag_plan_box {
        width: 100%
    }
}

@media (min-width:992px) {
    .bag_plan_box .list {
        display: flex;
        align-items: stretch;
        min-height: 5.1rem
    }

    .bag_plan_box li {
        flex: 1;
        transition: .6s;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

    .bag_plan_box .desc {
        max-width: 546px;
        opacity: 0;
        overflow: hidden;
        max-height: 320px;
        transition: .3s;
        transform: translateY(40px)
    }
}

.bag_plan_box .content {
    color: #fff;
    padding: .6rem .4rem 1.6rem;
    position: relative;
    height: 100%
}

@media (max-width:991px) {
    .bag_plan_box .content {
        padding: .6rem;
        margin-bottom: .1rem
    }
}

@media (max-width:640px) {
    .bag_plan_box .content {
        padding: .6rem 5vw
    }
}

.bag_plan_box .content h5 {
    font-size: .24rem;
    font-weight: bold;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 26px;
    white-space: nowrap;
    transition: .6s
}

@media (max-width:992px) {
    .bag_plan_box .content h5 {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .bag_plan_box .content h5 {
        font-size: 19px
    }
}

.bag_plan_box .content h5::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #ed005c;
    left: 0;
    bottom: 0
}

@media (max-width:991px) {
    .bag_plan_box .content h5::after {
        width: 30px
    }
}

.bag_plan_box .content .desc {
    font-size: 16px;
    line-height: 1.76
}

@media (max-width:480px) {
    .bag_plan_box .content .desc {
        font-size: 14px
    }
}

.bag_plan_box .content .arr {
    width: .48rem;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    transition: .6s;
    font-size: .3rem
}

@media (min-width:992px) {
    .bag_plan_box .content .arr {
        position: absolute;
        left: .4rem;
        bottom: .4rem
    }
}

@media (max-width:991px) {
    .bag_plan_box .content .arr {
        margin-top: .4rem
    }
}

.bag_plan_box .active {
    flex: 3
}

.bag_plan_box .active h5::after {
    width: 30px
}

.bag_plan_box .active .desc {
    opacity: 1;
    transform: translateY(0)
}

.bag_plan_box .active .arr {
    background: #fff;
    color: #ed005c;
    transform: rotate(-30deg)
}

.product_topper {
    margin-top: .3rem;
    margin-bottom: .7rem
}

@media (min-width:992px) {
    .product_topper .bd {
        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_topper .image,
    .product_topper .content {
        width: 46%
    }

    .product_topper .content {
        padding: .3rem 0
    }
}

@media (min-width:992px) and (max-width:1360px) {

    .product_topper .image,
    .product_topper .content {
        width: 48%
    }
}

@media (max-width:991px) {
    .product_topper .image {
        display: block;
        margin: 0 auto .5rem
    }
}

.product_topper h2 {
    font-size: .36rem;
    font-weight: bold;
    margin-bottom: .2rem
}

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

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

@media (max-width:768px) {
    .product_topper h2 {
        text-align: center;
        margin-bottom: .4rem;
        padding-top: .3rem
    }
}

.product_topper .content .info {
    padding: .34rem 0 .42rem;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee
}

@media (max-width:1199px) {
    .product_topper .content .info {
        border-top: 0;
        padding-top: 0
    }
}

.product_topper .content .desc {
    line-height: 24px;
    color: #999
}

.product_topper .content .tagsbox {
    padding: 26px 0 0
}

.product_topper .content .tags {
    display: flex;
    align-items: start
}

.product_topper .content .tags dt {
    white-space: nowrap;
    color: #999;
    font-weight: bold;
    line-height: 30px;
    margin-right: 2px
}

.product_topper .content .tags dd {
    flex: 1
}

.product_topper .content .tags a {
    line-height: 28px;
    padding: 0 12px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin: 0 6px 6px 0
}

.product_topper .content .tags a:hover {
    background-color: #ed005c;
    color: #fff;
    border-color: #ed005c
}

.product_topper .content .tags+.tags {
    margin-top: 10px
}

.product_topper .content .vbtn {
    padding: 0 30px;
    margin-top: .46rem;
    display: inline-block
}

@media (max-width:640px) {
    .product_topper .content .vbtn {
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

.sec_product_nav {
    height: 60px;
    line-height: 60px;
    background: #f9f9f9;
    display: flex;
    font-size: 16px
}

@media (max-width:480px) {
    .sec_product_nav {
        width: 100vw
    }
}

.sec_product_nav a {
    flex: 1;
    text-align: center;
    position: relative
}

.sec_product_nav a::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    transition: .6s;
    background-color: #ed005c
}

.sec_product_nav .active {
    color: #ed005c;
    font-weight: bold
}

.sec_product_nav .active::after {
    width: 100%
}

.product_info {
    padding: .6rem 0;
    border-bottom: 1px solid #eeeeee
}

.product_info:last-child {
    border-bottom: 0
}

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

.product_info h3 {
    font-size: .24rem;
    font-weight: bold;
    width: 2.8rem;
    padding-left: 14px;
    position: relative;
    line-height: 30px;
    height: 30px
}

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

@media (max-width:640px) {
    .product_info h3 {
        font-size: 19px
    }
}

.product_info h3::before {
    content: '';
    display: block;
    width: 3px;
    height: 13px;
    background-color: #ed005c;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    left: 0
}

@media (max-width:992px) {
    .product_info h3 {
        margin-bottom: .3rem
    }
}

.product_info .info {
    flex: 1
}

.product_info .info ol li {
    list-style-type: decimal;
    list-style-position: inside
}

.product_info .info ul {
    display: block
}

.product_info .info li {
    list-style-position: inside;
    list-style-type: disc
}

.product_info .txt {
    line-height: 1.76;
    color: #666;
    font-size: 16px
}

.product_info .dots {
    color: #666;
    line-height: 2;
    font-size: 16px
}

.product_info .dots p {
    padding-left: 14px;
    position: relative
}

.product_info .dots p::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #000;
    opacity: .4;
    border-radius: 50%;
    left: 0;
    top: 12px
}

.product_info .logos {
    margin-left: -0.1rem !important;
    margin-right: -0.1rem !important
}

.product_info .logos>* {
    padding-left: .1rem !important;
    padding-right: .1rem !important;
    margin-bottom: .2rem
}

.product_info .logos .logoitem {
    float: left;
    width: 20%
}

@media (max-width:992px) {
    .product_info .logos .logoitem {
        width: 25%
    }
}

@media (max-width:639px) {
    .product_info .logos .logoitem {
        width: 33.33%
    }
}

.logo-vbtn {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 50px;
    margin-top: 20px
}

.banner_box {
    position: relative;
    height: 6.8rem;
    overflow: hidden
}

.banner_box .bg {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
    transform: scale(1.1)
}

.banner_box .inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    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;
    text-align: center
}

.banner_box .wrap {
    color: #fff
}

.banner_box .vbtn {
    display: block;
    width: 123px;
    margin: .4rem auto 0
}

.banner_box h3 {
    font-size: .4rem;
    margin-bottom: .2rem
}

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

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

.banner_box .desc {
    font-size: .24rem
}

@media (max-width:992px) {
    .banner_box .desc {
        font-size: 20px
    }
}

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

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

.banner_box h2 {
    font-size: .44rem;
    line-height: 1.16;
    margin-top: .14rem;
    font-weight: bold;
    position: relative;
    padding-bottom: 14px;
    letter-spacing: 2px;
    text-align: left;


}

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

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

.banner_box h2::after {
    content: '';
    width: 2px;
    height: 2px;
    background: #fff;
    opacity: .8;
    position: absolute;
    left: 2%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: 0;
    transition: .6s
}

@media (max-width:640px) {
    .banner_box h2 {
        margin-top: 10px
    }
}

.banner_box .en {
    font-size: .4rem;
    text-align: left;

}

@media (max-width:640px) {
    .banner_box {
        height: 4.5rem
    }
}

.banner_box.animated .bg {
    transform: scale(1)
}

.banner_box.animated h2::after {
    width: 46px
}

.filter_box {
    margin: 40px auto 46px;
    border: 1px solid #eeeeee
}

@media (max-width:639px) {
    .filter_box {
        width: 100vw;
        border: 0;
        border-bottom: 1px solid #eeeeee
    }
}

.filter_box .hd {
    height: 48px;
    background: #f9f9f9;
    line-height: 48px;
    font-size: 16px;
    padding-left: 20px;
    border-bottom: 1px solid #eeeeee
}

.filter_box .hd span {
    display: inline-block;
    position: relative
}

.filter_box .hd span::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: #ed005c;
    position: absolute;
    left: 0;
    bottom: 0
}

.filter_box .bd {
    padding: 26px 0
}

@media (max-width:1359px) {
    .filter_box .bd {
        padding-bottom: 10px
    }
}

.filter_box .item {
    display: flex;
    align-items: flex-start;
    padding: .1rem .4rem 0
}

.filter_box .item dt {
    line-height: 24px
}

@media (min-width:640px) {
    .filter_box .item dt {
        margin-right: 10px
    }
}

.filter_box .item dd {
    flex: 1;
    display: flex;
    flex-wrap: wrap
}

.filter_box .item dd a {
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    padding: 0 8px;
    cursor: pointer;
    display: block;
    margin: 0 4px 12px 0
}

.filter_box .item dd a:hover,
.filter_box .item dd .on {
    background-color: #ed005c;
    color: #fff
}

.goods_nav_xs {
    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 .2rem;
    border-bottom: 1px solid #eeeeee
}

.goods_nav_xs a {
    font-size: 16px;
    display: block;
    padding: .24rem 0;
    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;
    text-align: center;
    position: relative
}

@media (max-width:480px) {
    .goods_nav_xs a {
        font-size: 14px
    }
}

.goods_nav_xs .on {
    color: #ed005c
}

.goods_nav_xs .on::after {
    content: '';
    width: 30px;
    height: 2px;
    background-color: #ed005c;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: 0
}

.goods_body {
    padding: .46rem 0 1rem
}

@media (max-width:768px) {
    .goods_body {
        padding: .8rem 0 1.5rem
    }
}

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

    .goods_body .goods_menu {
        width: 2.96rem;
        margin-right: .6rem
    }

    .goods_body .goods_main {
        flex: 1
    }
}

.goods_menu a {
    display: block;
    height: 80px;
    line-height: 80px;
    border: 1px solid #eeeeee;
    font-size: 18px;
    background: #fff;
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px
}

.goods_menu a:hover {
    color: #ed005c
}

@media (max-width:1200px) {
    .goods_menu a {
        height: 60px;
        line-height: 60px
    }
}

.goods_menu a .icon {
    width: .5rem;
    height: .5rem;
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.goods_menu .on {
    background-color: #ed005c;
    color: #fff
}

.goods_menu .on:hover {
    color: #fff
}

.goods_menu .on .icon {
    display: block;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.goods_filter {
    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;
    margin: 0 auto 0;
    padding-top: .6rem
}

.goods_filter h2 {
    font-size: .4rem;
    font-weight: bold
}

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

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

.goods_filter form {
    max-width: 330px;
    width: 60%;
    position: relative
}

.goods_filter form input {
    border: 1px solid #eeeeee;
    height: 48px;
    padding-left: .14rem;
    width: 100%;
    display: block
}

.goods_filter form input:focus {
    background: #fff
}

@media (max-width:640px) {
    .goods_filter form input {
        height: 42px
    }
}

.goods_filter form button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    cursor: pointer
}

.goods_filter form button:hover {
    color: #ed005c
}

.news_list {
    padding-bottom: .4rem
}

.news_item {
    background: #fff;
    padding: .34rem 1rem .34rem .34rem;
    position: relative;
    margin-bottom: .2rem
}

@media (max-width:640px) {
    .news_item {
        padding: 26px 30px
    }
}

@media (min-width:640px) {
    .news_item {
        display: flex;
        align-items: center
    }

    .news_item .date {
        width: 2rem;
        text-align: center
    }

    .news_item .info {
        flex: 1
    }
}

.news_item::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: #ed005c;
    transition: .6s
}

.news_item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.news_item:hover .tit {
    color: #ed005c
}

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

.news_item .date b {
    font-size: .36rem
}

@media (max-width:768px) {
    .news_item .date b {
        font-size: 24px
    }
}

@media (max-width:640px) {
    .news_item .date b {
        font-size: 22px
    }
}

.news_item .info .tit {
    font-size: 20px;
    display: block;
    position: relative;
    font-weight: bold;
    margin-bottom: 14px
}

@media (min-width:768px) {
    .news_item .info .tit {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

.news_item .info .desc {
    font-size: 16px;
    line-height: 28px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    color: #999;
    height: 56px
}

@media (max-width:768px) {
    .news_item .info .tit {
        font-size: 18px;
        margin-bottom: 8px
    }

    .news_item .info .desc {
        font-size: 14px;
        line-height: 24px;
        height: 48px
    }
}

@media (max-width:640px) {
    .news_item .info .time {
        color: #999;
        margin-bottom: 10px
    }
}

.news_topper {
    padding: .8rem 0
}

.news_topper .wrap {
    background: #f9f9f9
}

@media (min-width:992px) {
    .news_topper .wrap {
        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
    }

    .news_topper .wrap .image,
    .news_topper .wrap .info {
        width: 48%
    }
}

.news_topper .info {
    padding: .4rem .4rem .4rem 0
}

@media (max-width:991px) {
    .news_topper .info {
        padding: .6rem
    }
}

@media (max-width:640px) {
    .news_topper .info {
        padding: .6rem .4rem
    }
}

.news_topper .info .time {
    color: #999;
    margin-bottom: 12px
}

.news_topper .info .tit {
    font-size: .24rem;
    font-weight: bold;
    margin-bottom: .3rem;
    display: block
}

@media (max-width:992px) {
    .news_topper .info .tit {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .news_topper .info .tit {
        font-size: 19px
    }
}

.news_topper .info .tit:hover {
    color: #ed005c
}

.news_topper .info .desc {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    height: 56px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    margin-bottom: .26rem
}

.news_topper .info .vbtn {
    display: inline-block
}

.news_item_2 {
    padding: 24px 0;
    position: relative;
    border-bottom: 1px solid #eeeeee
}

.news_item_2:first-child {
    padding-top: 0
}

@media (min-width:640px) {
    .news_item_2 {
        display: flex;
        align-items: center
    }

    .news_item_2 .image {
        width: 300px;
        margin-right: .24rem;
        display: block;
        max-width: 40%
    }

    .news_item_2 .info {
        flex: 1
    }
}

.news_item_2::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #ed005c;
    transition: .6s
}

.news_item_2:hover .tit {
    color: #ed005c
}

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

.news_item_2 .date b {
    font-size: .36rem
}

@media (max-width:768px) {
    .news_item_2 .date b {
        font-size: 24px
    }
}

@media (max-width:640px) {
    .news_item_2 .date b {
        font-size: 22px
    }
}

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

.news_item_2 .info .tit {
    font-size: 20px;
    display: block;
    position: relative;
    font-weight: bold;
    margin-bottom: 14px
}

@media (min-width:640px) {
    .news_item_2 .info .tit {
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis
    }
}

.news_item_2 .info .desc {
    line-height: 24px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    color: #999;
    height: 72px;
    margin-bottom: .3rem
}

.news_item_2 .info .time {
    color: #999
}

.news_item_2 .info .time span {
    display: inline-block
}

.news_item_2 .info .time span+span {
    padding-left: .2rem
}

@media (max-width:768px) {
    .news_item_2 .info .tit {
        font-size: 18px;
        margin-bottom: 8px
    }

    .news_item_2 .info .desc {
        font-size: 14px;
        line-height: 24px;
        height: 72px
    }
}

@media (max-width:768px) and (max-width:640px) {
    .news_item_2 .info .desc {
        height: 48px;
        -webkit-line-clamp: 2
    }
}

@media (max-width:640px) {
    .news_item_2 .info .time {
        color: #999;
        margin-bottom: 10px
    }
}

.school_body {
    padding: .7rem 0 1rem
}

@media (min-width:1200px) {
    .school_body {
        display: flex
    }

    .school_body .s_main {
        flex: 1;
        margin-right: .9rem
    }

    .school_body .s_sub {
        width: 3.3rem;
        position: relative;
        top: -5px
    }
}

.s_main .pagination {
    margin-top: .6rem
}

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

.hd2 {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 26px
}

.hd2 span {
    font-size: 20px;
    font-weight: bold;
    height: 54px;
    line-height: 54px;
    border-bottom: 3px solid #ed005c;
    display: inline-block
}

.sub_news_list li {
    margin-bottom: 20px
}

.sub_news_list li a {
    font-size: 16px;
    line-height: 28px;
    color: #666;
    padding-left: .3rem;
    position: relative;
    display: block
}

.sub_news_list li a::before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e5e5e5;
    top: 10px;
    left: 0
}

.sub_news_list li a:hover {
    color: #ed005c
}

.sub_news_list li a:hover::before {
    background-color: #ed005c
}

.news_body {
    padding: .5rem 0 1rem
}

@media (min-width:1200px) {
    .news_body {
        background: #f9f9f9
    }
     .focus .right li {
        width: 10%;
        font-size: 18px; 
        margin-left: 1px;
    }
}

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

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

@media (min-width:1200px) {
    .news_body_inner {
        background: #fff;
        /* border: 1px solid #eeeeee; */
        display: flex
    }

    .news_body_inner .n_main {
        flex: 1;
        border-right: 1px solid #eeeeee
    }

    .news_body_inner .n_sub {
        width: 4.1rem;
        padding: .3rem .4rem
    }

    .focus {
        height: 581px;
        width: 1000px;
    }

    .focus .left {
        width: 1000px;
        height: 581px; 
    }

    .focus .left li {

        width: 1000px;
        height: 581px;
    }



    .focus .right li {
        width: 10%;
        font-size: 18px;  
        margin: 4px;
    }


}

.subbox+.subbox {
    margin-top: .4rem
}

.bt {
    border-top: 1px solid #eeeeee
}

.news_article {
    padding: .5rem 0 1.2rem
}

@media (min-width:1200px) {
    .news_article {
        padding-left: .4rem;
        padding-right: .4rem
    }
}

.news_article .hd {
    padding-bottom: .4rem;
    border-bottom: 1px solid #eeeeee
}

.news_article .hd h2 {
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: 4px
}

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

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

@media (max-width:480px) {
    .news_article .hd h2 {
        font-size: 20px
    }
}

@media (min-width:640px) {
    .news_article .hd .data {
        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
    }
}

.news_article .hd .time {
    color: #999;
    margin-top: 14px;
    display: block
}

.news_article .share {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center
}

@media (max-width:992px) {
    .news_article .share {
        display: none
    }
}

.news_article .share .tit {
    color: #999
}

.news_article .share a {
    display: block;
    font-size: 18px;
    color: #999;
    cursor: pointer
}

.news_article .share a:hover {
    color: #ed005c
}

.news_article .share a+a {
    margin-left: 10px
}

.news_article .bd {
    font-size: 16px;
    line-height: 1.86;
    color: #666;
    padding: .4rem 0;
    border-bottom: 1px solid #eeeeee
}

.news_article .bd p {
    margin-bottom: 1em;
    text-indent: 2em;
}

.news_article .bd img {
    display: block;
    margin: 0 auto
}

@media (min-width:768px) {
    .news_article .bd img {
        max-width: 80%
    }
}

.news_article .tags {
    padding: 26px 0 .76rem;
    display: flex;
    line-height: 30px;
    align-items: flex-start
}

.news_article .tags .tit {
    color: #999;
    padding-left: 20px;
    background: url('../image/tags.png') no-repeat left center;
    margin-right: 20px
}

.news_article .tags .info {
    flex: 1
}

.news_article .tags a {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 10px;
    display: inline-block;
    margin: 0 6px 12px 0;
    color: #333
}

.news_article .tags a:hover {
    background-color: #ed005c;
    border: 1px solid #ed005c;
    color: #fff
}

.news_article .pnext {
    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;
    line-height: .8rem;
    background: #f9f9f9;
    text-align: center;
    font-size: 16px;
    padding: 0 20px
}

@media (max-width:640px) {
    .news_article .pnext {
        line-height: 50px
    }
}

.news_article .pnext a {
    width: 15%;
    white-space: nowrap;
    display: block
}

.news_article .pnext a:hover {
    color: #ed005c
}

.swiper_product {
    padding-bottom: 50px
}

.swiper_product .product_item {
    margin: 1px
}

@media (max-width:1199px) and (min-width:640px) {
    .swiper_product li {
        width: 50%;
        padding: 0 2%
    }
}

.contact_box {
    padding: .8rem 0 1.5rem
}

.contact_box h2 {
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .6rem
}

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

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

.contact_box .content {
    margin-bottom: .9rem
}

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

.contact_box .content .space {
    width: 1px;
    margin: 0 10% 0 0%;
    background-color: #eeeeee;
    display: block;
    height: 200px
}

@media (max-width:1360px) {
    .contact_box .content .space {
        display: none
    }
}

.contact_box .codebox {
    display: flex;
    justify-content: center
}

@media (max-width:1199px) {
    .contact_box .codebox {
        padding: .5rem 0
    }
}

.contact_box .codebox .item+.item {
    margin-left: 28px
}

.contact_box .codebox .item {
    border: 1px solid #eeeeee;
    height: 200px;
    width: 160px;
    padding: 10px 10px 14px;
    text-align: center
}

.contact_box .codebox .item p {
    font-size: 16px;
    color: #999;
    margin-top: 10px
}

@media (min-width:992px) {
    .contact_box .sitebox {
        display: flex;
        width: 100%;
        /*flex-wrap: wrap*/
    }
}

.contact_box .sitebox .ic1 {
    background: url('../image/ic_e1.png') no-repeat center center
}

.contact_box .sitebox .ic2 {
    background: url('../image/ic_e2.png') no-repeat center center
}

.contact_box .sitebox .ic3 {
    background: url('../image/ic_e3.png') no-repeat center center
}

.contact_box .sitebox .ic4 {
    background: url('../image/ic_e4.png') no-repeat center center
}

.contact_box .sitebox .ic {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.contact_box .sitebox .tit {
    color: #999;
    padding: 8px 0 6px
}

.contact_box .sitebox li {
    width: 60%;
    font-size: 16px;
    padding-left: 90px;
    min-height: 60px;
    margin-bottom: 60px;
    position: relative
}

@media (max-width:1200px) {
    .contact_box .sitebox li {
        padding-left: 80px
    }
        .focus {
        height: 415px;
        width: 680px;
    }

    .focus .left {
        width: 680px;
        height: 415px; 
    }

    .focus .left li {

        width: 842px;
        height: 415px;
    }



    .focus .right li {
        width: 16%;
        font-size: 24px;  
        margin: 6px;
    }
    
}

.contact_box .sitebox li:nth-child(2n) {
    width: 60%
}

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

    .contact_box .sitebox .ic {
        width: 40px;
        height: 40px
    }

    .contact_box .sitebox li {
        padding-left: 60px;
        width: 100%;
        margin-bottom: 20px;
        font-size: 15px
    }

    .contact_box .sitebox .tit {
        padding-top: 0
    }
}

.map {
    height: 630px;
    border: 10px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.recruit_box {
    padding: .9rem 0 1.2rem
}

.recruit_box .recruit_list {
    padding-bottom: .3rem
}

.recruit_box .recruit_list li {
    border: 1px solid #eeeeee;
    margin-bottom: .3rem
}

.recruit_box .rhd {
    padding: .36rem;
    cursor: pointer;
    position: relative
}

@media (min-width:1200px) {
    .recruit_box .rhd {
        display: flex;
        align-items: center
    }
}

.recruit_box .rhd h5 {
    color: #ed005c;
    font-size: 18px;
    min-width: 20%;
    margin-right: .3rem
}

@media (max-width:1199px) {
    .recruit_box .rhd h5 {
        margin-bottom: 10px;
        position: relative;
        margin-right: 0
    }
}

.recruit_box .rhd .txt {
    font-size: 16px;
    color: #666;
    display: flex;
    flex-wrap: wrap;
    flex: 1
}

.recruit_box .rhd .txt span {
    line-height: 1.6;
    padding: 0 .32rem;
    position: relative;
    display: block
}

@media (min-width:768px) {
    .recruit_box .rhd .txt span::before {
        content: '';
        width: 1px;
        height: 60%;
        background: #f9f9f9;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 5;
        right: 0
    }
}

.recruit_box .rhd .txt span:last-child::before {
    display: none
}

@media (max-width:1199px) {
    .recruit_box .rhd .txt {
        position: relative;
        left: -0.32rem
    }
}

@media (max-width:768px) {
    .recruit_box .rhd .txt {
        font-size: 14px;
        left: -0.2rem
    }

    .recruit_box .rhd .txt span {
        padding: 0 .2rem
    }
        .focus {
        height: 265px;
        width: 100%;
    }

    .focus .left {
        height: 265px;
        width: 100%;
    }

    .focus .left li {

        height: 265px;
        width: 100%;
    }



    .focus .right li {
        width: 18%;
        font-size: 12px; 
        margin-left: 1px;
    }
}

@media (max-width:640px) {
    .recruit_box .rhd .txt span {
        width: 50%
    }
}

.recruit_box .rhd .arr {
    position: absolute;
    right: .36rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px
}

@media (max-width:1199px) {
    .recruit_box .rhd .arr {
        right: 0;
        font-size: 18px
    }
}

.recruit_box .rbd {
    display: none
}

.recruit_box .rbd .content {
    padding: .36rem .36rem .5rem
}

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

    .recruit_box .rbd .content dl {
        width: 47%
    }
}

@media (max-width:1199px) {
    .recruit_box .rbd .content dl+dl {
        padding-top: 30px
    }
}

.recruit_box .rbd .email {
    color: #fff;
    padding-left: .36rem;
    height: 34px;
    line-height: 34px;
    display: block;
    position: relative;
    margin: 0 0 0 -1px;
    z-index: 55;
    background-color: #ed005c;
    background: linear-gradient(90deg, #ed005c, #fff)
}

.recruit_box dl dt {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: .2rem
}

.recruit_box dl dd {
    color: #666;
    line-height: 2
}

.recruit_box li.active .rhd {
    background-color: #ed005c
}

.recruit_box li.active .rhd * {
    color: #fff
}

.recruit_box li.active .rhd .arr::before {
    content: "\e641"
}

.recruit_box li.active .rbd {
    display: block
}

.ly_box_one {
    position: relative;
    z-index: 55;
    background: linear-gradient(90deg, #ed005c 50%, transparent 50%)
}

@media (max-width:992px) {
    .ly_box_one {
        background: linear-gradient(90deg, #ed005c 60%, transparent 40%)
    }
}

@media (min-width:768px) {
    .ly_box_one .wrap {
        position: relative
    }

    .ly_box_one .wrap .img {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 60%
    }
}

@media (min-width:768px) and (max-width:992px) {
    .ly_box_one .wrap .img {
        width: 50%
    }
}

.ly_box_one .content {
    background-color: #ed005c;
    color: #fff;
    width: 45%;
    padding: 2.4rem 0
}

@media (max-width:992px) {
    .ly_box_one .content {
        padding: 1rem 0
    }
}

.ly_box_one .content h2 {
    font-size: .4rem;
    font-weight: bold
}

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

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

@media (max-width:640px) {
    .ly_box_one .content {
        text-align: center
    }

    .ly_box_one .content .desc {
        text-align: left
    }
}

.ly_box_one .desc {
    font-size: 16px;
    line-height: 1.8;
    margin: .36rem 0 .66rem
}

@media (max-width:480px) {
    .ly_box_one .desc {
        font-size: 15px
    }
}

.ly_box_one .btn {
    color: #fff;
    border: 1px solid #fff;
    line-height: 48px;
    padding: 0 26px;
    font-size: 16px
}

.ly_box_one .btn:hover {
    background: #fff;
    color: #ed005c
}

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

@media (max-width:640px) {
    .ly_box_one {
        padding-bottom: 6vw;
        background: linear-gradient(180deg, #ed005c 70%, transparent 30%)
    }

    .ly_box_one .content {
        width: 100%
    }
}

.ly_box_two {
    background: #f9f9f9
}

.ly_box_two .wrap {
    padding: 1rem 0 1.4rem;
    position: relative
}

.ly_box_two .wrap::before {
    content: '';
    width: 2.18rem;
    height: 2.14rem;
    background: url('../image/rc_02.png') no-repeat center center;
    background-size: contain;
    right: -1.14rem;
    position: absolute;
    top: -1.06rem
}

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

.ly_box_two h2 {
    font-size: .4rem;
    font-weight: bold;
    margin-bottom: .5rem
}

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

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

.ly_box_two .bd {
    position: relative;
    z-index: 55
}

.ly_box_two .bd .pnext {
    position: absolute;
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    z-index: 555;
    margin-top: -0.6rem;
    background-color: rgba(0, 0, 0, 0.5)
}

.ly_box_two .bd .pnext::after {
    font-size: 18px;
    color: #fff
}

.ly_box_two .bd .pnext:hover {
    background-color: #ed005c
}

.ly_box_two .bd .swiper-button-prev {
    left: -1rem
}

@media (max-width:1200px) {
    .ly_box_two .bd .swiper-button-prev {
        left: -0.7rem
    }
}

.ly_box_two .bd .swiper-button-next {
    right: -1rem
}

@media (max-width:1200px) {
    .ly_box_two .bd .swiper-button-next {
        right: -0.7rem
    }
}

.ly_box_two .swiper {
    overflow: visible
}

@media (max-width:640px) {
    .ly_box_two .swiper {
        padding-bottom: 1rem
    }
}

.ly_box_two .swiper li {
    max-width: 8.6rem;
    width: 50%;
    text-align: center;
    min-width: 300px
}

.ly_box_two .swiper li .inner {
    margin: 0 .16rem
}

.ly_box_two .swiper li .tit {
    font-size: .24rem;
    opacity: 0;
    transition: .6s;
    padding-top: .2rem
}

@media (max-width:992px) {
    .ly_box_two .swiper li .tit {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .ly_box_two .swiper li .tit {
        font-size: 19px
    }
}

@media (max-width:640px) {
    .ly_box_two .swiper li .tit {
        font-size: 16px
    }
}

@media (max-width:1200px) {
    .ly_box_two .swiper li .inner {
        margin: 0 .1rem
    }
}

.ly_box_two .swiper .swiper-slide-active .tit {
    opacity: 1
}

.ly_box_three {
    background: url('../image/bg05.jpg') no-repeat right bottom;
    background-size: 17.74rem
}

.ly_box_three .wrap {
    padding: .9rem 0;
    position: relative
}

.ly_box_three .wrap::before {
    content: '';
    width: 2.18rem;
    height: 2.14rem;
    background: url('../image/rc_02.png') no-repeat center center;
    background-size: contain;
    left: -1.14rem;
    position: absolute;
    top: -1.06rem
}

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

@media (min-width:640px) {
    .ly_box_three .bd {
        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
    }

    .ly_box_three .bd .item+.item {
        margin-left: .4rem
    }

    .ly_box_three .item {
        max-width: 50%
    }
}

.ly_box_three .item {
    text-align: center;
    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;
    padding: .1rem;
    border: 1px solid #666;
    margin-bottom: .5rem
}

.ly_box_three .item .inner {
    border: 1px solid #666;
    padding: 1rem 0 1.26rem
}

@media (max-width:640px) {
    .ly_box_three .item .inner {
        padding: .7rem 0 1rem
    }
}

.ly_box_three .item .ic1 {
    background: url('../image/ic_f1.png') no-repeat center center
}

.ly_box_three .item .ic2 {
    background: url('../image/ic_f2.png') no-repeat center center
}

.ly_box_three .item .ic {
    width: 50px;
    height: 50px;
    display: inline-block
}

.ly_box_three .item h5 {
    font-size: .3rem;
    margin: .1rem 0 .3rem
}

@media (max-width:992px) {
    .ly_box_three .item h5 {
        font-size: 26px
    }
}

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

@media (max-width:480px) {
    .ly_box_three .item h5 {
        font-size: 20px
    }
}

.ly_box_three .item .vbtn {
    display: inline-block;
    padding: 0 26px
}

.ys_box_one {
    padding: .9rem 0
}

.ys_box_one .row {
    margin-left: -0.13rem !important;
    margin-right: -0.13rem !important;
    display: flex;
    flex-wrap: wrap
}

.ys_box_one .row>* {
    padding-left: .13rem !important;
    padding-right: .13rem !important;
    margin-bottom: .26rem
}

.ys_box_one .row::before {
    display: none
}

@media (max-width:640px) {
    .ys_box_one .row {
        margin-left: -0.1rem !important;
        margin-right: -0.1rem !important
    }

    .ys_box_one .row>* {
        padding-left: .1rem !important;
        padding-right: .1rem !important;
        margin-bottom: .2rem
    }
}

.ys_box_one .inner {
    border: 1px solid #eeeeee;
    padding: .3rem .3rem .8rem;
    position: relative;
    overflow: hidden;
    height: 100%;
    transition: .6s
}

.ys_box_one .inner:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.ys_box_one .inner h5 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold
}

.ys_box_one .inner .desc {
    font-size: 20px
}

.ys_box_one .inner .desc b {
    color: #ed005c;
    padding: 0 6px;
    font-size: 120%
}

.ys_box_one .inner .icon {
    width: 2rem;
    height: 2rem;
    background-color: #eaeaea;
    position: absolute;
    right: -1rem;
    bottom: -1rem;
    border-radius: 50%
}

.ys_box_one .inner .icon .ic1 {
    background: url('../image/ic_g1.png') no-repeat center center
}

.ys_box_one .inner .icon .ic2 {
    background: url('../image/ic_g2.png') no-repeat center center
}

.ys_box_one .inner .icon .ic3 {
    background: url('../image/ic_g3.png') no-repeat center center
}

.ys_box_one .inner .icon .ic4 {
    background: url('../image/ic_g4.png') no-repeat center center
}

.ys_box_one .inner .icon .ic5 {
    background: url('../image/ic_g5.png') no-repeat center center
}

.ys_box_one .inner .icon .ic6 {
    background: url('../image/ic_g6.png') no-repeat center center
}

.ys_box_one .inner .icon .ic {
    width: .6rem;
    height: .6rem;
    position: absolute;
    left: .35rem;
    top: .3rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

@media (max-width:640px) {
    .ys_box_one .inner h5 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .ys_box_one .inner .desc {
        font-size: 17px
    }
}

.ys_box_two {
    padding: .9rem 0 1rem
}

.ys_box_two 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: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: .6rem
}

@media (min-width:480px) {
    .ys_box_two nav .item+.item {
        margin-left: .12rem
    }
}

@media (max-width:480px) {
    .ys_box_two 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;
        padding: 0 .1rem
    }
}

.ys_box_two nav .item {
    line-height: 48px;
    padding: 0 .36rem;
    border: 1px solid #666;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    display: block
}

@media (max-width:640px) {
    .ys_box_two nav .item {
        line-height: 40px;
        padding: 0 .2rem;
        font-size: 15px
    }
}

@media (max-width:479px) {
    .ys_box_two nav .item {
        font-size: 14px;
        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;
        padding: 0;
        text-align: center
    }
}

.ys_box_two nav .item:hover,
.ys_box_two nav .active {
    border-color: #ed005c;
    background-color: #ed005c;
    color: #fff
}

.swiper_device {
    padding-bottom: 40px;
    position: relative;
    margin-left: -0.1rem;
    margin-right: -0.1rem
}

.swiper_device li {
    width: 25%
}

@media (max-width:992px) {
    .swiper_device li {
        width: 33.33%
    }
}

@media (max-width:640px) {
    .swiper_device li {
        width: 50%
    }
}

.swiper_device .item {
    margin: 0 .1rem .2rem;
    text-align: center;
    background: #fff;
    padding: 16px 16px 0;
    cursor: pointer
}

.swiper_device .item .tit {
    line-height: 60px;
    margin-top: 20px;
    border-top: 1px solid #eeeeee;
    font-size: 16px
}

@media (max-width:768px) {
    .swiper_device .item .tit {
        font-size: 14px;
        line-height: 48px
    }
}

.ys_box_three {
    padding: .9rem 0
}

.ys_box_three .vhd {
    margin-bottom: .36rem
}

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

    .ys_box_three ul li+li {
        margin-left: 4px
    }
}

.ys_box_three li {
    margin-bottom: 4px;
    position: relative;
    cursor: pointer
}

.ys_box_three li .tit {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: .26rem;
    bottom: .3rem;
    z-index: 5;
    right: .26rem
}

@media (max-width:992px) {
    .ys_box_three li .tit {
        font-size: 16px
    }
}

.ys_box_four {
    padding: .9rem 0 1.2rem;
    background-color: #fbfbfb
}

.ys_box_four .vhd {
    margin-bottom: .3rem
}

.ys_box_four 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: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: .6rem
}

@media (min-width:480px) {
    .ys_box_four nav .item+.item {
        margin-left: .12rem
    }
}

@media (max-width:479px) {
    .ys_box_four 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;
        padding: 0 .1rem
    }
}

.ys_box_four nav .item {
    line-height: 48px;
    padding: 0 .36rem;
    border: 1px solid #666;
    font-size: 16px;
    border-radius: 4px;
    display: block;
    cursor: pointer
}

@media (max-width:640px) {
    .ys_box_four nav .item {
        line-height: 40px;
        padding: 0 .2rem;
        font-size: 15px
    }
}

.ys_box_four nav .item:hover,
.ys_box_four nav .active {
    border-color: #ed005c;
    background-color: #ed005c;
    color: #fff
}

.ys_box_four .logos {
    display: flex;
    flex-wrap: wrap
}

.ys_box_four .logos li {
    width: 16.66%
}

@media (max-width:992px) {
    .ys_box_four .logos li {
        width: 20%
    }
}

@media (max-width:768px) {
    .ys_box_four .logos li {
        width: 25%
    }
}

@media (max-width:480px) {
    .ys_box_four .logos li {
        width: 33.33%
    }
}

.ys_box_four .logos p {
    background: #fff;
    height: 100%;
    border: 2px solid #f9f9f9;
    text-align: center
}

.ys_box_four .logos .more {
    color: #eeeef0;
    font-size: 36px;
    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;
    cursor: pointer
}

.ys_box_four .logos .more:hover {
    color: #ed005c
}

.ys_box_five {
    padding: .9rem 0;
    background: url('../image/bg07.png') no-repeat center center;
    background-size: cover
}

.ys_box_five .row {
    margin-left: -0.11rem !important;
    margin-right: -0.11rem !important;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap
}

.ys_box_five .row>* {
    padding-left: .11rem !important;
    padding-right: .11rem !important;
    margin-bottom: .22rem
}

.ys_box_five .row::before {
    display: none
}

.ys_box_five .inner {
    background: #fff;
    height: 100%;
    padding: .5rem 20px
}

.ys_box_five .inner h5 {
    font-size: .24rem;
    margin: 14px 0 14px;
    text-align: center
}

@media (max-width:992px) {
    .ys_box_five .inner h5 {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .ys_box_five .inner h5 {
        font-size: 19px
    }
}

.ys_box_five .inner .ic {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto
}

.ys_box_five .inner .ic1 {
    background: url('../image/ic_g1.png') no-repeat center center
}

.ys_box_five .inner .ic2 {
    background: url('../image/ic_g2.png') no-repeat center center
}

.ys_box_five .inner .ic3 {
    background: url('../image/ic_g3.png') no-repeat center center
}

.ys_box_five .inner .ic4 {
    background: url('../image/ic_g4.png') no-repeat center center
}

.ys_box_five .inner .txt {
    font-size: 16px;
    line-height: 1.8;
    color: #666
}

.scrollStyle::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.scrollStyle::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #ed005c
}

.scrollStyle::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.05)
}

.company_box {
    padding-bottom: 1.2rem;
    background: url(../image/logobg.png) no-repeat right bottom;
    background-size: 5.26rem
}

@media (max-width:991px) {
    .company_box {
        padding-top: .9rem
    }
}

@media (min-width:992px) {
    .company_box .content {
        display: flex;
        justify-content: space-between;
        padding: 1rem 0
    }

    .company_box .content .info,
    .company_box .content .img {
        width: 48%
    }

    .company_box .info {
        position: relative;
        overflow-y: auto
    }

    .company_box .info::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }

    .company_box .info::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #ed005c
    }

    .company_box .info::-webkit-scrollbar-track {
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.05)
    }

    .company_box .info .inner {
        position: absolute;
        width: 96%;
        height: 100%;
        left: 0;
        top: 0
    }
}

@media (max-width:991px) {
    .company_box .info {
        margin: .5rem 0 1rem
    }

    .company_box .info h2 {
        text-align: center
    }

    .company_box .info .more {
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

.company_box .info h2 {
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
}

@media (max-width:768px) {
    .company_box .info h2 {
        font-size: 24px
    }
}

@media (max-width:640px) {
    .company_box .info h2 {
        font-size: 22px
    }
}

.company_box .info .txt {
    font-size: 16px;
    line-height: 1.75;
    color: #666;
    margin: .3rem 0;
    text-indent: 2em;
}

@media (max-width:1360px) and (min-width:992px) {
    .company_box .info .txt {
        font-size: 14px
    }
}

.company_box .info .txt p {
    margin-bottom: 1em
}

.company_box .info .more {
    color: #ed005c;
    display: inline-block;
    padding: 4px 0;
    border-bottom: 2px solid #ed005c
}

.company_box .info .more:hover {
    color: #000;
    border-bottom-color: #000
}

.company_box .info .more i {
    font-size: 60%
}

.company_box .img {
    position: relative
}

.company_box .img::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4)
}

.company_box .img .iconfont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 5;
    z-index: 55;
    color: #fff;
    font-size: .6rem;
    cursor: pointer
}

.company_box .datas {
    display: flex;
    flex-wrap: wrap
}

.company_box .datas dd {
    width: 25%;
    text-align: center;
    position: relative
}

.company_box .datas dd::before {
    content: '';
    display: block;
    width: 1px;
    height: 70%;
    background-color: #eeeeee;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5
}

.company_box .datas dd:first-child:before {
    display: none
}

@media (max-width:640px) {
    .company_box .datas dd {
        width: 50%;
        margin-bottom: .5rem
    }

    .company_box .datas dd:nth-child(3)::before {
        display: none
    }

    .company_box .datas dd .val {
        font-size: 36px
    }

    .company_box .datas dd .tit {
        font-size: 15px
    }
}

.company_box .datas .val {
    color: #ed005c;
    font-size: .48rem
}

.company_box .datas .tit {
    font-size: 16px
}

.company_honor {
    padding: .9rem 0
}

.company_honor .vhd {
    margin-bottom: .4rem
}

.company_honor .swiper_honor {
    padding-bottom: .77rem;
    padding-top: 20px;
    position: relative;
    margin-left: -0.12rem;
    margin-right: -0.12rem
}

.company_honor li {
    width: 25%
}

@media (max-width:992px) {
    .company_honor li {
        width: 33.33%
    }
}

@media (max-width:991px) {
    .company_honor li {
        width: 50%
    }
}

.company_honor .inner {
    margin: 0 .12rem;
    background-color: #fbfbfb;
    padding: .42rem 12px 0;
    position: relative;
    transition: .6s
}

.company_honor .inner::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 2px;
    background-color: #ed005c;
    transition: .6s;
    left: 0;
    bottom: 0
}

@media (min-width:768px) {
    .company_honor .inner:hover {
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        transform: translateY(-10px)
    }

    .company_honor .inner:hover::after {
        width: 100%
    }
}

.company_honor.bggray .inner {
    background: #fff
}

.company_honor .tit {
    text-align: center;
    font-size: 16px;
    line-height: 60px;
    margin-top: .42rem;
    border-top: 1px solid #eeeeee
}

.company_honor .tit span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media (max-width:640px) {
    .company_honor .tit {
        font-size: 14px;
        line-height: 50px
    }
}

.company_step {
    padding: .9rem 0 1.4rem
}

.company_step .bd {
    position: relative;
    z-index: 55
}

.company_step .bd .pnext {
    position: absolute;
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    z-index: 555;
    margin-top: -0.6rem;
    background-color: rgba(0, 0, 0, 0.5)
}

.company_step .bd .pnext::after {
    font-size: .18rem;
    color: #fff
}

.company_step .bd .pnext:hover {
    background-color: #ed005c
}

.company_step .bd .swiper-button-prev {
    left: -1rem
}

@media (max-width:1920px) {
    .company_step .bd .swiper-button-prev {
        left: -4vw
    }
   
}

@media (max-width:480px) {
    .company_step .bd .swiper-button-prev {
        left: -3vw
    }
}

.company_step .bd .swiper-button-next {
    right: -1rem
}

@media (max-width:1920px) {
    .company_step .bd .swiper-button-next {
        right: -4vw
    }
}

@media (max-width:480px) {
    .company_step .bd .swiper-button-next {
        right: -3vw
    }
}

.swiper_step {
    text-align: center
}

.swiper_step li {
    min-height: 3.4rem;
    position: relative
}

.swiper_step .year {
    font-size: 3.4rem;
    line-height: 3.4rem;
    opacity: .1;
    color: #ccc;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    top: 0;
    font-weight: bold;
    font-family: arial
}

@media (max-width:640px) {
    .swiper_step .year {
        display: none
    }
}

.swiper_step .content {
    position: relative;
    z-index: 55;
    padding-top: .8rem
}

.swiper_step .content h5 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px
}

.swiper_step .content .txt {
    font-size: 16px;
    line-height: 30px;
    color: #666
}

.swiper_step_nav {
    border-top: 1px solid #eeeeee;
    margin-top: .5rem;
    font-size: 16px
}

.swiper_step_nav li {
    width: 11.1%;
    text-align: center;
    padding-top: 20px;
    cursor: pointer;
    color: #999;
    position: relative
}

.swiper_step_nav li::before {
    content: '';
    display: block;
    height: 2px;
    background-color: #ed005c;
    top: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    width: 0;
    transition: .6s
}

@media (max-width:768px) {
    .swiper_step_nav li {
        width: 80px
    }
}

.swiper_step_nav .swiper-slide-thumb-active {
    color: #000
}

.swiper_step_nav .swiper-slide-thumb-active::before {
    width: 70px
}

.company_culture {
    padding: .9rem 0 1.4rem;
    background: url('../image/bg08.png') no-repeat center center;
    background-size: cover
}

.company_culture .bd {
    background: #fff;
    position: relative;
    overflow: hidden
}

.company_culture .bd::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url('../image/sj.png') no-repeat center center;
    position: absolute;
    left: 0;
    top: 0
}

@media (min-width:992px) {
    .company_culture .bd {
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: box;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        box-align: center
    }

    .company_culture .bd .img {
        width: 55%
    }

    .company_culture .bd .content {
        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 (min-width:992px) and (max-width:1199px) {
    .company_culture .bd .img {
        width: 50%
    }
}

.company_culture .content {
    padding: .7rem
}

@media (max-width:480px) {
    .company_culture .content {
        padding: .7rem .36rem
    }
}

.company_culture .content dl {
    display: flex;
    align-items: flex-start
}

.company_culture .content dl dt {
    font-size: 16px;
    color: #ed005c;
    white-space: nowrap;
    margin-right: .2rem
}

.company_culture .content dl dd {
    line-height: 2;
    color: #666
}

.company_culture .content dl+dl {
    margin-top: .3rem
}

.fancybox-container {
    z-index: 999929999999
}

.new-float {
    height: 196px;
    position: fixed;
    right: -225px;
    top: 50%;
    margin-top: -98px;
    z-index: 999999
}

@media (max-width:768px) {
    .new-float {
        display: none
    }
}

.new-float * {
    box-sizing: content-box
}

.new-float .f_nav {
    position: relative
}

.new-float .f_nav li {
    width: 48px;
    height: 48px;
    display: block;
    text-align: left;
    background-color: #ed005c;
    position: relative;
    margin-bottom: 1px
}

.new-float .f_nav li.active {
    background: #CBCBCB
}

.new-float .f_nav li.tel {
    text-align: left;
    width: 220px;
    padding-left: 53px;
    padding-top: 0px;
    height: 48px;
    transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}

.new-float .f_icon {
    position: absolute;
    width: 48px;
    height: 48px;
    left: 0px;
    top: 0px
}

.new-float .f_nav li p {
    margin: 0px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff
}

.new-float .f_nav li.tel:hover {
    transform: translate(-220px, 0);
    -webkit-transform: translate(-220px, 0);
    -moz-transform: translate(-220px, 0);
    -ms-transform: translate(-220px, 0);
    -o-transform: translate(-220px, 0)
}

.new-float .f_nav li.tel.f_qq:hover {
    transform: translate(-110px, 0);
    -webkit-transform: translate(-110px, 0);
    -moz-transform: translate(-110px, 0);
    -ms-transform: translate(-110px, 0);
    -o-transform: translate(-110px, 0)
}

.new-float .f_nav li a {
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    width: 48px;
    height: 48px;
    text-decoration: none
}

.new-float .f_nav li:hover {
    background: #252525
}

.new-float .top_icon {
    background: url(../image/l_icon01.png) center center no-repeat
}

.new-float .q_icon {
    background: url(../image/l_icon02.png) center center no-repeat
}

.new-float .tel_icon {
    background: url(../image/l_icon03.png) center center no-repeat
}

.new-float .w_icon {
    background: url(../image/l_icon04.png) center center no-repeat
}

.new-float .f_nav li.tel :hover a {
    cursor: none
}

.new-float .l_code {
    width: 109px;
    height: 102px;
    position: absolute;
    bottom: 0px;
    left: -120px;
    padding: 3px;
    background: url("../image/l_code.png") no-repeat center;
    box-sizing: border-box
}

.new-float .l_code img {
    width: 97px;
    height: 97px
}

.new-float .l_code {
    opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: .6s;
    transition-property: all;
    transition-timing-function: ease-out;
    transform: translate(-50px, 0)
}

.new-float .l_code.active {
    opacity: 1;
    filter: alpha(opacity=1);
    transform: translate(0, 0)
}

.wlqrcode-layer {
    text-align: center;
    padding: 50px
}

.wlqrcode-layer .tit {
    font-size: 16px;
    margin-top: 16px;
    color: #666
}

.wlqrcode-layer .wlcode img {
    width: 160px !important;
    height: 160px !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: 1px solid #eee !important;
    display: block;
    margin: 0 auto
}

.nohh {
    white-space: nowrap;
    /* 强制不换行 */
    overflow: hidden;
    /* 隐藏超出部分 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号（可选） */
    cursor: pointer;
}

    .focus .right li:hover,
    .focus .right li.active {
        color: #fff;
        background-color: #1ECAC8;
    }
    .focus .left li img {
        border-radius: 20px;
    }

    .focus .left li.active {
        z-index: 2;
    }

    .focus .left li p {
        display: none;
    }

    .focus .right {
        width: 100%;
        max-width: 1000px;
        margin-top: 10px;
    }

    .focus .right ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        /*justify-content:space-around;*/
        
    }
        .focus {
       
        margin: 40px auto 0 auto;
    }

    .focus .left {
        
        position: relative;
        overflow: hidden;
    }

    .focus .left li {
        position: absolute;
        left: 0;
        top: 0;
       
        z-index: 1;
        opacity: 0;
        filter: alpha(opacity=0);
    }



    .focus .right li {
       
        height: 68px;
        overflow: hidden;
        /*padding-left: 6px;*/
        background-color: #f4fdfd;
        border: solid 1px #1ECAC8;
        color: #33cccc;
        
        line-height: 68px;
        margin-bottom: 5px;
        cursor: pointer;
        border-radius: 10px;
        margin-left: 10px;
        
        text-align: center;
    }