.rule {}

.rule .rule_item {
    float: left;
    cursor: pointer;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    padding: 2px;
    width: 55px;
    min-width: 55px;
    max-width: 55px;
    border-radius: 4px;
    overflow: hidden;
    font-size: 12px;
    text-align: center;

}

.details_contitle{
    position: relative;
    height: 50px;
    background-color: #fff;
}

.details_contitle>span {
    display: block;
    position: absolute;
    padding: 0 30px;
    height: 100%;
    font-size: 30px;
    line-height: 50px;
    font-weight: 400;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    z-index: 2;
}

.details_contitle>div {
    width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,50%);
    height: 1px;
    background-color: #cfcfcf;


}

.zixuntj {
    background-color: #fff;
}

.zixuntjlist img {
    width: 100%;
    display: block;
}

.zixuntjlist a p {
    position: absolute;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 18px;
    text-indent: 15px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    color: #fff;
    overflow: hidden;

    text-overflow: ellipsis;
}

.zixuntj>div {
    /* height: 240px; */
    position: relative;
    padding: 5px 10px;
    box-sizing: border-box;
    /* background-color: #fd1e1e; */
}

.zixuntj>div>a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.rule img {
    width: 40px;
    height: 50px;
    border-radius: 5px;
    margin: 2px 0;

}

.rule p {
    margin-bottom: 0 !important;
    font-size: 12px !important;
}


.goPayDig {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

.fixed_right {
    z-index: 997 !important;
}

.detal_img_list {
    display: flex;
}

.detal_img_list li {
    margin-right: 8px;
}

.back_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.675);
    z-index: -1;
}


.dig_label {
    font-size: 20px !important;
    line-height: 40px;
    padding-bottom: 15px;
    position: relative;
}

.dig_label i {
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer;
    font-size: 22px;
}

.box_to_40 .el-form-item__content {
    height: 76px !important;
}

.box_tj {
    /* height: 191px; */
}


.box_abs_ovh {
    position: absolute;

    top: 0;
    /* left: 0; */
    overflow: auto;
    display: flex;
    justify-content: center;
}

.box_abs_ovh::-webkit-scrollbar {
    visibility: hidden;
    display: none;
    width: 0;
    height: 0;
}

.kcbz {
    color: #999;
    margin-left: 10px;
}

.address_sec_box {
    width: 210px;
    padding: 10px;
    border-radius: 5px;
    line-height: 40px;
    height: 40px;
    color: #999;
    border-color: #DCDFE6;
}

.address_sec_box option {}

.form {
    width: 375px;
    /* height: 375px; */
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 1px 1px #d3d3d3;
    padding: 15px;
    margin: 10vh 0;
}

.form .el-form-item {
    width: 100% !important;
}

.form .el-form-item .num_box {
    margin: 0 !important;
}

.form .el-form-item textarea {
    resize: none;
    width: 198px;
    padding: 7px;
    border-radius: 4px;
    height: 60px;
    border-color: #DCDFE6;
}

.form .el-form-item button {
    background-color: #ff6300 !important;
    border-color: #ff6300 !important;
    margin-left: 40px;
}

.sive-View {
    margin-top: 100px;
}

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

.clear {
    zoom: 1;
    clear: both;
    font-size: 14px;
    /* background: #fff; */
    font-family: "Microsoft YaHei", Simsun;
    color: #535353;
}


.heartbox {
    width: 80%;
    padding-top: 35px;
}

.main_image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.toNav {
    padding: 0 !important;
    text-align: center;
}

.toNav a {
    color: #999;
    font-size: 15px;
}

.details_nav_bg_3 {
    font-size: 18px !important;
}


.jqr_page img {
    /* zoom: 0.8; */
    width: 100%;
    margin-top: -20px;
}

.jqr_page br {
    height: 0;
    visibility: hidden;
    display: none;
}



.main-left img {
    /* zoom: 0.8; */
}


.main-right {
    /* zoom: 0.8; */
}


.corporate-list-item {
    display: flex;
    flex-flow: row;
}

.corporate-list-item .item-div {
    width: 288px;
    height: 188px;
    margin: 0 100px 20px 0;
}







.function-list {
    color: #333 !important;
}

.function-list span {

    color: #333 !important;
}


.main-right-val {
    font-size: 18px;
    font-weight: 700;
    color: #0067ed;
}

.list-item-text .title {
    text-align: left !important;
}

.header_self {
    height: 0 !important;
}

.corporate-ad-bottom {
    padding: 0 20px;
}

.ser-view-eve1 {
    position: relative;
    z-index: 99;
    padding-top: 20px;
    height: 200px;
}

.ser-view-eve2 .main-right {
    padding-top: 60px !important;
}

.head {
    width: 100%
}

.ser-view-eve1 .back_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: 50% !important;
    z-index: -1
}

.ser-view-eve1 .top-datail {
    padding-top: 0px
}

.ser-view-eve1 .top-datail .title .grey-text {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    color: #888
}

.ser-view-eve1 .top-datail .sumary-text {
    width: 625px;
    font-size: 48px;
    font-weight: 700;
    color: #222;
    margin-bottom: 5px
}

.ser-view-eve1 .top-datail .sumary-btn {
    display: flex;
    flex-flow: row;
    margin-top: 35px
}

.ser-view-eve1 .top-datail .sumary-btn .btn {
    width: 200px;
    height: 60px;
    border-radius: 2px
}

.sive-View:nth-of-type(2n) .main {
    flex-flow: row-reverse
}

.sive-View:nth-of-type(2n) .main .main-left img {
    margin: 0 !important
}

.sive-View .main {
    display: flex;
    flex-flow: row
}

.sive-View .main .main-left {
    display: inline-block;
    width: 512px;
    height: 569px;
    overflow: hidden;
    float: left
}

.sive-View .main .main-left img {
    width: 870px;
    margin-left: 0
}

@media screen and (max-width:1600px) {
    .sive-View .main .main-left {
        width: 512px;
        height: 569px
    }

    .sive-View .main .main-left img {
        margin-left: 0
    }
}

.sive-View .main .main-right {
    display: inline-block;
    width: 450px
}

.sive-View .main .main-right .main-right-title {
    font-size: 46px;
    font-weight: 700;
    padding: 15px 0 8px 0;
    color: #222;
    word-break: keep-all
}

.sive-View .main .main-right .main-right-detail {
    line-height: 25px
}

.sive-View .main .main-right .focth-list {
    margin-top: 5px
}

.sive-View .main .main-right .focth-list .list-item {
    padding-top: 20px;
    display: flex;
    flex-flow: row;
    align-items: center
}

.sive-View .main .main-right .focth-list .list-item .list-item-img {
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.sive-View .main .main-right .focth-list .list-item .list-item-img img {
    width: 100%;
    height: 100%
}

.sive-View .main .main-right .focth-list .list-item .list-item-text {
    line-height: 25px
}

.sive-View .main .main-right .focth-list .list-item .list-item-text .title {
    font-size: 18px;
    font-weight: 700
}

.sive-View .main .main-right .focth-list .list-item .list-item-text .desc {
    font-size: 16px
}

.sive-View .main .main-right .cli-btn {
    margin-top: 30px
}

.sive-View .main .main-right .cli-btn .btn {
    width: 140px;
    height: 44px;
    border-radius: 2px
}

.sive-View .main .main-right .cli-btn .icn {
    margin-left: 5px
}

@media screen and (max-width:1600px) {
    .sive-View .main .main-right {
        padding-top: 0px
    }

    .sive-View .main .main-right .main-right-title {
        font-size: 40px
    }
}

.corporate-bottom {
    padding: 0 20px;
    background-color: #fbfbfb
}

.corporate-bottom .corporate-title {
    padding-top: 100px;
    margin-bottom: 30px;
    font-size: 44px;
    color: #222;
    text-align: center
}

@media (max-width:1600px) {
    .corporate-bottom .corporate-title {
        font-size: 40px
    }
}

.corporate-bottom .corporate-list {
    display: flex;
    flex-flow: column
}

.corporate-bottom .corporate-list .corporate-list-item {
    display: flex;
    flex-flow: row
}

.corporate-bottom .corporate-list .corporate-list-item .item-div:first-of-type {
    margin-left: 0
}

.corporate-bottom .corporate-list .corporate-list-item .item-div:nth-of-type(3) {
    margin-right: 0
}

.corporate-bottom .corporate-list .corporate-list-item .item-div {
    width: 348px;
    height: 188px;
    margin: 0 100px 20px 0
}

@media screen and (max-width:1600px) {
    .corporate-bottom .corporate-list .corporate-list-item .item-div {
        width: 288px;
        height: 188px;
        margin: 0 100px 20px 0
    }
}

.corporate-bottom .corporate-list .corporate-list-item .item-div .corp-img {
    width: 42px;
    height: 42px;
    margin: auto
}

.corporate-bottom .corporate-list .corporate-list-item .item-div .cor-title {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    margin-top: 20px
}

.corporate-bottom .corporate-list .corporate-list-item .item-div .cor-text {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    color: #999
}

.corporate-bottom .sub-all {
    text-align: center
}

.corporate-bottom .sub-all .btn {
    display: inline-block;
    cursor: pointer;
    margin-top: 60px;
    margin-bottom: 80px;
    width: 288px;
    height: 58px;
    border-radius: 2px;
    font-size: 16px;
    color: #222;
    border: 1px solid #ccc
}

.corporate-ad-bottom {
    width: 100%;
    padding-bottom: 80px;
    background-color: #fbfbfb;
    text-align: center;
    color: #222
}



.corporate-ad-bottom .corporate-ad-bottom-title {
    margin: 0 auto;
    padding: 0px 0 0 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px
}

.corporate-ad-bottom .corporate-ad-bottom-list {
    width: 920px;
    margin-top: 50px;
    display: flex;
    flex-flow: row
}

.corporate-ad-bottom .corporate-ad-bottom-list-item {
    position: relative;
    display: inline-block;
    width: 580px;
    height: 300px;
    background-image: url(https://bqq.gtimg.com/qdweb_2018/static/img/v2/function/exhibition.png
);
    border-radius: 2px;
    color: #222;
    margin-left: 40px;
    -moz-text-align-last: left;
    text-align-last: left;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(31, 45, 61, .15);
    background-color: #fff
}

.corporate-ad-bottom .corporate-ad-bottom-list-item:hover {
    margin-top: -10px
}

.corporate-ad-bottom .corporate-ad-bottom-list-item:hover .btn-learn .icn {
    margin-left: 15px
}

.corporate-ad-bottom .corporate-ad-bottom-list-item .co {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #222
}

.corporate-ad-bottom .corporate-ad-bottom-list-item .corporate-ad-bottom-list-item-content {
    padding: 40px
}

.corporate-ad-bottom .corporate-ad-bottom-list-item .corporate-ad-bottom-list-item-title {
    margin: 0;
    font-size: 44px;
    font-weight: 700;
    color: #222;
    text-align: left
}

.corporate-ad-bottom .corporate-ad-bottom-list-item .corporate-ad-bottom-list-item-desc {
    margin: 10px 0 0 0;
    font-size: 20px
}

.corporate-ad-bottom .corporate-ad-bottom-list-item .btn-learn {
    position: absolute;
    left: 40px;
    bottom: 40px;
    font-size: 20px;
    color: #222;
    margin-bottom: 35px;
    background-color: none;
    padding-right: 10px
}

.corporate-ad-bottom .corporate-ad-bottom-list-item .btn-learn .icn {
    margin-left: 3px;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.corporate-ad-demo-bottom {
    background-color: #fafafa
}

.corporate-ad-demo-bottom .secList {
    display: flex;
    flex-flow: row;
    text-align: center;
    padding: 30px 0
}

.corporate-ad-demo-bottom .secList .sec-item {
    width: 320px
}

.corporate-ad-demo-bottom .secList .sec-item .corporate-ad-demo-title {
    font-size: 20px;
    font-weight: 700;
    color: #222
}

@media screen and (max-width:1600px) {
    .corporate-ad-demo-bottom .secList .sec-item {
        width: 280px
    }
}


.func-top-absolute {
    width: 100% !important;
    position: relative;
    z-index: 99;
}

.func-top-absolute .content {
    width: 100% !important;
}

.top-summary-title {
    width: 625px;
    font-size: 48px;
    font-weight: 700;
    color: #222;
    line-height: 60px;
    margin: 20px 0;
    /* zoom: 0.5; */
}

.title_self {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 999;
    padding-left: 15px;
}

.title_self li {
    display: flex;
    align-items: center;
}

.title_self img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    margin-bottom: 0 !important;
}

.back-img {
    width: 100%;
    height: 380px;
    position: absolute;
    top: -120px;
    left: 0;
    z-index: -1;
    background-position: 50% !important;
    background-size: cover !important;
    /* zoom: 0.5; */
}


.sive-View .main-left img {

    margin-left: -200px !important;

}

.sive-View:nth-of-type(2n) .main-left img {
    margin-left: 0 !important;
}


.sive-View .main {
    height: 400px;
    margin-left: 0px !important;
}


.corp-img img {
    width: 35px;
    height: 35px;
    margin-bottom: 0 !important;
}

.corporate-list-item {
    padding-bottom: 20px;
    background-color: #fbfbfb;
}

.corporate-list-item .item-div {
    max-width: 240px;
}

.corporate-list-item .item-div .cor-title {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    margin-top: 20px;
}

.corporate-list-item .item-div:last-child {
    margin-right: 0 !important;
}

.corporate-list-item .item-div .cor-text {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    color: #999;
}

.details_nav_1 li {
    margin-bottom: 15px;
}

.details_nav_1 li p {
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.details_nav_1 .price {
    font-weight: bold;
}

.details_nav_1 li img {
    width: 100%;
    height: 200px;
}

.details_nav_1 .title {
    color: #999;
}

.el-btn {
    text-align: left;
    height: 0;
    padding-left: 50px;
}

.sumary-btn {
    height: 0;
}


.func-top-absolute {
    height: 130px;
}


.time_ldkks {
    background: #ff6300;
    color: #fff !important;
    padding: 3px 10px;
    width: 528px;
}



.ul_evaluate {
    padding-bottom: 30px;
}


.comment {
    position: relative;
    margin-bottom: 30px;
}

.comment .comment_item {
    display: flex;
    height: 180px;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
}

.comment .hds {
    background-color: rgb(238, 238, 238);
    height: 48px;
    display: flex;
    align-items: center;
    font-size: 22px;
}

.comment .hds .comment_item_user {
    color: #000;
}

.comment_item_experience,
.comment_item_satisfaction,
.comment_item_user {
    padding: 10px 15px;
}

.hds .comment_item_experience,
.hds .comment_item_user,
.hds .comment_item_satisfaction {
    font-size: 18px !important;
}

.comment_item .comment_item_experience {
    width: 495px;
    font-size: 16px;
    text-align: left;
    padding-left: 30px;
}

.comment_item_experience .dateTime {
    margin-right: 10px;
}

.comment_item_experience .detal_time {
    margin: 5px 0;
    color: #999;
}

.detal_text {
    margin-bottom: 10px;
}

.detal_img {
    width: 80px;
    height: 80px;
    cursor: pointer;
}

.comment_item .comment_item_satisfaction {
    width: 245px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 50px;
}

.comment_item_satisfaction .el-rate__text,
.comment_item_satisfaction i {
    font-size: 20px !important;
}

.comment_item .comment_item_user {
    width: 185px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #999;
}

.comment_item_user img {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    border-radius: 50%;
}

.title-top-logo {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding-left: 15px;
}

.title-top-logo img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.ser-view-eve1 .top-datail .title .grey-text {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    color: #888;
}

.sumary-text {
    width: 625px;
    font-size: 48px;
    font-weight: 700;
    color: #222;
    margin-bottom: 5px;
}

.list-item-text {
    white-space: nowrap;
}


.spec {
    margin-bottom: 23px;
    display: flex;
}


.money_value {
    display: flex;
    background: rgba(249, 250, 251, 1);
    padding: 12px 15px;
    margin-bottom: 20px;
    align-items: flex-start;
    justify-content: space-between;
}

.price_box {
    display: flex;
    font-size: 16px;
    align-items: flex-end;
}

.num_box {
    display: flex;
    align-items: center;
}

.num_box input {
    width: 55px;
    height: 39px;
    border: 1px solid #ddd;
    border-right: 0;
    padding-left: 7px;
    /* text-align: center; */
    /* margin-top: 4px; */

}

.bob_num_box {
    display: flex;
    align-items: center;
}


.price_box .price {
    font-size: 23px;
}

.price {
    color: #f00;
}

.od_price {
    font-size: 18px;
}

.clear_marg {
    margin-left: 15px;
    margin-bottom: 20px !important;
}

.clca_span {
    margin-right: 10px;
}

.clca_span .icn {
    color: #ff6300;
    border: 1px solid #e2e2e2;
    font-size: 10px;
    width: 10px;
    height: 10px;
    margin-right: 5px;

}

.buy_spec>div {
    display: flex;
    font-size: 17px !important;
    cursor: pointer;
    width: 156px;
    /* display: inline-block; */
    border: 2px solid #ff6300;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
    justify-content: center;
    /* padding: 0 30px; */
    box-sizing: border-box;


}

.buy_spec>div p {
    padding: 0 3px;
    color: #ff6300;
}

.buy_spec>div p i {
    font-size: 20px;
}

.buy_spec>div>div {
    display: flex;
}

.floor_olat {
    display: flex;
    margin: auto 0 auto 20px;
}

/* .floor_olat div:nth-of-type(1) {
    border-right: 1px solid #f1f1f1;
} */

.floor_olat div {
    /* width: 60px; */
    padding: 0 25px;
    text-align: center;
    font-size: 30px !important;
    cursor: pointer;
}

.floor_olat p {
    margin-bottom: 0px !important;
}

.floor_olat div .val {
    font-size: 12px !important;
    /* font-weight:bold; */
    color: #000;
}

.floor_olat p {
    font-size: 21px !important;
    color: #ff6300 !important;
}

/* .floor_olat div:last-child {
    border-left: 1px solid #d0d0d0;
} */

/* .floor_olat p {
    font-size: 12px !important;
    margin-bottom: 0px !important;
} */

.price_box .jg {
    margin-bottom: 4px;
}

.price_box_label {
    color: rgb(143, 143, 143);
    margin-right: 15px;
    font-size: 13px;
}

.clca_lk {
    display: flex;
    align-items: center;
    font-size: 12px;
}



.el-popover {
    width: 120px !important;
    min-width: 100px !important;
}

.img_box {
    width: 100%;
    position: relative;
}

.img_list {
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
}

.img_list_item:hover {
    border-color: #ff6300 !important;
}

.img_is_active {
    border-color: #ff6300 !important;
}

.img_list::-webkit-scrollbar {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    background-color: transparent;
}

.img_list .srll_li:nth-of-type(1) {
    margin-left: 0;
}

.img_list li {
    float: left;
    margin-left: 10px;
    border-top: 3px solid #fff;
    width: 82px;
    height: 82px;
    cursor: pointer;

}

.img_list>:nth-child(1) {
    margin: 0;
}

.img_list img {
    width: 82px !important;
    height: 82px !important;
}


.srllBtn {
    font-size: 23px;
}


.srllBtn_left,
.srllBtn_right {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 100%;
    cursor: pointer;
    background-color: transparent;
    transition: all 0.2s;
    color: #d2d2d2;
}

.srllBtn_left:hover,
.srllBtn_right:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.srllBtn_right {
    right: 0;
}

.srllBtn_left {
    left: 0;
}



/*定义*/
.content {
    width: 1240px;
    margin: 0 auto;
    position: relative;
    margin-top: 0px;

}

.zero {
    height: 0;
    text-indent: -9999px;
}

.block {
    width: 100%;
    height: 100%;
    display: block;
}

.bg_f8 {
    background: #f8f8f8;
}

.bg_f {
    background: #fff;
}

.oh {
    overflow: hidden;
}

.top {
    height: 38px;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
}

.top span {
    margin-left: 17px;
    float: left;
}

.top span strong {
    font-weight: 500;
}

.top ul {
    float: right;
}

.top ul li {
    float: left;
    margin-right: 30px;
}

.header_tp {
    background: url("../images/header.jpg") no-repeat center;
    height: 98px;
}

.logo {
    padding: 20px 5px 30px;
}

.logo h1 {
    float: left;
    width: 238px;
    height: 58px;
}

.logo h1 img {
    width: 238px;
    height: 58px;
}

.search {
    width: 540px;
    float: right;
    margin-right: 30px;
    height: 55px;
    border: 1px solid #d61b52;
    border-radius: 12px;
    position: relative;
}

.search_1 {
    float: left;
    padding-left: 10px;
    line-height: 53px;
    width: 83px;
    border-right: 1px solid #eee;
    background: url("../images/trun_down.png") no-repeat 57px 23px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 12px 0 0 12px;
}

.search_1 span {
    float: left;
    width: 48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.search_2 {
    display: none;
    position: absolute;
    left: 0;
    top: 54px;
    z-index: 99;
    width: 83px;
    padding: 5px 0;
    background: #fff;
    border: 1px solid #d61b52;
    border-top: 0;
}

.search_2 ul {}

.search_2 ul li {
    font-size: 16px;
    line-height: 35px;
    padding-left: 10px;
}

.search_2 ul li:hover {
    color: #d61b52;
}

.search input {
    width: 355px;
    height: 53px;
    text-indent: 10px;
    font-size: 16px;
    float: left;
    border: 0;
}

.search button {
    background: #d61b52;
    border: 0;
    width: 100px;
    height: 53px;
    float: left;
    border-radius: 0 11px 11px 0;
}

.nav {
    height: 50px;
}

.nav_all {
    float: left;
    width: 220px;
    height: 50px;
    background: #d61b52;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}

.nav_small {
    position: absolute;
    height: 230px;
    background: rgba(0, 0, 0, 0.8);
    width: 1220px;
    left: 0;
    top: 50px;
    z-index: 99;
    display: none;
}

.nav_big {
    float: right;
}

.nav_big li {
    float: left;
    padding: 0 23px;
    line-height: 50px;
    font-size: 18px;
}

.nav_big li a:hover {
    color: #d61b52;
}

.nav_big li.on a {
    color: #d61b52;
}

.nav_small_1 {
    width: 16.6666666%;
    float: left;
    padding: 0 15px;
}

.nav_small_1 i {
    display: block;
    height: 17px;
    line-height: 17px;
    font-size: 0;
    margin: 15px 0 10px;
}

.nav_small_1 i img {
    vertical-align: middle;
}

.nav_small_1 h2 {
    line-height: 20px;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
    font-size: 18px;
}

.nav_small_1 ul {
    height: 110px;
}

.nav_small_1 ul li {
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

.nav_small_a {
    line-height: 16px;
}

.nav_small_a a {
    color: #b5b5b5;
    font-size: 14px;
    line-height: 16px;
}

.nav_small_1 a:hover {
    color: #ee2c8d;
}

.nav_small b {
    position: absolute;
    color: rgba(0, 0, 0, 0.8) !important;
    top: -12px;
    left: 100px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid;
}

.nav_all:hover .nav_small {
    display: block;
}

/*尾部*/
.container {
    padding-top: 30px;
    background: #313131;
}

.footer-info {
    border-bottom: 1px #b5b5b5 dashed;
    height: 90px;
}

.pull-left {
    width: 200px;
    float: left;
    margin: 0 20px;
}

.footer-info div i {
    width: 45px;
    height: 45px;
    margin-right: 10px;
    float: left;
}

.iocn {
    background: url(../images/icon_1.png) no-repeat;
}

.iocn-1 {
    background: url(../images/icon_2.png) no-repeat;
}

.iocn-2 {
    background: url(../images/icon_3.png) no-repeat;
}

.iocn-3 {
    background: url(../images/icon_4.png) no-repeat;
}

.iocn-4 {
    background: url(../images/icon_5.png) no-repeat;
}

.footer-info span {
    color: #b5b5b5;
    float: left;
    width: 145px;
}

.footer-info em {
    color: #b5b5b5;
    max-width: 158px;
    font-size: 12px;
}

.footer-nav {
    padding-top: 30px;
    background: #313131;
    padding-bottom: 35px;
}

.f_nav {
    width: 800px;
    float: left;
}

.fl {
    float: left;
    width: 110px;
    padding-left: 50px;
}

.footer-nav li span {
    display: block;
    height: 40px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

.footer-nav li a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
}

.footer-nav li a:hover {
    color: #f6266f;
}

.ri {
    width: 400px;
    float: left;
}

.ri .code {
    background: 0 0;
    background-size: auto auto;
    height: 130px;
    width: 100px;
    margin-right: 70px;
    float: right;
}

.codes {
    background-size: auto auto;
    height: 120px;
    width: 120px;
    display: block;
    margin-top: 15px;
    float: left;
}

.code span {
    line-height: 30px;
    float: left;
    text-align: center;
    width: 100px;
    color: #fff;
    font-weight: 600;
}

.ri_contact {
    max-width: 212px;
    float: right;
}

.clearfix {
    padding-bottom: 20px;
}

.ri_contact i {
    height: 30px;
    width: 36px;
    margin-right: 10px;
    float: left;
    margin-top: 5px;
}

.iocn-5 {
    background: url(../images/icon/index-icon_1.png) 1px 0;
}

.iocn-6 {
    background: url(../images/icon/index-icon_1.png) -42px 0;
}

.iocn-7 {
    background: url(../images/icon/index-icon_1.png) -81px 0;
}

/* .clearfix span{ color:#fff; float:left;width: 165px; font-weight: 600; margin-bottom: 2px;} */
.clearfix em {
    color: #fff;
    max-width: 158px;
    font-size: 12px;
}

/*尾部end*/
/*常驻*/
.bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: #f6266f;
    z-index: 99;
}

.bottom_left {
    float: left;
    width: 400px;
    height: 90px;
}

.bottom_logo {
    float: left;
    width: 213px;
    margin: 12px 40px 0 25px;
}

.bottom_logo img {
    width: 213px;
    height: 65px;
}

.bottom_code {
    float: left;
    margin-top: 11px;
}

.bottom_code img {
    width: 78px;
    height: 68px;
}

.bottom_cen {
    height: 90px;
    width: 445px;
    text-align: center;
    padding-top: 9px;
    float: left;
}

.bottom_cen img {
    width: 348px;
    height: 72px;
}

.bottom_right {
    width: 375px;
    float: left;
    text-align: center;
}

.bottom_right p {
    font-size: 12px;
    color: #fff;
    font-family: "宋体";
    margin: 12px 0 10px;
}

.bottom_right a {
    width: 145px;
    height: 44px;
    line-height: 44px;
    text-align: right;
    padding-right: 13px;
    display: inline-block;
    background: url("../images/weixin.png") rgba(0, 0, 0, 0.2) no-repeat 13px 12px;
    color: #fff;
    font-size: 19px;
    border-radius: 6px;
}

.bottom_left i,
.bottom_cen i {
    background: url("../images/line_right.png") repeat-y;
    width: 2px;
    height: 90px;
    display: block;
    float: right;
}

.bottom_cen i {
    margin-top: -9px;
}

/*end*/


/*banner*/
.core {
    background-color: #f5f5f5;
    overflow: hidden;
    height: 601px;
}

.at_core.core {
    height: 450px;
}

.banner {
    position: relative;
    overflow: hidden;
    height: 601px;
}

.at_core .banner {
    height: 450px;
}

.banner-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    -webkit-transition: -webkit-transform .5s;
}

.banner-box li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 601px;
    -webkit-transform: translateZ(0);
}

.at_core .banner-box li {
    height: 450px;
}

.banner-box li a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner-dot {
    margin-top: 540px;
    padding: 26px 0;
    text-align: center;
    pointer-events: none;
    font-size: 0;
    position: relative;
}

.at_core .banner-dot {
    margin-top: 380px;
}

.banner-dot li {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin: 0 8px;
    background: #cbc9ca;
    vertical-align: top;
}

.banner-dot li.on {
    background-color: #f6266f;
}

.banner img {
    width: 100%;
}

/*banner_end*/


.ys {
    background: url("../images/fw_bg.jpg");
    height: 426px;
    padding: 60px 12px 0;
    margin-top: 30px;
}

.ys h2 {
    text-align: center;
    font-family: gfzl;
    color: #fff;
    font-style: italic;
    line-height: 37px;
    font-size: 0;
    height: 37px;
    margin-bottom: 45px;
}

.ys h2 span {
    font-size: 33px;
    float: left;
    margin-left: 50px;
}

.ys h2 a {
    display: block;
    color: #ee2c8d;
    font-size: 14px;
    width: 120px;
    height: 37px;
    border-radius: 8px;
    margin-left: 30px;
    background: #fff;
    vertical-align: middle;
    line-height: 37px;
    float: left;
}

.ys_all {
    height: 263px;
    background: #fff;
    padding: 20px 0 25px;
}

.ys_small {
    width: 25%;
    float: left;
    border-right: 2px solid #eee;
    height: 218px;
    text-align: center;
    padding: 0 35px;
}

.ys_small:last-child {
    border-right: 0;
}

.ys_small h3 {
    font-size: 20px;
    font-weight: 600;
    color: #d61b52;
    margin-bottom: 12px;
}

.ys_small p {
    line-height: 24px;
    font-size: 16px;
    color: #959595;
}

.ys_tp {
    height: 78px;
    font-size: 0;
    line-height: 78px;
    margin-bottom: 12px;
    margin-top: 5px;
}

.ys_tp img {
    vertical-align: middle;
}

.ys_small a {
    display: inline-block;
    color: #d61b52;
    border: 1px solid #d61b52;
    border-radius: 4px;
    width: 115px;
    height: 35px;
    line-height: 33px;
}

.title_fw {
    text-align: center;
    padding: 55px 0 25px;
}

.title_fw h2 {
    font-size: 30px;
}

.title_fw h2:after,
.title_fw h2:before {
    height: 1px;
    border-bottom: 1px solid #ddd;
    content: "";
    display: inline-block;
    width: 512px;
    vertical-align: middle;
}

.title_fw h2:before {
    margin-right: 35px;
}

.title_fw h2:after {
    margin-left: 35px;
}

.title_fw i {
    display: inline-block;
    background: #ee2c8d;
    width: 56px;
    height: 3px;
}

.title_fw p {
    margin-top: 8px;
    color: #959595;
    font-size: 16px;
}

.fw_bg h3 {
    margin-bottom: 10px;
    height: 32px;
    line-height: 32px;
    font-size: 30px;
    padding-left: 15px;
    border-left: 4px solid #ee2c8d;
}

.fw_bg h3 a {
    float: right;
    font-size: 16px;
    color: #959595;
}

.fw_tp {
    background: url("../images/tp_1.jpg");
    width: 279px;
    height: 402px;
    float: left;
    text-align: left;
}

.fw_tp h4 {
    font-size: 36px;
    line-height: 48px;
    margin: 38px 0 10px 28px;
    color: #fff;
    font-weight: bold;
}

.fw_tp p {
    font-size: 37px;
    line-height: 45px;
    margin: 0 0 18px;
    color: #f8427c;
    font-family: gfzl;
}

.fw_search {
    width: 220px;
    height: 48px;
    margin: 0 auto;
    background: #fff;
    border-radius: 30px;
    padding: 0 17px;
}

.fw_search input {
    border: 0;
    font-size: 16px;
    height: 48px;
    width: 153px;
    float: left;
    border-radius: 8px;
}

.fw_search button {
    border: 0;
    height: 48px;
    float: left;
    margin-left: 5px;
    background: url("../images/fw_search.png") center no-repeat;
    width: 27px;
}

.fw_left,
.fw_cent {
    float: left;
    height: 402px;
    width: 325px;
}

.fw_left_small {
    padding: 15px 0 0 22px;
    height: 134px;
}

.fw_small h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 8px;
}

.fw_small p {
    font-size: 14px;
    color: #959595;
    margin-bottom: 12px;
    position: relative;
}

.fw_small i {
    color: #e70012;
    font-size: 18px;
    margin-right: 10px;
}

.fw_small s {
    color: #959595;
    font-size: 14px;
}

.fw_small {
    position: relative;
    border: 1px solid #ddd;
}

.fw_small img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.il_3 {
    right: 4px !important;
}

.il_6 {
    bottom: 5px !important;
}

.il_7 {
    right: 10px !important;
    bottom: 5px !important;
}

.il_8 {
    left: 60px !important;
    bottom: 2px !important;
}

.il_11 {
    right: 15px !important;
}

.il_10 {
    right: 10px !important;
}

.il_12 {
    left: 60px !important;
}

.fw_cent_small {
    height: 268px;
    text-align: center;
    padding-top: 20px;
}

.fw_small:hover {
    border-color: #ee2c8d;
}

.fw_small:hover h4 span {
    color: #ee2c8d;
    border-bottom: 2px solid #ee2c8d;
}

.fw_right {
    border: 1px solid #ddd;
    position: relative;
    float: left;
    width: 291px;
    height: 402px;
    border-left: 0;
    padding-top: 20px;
}

.fw_right h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

.fw_right img {
    position: absolute;
    left: 35px;
    bottom: 0;
}

.fw_right ul {
    padding-left: 42px;
}

.fw_right ul li {
    list-style: disc;
    color: #959595;
    margin-bottom: 15px;
    font-size: 16px;
}

.fw_right ul li a:hover {
    color: #ee2c8d;
    text-decoration: underline;
}

.fw_bg {
    margin-bottom: 60px;
}

.banner_1 {
    margin-bottom: 30px;
}

.banner_1 img {
    width: 100%;
}

.fw_tp_1 {
    background: url("../images/tp_1.jpg");
}

.fw_tp_x p {
    font-size: 22px;
    color: #fff;
    margin-top: 95px;
    font-family: "Microsoft YaHei", Simsun;
    margin-bottom: 0;
    line-height: 30px;
}

.fw_tp_x h4 {
    font-size: 52px;
    font-family: gfzl;
    margin: 0 0 20px;
}

.fw_tp_x h4 span {
    font-size: 43px;
    font-family: gfzl;
    line-height: 68px;
    margin: 0 0 10px;
}

.fw_tp_x h4 span i {
    color: #fcec20;
}

.fw_tp_2 {
    background: url("../images/tp_2.jpg");
}

.fw_tp_3 {
    background: url("../images/tp_3.jpg");
}

.fw_tp_4 {
    background: url("../images/tp_4.jpg");
}

.fw_tp_1 h4 {
    text-align: left;
}

.fw_tp_2 h4 {
    margin-top: 13px;
    line-height: 1em
}

.fw_tp_2 p {
    font-size: 27px;
    color: #fff;
    margin-left: 28px;
    line-height: 1em;
}

.fw_tp_x h4 {
    font-size: 48px;
    margin-left: 28px;
    font-weight: normal;
}

.fw_tp_3 p {
    margin-top: 245px;
    margin-left: 28px;
}

.fw_tp_3 h4 span {
    font-size: 40px;
}

.fw_tp_4 p {
    font-size: 38px;
    margin-top: 28px;
    line-height: 38px;
    margin-left: 28px;
    font-family: gfzl;
}

.fw_tp_4 h4 {
    font-size: 26px;
    margin-top: 10px;
    line-height: 34px;
    font-weight: normal;
}

.fw_tp_4 h4 span {
    font-size: 26px;
    line-height: 34px;
}

.fw_tp_4 h4 span i {
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
    line-height: 34px;
}

.title_index {
    margin-bottom: 28px;
    height: 32px;
    line-height: 32px;
    font-size: 30px;
    padding-left: 15px;
    border-left: 4px solid #ee2c8d;
}

.more_fw_bg {
    margin-bottom: 70px;
}

.more_fw {
    width: 600px;
    height: 258px;
    border: 1px solid #ddd;
    margin-right: 20px;
    float: left;
}

.more_fw:last-child {
    margin-right: 0;
}

.more_fw_left {
    width: 220px;
    background: #f8f8f8;
    text-align: center;
    float: left;
    height: 256px;
}

.more_fw_tp {
    font-size: 0;
    height: 131px;
    line-height: 131px;
    margin: 30px 0 20px;
}

.more_fw_tp img {
    vertical-align: middle;
}

.more_fw_left h4 {
    font-size: 20px;
    font-weight: 600;
    color: #ee2c8d;
    margin-bottom: 5px;
}

.more_fw_left p {
    color: #959595;
    font-size: 16px;
}

.more_fw_right {
    padding: 20px 15px;
    float: left;
    width: 378px;
}

.more_fw_right h4 {
    padding: 0 5px;
    height: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 28px;
}

.more_fw_right h4 span {
    font-size: 20px;
    font-weight: 600;
}

.more_fw_right h4 a {
    color: #959595;
    float: right;
    margin-top: 5px;
}

.more_fw_right ul li {
    width: 33.33333%;
    float: left;
    padding-left: 10px;
    margin-bottom: 15px;
    font-size: 16px;
}

.more_fw_right ul li.on {
    color: #e70012;
}

.more_fw:nth-child(2) li {
    width: 50%;
}

.index_news_nav {
    float: left;
    margin-left: 43px;
}

.index_news_nav li {
    float: left;
    margin-right: 40px;
    font-size: 20px;
}

.index_news_nav li a {
    padding: 0 5px;
}

.index_news_nav li.on {
    border-bottom: 2px solid #ee2c8d;
    color: #ee2c8d;
}

.index_news {
    margin-bottom: 70px;
}

.index_news_left {
    width: 412px;
    float: left;
    margin-right: 20px;
}

.index_news_left_top {
    width: 100%;
    height: 296px;
    position: relative;
    margin-bottom: 18px;
}

.index_news_left_top img {
    width: 100%;
    height: 296px;
}

.index_news_left_top h4 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}

.index_news_left_bottom_1 {
    float: left;
    width: 200px;
    margin-right: 12px;
}

.index_news_left_bottom_1:last-child {
    margin-right: 0;
}

.index_news_left_bottom_1 img {
    height: 112px;
    width: 200px;
    margin-bottom: 5px;
}

.index_news_left_bottom_1 h4 {
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index_news_list {
    width: 380px;
    float: left;
    margin-right: 20px;
}

.index_news_list li {
    margin-bottom: 22px;
}

.index_news_list li a {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index_news_list li a:hover {
    color: #d61b52;
}

.index_news_right {
    float: left;
    width: 388px;
}

.index_news_right_1 {
    float: left;
    width: 190px;
    position: relative;
    margin-right: 8px;
    margin-bottom: 10px;
}

.index_news_right_1:nth-child(2n+2) {
    margin-right: 0;
}

.index_news_right_1 img {
    width: 100%;
    height: 112px;
    margin-bottom: 5px;
}

.index_news_right_1 h4 {
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index_news_right_f {
    position: absolute;
    left: 0;
    top: 10px;
    width: 60px;
    height: 22px;
    text-align: center;
    background: #ee2c8d;
    line-height: 22px;
    color: #fff;
    font-size: 12px;
}

.heart {
    height: 360px;
}

.heart .title h2 {
    color: #fff;
}

.message {
    background: rgba(255, 255, 255, 0.3);
    height: 235px;
    border-radius: 4px;
    padding: 15px 85px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}

.message_head {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    margin: 0 auto 10px;
    overflow: hidden;
}

.message_head img {
    width: 88px;
    height: 88px;
}

.message h3 {
    font-size: 18px;
    margin-bottom: 8px;
}

.message span {
    margin: 8px;
    font-size: 16px;
}

.message_wen {
    line-height: 24px;
    margin-top: 15px;
}

.case {
    margin: 0 0 60px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.cse_1 {
    width: 20%;
    float: left;
    height: 118px;
    line-height: 118px;
    text-align: center;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.cse_1 img {
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.cse_1:hover img {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.title {
    text-align: center;
}

.title h2 {
    background: url("../images/icon/title_line.png") no-repeat center bottom;
    font-size: 30px;
    line-height: 54px;
}

.title p {
    margin-top: 8px;
}

/*客户案例轮播*/
.focus {
    background: 0 !important;
}

.focus span {
    width: 11px;
    height: 11px;
    margin-right: 18px;
    border-radius: 50%;
    background: #666;
    font-size: 0;
}

.focus span.current_1 {
    background: #f6266f;
}

.focus div {
    margin-right: 28px;
}

.activity_bg_ol {
    margin-bottom: 50px;
}

.activity_small {
    float: left;
    width: 235px;
    text-align: center;
    margin-right: 11px;
}

.activity_small:last-child {
    margin-right: 0;
}

.activity_small img {
    width: 235px;
    height: 137px;
    margin-bottom: 10px;
}

.activity_small h3 {
    font-size: 18px;
    margin-bottom: 5px;
}

.activity_small p {
    font-size: 14px;
}


.el-carousel__container {
    height: 275px !important;
}

.nav_line {
    border-bottom: 3px solid #d61b52;
}

.now_nav {
    height: 48px;
    line-height: 48px;
    background: #eeeeee;
}

.now_nav .content {
    padding-left: 20px;
}

.now_nav a {
    margin-right: 5px;
}

.screen {
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
}

.screen_1 {
    height: 20px;
    line-height: 20px;
    margin-bottom: 18px;
}

.screen_1 span {
    font-size: 13px;
    margin-right: 10px;
    float: left;
}

.screen_1 ul {
    float: left;
}

.screen_1 ul li {
    float: left;
    margin: 0 10px;
}

.screen_1 ul li a {
    padding: 0 5px;
    display: inline-block;
}

.screen_1 ul li a:hover {
    color: #d61b52;
    border-bottom: 1px solid #d61b52;
}

.screen_1 ul li.on a {
    color: #d61b52;
    border-bottom: 1px solid #d61b52;
}

.screen_3 {
    float: left;
    width: 1150px;
}

.product_list_bg {
    margin-bottom: 80px;
    margin-top: 35px;
}

.product_list {
    width: 235px;
    float: left;
    border: 1px solid #ddd;
    height: 223px;
    text-align: center;
    margin-right: 11px;
    margin-bottom: 20px;
}

.product_list:nth-child(5n+5) {
    margin-right: 0;
}

.product_list img {
    width: 233px;
    height: 131px;
}

.product_list h3 {
    margin-top: 7px;
    font-size: 16px;
    margin-bottom: 2px;
}

.product_list p {
    font-weight: 600;
    font-size: 16px;
    color: #ef0000;
    margin-bottom: 5px;
}

.product_list button {
    font-size: 12px;
    border: 1px solid #ddd;
    color: #959595;
    border-radius: 2px;
    width: 100px;
    height: 24px;
    background: 0;
}

.product_list:hover {
    box-shadow: 0 0 9px 0 rgba(112, 111, 112, 0.7);
}

.product_list:hover button {
    background: #d61b52;
    border: 1px solid #d61b52;
    color: #fff;
}

.index_news_h {
    display: none;
}

.page {
    text-align: center;
    font-size: 0;
    height: 29px;
    margin-top: 60px;
}

.page a {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    margin: 6px 8px;
    padding: 0 5px;
}

.page a:hover {
    border-bottom: 1px solid #535353;
    color: #ec2c8f;
}

.page span {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    margin: 6px 8px;
    padding: 0 3px;
    border-bottom: 1px solid #535353;
    color: #ec2c8f;
}

.page .first,
.page .last,
.page .prev,
.page .next,
.page .jump-btn {
    width: 69px;
    height: 29px;
    border: 1px solid #ccc;
    line-height: 27px;
    margin: 0;
    padding: 0;
}

.page .first:hover,
.page .last:hover,
.page .prev:hover,
.page .next:hover,
.page .jump-btn:hover {
    background: #ec2c8f;
    border-color: #ec2c8f;
    color: #fff;
}

.page .first {
    border-right: 0;
}

.page .last {
    border-left: 0;
}

.page .prev {
    margin-right: 8px;
}

.page .next {
    margin-left: 8px;
}

.page input {
    margin-left: 30px;
    font-size: 14px;
    width: 40px;
    background: 0;
    height: 29px;
    border: 1px solid #ccc;
}

.page i {
    font-size: 14px;
    margin-left: 10px;
}

.page b {
    font-size: 14px;
    font-weight: 500;
    margin-left: 2px;
}

.page .jump-btn {
    margin-left: 15px;
}

.spec {
    padding-top: 27px;
}

.spec_left {
    float: left;
    width: 360px;
    margin-right: 20px;
}

.spec_left img {
    width: 360px;
    height: 360px;
}

.spec_right {
    float: left;
    width: 538px;
}

.spec_right h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
}

.spec_right p {
    font-size: 16px;
    margin-bottom: 8px;
    color: #959595;
}

.spec_right dl {
    margin-bottom: 5px;
}

.spec_right dt {
    line-height: 38px;
    float: left;
    font-size: 16px;
    width: 50px;
}

.spec_right dd {
    width: 400px;
    float: left;
    position: relative;
}

.spec_right dd span {
    font-size: 24px;
    color: #df1212;
    font-weight: 600;
    margin-right: 30px;
}

.spec_right dd i {
    font-size: 14px;
    color: #959595;
    margin-right: 10px;
}

/*.spec_right dd a{display: block; float: left; border: 1px solid #ddd; height: 38px; line-height: 36px; text-align: center; width: 180px; margin-bottom: 10px;}*/
/*.spec_right dd a:nth-child(2n+1){margin-right: 15px;}*/
/*.spec_right dd a.on{background: url("../images/yes.png") no-repeat 155px 12px; border: 1px solid #d61b52;}*/
.spec_right dd input {
    width: 182px;
    height: 38px;
    text-indent: 25px;
    border: 1px solid #ddd;
    cursor: pointer;
    background: url("../images/icon/down.png") no-repeat 156px 14px;
    margin-bottom: 20px;
}

.company_type {
    width: 182px;
    position: absolute;
    top: 37px;
    left: 0;
    border: 1px solid #ddd;
    background: #fff;
    z-index: 99;
    display: none;
}

.company_type li {
    line-height: 34px;
    padding-left: 25px;
    cursor: pointer;
}

.company_type li:hover {
    background: #ec2c8f;
    color: #fff;
}

.company_type li.on {
    background: #ec2c8f;
    color: #fff;
}

.buy_spec {
    /* float: left; */
    margin-top: 15px;
    padding-left: 0;
    font-size: 0;
    display: flex;
    justify-content: space-around;
}

.details_nav>:nth-child(1) {
    width: 100%;
    height: 500px;
    padding: 15px;
    box-sizing: border-box;
    padding-top: 5px;
    background-color: rgb(255, 255, 255);
}

.details_nav>:nth-child(1)>h3 {
    height: 48px;
    /* color: #ff0000; */
    line-height: 48px;
    border-bottom: #cccccc 1px solid;
    /* background-color: #fff; */
    font-size: 20px;
    text-align: left;
    text-indent: 8px;
    margin-bottom: 24px;
    font-weight: bold;
}

.details_nav>:nth-child(1)>ul>li {
    display: flex;
}

.details_nav>:nth-child(2) {
    background-color: #fff;
    margin-top: 20px;
}

.details_nav>:nth-child(1)>img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: auto;
}

.details {
    background-color: #ffffff;

}

.buy_spec .buy_spec_ph,
.buy_spec button {
    font-size: 17px !important;
    /* margin-left: 20px; */
    cursor: pointer;
    width: 156px;
    display: inline-block;
    border: 1px solid #ff6300;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 2px;
    font-size: 14px;
}

.kfmiaos {
    text-align: center;
    margin-top: 10px;
}

.kfjs {
    width: 248px;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 20px;
    font-size: 16px;
}

.kfjs>li {
    height: 36px;
    line-height: 36px;
    justify-content: space-evenly;
    font-size: 14px;

}

.kfjs>li>div {
    overflow: hidden;
}

.kfjs>li img {
    width: 20px;
    /* margin-top: 5px; */
    transform: translateY(3px);
    margin-right: 3px;
}

.laiinxwm {
    display: flex;
    justify-content: space-between;
    height: 40px;
}

.laiinxwm>a {
    display: block;
    width: 120px;
    height: 100%;
    text-align: center;
    line-height: 40px;
    color: #FF6300;
    border: 1px solid #FF6300;
    border-radius: 3px;
}

.kfmiaos>:nth-child(2) {
    font-size: 14px;
    color: #8b8b8b;
    margin: 6px 0;
}

.kfmiaos>:nth-child(3)>img {
    display: block;
    height: 10px;
    margin: auto;
}

.kfmiaos>:nth-child(3) {
    margin-top: 2px;
}

.buy_spec button {
    background: #ff6300;
    color: #fff;
    margin-right: 0;
    height: 40px;
}

.buy_spec .buy_spec_ph {
    color: #ff6300;
}

.buy_spec_b {
    float: left;
    margin-right: 0;
}

.buy_spec_b input {
    float: left;
    width: 40px;
    height: 39px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 16px;
    color: #535353;
}

.buy_spec_a {
    border-left: 1px solid #ddd;
}

.buy_spec_add,
.buy_spec_reduce {
    cursor: pointer;
    width: 33px;
    height: 19px;
    text-align: center;
    border: 1px solid #ddd;
    display: block;
    color: #535353;
    border-left: 0;
    font-size: 16px;
}

.buy_spec_add {
    border-bottom: 0;
    line-height: 17px;
}

.buy_spec_reduce {
    line-height: 14px;
}

.buy_spec_add.on,
.buy_spec_reduce.on {
    background: #eee;
    color: #999;
}

.details_banner {
    margin: 15px 0 23px;
}

.details_banner img {
    width: 100%;
}

.details_nav {
    float: left;
    /* margin-right: 23px; */
    width: 300px;
    margin-bottom: 20px;
}


#fuwbz_neir img {
    width: 100%;
}

.details_nav h3 {
    height: 48px;
    /* color: #ff0000; */
    line-height: 48px;
    border-bottom: #cccccc 1px solid;
    /* background-color: #fff; */
    font-size: 20px;
    text-align: left;
    text-indent: 8px;
    /* margin-bottom: 24px; */
    font-weight: bold;
}

.details_nav_1 {
    padding: 12px 10px 0;
}

.details_nav_1 h4 {
    padding-left: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #707070;
    margin-bottom: 10px;
    height: 24px;
    line-height: 24px;
}


.details_nav_1 ul {
    padding-left: 50px;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
}

.details_nav_1 li {
    color: #7d7d7d;
    line-height: 20px;
}

.details_nav_1 ul li a:hover {
    color: #d61b52;
}

.details_nav_1:last-child ul {
    border-bottom: 0;
}

.details_con_banner img {
    width: 100%;
}

.details {
    float: left;
    /* width: 928px; */
    position: relative;
    overflow: hidden;
}

.details_con_nav {
    /* position: absolute;
    left: 0;
    top: 0; */
    width: 100%;
    background: #fff;
    z-index: 99;
    height: 80px;
    border-bottom: 1px solid #ddd;
    box-shadow: 2px 2px 2px 0 rgba(15, 4, 8, 0.2);
}

.details_con_nav ul a {
    color: #000 !important;
}

.details_con_nav ul {
    font-size: 0;
}

.details_con_nav ul li {
    display: inline-block;
    width: 128px;
    height: 40px;
    padding: 10px 0;
}

#cjwt {
    height: 800px;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
}

#fuwbz {
    height: 700px;
    background-color: #c03d3d;
    overflow: hidden;
}

#fuwbz>h1,
#cjwt>h1 {
    line-height: 100px;
    font-size: 34px;
}

#cjwt_neir{
padding: 0 20px;
box-sizing: border-box;
}

.details_con_nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    border-right: 1px dashed #ddd;
}

.details_con_nav ul li:first-child a {
    border-left: 1px dashed #ddd;
}

.details_con_nav ul li.on a {
    color: #d61b52;
}

.details_con {
    text-align: center;
    background-color: #ffffff;
}

.details_con_title {
    text-align: center;
    padding: 45px 0 40px;
}

.details_con_title h3 {
    font-size: 26px;
    height: 50px;
}

.details_con_title i {
    display: inline-block;
    background: #ee2c8d;
    width: 56px;
    height: 3px;
}

.details_con_title p {
    color: #959595;
    padding-top: 10px;
}

/* .details_con img{margin-bottom: 20px;} */
/* .details{box-shadow: 2px 2px 13px 2px rgba(15,4,8,0.2); position: relative; margin-bottom: 150px; padding-top: 57px;} */
.spec_benefit {
    height: 400px;
    padding: 0 59px;
    margin-bottom: 20px;
}

.spec_benefit_ner {
    width: calc(20% - 2px);
    float: left;
    border: 1px solid #eee;
    padding: 40px 20px 0;
    position: relative;
    height: 160px;
    text-align: left;
}

.spec_benefit_ner h4 {
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.spec_benefit_ner p {
    float: left;
    width: 100%;
    line-height: 24px;
}

.spec_benefit_ner:hover h4 {
    color: #ee2c8d;
}

.spec_benefit_ner h4 span {
    height: 34px;
    display: inline-block;
    line-height: 32px;
}

.spec_benefit_ner:hover h4 span {
    border-bottom: 2px solid #ee2c8d;
}

.spec_benefit_ner_right i {
    display: none;
    position: absolute;
    right: -19px;
    top: 88px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 20px solid;
    color: #fff;
}

.xiding {
    position: fixed;
    top: 70px;
    width: 928px;
}

.spec_benefit_ner:hover i {
    display: block;
}

.spec_benefit_img {
    width: calc(20% + 38px);
    float: left;
    height: 202px;
}

.spec_benefit_img img {
    width: 100%;
    height: 100%;
    float: left;
    margin-bottom: 0;
}

#yans {
    color: #0004ff;
}

.spec_benefit_ner_left i {
    display: none;
    position: absolute;
    left: -19px;
    top: 88px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 20px solid;
    color: #fff;
}

.spec_benefit_ner:hover {
    box-shadow: 0 2px 6px 0 rgba(15, 4, 8, 0.45);
}

.spec_benefit_1 .spec_benefit_ner {
    width: 277px;
}

.spec_benefit_1 .spec_benefit_img {
    width: 277px;
    height: 202px;
}

.spec_benefit_1 .spec_benefit_img img {
    width: 277px;
    height: 202px;
}

.spec_benefit_ner_bottom i {
    display: none;
    position: absolute;
    bottom: -19px;
    left: 128px;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top: 20px solid;
    color: #fff;
}

.one-stop {
    padding: 80px 147px 50px;
    height: 330px;
}

.one-stop h4 {
    width: 100%;
    float: left;
    line-height: 26px;
    height: 26px;
    font-size: 20px;
    margin-bottom: 40px;
}

.one-stop h4 img {
    width: 30px;
    height: 26px;
    margin-bottom: 0;
    margin-right: 10px;
}

.one-stop ul {
    float: left;
    width: calc(20% - 1px);
    border-left: 1px solid #ddd;
    height: 135px;
    overflow: hidden;
    padding-top: 3px;
}

/* .one-stop ul:last-child{border-right: 0;} */
.one-stop ul li {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
}

.one-stop ul li:hover {
    color: #d61b52;
}

/*about*/
.about_nav ul {
    padding: 18px 0 15px;
    border-bottom: 2px solid #dedede;
}

.about_nav ul li {
    float: left;
    padding: 0 20px;
    border-right: 1px dotted #b2b2b2;
}

.about_nav ul li:last-child {
    border-right: none;
}

.about_nav ul li a {
    display: block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    color: #333;
    border-radius: 4px;
}

.about_nav ul li.on a {
    color: #fff;
    background: #d61b52;
}

.about_title {
    padding: 35px 0 25px;
    text-align: center;
}

.about_title h2 {
    font-size: 30px;
    font-weight: 600;
    color: #666;
}

.about_title p {
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
}

.map-btn {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99;
    border: 0;
    width: 80px;
    height: 30px;
    background: #ad9fa4;
    color: #fff;
}

.map {
    position: relative;
}

.about {
    padding: 0 45px;
    background: url("../images/about_bg.png") no-repeat center;
    height: 471px;
    margin-top: -40px;
    padding-top: 80px;
}

.about p {
    line-height: 36px;
    color: #666666;
    text-indent: 2em;
}

.guimo {
    padding: 0 50px;
}

.guimo_1 {
    width: 33.3333333%;
    float: left;
    text-align: center;
    background: url("../images/about_line.png") no-repeat center right;
    height: 380px;
}

.guimo_1:last-child {
    background: none;
}

.guimo_tp img {
    width: 137px;
    height: 137px;
}

.guimo_1 h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 18px 0;
    color: #666;
}

.guimo_1 p {
    line-height: 30px;
    padding: 0 43px;
    color: #666;
    text-align: left;
}

.gshj {
    padding: 10px 0;
}

.gshj img {
    margin-bottom: 20px;
}

.contact_con {
    padding: 0 28px 0 18px;
}

.contact_left {
    width: 420px;
    float: left;
}

.contact_right {
    width: 734px;
    float: left;
    ;
}

.contact_right img {
    width: 734px;
    height: 349px;
}

.contact_left h3,
.contact_con_1 h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}

.contact_left dl {
    height: 20px;
    line-height: 20px;
    margin-bottom: 16px;
    color: #666;
}

.contact_left dl dt {
    float: left;
}

.contact_left dl dd {
    float: left;
}

.contact_con_1 {
    margin-top: 20px;
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.contact_con_1 p {
    margin-bottom: 15px;
    color: #666666;
}

.honor {
    background: url("../images/honor.png") no-repeat center top;
    height: 1510px;
    margin-top: 20px;
    padding: 0 33px;
}

.honor_time span {
    font-size: 24px;
    color: #333;
    margin-right: 10px;
}

.honor_time {
    font-size: 18px;
    color: #666;
    height: 60px;
    line-height: 60px;
    width: 50%;
    padding: 0 20px;
    float: left;
}

.honor_com {
    width: 50%;
    padding: 0 20px;
    float: left;
}

.honor_1 {
    margin-bottom: 33px;
}

.honor_1:first-child {
    margin-bottom: 75px;
}

.honor_1:first-child .honor_time {
    height: 35px;
    line-height: 35px;
}

.honor_com_1 {
    position: relative;
    padding: 10px 15px;
    line-height: 30px;
    color: #666;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(125, 125, 125, 0.4);
    border-radius: 12px;
}

.honor_left .honor_time {
    text-align: right;
}

.honor_com_1 i img {
    width: 20px;
    height: 30px;
}

.honor_left .honor_com_1 i {
    left: -20px;
    top: 16px;
    position: absolute;
}

.honor_right .honor_com_1 i {
    right: -20px;
    top: 16px;
    position: absolute;
}

.honor_left .honor_com_1 i img {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
}

.honor_left .honor_com {
    padding-left: 35px;
}

.honor_right .honor_com {
    padding-right: 35px;
}

.honor_1.honor_2 {
    margin-bottom: 26px;
}

.honor_1.honor_3 {
    margin-bottom: 28px;
}

.honor_1.honor_4 {
    margin-bottom: 47px;
}

.honor_5 .honor_com_1 {
    height: 70px;
    line-height: 50px;
    text-align: right;
}

/*模仿淘宝支付密码控件*/
.alieditContainer {
    position: relative;
    float: left;
    margin-right: 25px;
}

.sixDigitPassword {
    position: absolute;
    left: -122px;
    top: 0;
    width: 1000px;
    height: 42px;
    color: #fff;
    font-size: 12px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-user-select: initial;
    outline: none;
    z-index: 999;
    opacity: 0;
    filter: alpha(opacity=0);
}

.sixDigitPassword-box {

    cursor: text;
    background: #fff;
    outline: none;
    position: relative;
    padding: 8px 0;
    height: 42px;
    border: 1px solid #cccccc;
    border-radius: 2px;
    width: 242px;
}

.sixDigitPassword-box i {
    float: left;
    display: block;
    padding: 9px 0;
    height: 26px;
    border-left: 1px solid #cccccc;
}

.sixDigitPassword-box .active {
    background: url('/static/images/icon/password-blink.gif') no-repeat center center;
}

.sixDigitPassword-box b {
    display: block;
    margin: 0 auto;
    width: 7px;
    height: 7px;
    overflow: hidden;
    visibility: hidden;
    background: url('/static/images/icon/passeord-dot.png') no-repeat;
}

.sixDigitPassword-box span {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    height: 40px;
    border: 1px solid rgba(82, 168, 236, .8);
    border: 1px solid #00ffff;
    border-radius: 2px;
    visibility: hidden;
    -webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.75), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.ui-securitycore .ui-form-item .ui-form-explain {
    margin-top: 8px;
}

.i-block {
    display: inline-block;
}

.six-password {
    position: relative;
    height: 42px;
    width: 242px;
    overflow: hidden;
    vertical-align: middle;

}