@charset "utf-8";
/* @font-face{font-family:'HarmonyOS_Sans_SC';src:url('../fonts/HarmonyOS_Sans_SC_Light.ttf');font-display:swap;font-weight:100;}
@font-face{font-family:'HarmonyOS_Sans_SC';src:url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');font-display:swap;font-weight:normal;}
@font-face{font-family:'HarmonyOS_Sans_SC';src:url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');font-display:swap;font-weight:500;}
@font-face{font-family:'HarmonyOS_Sans_SC';src:url('../fonts/HarmonyOS_Sans_SC_Bold.ttf');font-display:swap;font-weight:bold;} */

@media (min-width:1025px) {
    ::-webkit-scrollbar {
        width: 6px;
        height: 12px;
        background-color: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background: #d2d2d2;
        border-radius: 20px;
    }
}

[v-cloak] {
    display: none;
}

/*初始化*/
body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    padding: 0;
    margin: 0 auto;
    font-size: .16rem;
    line-height: .24rem;
    color: #333;
    width: 100%;
    min-width: 320px;
    zoom: 1;
    background-color: #fff;
    word-break: break-word;
}

html {
    -webkit-text-size-adjust: 100%;
    font-size: 100px;
    position: relative;
    min-height: 100vh;
}

body,
input,
select,
th,
td,
textarea {
    font-family: Arial, 'HarmonyOS_Sans_SC', 'HarmonyOS Sans SC', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-size: 0.16rem;
}

pre {
    font-family: Arial, 'HarmonyOS_Sans_SC', 'HarmonyOS Sans SC', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}

ul,
ol {
    list-style: revert;
    list-style-position: inside !important;
}

ul>li {
    list-style: revert;
    list-style-position: inside !important;
}

ol>li {
    list-style: revert;
    list-style-position: inside !important;
}

.ul,
.ol,
.ul>li,
.ol>li {
    list-style: none;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    padding: 0;
    margin: 0
}

p {
    min-height: 4px;
}

em,
i {
    font-style: normal;
}

*,
:before,
:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-break: break-word;
    outline: 0;
}

table {
    word-break: break-word;
    border-collapse: collapse;
    max-width: 100%;
}

table td {
    padding: 10px;
    border: 1px solid #eee;
}

video {
    max-width: 100%;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}

.ul,
.ul>li,
.dl,
.dl>dd,
.dl>dt {
    list-style: none;
    font-weight: normal;
}

input:focus {
    outline: none;
}

input,
button,
select,
textarea {
    background: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #333;
    outline: none;
    resize: none;
}

canvas {
    display: block;
}

/*初始化图片*/
img {
    border: none;
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

/*初始化a*/
a,
a:focus {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #f47c37;
}

a,
a:hover {
    outline: none;
    text-decoration: none;
    -webkit-transition: all .4s;
}

/*全局样式*/
.qui_warp {
    max-width: 16rem;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.qui_main_box {
    padding: .6rem 0 1rem;
}

.qui_ytable {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.qui_ytable_cell {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.qui_ytable_cell img {
    max-height: 100%;
}

pre,
.qui_ts {
    white-space: pre-line;
}

.qui_tss {
    white-space: pre-wrap;
}

.qui_tl {
    text-align: left !important;
}

.qui_tr {
    text-align: right !important;
}

.qui_tc {
    text-align: center !important;
}

.qui_tj {
    text-align: justify !important;
}

.qui_fl {
    float: left !important;
}

.qui_fr {
    float: right !important;
}

.qui_text {
    display: block;
    line-height: .42rem;
    height: .42rem;
    width: 100%;
    border: 1px solid #eee;
    padding: 0 .2rem;
}

.qui_text:focus {
    border-color: #f47c37;
}

.qui_ds_inb {
    display: inline-block;
    vertical-align: top;
    *zoom: 1;
    *display: inline;
}

.qui_ds_no {
    display: none !important;
}

.qui_ovh {
    overflow: hidden !important;
}

@media (max-width:1024px) {
    .qui_main_box {
        padding: 0.5rem 0;
    }
}

@media (max-width:750px) {
    .qui_main_box {
        padding: 0.3rem 0;
    }
}

/*.qui_dot{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;display:block;}*/
.qui_dot,
.qui_dot2,
.qui_dot3,
.qui_dot4,
.qui_dot5,
.qui_dot6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.qui_dot {
    -webkit-line-clamp: 1;
}

.qui_dot2 {
    -webkit-line-clamp: 2;
}

.qui_dot3 {
    -webkit-line-clamp: 3;
}

.qui_dot4 {
    -webkit-line-clamp: 4;
}

.qui_dot5 {
    -webkit-line-clamp: 5;
}

.qui_dot6 {
    -webkit-line-clamp: 6;
}

.qui_pic {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transform: rotate(0deg);
}

.qui_pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    height: 100% !important;
    object-fit: cover;
}

.qui_ibox {
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qui_ibox img {
    max-height: 100%;
}

.qui_abox {
    position: relative;
    height: 0;
    padding-bottom: 66.6666667%;
    overflow: hidden;
}

.qui_abox img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

/*暂无数据*/
.noData {
    padding: .4rem .4rem .6rem;
    justify-content: center;
    display: flex;
    align-items: center;
    padding-top: 1.7rem;
    background: #fff url(../images/noData.svg) top center no-repeat;
    background-size: auto 1.6rem;
    line-height: 1.5;
    color: #999;
}

/*颜色*/
.qui_col_df {
    color: #f47c37 !important;
}

/*默认*/
.qui_col_cc {
    color: #ccc !important;
}

.qui_col_00 {
    color: #000 !important;
}

.qui_col_33 {
    color: #333 !important;
}

.qui_col_66 {
    color: #666 !important;
}

.qui_col_99 {
    color: #999 !important;
}

.qui_col_ff {
    color: #fff !important;
}

.qui_col_cc {
    color: #ccc !important;
}

.qui_col_red {
    color: red !important;
}

/*背景*/
.qui_bg_black70 {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
    background: rgba(0, 0, 0, .7);
}

.qui_bg_cc {
    background-color: #ccc !important;
}

.qui_bg_ff {
    background-color: #fff !important;
}

.qui_bg_f8 {
    background-color: #f8f8f8 !important;
}

.qui_bg_f5 {
    background-color: #f5f5f5 !important;
}

.qui_bg_f7f8fa {
    background-color: #f7f8fa !important;
}

/*字号*/
.qui_fw100 {
    font-weight: 100 !important;
}

.qui_fwm {
    font-weight: 500 !important;
}

.qui_fwn {
    font-weight: normal !important;
}

.qui_fwb {
    font-weight: bold !important;
}

.qui_fs12 {
    font-size: .12rem !important;
}

.qui_fs14 {
    font-size: .14rem !important;
}

.qui_fs16 {
    font-size: .16rem !important;
}

.qui_fs18 {
    font-size: .18rem !important;
}

.qui_fs20 {
    font-size: .20rem !important;
}

.qui_fs22 {
    font-size: .22rem !important;
}

.qui_fs24 {
    font-size: .24rem !important;
}

.qui_fs26 {
    font-size: .26rem !important;
}

.qui_fs28 {
    font-size: .28rem !important;
}

.qui_fs30 {
    font-size: .30rem !important;
}

.qui_fs32 {
    font-size: .32rem !important;
}

.qui_fs34 {
    font-size: .34rem !important;
}

.qui_fs36 {
    font-size: .36rem !important;
}

.qui_fs38 {
    font-size: .38rem !important;
}

.qui_fs40 {
    font-size: .40rem !important;
}

.qui_fs42 {
    font-size: .42rem !important;
}

.qui_fs44 {
    font-size: .44rem !important;
}

.qui_fs46 {
    font-size: .46rem !important;
}

/*边距*/
.qui_pad_t0 {
    padding-top: 0 !important;
}

.qui_pad_t04 {
    padding-top: .04rem !important;
}

.qui_pad_t06 {
    padding-top: .06rem !important;
}

.qui_pad_t08 {
    padding-top: .08rem !important;
}

.qui_pad_t10 {
    padding-top: .1rem !important;
}

.qui_pad_t20 {
    padding-top: .2rem !important;
}

.qui_pad_t30 {
    padding-top: .3rem !important;
}

.qui_pad_t40 {
    padding-top: .4rem !important;
}

.qui_pad_t50 {
    padding-top: .5rem !important;
}

.qui_pad_t60 {
    padding-top: .6rem !important;
}

.qui_pad_t70 {
    padding-top: .7rem !important;
}

.qui_pad_t80 {
    padding-top: .8rem !important;
}

.qui_pad_l0 {
    padding-left: 0 !important;
}

.qui_pad_l04 {
    padding-left: .04rem !important;
}

.qui_pad_l06 {
    padding-left: .06rem !important;
}

.qui_pad_l08 {
    padding-left: .08rem !important;
}

.qui_pad_l10 {
    padding-left: .1rem !important;
}

.qui_pad_l20 {
    padding-left: .2rem !important;
}

.qui_pad_l30 {
    padding-left: .3rem !important;
}

.qui_pad_l40 {
    padding-left: .4rem !important;
}

.qui_pad_l50 {
    padding-left: .5rem !important;
}

.qui_pad_l60 {
    padding-left: .6rem !important;
}

.qui_pad_l70 {
    padding-left: .7rem !important;
}

.qui_pad_l80 {
    padding-left: .8rem !important;
}

.qui_pad_r0 {
    padding-right: 0 !important;
}

.qui_pad_r04 {
    padding-right: .04rem !important;
}

.qui_pad_r06 {
    padding-right: .06rem !important;
}

.qui_pad_r08 {
    padding-right: .08rem !important;
}

.qui_pad_r10 {
    padding-right: .1rem !important;
}

.qui_pad_r20 {
    padding-right: .2rem !important;
}

.qui_pad_r30 {
    padding-right: .3rem !important;
}

.qui_pad_r40 {
    padding-right: .4rem !important;
}

.qui_pad_r50 {
    padding-right: .5rem !important;
}

.qui_pad_r60 {
    padding-right: .6rem !important;
}

.qui_pad_r70 {
    padding-right: .7rem !important;
}

.qui_pad_r80 {
    padding-right: .8rem !important;
}

.qui_pad_b0 {
    padding-bottom: 0 !important;
}

.qui_pad_b04 {
    padding-bottom: .04rem !important;
}

.qui_pad_b06 {
    padding-bottom: .06rem !important;
}

.qui_pad_b08 {
    padding-bottom: .08rem !important;
}

.qui_pad_b10 {
    padding-bottom: .1rem !important;
}

.qui_pad_b20 {
    padding-bottom: .2rem !important;
}

.qui_pad_b30 {
    padding-bottom: .3rem !important;
}

.qui_pad_b40 {
    padding-bottom: .4rem !important;
}

.qui_pad_b50 {
    padding-bottom: .5rem !important;
}

.qui_pad_b60 {
    padding-bottom: .6rem !important;
}

.qui_pad_b70 {
    padding-bottom: .7rem !important;
}

.qui_pad_b80 {
    padding-bottom: .8rem !important;
}

.qui_mar_t0 {
    margin-top: 0 !important;
}

.qui_mar_t04 {
    margin-top: .04rem !important;
}

.qui_mar_t06 {
    margin-top: .06rem !important;
}

.qui_mar_t08 {
    margin-top: .08rem !important;
}

.qui_mar_t10 {
    margin-top: .1rem !important;
}

.qui_mar_t20 {
    margin-top: .2rem !important;
}

.qui_mar_t30 {
    margin-top: .3rem !important;
}

.qui_mar_t40 {
    margin-top: .4rem !important;
}

.qui_mar_t50 {
    margin-top: .5rem !important;
}

.qui_mar_t60 {
    margin-top: .6rem !important;
}

.qui_mar_t70 {
    margin-top: .7rem !important;
}

.qui_mar_t80 {
    margin-top: .8rem !important;
}

.qui_mar_r0 {
    margin-right: 0 !important;
}

.qui_mar_r04 {
    margin-right: .04rem !important;
}

.qui_mar_r06 {
    margin-right: .06rem !important;
}

.qui_mar_r08 {
    margin-right: .08rem !important;
}

.qui_mar_r10 {
    margin-right: .1rem !important;
}

.qui_mar_r20 {
    margin-right: .2rem !important;
}

.qui_mar_r30 {
    margin-right: .3rem !important;
}

.qui_mar_r40 {
    margin-right: .4rem !important;
}

.qui_mar_r50 {
    margin-right: .5rem !important;
}

.qui_mar_r60 {
    margin-right: .6rem !important;
}

.qui_mar_r70 {
    margin-right: .7rem !important;
}

.qui_mar_r80 {
    margin-right: .8rem !important;
}

.qui_mar_b0 {
    margin-bottom: 0 !important;
}

.qui_mar_b04 {
    margin-bottom: .04rem !important;
}

.qui_mar_b06 {
    margin-bottom: .06rem !important;
}

.qui_mar_b08 {
    margin-bottom: .08rem !important;
}

.qui_mar_b10 {
    margin-bottom: .1rem !important;
}

.qui_mar_b20 {
    margin-bottom: .2rem !important;
}

.qui_mar_b30 {
    margin-bottom: .3rem !important;
}

.qui_mar_b40 {
    margin-bottom: .4rem !important;
}

.qui_mar_b50 {
    margin-bottom: .5rem !important;
}

.qui_mar_b60 {
    margin-bottom: .6rem !important;
}

.qui_mar_b70 {
    margin-bottom: .7rem !important;
}

.qui_mar_b80 {
    margin-bottom: .8rem !important;
}

.qui_mar_l0 {
    margin-left: 0 !important;
}

.qui_mar_l04 {
    margin-left: .04rem !important;
}

.qui_mar_l06 {
    margin-left: .06rem !important;
}

.qui_mar_l08 {
    margin-left: .08rem !important;
}

.qui_mar_l10 {
    margin-left: .1rem !important;
}

.qui_mar_l20 {
    margin-left: .2rem !important;
}

.qui_mar_l30 {
    margin-left: .3rem !important;
}

.qui_mar_l40 {
    margin-left: .4rem !important;
}

.qui_mar_l50 {
    margin-left: .5rem !important;
}

.qui_mar_l60 {
    margin-left: .6rem !important;
}

.qui_mar_l70 {
    margin-left: .7rem !important;
}

.qui_mar_l80 {
    margin-left: .8rem !important;
}

/*flex布局*/
.qui_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.qui_fw_w {
    flex-wrap: wrap !important;
}

.qui_fw_nw {
    flex-wrap: nowrap !important;
}

.qui_jc_fs {
    justify-content: flex-start !important;
}

.qui_jc_fe {
    justify-content: flex-end !important;
}

.qui_jc_c {
    justify-content: center !important;
}

.qui_fd_c {
    flex-direction: column !important;
}

.qui_ai_fs {
    align-items: flex-start !important;
}

.qui_ai_fe {
    align-items: flex-end !important;
}

.qui_ai_c {
    align-items: center !important;
}

.qui_flex_a {
    flex: auto !important;
}

.qui_flex_1 {
    flex: 1 !important;
}

.qui_flex_0 {
    flex-shrink: 0 !important;
}

/*滚动条样式*/
.qui_gdt::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.qui_gdt::-webkit-scrollbar-track {
    background-color: #f2f2f2;
}

.qui_gdt::-webkit-scrollbar-thumb {
    background-color: #f47c37;
    border-radius: 2.5px;
}

.qui_gdt::-webkit-scrollbar-thumb:hover {
    background-color: #f47c37;
    border-radius: 2.5px;
}

.qui_gdt::-webkit-scrollbar-thumb:active {
    background-color: #f47c37;
    border-radius: 2.5px;
}

/*图片放大*/
.qui_a {
    display: block;
    -webkit-transform: rotate(0deg);
    overflow: hidden;
}

.qui_img {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

a:hover .qui_img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

a:hover .qui_abox .qui_img {
    -webkit-transform: scale(1.1) translateX(-50%) translateY(-50%);
    transform: scale(1.1) translateX(-50%) translateY(-50%);
}

.qui_a:hover .qui_img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.qui_imgbg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

a:hover .qui_imgbg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.qui_a:hover .qui_imgbg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.qui_imgbgn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 头部 */
.qui_search_box {
    position: relative;
    width: 2.6rem;
}

.qui_search_box .qui_text {
    padding: 0 .5rem 0 .2rem;
    border: 1px solid #e5e5e5;
    border-radius: .42rem;
    height: .42rem;
}

.qui_search_box .quibtn {
    position: absolute;
    width: .5rem;
    height: 100%;
    top: 0;
    right: 0;
    background: url('../images/top_ss.svg') center no-repeat;
    z-index: 1;
    background-size: 0.2rem auto;
}

.qui_logo img {
    display: block;
    height: .47rem !important;
}

.qui_top_box {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 90;
}

.qui_top_nav .ULLIST {
    display: flex;
    align-items: center;
}

.qui_top_nav .ULLIST>li>a {
    display: block;
    line-height: .3rem;
    text-align: center;
    color: #333;
    padding: .3rem .32rem;
    white-space: nowrap;
}

@media (min-width:1025px) {
    .qui_top_nav {
        flex: 1;
    }

    .qui_top_nav .ULLIST {
        justify-content: center;
    }

    .qui_top_nav .ULLIST>li:hover>a,
    .qui_top_nav .ULLIST>li.on>a {
        color: #f47c37;
    }

    .qui_top_nav .qui_warp {
        width: 100%;
    }
}



/* ban */
.qui-ban {
    position: relative;
}

.qui-ban img {
    width: 100%;
    display: block;
}

.qui-ban .qui-wap {
    display: none;
}

.quiShareImg {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    display: none;
}

.quiShareImg .quitxt {
    margin-bottom: 6px;
}

/*分页*/
.Pages {
    zoom: 1;
    overflow: hidden;
    text-align: left;
    margin-top: 0.4rem;
    font-size: 0;
    line-height: 0;
}

.Pages * {
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    font-style: normal;
}

.Pages a {
    font-size: .14rem;
    min-width: .5rem;
    height: .5rem;
    line-height: calc(0.5rem - 2px);
    text-align: center;
    background: #f5f5f7;
    padding: 0 .1rem;
    margin: 0 .05rem;
    overflow: hidden;
    border: 1px solid #f5f5f7;
}

.Pages .p_page>a:first-child {
    margin-left: 0;
}

.Pages .p_page .a_prev,
.Pages .p_page .a_next {
    min-width: 0.8rem;
}

.Pages a:hover,
.Pages a.a_cur {
    background-color: #f47c37;
    color: #fff;
    border-color: #f47c37;
}

.qui_nav_btn {
    display: none;
}

.qui_wap_bg {
    display: none;
}

.qui_body_ovh {
    overflow: hidden;
}

.qui_top_boxH {
    height: 0;
}

.qui_single {
    line-height: 1.875;
}

.qui_single p {
    min-height: .2rem;
}

.qui_single img {
    height: auto !important;
}

.qui_pc_show {
    display: block !important;
    width: 100%;
}

.qui_wap_show {
    display: none !important;
    width: 100%;
}


/*悬浮*/
.qui_float_box {
    position: fixed;
    z-index: 80;
    right: 1vh;
    bottom: 1vh;
}

.qui_float_box .quia {
    display: flex;
    margin-top: .1rem;
    border-radius: 50%;
    background: #fff;
    width: .42rem;
    height: .42rem;
    position: relative;
    align-items: center;
    justify-content: center;
    box-shadow: .02rem .05rem .1rem rgba(0, 0, 0, .1);
}

.qui_float_box .quia>img {
    max-width: 56%;
    max-height: 56%;
}

.qui_float_box .quiimg {
    display: block;
    margin-top: .1rem;
    position: relative;
}

@media (max-width:1024px) {
    .qui_float_box {
        right: 2%;
    }

    .qui_logo img {
        display: block;
        max-height: .3rem !important;
    }

    .qui_single p {
        min-height: .1rem;
    }

    .Pages {
        margin: .3rem 0;
    }

    .qui_top_box {
        padding: .12rem 0;
        position: fixed;
    }

    .qui_top_nav {
        position: fixed;
        max-width: 360px;
        width: 72%;
        left: -100%;
        top: 0;
        z-index: 1001;
        height: 100%;
        padding: 0;
        -webkit-transition: all .4s ease-out;
        transition: all .4s ease-out;
        overflow: auto;
        background: #fff;
    }

    .qui_top_nav .ULLIST {
        padding: 0;
        margin: 0;
        flex-direction: column;
    }

    .qui_top_nav .ULLIST>li>a {
        font-size: .18rem;
        padding: .2rem;
        line-height: .3rem;
        color: #000;
        text-align: left;
    }

    .qui_top_nav .ULLIST>li {
        width: 100%;
        float: none;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        margin: 0;
    }

    .qui_nav_btn {
        position: absolute;
        z-index: 2;
        width: .3rem;
        height: .3rem;
        background: url('../images/btn_bg.svg') right center no-repeat;
        background-size: auto .22rem;
        display: block;
        right: 2%;
        top: 50%;
        margin-top: -.15rem;
    }

    .qui_wap_bg {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 1000;
        background: rgba(0, 0, 0, .65);
        display: none;
    }

    .qui_body_ovh .qui_top_nav {
        left: 0;
    }

    .qui_top_nav .ULLIST>li .quiaa {
        position: absolute;
        right: 0;
        top: 0;
        width: 1rem;
        height: .7rem;
        background: url(../images/mm.svg) 80% center no-repeat;
        background-size: auto .2rem;
        z-index: 10;
        cursor: pointer;
    }

    .qui_top_nav .ULLIST>li .qui_submenu {
        pointer-events: auto;
        opacity: 1;
        -webkit-transform: translateX(0);
        position: relative;
        background: transparent;
        padding: 0;
        border-top: 1px solid transparent;
        display: none;
        left: auto;
        top: auto;
        transition: none;
        width: 100%;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        border-top: 0;
    }

    .qui_top_nav .ULLIST>li .qui_submenu>dd>a {
        padding: .2rem .3rem 0.2rem 0.3rem;
        white-space: normal;
        text-align: left;
        color: rgba(0, 0, 0, .8);
        border-top: .01rem solid rgba(0, 0, 0, .1);
    }

    .qui_top_nav .ULLIST>li .qui_submenu>dd>a {
        border-bottom: none;
    }

    .qui_top_boxH {
        height: 0.5rem;
    }
}

@media (max-width:750px) {
    .qui-ban .qui-pc {
        display: none;
    }

    .qui-ban .qui-wap {
        display: block;
    }

    .qui_wap_show {
        display: block !important;
    }

    .qui_pc_show {
        display: none !important;
    }

    .Pages {
        margin-top: 0.3rem;
    }

    .Pages .num a {
        display: none;
    }

    .Pages .num a.a_cur {
        display: inline-block;
    }
}

/*搜索列表*/
.qui-tt-list .qui-hover {
    display: block;
    overflow: hidden;
    line-height: 54px;
    border-bottom: 1px solid #eee;
}

.qui-tt-list .qui-hover time {
    float: right;
    padding-left: 5px;
}

.qui-tt-list .qui-hover .qui_dot {
    margin-right: 80px;
}

/*网站地图*/
.sitemap li {
    padding: 3% 0;
    border-bottom: solid 1px #eee;
}

.sitemap li span {
    font-size: 16px;
}

.sitemap dl {
    padding: 1% 0 0;
}

.sitemap dt {
    display: inline-block;
    opacity: 0.8;
    padding-right: 20px;
}

/*新闻详情*/
.qui-news-info .qui-newstt {
    font-size: .24rem;
    line-height: 1.4;
    color: #333;
    text-align: center;
}

.qui-news-info .qui-newstm {
    color: #999;
    text-align: center;
    padding: .15rem 0 .25rem;
    border-bottom: 1px solid #eee;
}

.qui-news-info .qui-newstm .span {
    display: inline-block;
    vertical-align: top;
    font-size: .16rem;
    padding: 0 .07rem;
}

.qui-news-info .qui-newsinfo {
    padding: .3rem 0;
    margin: 0 auto;
    line-height: .3rem;
    color: #666;
    text-align: justify;
}

.qui-news-info .qui-newsinfo p {
    min-height: .2rem;
}

.qui-news-info .qui-newsback {
    margin-bottom: .3rem;
    text-align: center;
}

.qui-news-info .qui-newsback a {
    display: inline-block;
    vertical-align: top;
    min-width: 1.8rem;
    text-align: center;
    line-height: .48rem;
    border-radius: .48rem;
    color: #fff;
    background: #f47c37;
    padding: 0 .25rem;
    font-size: .18rem;
}

.qui-news-info .qui-newsback a span {
    display: inline-block;
    vertical-align: top;
}

.qui-news-info .qui-newsbtn {
    padding-top: .3rem;
    border-top: 1px solid #eee;
}

.qui-news-info .qui-newsbtn .dl {
    margin-bottom: .1rem;
}

/*友情链接*/
.qui-logo-list .ULLIST {
    overflow: hidden;
    margin: -1%;
}

.qui-logo-list .ULLIST .li {
    width: 16.666666666666%;
    float: left;
    padding: 1%;
    text-align: center;
}

.qui-logo-list .ULLIST .li .qui-ytable-cell {
    text-align: center;
    height: 80px;
    border: 1px solid #eee;
    padding: 5px;
}

.qui-logo-list .ULLIST .li .qui-ytable-cell img {
    max-height: 70px;
}

.qui-logo-list .ULLIST .li .h3 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    margin-top: 8px;
}

.qui-logo-list .ULLIST .li a:hover .h3 {
    color: #f47c37;
}

.qui-logo-list .ULLIST .li a {
    display: block;
}

@media(max-width:1024px) {
    .qui-logo-list .ULLIST .li {
        width: 25%;
    }
}

@media(max-width:750px) {
    .qui-logo-list .ULLIST .li {
        width: 33.333333%;
    }
}

@media(max-width:480px) {
    .qui-logo-list .ULLIST .li {
        width: 50%;
    }

    .qui-logo-list .ULLIST .li .h3 {
        font-size: 14px;
        margin-top: 5px;
    }

    .qui-logo-list .ULLIST .li .qui-ytable-cell img {
        max-height: 60px;
    }

    .qui-logo-list .ULLIST .li .qui-ytable-cell {
        height: 70px;
    }
}

.g_serach {
    position: relative;
}

.g_serach .btn {
    width: 0.5rem;
    height: 0.4rem;
    background: url(../images/top_ss.svg) right center no-repeat;
    background-size: 0.2rem auto;
    cursor: pointer;
}

.g_serach .qui_search_box {
    position: absolute;
    right: -0.15rem;
    top: 0;
    display: none;
}

.g_serach .qui_search_box .qui_text {
    background: #fff;
}

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

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

.g_topright .login img {
    width: 0.2rem;
    height: 0.2rem;
    object-fit: cover;
}

.g_topright .login>*+* {
    margin-left: 0.1rem;
}

@media(max-width:1024px) {
    .g_topright {
        padding-right: 0.5rem;
    }
}

.g-content {
    padding: 0.6rem 0;
}

@media(max-width:1024px) {
    .g-content {
        padding: 0.3rem 0;
    }
}

/* 图片 */
.g-pic {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    display: block;
}

.g-pic>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    object-fit: cover;
}

a:hover .g-pic>img,
.g-pic>img:hover {
    transform: scale(1.1);
}

.g-pic.g-notf>img {
    transform: none !important;
}





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

.headertop .qui_submenu dd a {
    display: flex;
    align-items: center;
}

.headertop .qui_submenu dd img {
    width: 0.6rem;
    height: 0.6rem;
}

.headertop .qui_submenu dd span {
    display: block;
    padding-bottom: 0.1rem;
    margin-left: 0.1rem;
}

.headertop .searchbox .showbox {
    width: 5rem;
    position: relative;
    max-width: 100%;
}

.headertop .searchbox .showbox .qui_text {
    border: none;
    border-bottom: 1px solid #ccc;
    flex: 1;
    line-height: 0.4rem;
    padding: 0 0.6rem 0 0.1rem;
}

.headertop .searchbox .showbox .qui_text:focus {
    border-color: #f47c37;
}

.headertop .searchbox .showbox .quibtn {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/ico_search_b.svg) center no-repeat;
    background-size: 0.25rem auto;
    position: absolute;
    right: 0;
    top: 0;
}

.headertop .case {
    background: #f47c37 url(../images/ico_tel.svg) no-repeat;
    background-position: 0.14rem center;
    background-size: 0.1rem;
    line-height: 0.26rem;
    border-radius: 14rem;
    font-size: 0.14rem;
    color: #fff;
    display: flex;
    padding: 0 0.16rem 0 0.27rem;
    position: relative;
}

@media(min-width:1025px) {
    .headerNbsp {
        height: 1.1rem;
    }

    .headertop .qui_logo .b {
        display: none;
    }

    .headertop .qui_logo .w {
        display: block;
    }

    .headertop .qui_top_nav>ul {
        flex: 1;
        justify-content: flex-end;
        margin-right: 0.1rem;
    }

    .headertop .qui_top_nav>ul>li>a {
        color: #fff;
        font-size: 0.18rem;
    }

    .headertop .qui_top_nav>ul>li.on>a,
    .headertop .qui_top_nav>ul>li>a:hover {
        color: #f47c37 !important;
    }

    .headertop .searchbox {
        background: url(../images/ico_search_w.svg) center no-repeat;
        background-size: 0.2rem auto;
        width: 0.3rem;
        height: 0.9rem;
        margin-right: 0.2rem;
        cursor: pointer;
    }

    .headertop .lang {
        width: 0.5rem;
        height: 0.9rem;
        background: url(../images/ico_lang_w.svg) center no-repeat;
        background-size: 0.18rem auto;
        margin-right: 0.3rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .headertop .lang::before {
        content: '';
        display: block;
        border: 0.06rem solid transparent;
        border-top-color: #fff;
        width: 0;
        height: 0;
        transform: rotateY(60deg);
        position: relative;
        top: 0.03rem;
    }

    .headertop .searchbox .qui_submenu,
    .headertop .lang .qui_submenu {
        cursor: auto;
    }

    .headertop .qui_top_nav {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }

    .headertop .rightbox {
        display: flex;
        align-items: center;
    }

    /*二级下拉*/
    .headertop .qui_submenu {
        position: absolute;
        width: 100%;
        min-width: 1.2rem;
        left: 0;
        top: 100%;
        background: rgba(255, 255, 255, .95);
        font-size: .15rem;
        z-index: 10;
        pointer-events: none;
        transition: all .4s ease-out;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.6rem 0 0.5rem 0;
        font-size: 0.18rem;
        overflow: hidden;
    }

    .headertop .qui_submenu dd+dd {
        margin-left: 0.55rem;
    }

    .headertop .item:hover .qui_submenu {
        pointer-events: auto;
        opacity: 1;
        display: flex !important;
    }

    /* 切换颜色 */
    .headertop.kuro {
        background: rgba(0, 0, 0, .5);
    }

    .headertop:hover,
    .headertop.shiro {
        background: #fff;
    }

    .headertop:hover .qui_logo .b,
    .headertop.shiro .qui_logo .b {
        display: block;
    }

    .headertop:hover .qui_logo .w,
    .headertop.shiro .qui_logo .w {
        display: none;
    }

    .headertop:hover .qui_top_nav>ul>li>a,
    .headertop.shiro .qui_top_nav>ul>li>a {
        color: #333;
    }

    .headertop:hover .searchbox,
    .headertop.shiro .searchbox {
        background-image: url(../images/ico_search_b.svg);
    }

    .headertop:hover .lang,
    .headertop.shiro .lang {
        background-image: url(../images/ico_lang_b.svg);
    }

    .headertop:hover .lang::before,
    .headertop.shiro .lang::before {
        border-top-color: #333;
    }
}

@media(max-width:1024px) {
    .headertop {
        background: #fff;
        padding: 0.1rem;
    }

    .headertop .qui_logo .b {
        display: block;
    }

    .headertop .qui_logo .w {
        display: none;
    }

    .headertop .item {
        position: relative;
    }

    .headertop .qui_submenu dd img {
        width: 0.4rem;
        height: 0.4rem;
    }

    .headertop .qui_submenu dd span {
        padding-bottom: 0;
    }

    .searchbox {
        padding: 0.2rem 0.1rem 0.1rem 0.1rem;
        border-top: 0.03rem solid #f47c37;
    }

    .headertop .lang {
        padding: 0.1rem;
    }

    .headertop .case {
        margin: 0.1rem;
        line-height: 0.38rem;
        height: 0.38rem;
    }

    .qui_top_nav .ULLIST {
        border-top: 1px solid #ddd;
        margin-top: 0.2rem;
    }
}


/* 底部 */
.qui_footer {
    background: #171717;
    color: rgba(255, 255, 255, .5);
}

.qui_footer a {
    color: rgba(255, 255, 255, .5);
}

.qui_footer a:hover {
    color: #fff;
}

.g-footer {
    padding: 0.8rem 0 1rem 0;
    display: flex;
    border-bottom: 1px solid #212730;
}

.g-footer .fleft .logo {
    height: 0.66rem;
}

.g-footer .fleft .text {
    font-size: 0.24rem;
    font-weight: 300;
    color: #fff;
    margin: 0.5rem 0 0.2rem 0;
}

.g-footer .fleft .icolist {
    display: flex;
}

.g-footer .fleft .icolist li {
    position: relative;
}

.g-footer .fleft .icolist li+li {
    margin-left: 0.1rem;
}

.g-footer .fleft .icolist a {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: #121212 center no-repeat;
    background-size: 70% auto;
    border-radius: 50%;
    position: relative;
}

.g-footer .fleft .icolist a.youtube {
    background-image: url(../images/ico_youtube.svg);
}

.g-footer .fleft .icolist a.LinkedIn {
    background-image: url(../images/ico_LinkedIn.svg);
}

.g-footer .fleft .icolist a.Facebook {
    background-image: url(../images/ico_Facebook.svg);
}

.g-footer .fleft .icolist a.wechat {
    background-image: url(../images/ico_wechat.svg);
}

.g-footer .fleft .icolist a.weibo {
    background-image: url(../images/ico_weibo.svg);
}

.g-footer .fleft .icolist a.douyin {
    background-image: url(../images/ico_douyin.svg);
}

.g-footer .fleft .icolist .code {
    position: absolute;
    left: calc(50% - 0.65rem);
    bottom: calc(100% + 0.1rem);
    width: 1.3rem;
    border: 1px solid #fff;
    background: #fff;
    opacity: 0;
    transition: all 0.3s;
    pointer-events: none;
}

.g-footer .fleft .icolist .code::before {
    content: '';
    position: absolute;
    left: calc(50% - 0.05rem);
    top: 100%;
    border: 0.05rem solid transparent;
    border-top-color: #fff;
}

.g-footer .fleft .icolist .code img {
    width: 100%;
}

.g-footer .fleft .icolist li:hover .code {
    opacity: 1;
    pointer-events: all;
}

.g-footer .fright {
    display: flex;
    flex: 1;
    justify-content: flex-end;
}

.g-footer .fright dl {
    min-width: 2rem;
}

.g-footer .fright dl:last-child {
    min-width: 0;
}

.g-footer .fright dt {
    font-size: 0.18rem;
    color: #fff;
    margin-bottom: 0.1rem;
}

.g-footer .fright dd {
    line-height: 0.48rem;
}

.qui_copyright {
    padding: 0.5rem 0 0.7rem 0;
    display: flex;
    justify-content: space-between;
    font-size: 0.14rem;
}

@media(max-width:1024px) {
    .g-footer {
        display: block;
        padding: 0.6rem 0;
    }

    .g-footer .fleft {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 0.3rem;
    }

    .g-footer .fright {
        justify-content: space-between;
    }

    .g-footer .fright dl {
        min-width: 0;
    }

    .g-footer .fright dt {
        font-size: 0.14rem;
        line-height: 1.2;
        margin: 0.1rem 0;
    }

    .g-footer .fright dd {
        line-height: 1.2;
        margin: 0.1rem 0;
        font-size: 0.12rem;
    }

    .qui_copyright {
        display: block;
        text-align: center;
        padding: 0.3rem 0 0.5rem 0;
    }
}

/* tablist */
.tablist {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

.tablist li {
    font-size: 0.18rem;
}

.tablist li+li {
    margin-left: 0.3rem;
}

.tablist a {
    position: relative;
    line-height: 0.4rem;
    display: block;
}

.tablist a::before {
    content: '';
    position: absolute;
    left: calc(50% - 0.1rem);
    top: 100%;
    border: 0.1rem solid transparent;
    transform: rotateY(60deg);
}

.tablist .on a,
.tablist a:hover {
    color: #f47c37;
}

.tablist .on a::before {
    border-top-color: #f47c37;
}

/* 首页banner */
.index_banner {
    position: relative;
    overflow: hidden;
}

.index_banner .dotlist {
    position: absolute;
    bottom: 0.5rem;
    font-size: 0.14rem;
    z-index: 2;
    color: #fff;
    cursor: pointer;
    width: auto;
    left: 2%;
}

.index_banner .dotlist .item {
    display: block;
    width: auto;
    background: none;
    opacity: 0.5;
    height: auto;
    position: relative;
    padding-left: 0.4rem;
    line-height: 0.4rem;
}

.index_banner .dotlist .swiper-pagination-bullet-active {
    opacity: 1;
}

.index_banner .dotlist .swiper-pagination-bullet-active::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 0.1rem);
    height: 0.2rem;
    border-left: 2px solid #f47c37;
}

@media(min-width:1681px) {
    .index_banner .dotlist {
        left: 50% !important;
        margin-left: -8rem;
    }
}

@media(max-width:1024px) {
    .index_banner .dotlist {
        bottom: 0.1rem;
    }

    .index_banner .dotlist .item {
        line-height: 0.2rem;
        padding-left: 0.15rem;
    }
}


/* 首页共用 */
.g-index-bg {
    background: left bottom;
    background-size: cover;
    padding: 0.95rem 0;
}

.g-index-cont {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.g-index-title {
    font-size: 0.36rem;
    line-height: 1.2;
}

.g-index-title .en {
    text-transform: uppercase;
    font-weight: bold;
}

.g-index-title .en.noup {
    text-transform: capitalize;
}

.g-index-title .cn {
    font-weight: bold;
}

.g-index-info {
    font-size: 0.16rem;
    margin: 0.6rem 0 0.8rem;
}

.g-index-info .bold {
    font-weight: bold;
}

.g-index-more {
    line-height: 0.48rem;
    display: flex;
    align-items: center;
}

.g-index-more a {
    display: flex;
    align-items: center;
    border: 1px solid #f47c37;
    color: #f47c37;
    border-radius: 0.25rem;
    padding: 0 0.25rem 0 0.3rem;
    background: #fff;
}

.g-index-more a::after {
    content: '';
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/ico_arrow.svg) center no-repeat;
    background-size: 0.07rem auto;
    margin-left: 0.35rem;
}

.g-index-more a:hover {
    background: #f47c37;
    color: #fff;
}

.g-index-more a:hover::after {
    background-image: url(../images/ico_arrow_w.svg);
}

@media(max-width:1024px) {
    .g-index-bg {
        padding: 0.6rem 0;
    }

    .g-index-title {
        font-size: 0.28rem;
    }

    .g-index-info {
        margin: 0.3rem 0;
    }

    .g-index-more a::after {
        margin-left: 0.2rem;
    }
}

@media(max-width:750px) {
    .g-index-bg {
        padding: 0.3rem 0;
    }

    .g-index-title {
        font-size: 0.24rem;
    }

    .g-index-info {
        margin: 0.3rem 0;
    }
}

/* 工艺流程 */
.index_gylc .cont {
    display: flex;
}

.index_gylc .cont .gleft {
    flex: 1;
    margin-right: 0.2rem;
}

.index_gylc .cont .gright {
    max-width: 12rem;
    padding: 0.5rem 0;
    width: 70%;
}

.index_gylc .marubox {
    width: 3.88rem;
    height: 3.88rem;
    position: relative;
    margin: 0 auto;
}

.index_gylc .marubox .border {
    border: 1px solid #f0f0f0;
    position: absolute;
    z-index: 7;
    width: calc(100% + 2.5rem);
    height: calc(100% + 2.5rem);
    top: -1.25rem;
    left: -1.25rem;
    border-radius: 50%;
    background: #f9f9f9;
}

.index_gylc .marubox::before {
    content: '';
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/maru.png) center no-repeat;
    background-size: 100% 100%;
    animation: marurotation 7s linear infinite;
    pointer-events: none;
}

.index_gylc .marubox::after {
    content: '';
    position: absolute;
    left: -0.5rem;
    top: -0.5rem;
    margin: auto;
    width: calc(100% + 1rem);
    height: calc(100% + 1rem);
    border-radius: 50%;
    border: 1px solid #f0f0f0;
    background: #fff;
    z-index: 8;
}

.index_gylc .marubox .center {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 72%;
    height: 72%;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9;
}

.index_gylc .marubox .list li {
    position: absolute;
    width: 0.76rem;
    height: 0.76rem;
    cursor: pointer;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.index_gylc .marubox .list li::before {
    content: '';
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/ico_maru_arrow.svg);
    background-size: 100% 100%;
    display: none;
}

.index_gylc .marubox .list li .text {
    white-space: nowrap;
    position: absolute;
    padding: 0.1rem;
    line-height: 0.2rem;
}

.index_gylc .marubox .list li:hover {
    background: linear-gradient(135deg, #f47c37, #ffb848);
}

.index_gylc .marubox .list li:hover::before {
    display: block;
}

.index_gylc .marubox .list li:hover .m {
    display: none;
}

.index_gylc .marubox .list li:hover .o {
    display: block;
}

.index_gylc .marubox .list li:nth-child(1) {
    left: calc(50% - 0.38rem);
    top: -0.76rem;
}

.index_gylc .marubox .list li:nth-child(1)::before {
    top: 100%;
    left: calc(50% - 0.1rem);
}

.index_gylc .marubox .list li:nth-child(1) .text {
    bottom: 100%;
    left: calc(50%);
    transform: translateX(-50%);
}

.index_gylc .marubox .list li:nth-child(2) {
    right: 0;
    top: 0;
    margin: -0.1rem -0.1rem 0 0;
}

.index_gylc .marubox .list li:nth-child(2)::before {
    top: 95%;
    right: 95%;
    transform: rotate(45deg);
    margin: -0.1rem -0.1rem 0 0;
}

.index_gylc .marubox .list li:nth-child(2) .text {
    bottom: 50%;
    left: 100%;
}

.index_gylc .marubox .list li:nth-child(3) {
    right: -0.76rem;
    top: calc(50% - 0.38rem);
}

.index_gylc .marubox .list li:nth-child(3)::before {
    right: 100%;
    top: calc(50% - 0.1rem);
    transform: rotate(90deg);
}

.index_gylc .marubox .list li:nth-child(3) .text {
    top: calc(50%);
    left: 100%;
    transform: translateY(-50%);
}

.index_gylc .marubox .list li:nth-child(4) {
    right: 0;
    bottom: 0;
    margin: 0 -0.1rem -0.1rem 0;
}

.index_gylc .marubox .list li:nth-child(4)::before {
    bottom: 95%;
    right: 95%;
    transform: rotate(135deg);
    margin: 0 -0.1rem -0.1rem 0;
}

.index_gylc .marubox .list li:nth-child(4) .text {
    top: 50%;
    left: 100%;
}

.index_gylc .marubox .list li:nth-child(5) {
    left: calc(50% - 0.38rem);
    bottom: -0.76rem;
}

.index_gylc .marubox .list li:nth-child(5)::before {
    bottom: 100%;
    left: calc(50% - 0.1rem);
    transform: rotate(180deg);
}

.index_gylc .marubox .list li:nth-child(5) .text {
    top: 100%;
    left: calc(50%);
    transform: translateX(-50%);
}

.index_gylc .marubox .list li:nth-child(6) {
    left: 0;
    bottom: 0;
    margin: 0 0 -0.1rem -0.1rem;
}

.index_gylc .marubox .list li:nth-child(6)::before {
    bottom: 95%;
    left: 95%;
    transform: rotate(225deg);
    margin: 0 0 -0.1rem -0.1rem;
}

.index_gylc .marubox .list li:nth-child(6) .text {
    top: 50%;
    right: 100%;
}

.index_gylc .marubox .list li:nth-child(7) {
    left: -0.76rem;
    top: calc(50% - 0.38rem);
}

.index_gylc .marubox .list li:nth-child(7)::before {
    left: 100%;
    top: calc(50% - 0.1rem);
    transform: rotate(-90deg);
}

.index_gylc .marubox .list li:nth-child(7) .text {
    top: calc(50%);
    right: 100%;
    transform: translateY(-50%);
}

.index_gylc .marubox .list li:nth-child(8) {
    left: 0;
    top: 0;
    margin: -0.1rem 0 0 -0.1rem;
}

.index_gylc .marubox .list li:nth-child(8)::before {
    top: 95%;
    left: 95%;
    transform: rotate(-45deg);
    margin: -0.1rem 0 0 -0.1rem;
}

.index_gylc .marubox .list li:nth-child(8) .text {
    bottom: 50%;
    right: 100%;
}

.index_gylc .marubox .list img {
    width: 0.5rem;
    height: 0.5rem;
    display: block;
}

.index_gylc .marubox .list .o {
    display: none;
}

@keyframes marurotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media(min-width:1025px) {
    .index_gylc .cont {
        overflow: hidden;
    }

    .index_gylc .cont .gright {
        margin-right: -4%;
    }
}

@media(max-width:1024px) {
    .index_gylc .cont {
        display: block;
    }

    .index_gylc .cont .gleft {
        margin-right: 0;
    }

    .index_gylc .cont .gright {
        width: 100%;
        margin-top: 0.6rem;
        padding: 0;
    }
}

@media(max-width:750px) {
    .index_gylc .cont .gright {
        margin-top: 0.3rem;
    }

    .index_gylc .marubox {
        transform: scale(0.6);
    }
}



.index_jcfa .cont {
    display: flex;
}

.index_jcfa .jleft {
    flex: 1;
    margin-right: 1.8rem;
}

.index_jcfa .jright {
    width: 9.7rem;
}

.index_jcfa .list {
    display: flex;
}

.index_jcfa .list li {
    flex: 1;
}

.index_jcfa .list li a {
    display: flex;
    flex-direction: column;
}

.index_jcfa .list li+li {
    margin-left: 1.2rem;
}

.index_jcfa .list li:nth-child(2n) a {
    flex-direction: column-reverse;
}

.index_jcfa .list li:nth-child(2n) .info::before {
    border-top-color: #f47c37;
    margin-top: 0.16rem;
}

.index_jcfa .list li:nth-child(2n + 1) .info::before {
    border-bottom-color: #f47c37;
    margin-top: -0.04rem;
}

.index_jcfa .list .g-pic {
    padding-bottom: 129%;
}

.index_jcfa .list .info {
    padding-left: 0.4rem;
    position: relative;
}

.index_jcfa .list .info::before {
    content: '';
    position: absolute;
    top: 0.4rem;
    left: 0;
    border: 0.16rem solid transparent;
    transform: rotateY(60deg);
}

.index_jcfa .list .title {
    font-size: 0.24rem;
    margin-top: 0.45rem;
    line-height: 0.3rem;
    color: #f47c37;
}

.index_jcfa .list a:hover .title {
    color: #f47c37;
}

.index_jcfa .list .text {
    font-size: 0.18rem;
    font-weight: 300;
    margin-bottom: 0.2rem;
    line-height: 0.2rem;
}

@media(max-width:1024px) {
    .index_jcfa .cont {
        display: block;
    }

    .index_jcfa .jleft {
        margin-right: 0;
    }

    .index_jcfa .jright {
        width: 100%;
        margin-top: 0.6rem;
    }

    .index_jcfa .list li+li {
        margin-left: 0.6rem;
    }
}

@media(max-width:750px) {
    .index_jcfa .jright {
        margin-top: 0.3rem;
    }

    .index_jcfa .list li+li {
        margin-left: 0.2rem;
    }

    .index_jcfa .list li .info::before {
        top: 0.1rem;
    }

    .index_jcfa .list li:nth-child(2n) .info::before {
        margin-top: 0.08rem;
    }

    .index_jcfa .list li:nth-child(2n + 1) .info::before {
        margin-top: -0.08rem;
    }

    .index_jcfa .list .title {
        font-size: 0.18rem;
        margin-top: 0.1rem;
    }

    .index_jcfa .list .text {
        font-size: 0.14rem;
        margin-bottom: 0.1rem;
    }
}



.index_tjcp {
    overflow: hidden;
}

.index_tjcp .topbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_tjcp .topbox li {
    margin-left: 0.3rem;
}

.index_tjcp .libox {
    display: flex;
}

.index_tjcp .libox .tleft {
    flex: 1;
    margin-right: 0.4rem;
}

.index_tjcp .libox .tleft .title {
    font-size: 0.36rem;
    color: #f47c37;
    line-height: 1.2;
    margin-top: 1.4rem;
}

.index_tjcp .libox .tleft .t1 {
    font-size: 0.18rem;
    font-weight: 300;
    margin: 0.2rem 0 0.3rem 0;
}

.index_tjcp .libox .tleft .t2 {
    font-size: 0.14rem;
    position: relative;
    margin-bottom: 0.5rem;
    padding-bottom: 0.4rem;
}

.index_tjcp .libox .tleft .t2::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300%;
    border-top: 1px solid #e4e4e4;
}

.index_tjcp .libox .tleft .btnlist {
    display: flex;
}

.index_tjcp .libox .tleft .btnlist>*+* {
    margin-left: 0.24rem;
}

.index_tjcp .libox .tright {
    width: 11.4rem;
    overflow: hidden;
    padding-left: 0.4rem;
}

.index_tjcp .libox .tright a {
    display: block;
    position: relative;
    margin-top: 20%;
}

.index_tjcp .libox .tright a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #f5f5f7;
    box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.3);
}

.index_tjcp .libox .tright .n {
    position: absolute;
    left: -0.4rem;
    top: calc(50% - 0.42rem);
    width: 0.84rem;
    height: 0.84rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f47c37;
    color: #fff;
    font-size: 0.3rem;
    z-index: 9;
    display: none;
}

.index_tjcp .libox .tright .swiper-slide-active .n {
    display: flex;
}

.index_tjcp .libox .tright .pic {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    margin-left: -0.3rem;
}

.index_tjcp .libox .tright .g-pic {
    padding-bottom: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.index_tjcp .libox .tright .g-pic img {
    object-fit: contain;
}

.index_tjcp .libox .tright ul {
    align-items: center;
}

.index_tjcp .libox .tright .swiper-box {
    width: 4.9rem;
}

.index_tjcp .libox .tright li.gx {
    width: 2.65rem !important;
}

@media(min-width:1841px) {
    .index_tjcp .libox .tright {
        margin-right: -80px;
    }
}

@media(min-width:1025px) {
    .index_tjcp .g-index-title {
        font-size: 0.3rem;
    }
}

@media(max-width:1840px) {
    .index_tjcp .libox .tright {
        width: 9.6rem;
    }
}

@media(max-width:1024px) {
    .index_tjcp .libox {
        display: block;
    }

    .index_tjcp .libox .tleft {
        margin-right: 0;
    }

    .index_tjcp .libox .tleft .t2::before {
        width: 100%;
    }

    .index_tjcp .libox .tleft .title {
        margin-top: 0.3rem;
        font-size: 0.28rem;
    }

    .index_tjcp .libox .tright {
        width: 100%;
    }

    .index_tjcp .contbox {
        display: none;
    }

    .index_tjcp .topbox {
        display: block;
    }
}

@media(max-width:750px) {

    .index_tjcp .libox .tleft .title {
        font-size: 0.4rem;
    }

    .index_tjcp .libox .tright .swiper-box {
        width: 100%;
    }

    .index_tjcp {
        background: #fff !important;
    }
}





.index_xmal {
    background: #f5f5f7;
}

.index_xmal .topbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_xmal .topbox .tright {
    display: flex;
    align-items: center;
    flex: 1;
}

.index_xmal .tablist {
    margin-right: 0.45rem;
}

.index_xmal .tablist li {
    margin-left: 0.3rem;
}

.index_xmal .g-prev,
.index_xmal .g-next {
    background-color: #fff;
    margin-left: 0.26rem;
}

.index_xmal .libox {
    overflow: hidden;
    margin-top: 0.4rem;
}

.index_xmal .libox li {
    width: 3.3rem;
}

.index_xmal .libox li:first-child {
    width: 5.5rem;
}

.index_xmal .libox .g-pic {
    height: 5.8rem;
    padding-bottom: 0;
}

.index_xmal .libox .a {
    display: block;
    position: relative;
}

.index_xmal .libox .cont {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    text-align: center;
    padding: 0.35rem 0;
    height: 1rem;
    transition: all 0.3s;
    font-weight: 300;
}

.index_xmal .libox .a:hover .cont {
    background: rgba(244, 124, 55, 0.8);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.index_xmal .libox .a:hover .cont .title {
    font-size: 0.24rem;
}

.index_xmal .libox .a:hover .cont .addr,
.index_xmal .libox .a:hover .cont .info {
    display: block;
}

.index_xmal .libox .cont .addr,
.index_xmal .libox .cont .info {
    display: none;
    margin: 0.1rem 0;
}

.index_xmal .wapbox {
    display: none;
}

@media(max-width:1024px) {
    .index_xmal .topbox {
        display: block;
    }

    .index_xmal .tablist,
    .index_xmal .contbox {
        display: none;
    }

    .index_xmal .wapbox {
        display: block;
    }

    .index_xmal .libox li {
        width: 2.4rem;
    }

    .index_xmal .libox li:first-child {
        width: 4rem;
    }

    .index_xmal .libox .g-pic {
        height: 4.22rem;
    }

    .index_xmal .g-prev,
    .index_xmal .g-next {
        margin-top: 0.2rem;
    }

    .index_xmal .g-prev {
        margin-left: 0;
    }
}

@media(max-width:750px) {
    .index_xmal .topbox .tright {
        flex-wrap: wrap;
    }

    .index_xmal .tablist {
        margin-right: 0;
        width: 100%;
    }

    .index_xmal .tablist li+li {
        margin-left: 0.1rem;
    }

    .index_xmal .libox li {
        width: 1.4rem;
    }

    .index_xmal .libox li:first-child {
        width: 2.33rem;
    }

    .index_xmal .libox .g-pic {
        height: 2.46rem;
    }
}





.index_xwhd {
    position: relative;
}

.index_xwhd .left_ico {
    width: 2.19rem;
    height: 4.2rem;
    background: url(../images/sanjiao.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: -3.1rem;
    z-index: 1;
}

.index_xwhd .cont {
    display: flex;
}

.index_xwhd .xleft {
    flex: 1;
    padding-right: 1.2rem;
    position: relative;
}

.index_xwhd .xleft::before {
    content: '';
    position: absolute;
    right: -0.85rem;
    top: -0.3rem;
    width: 1.69rem;
    height: 1.5rem;
    background: url(../images/ico_dot.svg);
    background-size: 100% 100%;
}

.index_xwhd .xright {
    width: 11.6rem;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.index_xwhd .xright a {
    display: block;
    padding: 0.4rem;
    background: #f5f5f7;
}

.index_xwhd .xright .g-pic {
    padding-bottom: 69.23%;
}

.index_xwhd .xright .title {
    font-size: 0.18rem;
    line-height: 0.3rem;
    margin: 0.4rem 0 0.2rem 0;
    height: 0.6rem;
}

.index_xwhd .xright .time {
    color: #666;
    font-weight: 300;
}

.index_xwhd .xright .more {
    margin-top: 1rem;
    background: url(../images/ico_more_news_off.png) no-repeat;
    background-position: -0.4rem 0.33rem;
    background-size: 1.29rem auto;
    color: #666;
    line-height: 0.4rem;
    transition: all 0.3s;
}

.index_xwhd .xright a:hover .more {
    background-image: url(../images/ico_more_news.png);
    background-position: 0 0.33rem;
    color: #f47c37;
}

.index_xwhd .g-index-info {
    color: #999;
}

.index_xwhd .btnlist {
    display: flex;
}

.index_xwhd .btnlist>*+* {
    margin-left: 0.24rem;
}

@media(max-width:1560px) {
    .index_xwhd .xright {
        width: 9.6rem;
    }
}

@media(max-width:1024px) {

    .index_xwhd .left_ico,
    .index_xwhd .xleft::before {
        display: none;
    }

    .index_xwhd .cont {
        display: block;
    }

    .index_xwhd .xleft {
        padding-right: 0;
    }

    .index_xwhd .xright {
        width: 100%;
        margin-top: 0.2rem;
    }

    .index_xwhd .xright a {
        padding: 0.2rem;
    }

    .index_xwhd .xright .more {
        margin-top: 0.6rem;
    }
}




/* 内页banner */
.qui_banbox {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qui_banbox::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1;
}

.qui_banbox video,
.qui_banbox>img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.qui_banbox video {
    display: block;
    width: 100%;
}

.qui_banbox>img {
    min-height: 3.6rem;
    object-fit: cover;
    width: 100%;
}

.qui_banbox .quiinfo {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 1.8rem;
    width: 96%;
    max-width: 16rem;
    color: #fff;
    transform: translateX(-50%);
    line-height: 1.3;
    text-align: right;
}

.qui_banbox .quicn {
    font-size: .48rem;
}

.qui_banbox .quien {
    font-size: 0.36rem;
    margin-top: .16rem;
}

.qui_banbox .menu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.qui_banbox .menu ul {
    display: flex;
    line-height: 0.9rem;
}

.qui_banbox .menu li {
    position: relative;
}

.qui_banbox .menu li+li {
    margin-left: 0.65rem;
}

.qui_banbox .menu a {
    font-size: 0.2rem;
    font-weight: 300;
    color: #fff;
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.qui_banbox .menu a::before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    border-bottom: 2px solid transparent;
    transition: all 0.3s;
}

.qui_banbox .menu .on a::before,
.qui_banbox .menu a:hover::before {
    border-color: #f47c37;
}

.qui_banbox .ban_case {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 0.7rem;
    color: #fff;
    line-height: 1.4;
}

.qui_banbox .ban_case .class {
    font-size: 0.24rem;
}

.qui_banbox .ban_case .class span {
    position: relative;
}

.qui_banbox .ban_case .class span::before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    left: calc(100% + 0.1rem);
    border-top: 2px solid #f47c37;
    width: 0.36rem;
}

.qui_banbox .ban_case .title {
    font-size: 0.48rem;
    letter-spacing: 0.1em;
}

@media(max-width:1024px) {
    .qui_banbox .quicn {
        font-size: 0.3rem;
    }

    .qui_banbox .quien {
        font-size: 0.2rem;
    }

    .qui_banbox .quiinfo {
        bottom: 0.8rem;
    }

    .qui_banbox .menu ul {
        line-height: 0.6rem;
    }

    .qui_banbox .menu li+li {
        margin-left: 0.3rem;
    }

    .qui_banbox .menu a {
        font-size: 0.16rem;
    }
}

@media(max-width:750px) {
    .qui_banbox video {
        display: none;
    }

    .qui_banbox .quiinfo {
        padding-top: 0;
    }

    .qui_banbox>img {
        min-height: 2.4rem;
    }

    .qui_banbox .quicn {
        font-size: 0.22rem;
    }

    .qui_banbox .quien {
        font-size: 0.18rem;
    }
}


/* 内页标题 */
.sub_title {
    display: flex;
    margin-bottom: 0.6rem;
    justify-content: space-between;
}

.sub_title .title {
    font-size: 0.36rem;
    line-height: 0.45rem;
}

.sub_title .clist {
    display: flex;
    line-height: 0.2rem;
    margin-top: 0.15rem;
    font-size: 0.18rem;
    flex-wrap: wrap;
}

.sub_title .clist li {
    margin-left: 0.6rem;
}

.sub_title .clist li.on a {
    color: #f47c37;
}

.info_title {
    font-size: 0.3rem;
    line-height: 1.4;
}

@media(max-width:1024px) {
    .sub_title {
        margin-bottom: 0.3rem;
        display: block;
    }

    .sub_title .title {
        font-size: 0.24rem;
        text-align: center;
    }

    .sub_title .clist {
        font-size: 0.16rem;
        justify-content: center;
    }

    .sub_title .clist li {
        margin: 0.05rem 0.06rem;
    }

    .info_title {
        font-size: 0.24rem;
    }


    .sub_title .clist {
        margin: 0 -0.2rem;
    }

    .sub_title .clist li a {
        display: block;
        background: none;
        border-radius: 100px;
        border: 1px solid #f47c37;
        padding: 0.1rem 0.2rem;
        line-height: 0.2rem;
        color: #f47c37;
        min-width: calc(5em + 0.4rem);
        text-align: center;
        font-size: 0.12rem;
    }

    .sub_title .clist li.on a {
        background: #f47c37;
        color: #fff;
    }
}

@media(max-width:750px) {
    .sub_title {
        margin-bottom: 0.2rem;
    }

    .sub_title .title {
        font-size: 0.2rem;
    }

    .sub_title .clist {
        font-size: 0.14rem;
    }

    .info_title {
        font-size: 0.18rem;
    }
}


/*  */

/* 内页主要内容 */
.sub_content {
    padding: 0.7rem 0 1.35rem 0;
}

@media(max-width:1024px) {
    .sub_content {
        padding: 0.5rem 0;
    }
}

@media(max-width:750px) {
    .sub_content {
        padding: 0.3rem 0;
    }
}



/* 解决方案-经典方案 */
.sub_caselist ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -0.6rem;
}

.sub_caselist li {
    width: calc(50% - 0.3rem);
    margin: 0.6rem 0 0 0.6rem;
}

.sub_caselist li:nth-child(2n + 1) {
    margin-left: 0 !important;
}

.sub_caselist li a {
    position: relative;
}

.sub_caselist li .g-pic {
    padding-bottom: 51.95%;
}

.sub_caselist li .g-pic::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
    z-index: 1;
}

.sub_caselist li .cont {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0.3rem 0.4rem;
    max-width: 5.9rem;
    color: #fff;
    line-height: 0.4rem;
}

.sub_caselist li .cont::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.42rem;
    width: 0.17rem;
    height: 0.19rem;
    background: url(../images/ico_left_arrow.svg) center no-repeat;
    background-size: contain;
}

.sub_caselist li .title {
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
}

.sub_caselist li .info {
    font-weight: 300;
    line-height: 0.26rem;
}

@media(max-width:1024px) {
    .sub_caselist ul {
        margin-top: -0.3rem;
    }

    .sub_caselist li {
        width: calc(50% - 0.15rem);
        margin: 0.3rem 0 0 0.3rem;
    }

    .sub_caselist li .g-pic::before {
        display: none;
    }

    .sub_caselist li .cont {
        position: relative;
        color: #333;
        padding: 0.15rem 0.2rem;
        background: #eee;
    }

    .sub_caselist li .cont::before {
        top: 0.26rem;
    }
}

@media(max-width:750px) {
    .sub_caselist li {
        width: 100%;
        margin-left: 0;
    }
}



/* 经典案例详情 tab */
.casetablist ul {
    display: flex;
    font-size: 0.18rem;
    margin: 0 -0.1rem;
}

.casetablist li {
    margin: 0.1rem;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
    padding: 0.25rem;
    background: #f5f5f7;
    cursor: pointer;
    flex: 1;
    transition: all 0.3s;
    position: relative;
    line-height: 0.25rem;
}

.casetablist li::before {
    content: '';
    border: 0.12rem solid transparent;
    position: absolute;
    left: 0.43rem;
    top: 100%;
}

.casetablist li .n {
    color: #f47c37;
    font-weight: bold;
}

.casetablist li .t {
    flex: 1;
    margin-left: 0.15rem;
}

.casetablist li:hover,
.casetablist li.on {
    background: #f47c37;
}

.casetablist li:hover .n,
.casetablist li.on .n,
.casetablist li:hover .t,
.casetablist li.on .t {
    color: #fff;
}

.casetablist li.on::before {
    border-top-color: #f47c37;
}

@media(max-width:1024px) {
    .casetablist ul {
        flex-wrap: wrap;
    }

    .casetablist li {
        width: calc(100% / 3.2);
        flex: auto;
    }

    .casetablist li::before {
        display: none;
    }
}

@media(max-width:750px) {
    .casetablist li {
        padding: 0.15rem 0.1rem;
    }
}


/* 痛点 */
.tongdian .casetablist {
    margin: 0.5rem 0 0.7rem 0;
    overflow: hidden;
}

.tongdian .qui_single {
    margin: 0.25rem 0;
}

@media(max-width:1024px) {
    .tongdian .casetablist {
        margin: 0.4rem 0;
    }
}

@media(max-width:750px) {
    .tongdian .casetablist {
        margin: 0.2rem 0;
    }
}


/* 模型 */
.modelbox img {
    display: block;
    width: 100%;
}


/* 解决思路 */
.list_silu {
    margin: 0.25rem 0 1.2rem 0;
}

.list_silu ul {
    display: flex;
}

.list_silu li {
    flex: 1;
    background: #f5f5f7;
    display: flex;
    padding: 0.6rem 0.45rem;
}

.list_silu li+li {
    margin-left: 0.34rem;
}

.list_silu .sleft {
    width: 0.27rem;
    height: 0.27rem;
    line-height: 0.27rem;
    text-align: center;
    background: #f47c37;
    color: #fff;
    border-radius: 50%;
    margin-right: 0.2rem;
    font-size: 0.14rem;
    font-weight: bold;
}

.list_silu .sright {
    flex: 1;
}

.list_silu .title {
    font-size: 0.2rem;
    margin-bottom: 0.1rem;
    line-height: 0.27rem;
}

.list_silu .info {
    font-size: 0.18rem;
    font-weight: 300;
}

@media(max-width:1024px) {
    .list_silu {
        margin: 0.25rem 0 0.5rem 0;
    }

    .list_silu ul {
        display: block;
    }

    .list_silu li {
        padding: 0.3rem;
    }

    .list_silu li+li {
        margin: 0.2rem 0 0 0;
    }
}

@media(max-width:750px) {
    .list_silu li {
        padding: 0.2rem;
    }
}



/* 方案流程 */
.sub_liucheng {
    position: relative;
    padding: 1.2rem 3%;
    max-width: 16rem;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.sub_liucheng::before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 0.024rem);
    right: 0;
    border-top: 0.04rem solid #f47c37;
}

.sub_liucheng a {
    display: flex;
    flex-direction: column;
}

.sub_liucheng .g-pic img {
    border-radius: 50%;
    border: 0.08rem solid #f5f5f7;
}

.sub_liucheng .pic {
    position: relative;
}

.sub_liucheng .pic::before {
    content: '';
    position: absolute;
    border: 0.12rem solid transparent;
    left: calc(50% - 0.12rem);
}

.sub_liucheng .title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.sub_liucheng .title::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 0.2rem;
    height: 0.2rem;
    border: 0.06rem solid #f47c37;
    background: #fff;
}

.sub_liucheng .title span {
    background: #f47c37;
    color: #fff;
    font-size: 0.18rem;
    font-weight: 300;
    padding: 0 0.25rem;
    height: 0.32rem;
    line-height: 0.32rem;
    border-radius: 0.16rem;
}

.sub_liucheng li:nth-child(2n) a {
    flex-direction: column-reverse;
    padding-top: calc(100% + 0.1rem);
}

.sub_liucheng li:nth-child(2n) .pic::before {
    border-bottom-color: #f5f5f7;
    top: -0.22rem;
}

.sub_liucheng li:nth-child(2n + 1) .pic::before {
    border-top-color: #f5f5f7;
    bottom: -0.22rem;
}

.sub_liucheng li:nth-child(2n) .title {
    margin-bottom: 0.8rem;
}

.sub_liucheng li:nth-child(2n + 1) .title {
    margin-top: 0.8rem;
}

.sub_liucheng li:nth-child(2n) .title::before {
    bottom: -0.29rem;
}

.sub_liucheng li:nth-child(2n + 1) .title::before {
    top: -0.29rem;
}

@media(max-width:1024px) {
    .sub_liucheng {
        padding: 0.5rem 3%;
    }
}


/* 解决方案 - 推荐 */
.tuijian {
    background: #f5f5f7;
    padding: 0.9rem 0;
}

.tuijian .info_title {
    margin-bottom: 0.3rem;
}

.info_prod_list ul {
    display: flex;
}

.info_prod_list li {
    width: calc((100% - 1rem) / 3);
}

.info_prod_list li+li {
    margin-left: 0.5rem;
}

.info_prod_list li .g-pic {
    padding-bottom: 54%;
}

.info_prod_list li .title {
    line-height: 0.68rem;
    border-top: 1px solid #dcdcde;
    border-bottom: 1px solid #dcdcde;
    font-size: 0.18rem;
}

@media(max-width:1024px) {
    .tuijian {
        padding: 0.5rem 0;
    }

    .tuijian .info_title {
        margin-bottom: 0.15rem;
    }

    .info_prod_list li {
        width: calc((100% - 0.3rem) / 3);
    }

    .info_prod_list li+li {
        margin-left: 0.15rem;
    }
}

@media(max-width:750px) {
    .info_prod_list ul {
        display: block;
    }

    .info_prod_list li {
        width: 100%;
    }

    .info_prod_list li+li {
        margin: 0.15rem 0 0 0;
    }
}


/* 解决方案 - 案例 */
.anli .info_title {
    margin: 0.9rem 0 0.3rem 0;
}

.anli_list {
    display: flex;
}

.anli_list li {
    width: calc((100% - 1rem) / 3);
}

.anli_list li+li {
    margin-left: 0.5rem;
}

.anli_list .g-pic {
    padding-bottom: 60%;
}

@media(max-width:1024px) {
    .anli_list {
        display: block;
    }

    .anli_list li {
        width: 100%;
    }

    .anli_list li+li {
        margin: 0.15rem 0 0 0;
    }
}


/* 共用案例样式 */
.sub_anli_list a {
    position: relative;
    display: block;
}

.sub_anli_list .cont {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1rem;
    font-weight: 300;
    padding: 0.15rem 0.85rem 0.15rem 0.45rem;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    display: flex;
    transition: all 0.3s;
    flex-direction: column;
    justify-content: flex-end;
}

.sub_anli_list .cont::before {
    content: '';
    position: absolute;
    right: 0.32rem;
    bottom: 0.32rem;
    width: 0.38rem;
    height: 0.38rem;
    background: url(../images/ico_more.svg);
    background-size: 100% 100%;
}

.sub_anli_list .title {
    line-height: 0.4rem;
    font-size: 0.24rem;
    transition: all 0.3s;
}

.sub_anli_list .info {
    font-size: 0.18rem;
    line-height: 0.3rem;
    transition: all 0.3s;
}

.sub_anli_list .details {
    height: 0;
    font-size: 0.18rem;
    max-width: 7rem;
}

.sub_anli_list a:hover .cont {
    background: rgba(244, 124, 55, 0.8);
    height: 100%;
}

.sub_anli_list a:hover .title {
    font-size: 0.48rem;
    line-height: 1.2;
    font-weight: 500;
}

.sub_anli_list a:hover .details {
    height: auto;
    margin-top: 0.15rem;
    margin-bottom: 0.2rem;
}

@media(max-width:1024px) {
    .sub_anli_list .title {
        font-size: 0.18rem;
    }

    .sub_anli_list a:hover .title {
        font-size: 0.32rem;
    }

    .sub_anli_list .info,
    .sub_anli_list .details {
        font-size: 0.14rem;
    }
}

@media(max-width:750px) {
    .sub_anli_list .cont {
        height: 0.9rem;
        padding: 0.1rem 0.7rem 0.1rem 0.2rem;
    }

    .sub_anli_list .cont::before {
        right: 0.16rem;
    }
}



/* 产品 */
.prod_list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.26rem;
}

.prod_list li {
    width: 25%;
    padding: .3rem .26rem;
}

.prod_list a {
    display: block;
    background: #f5f5f7;
}

.prod_list .g-pic {
    padding-bottom: 120%;
}

.prod_list .cont {
    position: relative;
    padding: 0.3rem 0.4rem;
    padding-right: 0.9rem;
}

.prod_list .cont::before {
    content: '';
    position: absolute;
    right: 0.32rem;
    bottom: 0.32rem;
    width: 0.38rem;
    height: 0.38rem;
    background: url(../images/ico_more.svg);
    background-size: 100% 100%;
    border-radius: 50%;
}

.prod_list a:hover .cont::before {
    background-image: url(../images/ico_more_o.svg);
    box-shadow: 0 0 5px 0 #f47c37;
}

.prod_list .title {
    font-size: 0.2rem;
}

.prod_list .info {
    font-size: 0.14rem;
}

@media(max-width:1024px) {
    .prod_list ul {
        margin: 0 -0.1rem;
    }

    .prod_list li {
        width: 50%;
        padding: 0.1rem;
    }
}

@media(max-width:750px) {
    .prod_list ul {
        margin: 0 -0.08rem;
    }

    .prod_list li {
        width: 50%;
        padding: 0.08rem;
    }

    .prod_list .cont::before {
        display: none;
    }

    .prod_list .cont {
        padding: 0.2rem;
    }
}


.linetop {
    border-top: 1px solid #ddd;
}

.sub_local {
    font-size: 0.14rem;
    margin: 0.2rem 0 0.5rem;
    color: #666;
}

.sub_local a {
    color: #666;
}

.sub_local a:hover {
    color: #f47c37;
}



.prod_info_01 {
    display: flex;
}

.prod_info_01 .pileft {
    width: 6.1rem;
    margin-right: 0.77rem;
    display: flex;
    position: relative;
}

.prod_info_01 .pileft .mpic {
    width: 85%;
}

.prod_info_01 .pileft .mpic .g-pic {
    padding-bottom: 144.42%;
    background: #f5f5f7;
}

.prod_info_01 .pileft .plist {
    margin-left: 0.1rem;
    flex: 1;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 13%;
}

.prod_info_01 .pileft .plist .g-pic {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    background: #f5f5f7;
}

.prod_info_01 .pileft .plist .on .g-pic::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #f47c37;
    z-index: 2;
}

.prod_info_01 .piright {
    flex: 1;
}

.prod_info_01 .piright>.t1 {
    font-size: 0.36rem;
    color: #f47c37;
    line-height: 1.2;
}

.prod_info_01 .piright>.t2 {
    font-size: 0.18rem;
    color: #333;
    font-weight: 500;
    padding-bottom: 0.35rem;
    margin-bottom: 0.35rem;
    border-bottom: 2px solid #e4e4e4;
    line-height: 1.4;
    padding-top: 0.05rem;
}

.prod_info_01 .piright>.t3 {
    color: #666;
    font-weight: 300;
    margin-bottom: 0.3rem;
}

.prod_info_01 .piright>.tlist {
    display: flex;
    flex-wrap: wrap;
    margin: 0.25rem -0.05rem;
}

.prod_info_01 .piright>.tlist li {
    line-height: 0.3rem;
    padding: 0.1rem;
    min-width: 1.05rem;
    text-align: center;
    border: 1px solid #eee;
    margin: 0.05rem;
    cursor: pointer;
}

.prod_info_01 .piright>.tlist li.on {
    background: #f47c37;
    border-color: #f47c37;
    color: #fff;
}

.prod_info_01 .piright>.clist {
    border-bottom: 1px solid #f5f5f7;
    border-top: 1px solid #f5f5f7;
    padding: 0.38rem 0;
}

.prod_info_01 .piright>.clist .item {
    display: flex;
}

.prod_info_01 .piright>.clist .item .cleft {
    min-width: 1.1rem;
    line-height: 0.3rem;
    height: 0.3rem;
    border-radius: 0.15rem;
    background: #f5f5f7;
    color: #666;
    text-align: center;
    padding: 0 0.2rem;
    margin-right: 0.25rem;
    font-weight: 300;
}

.prod_info_01 .piright>.clist .item+.item {
    margin-top: 0.14rem;
}

@media(min-width:1025px) {
    .prod_info_01 .piright>.t3 {
        min-height: 2.96rem;
    }
}

@media(max-width:1024px) {
    .prod_info_01 {
        display: block;
    }

    .prod_info_01 .pileft {
        width: 100%;
    }

    .prod_info_01 .piright>.t1 {
        font-size: 0.28rem;
    }

    .prod_info_01 .pileft {
        margin: 0 0 0.3rem 0;
    }
}

@media(max-width:750px) {
    .prod_info_01 .piright>.t1 {
        font-size: 0.24rem;
    }
}


.prod_title {
    padding: 0.9rem 0 0.2rem 0;
    border-bottom: 1px solid #f5f5f7;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0.35rem;
}

.prod_title .cn {
    font-size: 0.36rem;
    font-weight: 500;
}

.prod_title .en {
    text-transform: uppercase;
    font-size: 0.24rem;
    opacity: 0.2;
    letter-spacing: 0.2em;
    font-weight: bold;
}

@media(max-width:1024px) {
    .prod_title {
        padding-top: 0.6rem;
        margin-bottom: 0.2rem;
    }

    .prod_title .cn {
        font-size: 0.28rem;
    }

    .prod_title .en {
        font-size: 0.2rem;
    }
}

@media(max-width:750px) {
    .prod_title {
        padding-top: 0.4rem;
        margin-bottom: 0.15rem;
    }

    .prod_title .cn {
        font-size: 0.24rem;
    }

    .prod_title .en {
        font-size: 0.18rem;
    }
}


.tedian_list ul {
    display: flex;
    margin: 0 -0.19rem;
}

.tedian_list li {
    width: calc(100% / 3);
    padding: 0 0.19rem;
}

.tedian_list li .g-pic {
    padding-bottom: 64.7%;
}

.tedian_list li .title {
    text-align: center;
    margin: 0.25rem auto;
    max-width: 3.5rem;
}

@media(max-width:1024px) {
    .tedian_list ul {
        display: flex;
        margin: 0 -0.1rem;
    }

    .tedian_list li {
        padding: 0.1rem;
    }

    .tedian_list li .title {
        margin: 0.15rem auto;
    }
}


.info_table_1538 {
    width: 100%;
    text-align: center;
    border-color: #f5f5f7;
    font-weight: 300;
}

.info_table_1538 td {
    border-color: #f5f5f7;
}

.info_table_1538 td:nth-child(1) {
    text-align: left;
    padding: 0 0.5rem;
    width: 30%;
}

.info_table_1538 thead {
    background: #f7f7f9;
}

.info_table_1538 tr:nth-child(2n) {
    background: #fcfcfd;
}

@media(max-width:1024px) {
    .info_table_1538 td:nth-child(1) {
        text-align: left;
        padding: 0 0.1rem;
        width: 30%;
    }
}





/* 下载列表 产品详情共用  */
.downlist li+li {
    margin-top: 0.2rem;
}

.downlist a {
    display: flex;
    align-items: center;
    background: #f7f7f9;
    padding: 0.25rem 0.3rem;
}

.downlist a:hover {
    background: #fafafb;
}

.downlist .ico {
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/ico_pdf.svg);
    background-size: 100% 100%;
}

.downlist .title {
    flex: 1;
    min-width: 0;
    margin: 0 0.3rem 0 0.1rem;
    font-size: 0.2rem;
    font-weight: 500;
}

.downlist .btn {
    line-height: 0.4rem;
    border-radius: 0.2rem;
    background: #f47c37;
    width: 0.9rem;
    text-align: center;
    color: #fff;
}

@media(max-width:1024px) {
    .downlist a {
        padding: 0.15rem;
    }

    .downlist li+li {
        margin-top: 0.15rem;
    }

    .downlist .title {
        font-size: 0.16rem;
    }
}


.peijian_list {
    padding: 0.1rem 0 .8rem 0;
}

.peijian_list ul {
    display: flex;
    margin: -0.27rem;
    flex-wrap: wrap;
}

.peijian_list li {
    width: 25%;
    padding: 0.27rem;
    font-size: 0.18rem;
}

.peijian_list a {
    background: #f5f5f7;
    display: block;
    padding: 0.2rem;
}

.peijian_list .g-pic {
    padding-bottom: 125%;
}

.peijian_list .title {
    text-align: center;
    padding-top: 0.2rem;
}

@media(max-width:1024px) {
    .peijian_list {
        padding-bottom: 0.6rem;
    }

    .peijian_list ul {
        margin: -0.1rem;
    }

    .peijian_list li {
        padding: 0.1rem;
        font-size: 0.16rem;
    }
}

@media(max-width:750px) {
    .peijian_list {
        padding-bottom: 0.3rem;
    }

    .peijian_list li {
        width: 50%;
    }
}



.liuyanbox {
    background: url(../images/bg_liuyan.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden;
    color: #fff;
}

.liuyanbox .prod_title {
    border: none;
}

.liuyanbox .prod_title .text {
    font-size: 0.18rem;
    opacity: 0.5;
    margin-top: 0.2rem;
}

.liuyanbox .formbox {
    padding-bottom: 0.8rem;
}

.liuyanbox .formbox input {
    color: #fff;
    height: 0.6rem;
    line-height: 0.6rem;
    flex: 1;
}

.liuyanbox .formbox ul {
    display: flex;
    flex-wrap: wrap;
}

.liuyanbox .formbox li {
    width: calc(50% - .23rem);
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    margin-top: 0.3rem;
    padding: 0 0.3rem;
    line-height: 0.6rem;
}

.liuyanbox .formbox li:nth-child(2n) {
    margin-left: .46rem;
}

.liuyanbox .formbox .label {
    white-space: nowrap;
    width: 4em;
}

.liuyanbox .formbox .t {
    width: 100%;
    padding-right: 0;
}

.liuyanbox .formbox .t .label {
    width: 6em;
}

.liuyanbox .formbox textarea {
    flex: 1;
    line-height: 0.3rem;
    height: 1.4rem;
    color: #fff;
    padding: 0.15rem 0.3rem 0.15rem 0;
}

.liuyanbox .formbox .subbtn {
    display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.8rem 0 0.2rem;
}

.liuyanbox .formbox .subbtn .btn {
    min-width: 2.6rem;
    text-align: center;
    background: #f47c37;
    line-height: 0.6rem;
    border-radius: 0.3rem;
    color: #fff;
    font-size: 0.24rem;
    font-weight: 500;
}

@media(max-width:1024px) {
    .liuyanbox .prod_title .text {
        margin-top: 0.1rem;
    }

    .liuyanbox .formbox {
        padding-bottom: 0.6rem;
    }
}

@media(max-width:750px) {
    .liuyanbox .formbox .subbtn {
        margin: 0.4rem 0 0 0;
    }

    .liuyanbox .formbox li {
        width: 100%;
        margin-left: 0 !important;
        margin-top: 0.15rem;
    }
}


.selectlist {
    display: flex;
}

.selectlist .item {
    width: 2rem;
}

.selectlist .item+.item {
    margin-left: 0.2rem;
}

@media(min-width:1025px) {
    .selectlist .item:nth-child(2) {
        margin-left: 0.1rem;
    }
}

@media(max-width:1024px) {
    .xmal_select {
        display: block;
    }

    .selectlist {
        margin-top: 0.1rem;
    }
}

@media(max-width:375px) {
    .selectlist {
        flex-wrap: wrap;
        margin-top: 0;
    }

    .selectlist .item {
        margin-top: 0.1rem;
        flex: auto;
    }

    .selectlist .item:nth-child(2n + 1) {
        margin-left: 0;
    }
}



.xmal_list .sub_anli_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.xmal_list .sub_anli_list li {
    width: calc(50% - 0.2rem);
}

.xmal_list .sub_anli_list .g-pic {
    padding-bottom: 62%;
}

@media(min-width:1025px) {
    .xmal_list .sub_anli_list li:nth-child(1) {
        width: 66.3%;
    }

    .xmal_list .sub_anli_list li:nth-child(2),
    .xmal_list .sub_anli_list li:nth-child(3) {
        width: 31.25%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .xmal_list .sub_anli_list li:nth-child(3) {
        transform: translateY(100%);
        top: 0.38rem;
    }

    .xmal_list .sub_anli_list li:nth-child(4),
    .xmal_list .sub_anli_list li:nth-child(5) {
        margin-top: 0.4rem;
    }

    .xmal_list .sub_anli_list li:nth-child(5) {
        margin-left: 0.4rem;
    }
}

@media(max-width:1024px) {
    .xmal_list .sub_anli_list li {
        margin-top: 0.2rem;
        width: calc(50% - 0.1rem);
    }

    .xmal_list .sub_anli_list li:nth-child(2n + 1) {
        margin: 0.2rem 0 0 0.2rem;
    }

    .xmal_list .sub_anli_list li:first-child {
        width: 100%;
        margin: 0;
    }
}

@media(max-width:750px) {
    .xmal_list .sub_anli_list li {
        width: 100%;
        margin-left: 0 !important;
    }
}



.faq_search {
    display: flex;
}

.faq_search input {
    border: 1px solid #e2e2e2;
    border-right: none;
    line-height: calc(0.48rem - 2px);
    height: .48rem;
    padding: 0 0.18rem;
}

.faq_search input:focus {
    border-color: #f47c37;
}

.faq_search .btn {
    cursor: pointer;
    width: 0.63rem;
    height: calc(0.48rem);
    background: #f47c37 url(../images/ico_search_w.svg) center no-repeat;
    background-size: 0.2rem auto;
}


.faq_list li+li {
    margin-top: 0.2rem;
}

.faq_list .title {
    background: #f7f7f9;
    padding: 0.3rem 0.4rem;
    font-size: 0.18rem;
    display: flex;
    font-weight: 300;
    cursor: pointer;
}

.faq_list .title .txt {
    position: relative;
    flex: 1;
    padding-right: 0.3rem;
    line-height: 0.3rem;
}

.faq_list .title .txt::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0.07rem;
    width: 0.16rem;
    height: 0.16rem;
    background: url(../images/ico_arrow.svg);
    background-size: 0.16rem 0.16rem;
}

.faq_list .on .title .txt::before {
    transform: rotate(90deg);
}

.faq_list .title .ico,
.faq_list .cont .ico {
    width: 0.24rem;
    height: 0.24rem;
    background: #f47c37;
    color: #fff;
    font-size: 0.14rem;
    text-align: center;
    margin-right: 0.16rem;
    position: relative;
}

.faq_list .title .ico::before,
.faq_list .cont .ico::before {
    content: '';
    position: absolute;
    left: 100%;
    top: calc(50% - 0.05rem);
    border: 0.05rem solid transparent;
    border-left-color: #f47c37;
}

.faq_list .cont {
    display: none;
}

.faq_list .cont .box {
    padding: 0.35rem 0.8rem;
    display: flex;
}

.faq_list .cont .qui_single {
    flex: 1;
}

@media(max-width:1024px) {
    .faq_list .title {
        padding: 0.2rem 0.1rem;
    }

    .faq_list .cont .box {
        padding: 0.2rem 0.3rem;
    }
}



.about_gsjj {
    overflow: hidden;
}

.about_gsjj .agleft .about_title {
    margin-bottom: 0.3rem;
}

.about_gsjj .agright .video-box {
    width: 100%;
    display: block;
    padding-bottom: 83%;
    position: relative;
}

.about_gsjj .agright .video-box video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

@media(min-width:1025px) {
    .about_gsjj {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .about_gsjj .agleft {
        width: 8rem;
    }

    .about_gsjj .agright {
        width: 50%;
    }

    .about_gsjj .agleft {
        padding-right: 1.25rem;
        max-width: 47%;
    }
}

@media(max-width:1024px) {
    .about_gsjj {
        padding: 0.4rem 0.2rem;
    }

    .about_gsjj .agright {
        margin-top: 0.3rem;
    }

    .about_gsjj .agright img {
        width: 100%;
    }
}


.about_title .cn {
    font-size: 0.36rem;
}

.about_title .en {
    text-transform: uppercase;
    font-size: 0.36rem;
    font-weight: bold;
    opacity: 0.1;
    position: relative;
    margin-top: -0.1rem;
}

@media(max-width:1024px) {

    .about_title .cn,
    .about_title .en {
        font-size: 0.28rem;
    }
}

@media(max-width:1024px) {

    .about_title .cn,
    .about_title .en {
        font-size: 0.22rem;
    }
}

.about_info_1023 {
    display: flex;
}

.about_info_1023 .item {
    flex: auto;
}

.about_info_1023 .item+.item {
    margin-left: 0.1rem;
}

.about_info_1023 .item .n {
    font-weight: 300;
    line-height: 1;
    margin-top: 0.3rem;
}

.about_info_1023 .item .n span {
    color: #f47c37;
    font-size: 0.42rem;
    font-weight: bold;
}

@media(min-width:1025px) {
    .about_info_1023 .item .n {
        white-space: nowrap;
    }
}

@media(max-width:1024px) {
    .about_info_1023 .item .n span {
        font-size: 0.32rem;
    }
}

@media(max-width:750px) {
    .about_info_1023 .item .n span {
        font-size: 0.24rem;
    }
}





.about_qywh {
    background: #f5f5f7;
    padding: 1.5rem 0 1.2rem 0;
    margin-top: 0.6rem;
}

.about_qywh ul {
    display: flex;
}

.about_qywh li {
    flex: 1;
    background: #f47c37;
    padding: 0.8rem 0.65rem 1.6rem 0.65rem;
    overflow: hidden;
    color: #fff;
    position: relative;
    z-index: 1;
}

/* transition:all 0.3s; */
/* .about_qywh li:hover{ clip-path: polygon(100% 0%,100% 100%, 0 100%, 0 0);} */
.about_qywh li .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.about_qywh li .ico {
    height: 0.5rem;
}

.about_qywh li .title {
    font-size: 0.3rem;
    margin: 0.3rem 0;
    line-height: 1.2;
}

.about_qywh li .cont {
    font-weight: 300;
}

@media(min-width:1025px) {
    .about_qywh li {
        clip-path: polygon(100% 10%, 100% 90%, 0 100%, 0 0);
    }

    .about_qywh li+li {
        margin-left: 0.52rem;
    }
}

@media(max-width:1024px) {
    .about_qywh {
        padding: 0.6rem 0;
        margin-top: 0.3rem;
    }

    .about_qywh ul {
        flex-wrap: wrap;
    }

    .about_qywh li {
        width: calc(50% - 0.1rem);
        flex: none;
        margin-top: 0.2rem;
        padding: 0.4rem 0.25rem 0.5rem 0.25rem;
    }

    .about_qywh li:nth-child(2n) {
        margin-left: 0.2rem;
    }

    .about_qywh li .title {
        font-size: 0.24rem;
        margin: 0.2rem 0;
    }
}




/* 发展历程 */
.about_fzlc {
    background: url(../images/bg_fzlc.jpg) center no-repeat;
    background-size: cover;
    padding-top: 1.1rem;
    overflow: hidden;
}

.qui_history .quili {
    background: #fff;
    position: relative;
    padding: 0.5rem;
    box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, .05);
}

.qui_history .quili::before {
    content: '';
    position: absolute;
    left: -1px;
    border-left: 0.03rem solid #f47c37;
}

.qui_history .title {
    font-size: 0.36rem;
    color: #f47c37;
    font-weight: bold;
    line-height: 1.2;
}

.qui_history .quili1 {
    z-index: 5;
}

.qui_history .quili2 {
    z-index: 4;
}

.qui_history .quili3 {
    z-index: 3;
}

.qui_history .quili4 {
    z-index: 2;
}

@media(min-width:1025px) {
    .qui_history {
        height: 6.5rem;
        background: url(../images/arrow_fzlc.svg) center top no-repeat;
        background-size: 16rem auto;
    }

    .qui_history .qui_ovv {
        overflow: hidden;
        height: 6.5rem;
    }

    .qui_history .quili {
        position: absolute;
        left: 0;
        bottom: 1.25rem;
    }

    .qui_history .quili1 .quili {
        width: 3.75rem;
        left: 1.2rem;
    }

    .qui_history .quili1 .quili::before {
        top: 0;
        bottom: -2rem
    }

    .qui_history .quili2 .quili {
        width: 3.75rem;
        left: -0.7rem;
        bottom: 4rem;
    }

    .qui_history .quili2 .quili::before {
        top: 0;
        bottom: -1.6rem
    }

    .qui_history .quili3 .quili {
        width: 3.75rem;
        left: 0;
        bottom: 0.8rem;
    }

    .qui_history .quili3 .quili::before {
        bottom: 0;
        top: -1.2rem;
    }

    .qui_history .quili4 .quili {
        width: 3.75rem;
        left: -1.4rem;
        bottom: auto;
        top: 1.2rem;
    }

    .qui_history .quili4 .quili::before {
        bottom: 0;
        top: 0;
    }
}

@media(max-width:1024px) {
    .about_fzlc {
        padding-top: 0.6rem;
    }

    .qui_history {
        padding: 0.6rem 0;
    }

    .qui_history .quili {
        padding: 0.2rem;
    }
}

@media(max-width:750px) {
    .about_fzlc {
        padding-top: 0.3rem;
    }

    .qui_history {
        padding: 0.3rem 0;
    }
}



.g-next,
.g-prev {
    border-radius: 50%;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
    background: #f5f5f7 url(../images/ico_ban.svg) center no-repeat;
    background-size: 0.2rem auto;
    transition: all 0.3s;
}

.g-next {
    transform: rotate(180deg);
}

.g-prev:hover,
.g-next:hover {
    background-color: #f47c37;
    background-image: url(../images/ico_ban_w.svg);
    box-shadow: 0 0 0.1rem 0 rgba(244, 124, 55, 0.5);
}

@media(max-width:750px) {

    .g-next,
    .g-prev {
        width: 0.45rem;
        height: 0.45rem;
    }
}




.about_sccj {
    overflow: hidden;
}

.about_sccj .list {
    margin-top: 0.6rem;
}

.about_sccj .list .g-pic {
    padding-bottom: 64.6%;
}

.about_sccj .info_and_btn {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.about_sccj .info_and_btn .info {
    font-weight: 300;
}

.about_sccj .info_and_btn .btnlist {
    display: flex;
    margin-left: 0.2rem;
}

.about_sccj .info_and_btn .btnlist>*+* {
    margin-left: 0.25rem;
}

.about_sccj .two-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about_sccj .two-list .item {
    width: calc(50% - 0.2rem);
    margin-top: 0.4rem;
}

.about_sccj .two-list .g-pic {
    padding-bottom: 64%;
}

.about_sccj .two-list .g-pic video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.about_sccj .two-list .title {
    font-weight: 300;
    text-align: center;
    position: absolute;
    left: 0.1rem;
    right: 0.1rem;
    bottom: 0.2rem;
    line-height: 2;
    color: #fff;
    z-index: 3;
    font-size: 0.22rem;
    pointer-events: none;
}

@media(max-width:1024px) {
    .about_sccj .list {
        margin-top: 0.4rem;
    }

    .about_sccj .two-list .item {
        width: calc(50% - 0.1rem);
        margin-top: 0.2rem;
    }
}

@media(max-width:750px) {
    .about_sccj .list {
        margin-top: 0.3rem;
    }

    .about_sccj .two-list .title {
        bottom: 0;
    }

    .about_sccj .two-list .item {
        width: 100%;
        margin-top: 0.1rem;
    }

    .about_sccj .two-list .item.video-item {
        display: none;
    }

    .about_sccj .two-list .item .play {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .02) url(../images/ico-play.svg) center no-repeat;
        background-size: 0.6rem auto;
        z-index: 10;
    }

    .about_sccj .info_and_btn .btnlist>*+* {
        margin-left: 0.15rem;
    }
}




.about_jytd {
    background: #f5f5f7;
}

.about_jytd .about_title {
    margin-bottom: 0.3rem;
}

.about_jytd .list ul {
    display: flex;
    flex-wrap: wrap;
}

.about_jytd .list li {
    background: #fff;
    padding: 0.6rem;
}

.about_jytd .list .title {
    color: #f47c37;
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
}

.about_jytd .list .info {
    font-weight: 300;
    line-height: 2;
}

.about_jytd .list .imglist img {
    width: 100%;
    display: block;
    margin-top: 0.15rem;
}

@media(min-width:1025px) {
    .about_jytd .list ul {
        padding-top: 0.2rem;
    }

    .about_jytd .list li:first-child {
        width: 6.3rem;
    }

    .about_jytd .list li+li {
        margin-left: 0.35rem;
        flex: 1;
    }
}

@media(max-width:1024px) {
    .about_jytd .list li {
        padding: 0.3rem;
        width: 100%;
    }

    .about_jytd .list li+li {
        margin-top: 0.15rem;
    }
}

@media(max-width:750px) {
    .about_jytd .list li {
        padding: 0.2rem;
    }
}


.about_ryzz {
    background: #f5f5f7;
    overflow: hidden;
}

.about_ryzz .cont {
    position: relative;
    z-index: 1;
}

.about_ryzz .cont .btn {
    position: absolute;
    top: calc(50% - 0.3rem);
    background-color: #fff;
    z-index: 1000;
}

.about_ryzz .cont .btn:hover {
    background-color: #f47c37;
}

.about_ryzz .cont .g-next {
    right: 0;
}

.about_ryzz .cont .g-prev {
    left: 0;
}

#certify {
    position: relative;
    width: 13.5rem;
    margin: 0 auto;
}

#certify .g-pic {
    padding-bottom: 126.8%;
}

#certify .swiper-container {
    padding-bottom: 0.6rem;
}

#certify .swiper-slide {
    width: 4.1rem;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}

#certify .swiper-slide img {
    display: block;
    object-fit: contain;
    padding: 0.2rem;
}

#certify .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

@media(min-width:1025px) {
    .about_ryzz {
        padding-bottom: 0.6rem;
    }
}

@media(max-width:1024px) {
    #certify {
        width: 130%;
        transform: scale(0.6);
        margin: -15%;
    }
}




.news_list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0.6rem;
    background: #f5f5f7;
}

.news_list dt a {
    padding: 0;
}

.news_list dt .pic {
    width: 6.8rem;
}

.news_list dt .g-pic {
    padding-bottom: 69.11%;
}

.news_list dt .cont {
    flex: 1;
    padding: 0.3rem 0.8rem;
}

.news_list dt .title {
    font-size: 0.3rem;
    line-height: 1.4;
    color: #333;
}

.news_list dt .time {
    font-weight: 300;
    color: #333;
}

.news_list dt .info {
    margin: 0.3rem 0;
    line-height: 1.8;
    color: #333;
}

.news_list dt .more {
    background: url(../images/ico_more_news_off.png) no-repeat;
    background-size: 1.29rem auto;
    color: #666;
    line-height: 0.4rem;
    margin-bottom: 0.5rem;
    background-position: -0.4rem 0.33rem;
    transition: all 0.3s;
}

.news_list dt a:hover .title {
    color: #f47c37;
}

.news_list dt a:hover .more {
    background-image: url(../images/ico_more_news.png);
    background-position: 0 0.33rem;
    color: #f47c37;
}

.news_list dd {
    margin-top: 0.2rem;
}

.news_list dd:nth-child(2n) a {
    background: #fafafb;
}

.news_list dd .cont {
    flex: 1;
    max-width: 11.3rem;
}

.news_list dd .title {
    font-size: 0.24rem;
}

.news_list dd .info {
    color: #333;
    font-weight: 300;
    margin-top: 0.15rem;
}

.news_list dd .time {
    text-align: right;
    font-weight: 300;
    margin-left: 0.3rem;
}

.news_list dd .time .t1 {
    font-size: 0.24rem;
}

@media(max-width:1024px) {
    .news_list a {
        padding: 0.3rem;
    }

    .news_list dt .more {
        display: none;
    }

    .news_list dt .pic {
        width: 40%;
    }

    .news_list dt .cont {
        padding: 0.1rem 0.2rem;
    }

    .news_list dt .info {
        margin-bottom: 0;
        margin-top: 0.2rem;
    }

    .news_list dt .title {
        font-size: 0.24rem;
    }

    .news_list dd .title {
        font-size: 0.2rem;
    }
}

@media(max-width:1024px) {
    .news_list a {
        padding: 0.2rem;
    }

    .news_list dt .title {
        font-size: 0.2rem;
    }

    .news_list dt .time,
    .news_list dd .time {
        display: none;
    }

    .news_list dt .info {
        -webkit-line-clamp: 2;
    }

    .news_list dd .title {
        font-size: 0.18rem;
    }
}




.news_info {
    font-weight: 300;
}

.news_info>.title {
    text-align: center;
    font-size: 0.36rem;
    line-height: 1.4;
    color: #f47c37;
}

.news_info>.time {
    text-align: center;
    font-size: 0.18rem;
    color: #333;
    border-bottom: 2px solid #e4e4e4;
    padding-bottom: 0.3rem;
    margin-bottom: 0.4rem;
}

.news_info>.warp {
    max-width: 12rem;
    margin: 0 auto;
}

.news_info>.warp .qui_single {
    min-height: 3rem;
}

.news_info>.warp>.foot {
    padding: 0.5rem 0;
    border-top: 2px solid #e4e4e4;
    margin-top: 0.4rem;
}

.news_info>.warp>.foot ul {
    display: flex;
    justify-content: space-between;
}

.news_info>.warp>.foot li {
    max-width: 40%;
}

@media(max-width:1024px) {
    .news_info>.title {
        font-size: 0.24rem;
    }

    .news_info>.warp>.foot {
        padding: 0.4rem 0;
    }
}

@media(max-width:750px) {
    .news_info>.warp>.foot ul {
        display: block;
    }

    .news_info>.warp>.foot li {
        max-width: 100%;
    }

    .news_info>.warp>.foot li+li {
        margin-top: 0.1rem;
    }
}



.top_lxwm {
    background: #f5f5f7 url(../images/bg_lxwm.jpg) right center no-repeat;
    background-size: auto 100%;
    padding: 0.5rem 0.6rem;
    display: flex;
}

.top_lxwm .item {
    min-width: 35%;
}

.top_lxwm .item+.item {
    margin-left: 0.2rem;
}

.top_lxwm .ico {
    padding-left: 0.25rem;
    font-size: 0.18rem;
    background: left center no-repeat;
    background-size: 0.14rem auto;
}

.top_lxwm .ico.tel {
    background-image: url(../images/ico_tel_lxwm.svg);
}

.top_lxwm .ico.email {
    background-image: url(../images/ico_email.svg);
}

.top_lxwm .t1,
.top_lxwm .t2 {
    line-height: 0.5rem;
}

.top_lxwm .t1 {
    font-weight: 300;
}

.top_lxwm .t1 span {
    color: #f47c37;
    font-size: 0.36rem;
    font-weight: bold;
    position: relative;
    top: 0.02rem;
}

.top_lxwm .t2 {
    font-size: 0.24rem;
    color: #333;
}

@media(max-width:1024px) {
    .top_lxwm {
        padding: 0.5rem 0.3rem;
    }

    .top_lxwm .t1 span {
        font-size: 0.28rem;
    }

    .top_lxwm .t2 {
        font-size: 0.2rem;
    }
}

@media(max-width:750px) {
    .top_lxwm {
        display: block;
    }

    .top_lxwm .item {
        width: 100%;
    }

    .top_lxwm .item+.item {
        margin: 0.2rem 0 0 0;
    }
}



.main_lxwm {
    display: flex;
    margin-top: 0.6rem;
    overflow: hidden;
}

.main_lxwm .item {
    position: relative;
    flex: 1;
    border-left: 1px solid #e4e4e4;
    padding: 0.3rem 0;
}

.main_lxwm .btitle {
    font-size: 0.48rem;
    color: #ccc;
    line-height: 1.6;
}

.main_lxwm .entitle {
    text-transform: uppercase;
    position: absolute;
    user-select: none;
    right: 0;
    top: 0;
    font-size: 1.8rem;
    color: #cccccc;
    opacity: 0.1;
    writing-mode: vertical-rl;
    white-space: nowrap;
    font-weight: bold;
    line-height: 0.75;
}

.main_lxwm .btitle,
.main_lxwm .title,
.main_lxwm .info {
    padding-left: 0.6rem;
}

.main_lxwm .title {
    position: relative;
    font-size: 0.24rem;
    color: #f47c37;
    line-height: 0.26rem;
    margin: 0.2rem 0;
}

.main_lxwm .title::before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    border-left: 0.06rem solid #f47c37;
}

.main_lxwm .ico {
    position: relative;
    line-height: 0.28rem;
    padding: .1rem 0;
    background: left center no-repeat;
    background-size: 0.14rem auto;
    padding-left: 0.35rem;
    font-weight: 300;
}

.main_lxwm .ico.user {
    background-image: url(../images/ico_user.svg);
}

.main_lxwm .ico.addr {
    background-image: url(../images/ico_addr.svg);
}

.main_lxwm .ico.tel {
    background-image: url(../images/ico_tel_lxwm.svg);
}

.main_lxwm .ico.email {
    background-image: url(../images/ico_email.svg);
}

@media(min-width:1025px) {
    .main_lxwm .btitle {
        padding-bottom: 0.2rem;
    }
}

@media(max-width:1024px) {
    .main_lxwm {
        display: block;
        margin-top: 0.4rem;
    }
}

@media(max-width:750px) {
    .main_lxwm {
        margin-top: 0.3rem;
    }

    .main_lxwm .btitle {
        font-size: 0.32rem;
    }

    .main_lxwm .btitle,
    .main_lxwm .title,
    .main_lxwm .info {
        padding-left: 0.3rem;
    }
}

.serverlist {
    background: #f7f7f9;
    padding: 0.75rem;
}

.serverlist ul {
    display: flex;
    flex-wrap: wrap;
}

.serverlist li {
    width: calc((100% - 0.9rem) / 2);
    margin-top: 0.6rem;
}

.serverlist li:nth-child(2n) {
    margin-left: 0.9rem;
}

.serverlist li a {
    display: flex;
    align-items: center;
    position: relative;
}

.serverlist li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    clip-path: polygon(0.4rem 0, 100% 0%, calc(100% - 0.4rem) 100%, 0% 100%);
}

.serverlist .pic {
    clip-path: polygon(0.4rem 0, 100% 0%, calc(100% - 0.4rem) 100%, 0% 100%);
    width: 2.74rem;
    position: relative;
    top: -0.3rem;
    left: -0.3rem;
}

.serverlist .g-pic {
    padding-bottom: 91.24%;
}

.serverlist .n {
    font-size: 0.96rem;
    position: absolute;
    right: 0.4rem;
    top: 0;
    background-image: linear-gradient(0deg, #fffcfa 5%, #fef0e7);
    -webkit-background-clip: text;
    color: transparent;
    line-height: 1;
    font-weight: bold;
}

.serverlist .cont {
    position: relative;
    z-index: 1;
    padding-right: 0.9rem;
    flex: 1;
}

.serverlist .title {
    font-size: 0.22rem;
    margin-bottom: 0.2rem;
}

.serverlist .info {
    line-height: 0.3rem;
}

@media(min-width:1025px) {
    .serverlist {
        margin-bottom: -0.5rem;
    }

    .serverlist ul {
        margin-top: -0.3rem;
    }
}

@media(max-width:1024px) {
    .serverlist {
        padding: 0.2rem;
        padding-left: 0.5rem;
    }

    .serverlist li {
        width: 100%;
    }

    .serverlist li:nth-child(2n) {
        margin-left: 0;
    }
}

@media(max-width:1024px) {
    .serverlist li {
        margin-top: 0.4rem;
    }

    .serverlist .pic {
        width: 1.6rem;
    }

    .serverlist .cont {
        padding-right: 0.3rem;
        position: relative;
        left: -0.2rem;
    }

    .serverlist .title {
        margin-bottom: 0.1rem;
        font-size: 0.18rem;
    }

    .serverlist .info {
        font-size: 0.14rem;
        line-height: 1.4;
    }
}





/* 在线留言 */
.messagepage {
    font-size: 0.18rem;
    margin: 0 auto;
}

.messagepage .qui_1200 {
    max-width: 8.5rem;
}

.messagepage .bigtitle {
    text-align: center;
    margin-bottom: 0.3rem;
}

.messagepage li+li {
    margin-top: 0.25rem;
}

.messagepage li .title {
    margin-bottom: 0.1rem;
}

.messagepage li .cont {
    background: #fff;
}

.messagepage li .cont input,
.messagepage li .cont textarea {
    border: 1px solid #e5e5e5;
    line-height: 0.28rem;
    padding: 0.05rem 0.2rem;
    display: block;
    width: 100%;
    font-size: 0.14rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.messagepage li .cont input:focus,
.messagepage li .cont textarea:focus {
    border-color: #f47c37;
}

.messagepage li .cont textarea {
    height: 1.9rem;
}

.messagepage li .subbtn {
    cursor: pointer;
    line-height: 0.42rem;
    width: 1.4rem;
    text-align: center;
    color: #fff;
    background: #f47c37;
    margin: 0 auto;
    font-size: 0.16rem;
    display: block;
    border: 1px solid #e5e5e5;
}




/* 头部修改 */
.headertop .qui_submenu .list10161>a {
    display: block;
    padding-left: 0.23rem;
    background: url(../images/ico_dot.png) left center no-repeat;
    background-size: 0.1rem;
    font-size: 0.18rem;
    margin-top: 0.3rem;
}

@media(min-width:1025px) {
    .headertop .qui_submenu {
        align-items: flex-start;
    }

    .headertop .qui_submenu dd {
        transform: translateX(var(--left));
    }

    .headertop .qui_submenu .list10161 {
        padding-left: 0.7rem;
        width: 3.2rem;
    }

    .headertop .qui_submenu .list10162 {
        display: flex;
        padding-left: 0.7rem;
        margin-right: -0.6rem;
    }

    .headertop .qui_submenu .list10162>a {
        display: block;
        max-width: 1rem;
    }

    .headertop .qui_submenu .list10162>a+a {
        margin-left: 0.4rem;
    }

    .headertop .qui_submenu .list10162>a>.i162 {
        width: 1rem;
        height: 1rem;
        background: #fff;
        border-radius: 50%;
        object-fit: contain;
    }

    .headertop .qui_submenu .list10162>a>.t162 {
        font-size: .18rem;
        text-align: center;
        margin-top: 0.2rem;
    }

    .headertop .qui_submenu .list10162+a {
        margin-top: 0.3rem;
    }
}

@media(max-width:1024px) {

    .headertop .qui_submenu .list10161,
    .headertop .qui_submenu .list10162 {
        margin-top: -0.2rem;
    }

    .headertop .qui_submenu .list10161>a {
        margin: 0.2rem 0 0.2rem 0.5rem;
    }

    .headertop .qui_submenu .list10162>a {
        display: block;
        padding-left: 0.23rem;
        background: url(../images/ico_dot.png) left center no-repeat;
        background-size: 0.1rem;
        font-size: 0.18rem;
        margin: 0.2rem 0 0.2rem 0.5rem;
    }

    .headertop .qui_submenu .list10162 img {
        display: none;
    }
}



/* 社会责任 */
.responsibility_1206 .top {
    background: #cf662e;
    padding: 0.2rem;
    color: #fff;
}

.responsibility_1206 .top .title {
    font-size: 0.24rem;
    font-weight: bold;
    border-left: 0.04rem solid #fff;
    line-height: 1;
    padding-left: 0.2rem;
}

.responsibility_1206 .top .info {
    margin-top: 0.2rem;
    font-size: 0.18rem;
}

.responsibility_1206 .list {
    display: flex;
    flex-wrap: wrap;
    background: #f6f7f7;
    padding: 0.3rem;
    position: relative;
}

.responsibility_1206 .list .item {
    margin-top: 0.2rem;
    position: relative;
    z-index: 5;
}

.responsibility_1206 .list .item .title {
    color: #cf662e;
    font-weight: bold;
    font-size: 0.18rem;
}

.responsibility_1206 .list .item .info {
    font-size: 0.16rem;
}

@media(min-width:1025px) {
    .responsibility_1206 .list .item {
        width: 30%;
        margin-top: 0.3rem;
    }

    .responsibility_1206 .list .item:nth-child(1),
    .responsibility_1206 .list .item:nth-child(2) {
        margin-top: 0;
    }

    .responsibility_1206 .list .item:nth-child(2n +1) {
        text-align: right;
    }

    .responsibility_1206 .list .item:nth-child(2n) {
        margin-left: 40%;
    }

    .responsibility_1206 .list .item .title {
        position: relative;
    }

    .responsibility_1206 .list .item .title::before {
        content: '';
        position: absolute;
        width: 0.09rem;
        height: 0.09rem;
        border-radius: 50%;
        border: 1px solid #9f9f9f;
        top: calc(50% - 0.04rem);
        background: #f6f7f7;
        z-index: 2;
    }

    .responsibility_1206 .list .item .title::after {
        content: '';
        position: absolute;
        top: 50%;
        border-top: 1px solid #9f9f9f;
        width: 0.6rem;
        z-index: 1;
    }

    .responsibility_1206 .list .item:nth-child(2n) .title::before {
        left: -0.8rem;
    }

    .responsibility_1206 .list .item:nth-child(2n + 1) .title::before {
        right: -0.8rem;
    }

    .responsibility_1206 .list .item:nth-child(2n) .title::after {
        left: -0.75rem;
    }

    .responsibility_1206 .list .item:nth-child(2n + 1) .title::after {
        right: -0.75rem;
    }

    .responsibility_1206 .list .item:nth-child(2n + 1) .title {
        text-align: right;
    }

    .responsibility_1206 .list .img {
        position: absolute;
        width: 30%;
        left: 35%;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media(max-width:1024px) {
    .responsibility_1206 .list .img {
        width: 100%;
    }
}


/* 首页画布 */
.canvas_box {
    position: relative;
    padding-bottom: 50%;
}

.gylc_canvas {
    width: 100%;
    height: 100%;
    position: absolute;
}



.sub_gxlist ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -0.6rem;
}

.sub_gxlist li {
    width: calc(50% - 0.3rem);
    margin: 0.6rem 0 0 0.6rem;
    border-top: 1px solid #f1f1f1;
}

.sub_gxlist li:nth-child(2n + 1) {
    margin-left: 0 !important;
}

.sub_gxlist li .g-pic {
    padding-bottom: 60%;
}

.sub_gxlist li .cont {
    padding: 0.3rem 1.2rem 0.3rem 0.4rem;
    background: #f5f5f7;
    position: relative;
}

.sub_gxlist li .cont .title {
    font-size: 0.24rem;
    font-weight: 500;
    margin-bottom: 0.2rem;
    color: #333;
}

.sub_gxlist li .cont .info {
    font-size: 0.16rem;
    font-weight: 300;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    white-space: pre-wrap;
    line-height: 1.4;
    height: 4.2em;
}

.sub_gxlist li .cont .img {
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    max-height: 0.35rem;
    max-width: 0.55rem;
}

@media(max-width:1024px) {
    .sub_gxlist ul {
        margin-top: -0.3rem;
    }

    .sub_gxlist li {
        width: calc(50% - 0.15rem);
        margin: 0.3rem 0 0 0.3rem;
    }
}

@media(max-width:750px) {
    .sub_gxlist li {
        width: 100%;
        margin-left: 0;
    }
}




/* 杆型材质 */
.caizhi_list {
    display: flex;
    flex-wrap: wrap;
}

.caizhi_list .item {
    position: relative;
    display: flex;
    align-items: center;
}

.caizhi_list .item>* {
    position: relative;
    z-index: 1;
}

.caizhi_list .item::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 1.6rem;
    background: #f5f5f7;
    z-index: 0;
}

.caizhi_list .item .pic {
    width: 55%;
}

.caizhi_list .item .g-pic {
    padding-bottom: 158%;
}

.caizhi_list .item .cont {
    padding: 1.9rem 0.4rem 0.3rem 0.4rem;
    flex: 1;
}

.caizhi_list .item .cont .title {
    font-size: 0.24rem;
    font-weight: 500;
    margin-bottom: 0.2rem;
}

.caizhi_list .item .cont .info {
    font-size: 0.16rem;
    font-weight: 300;
    word-wrap: break-word;
    white-space: pre-wrap;
}

@media (min-width:1025px) {
    .caizhi_list {
        margin-top: -0.5rem;
    }

    .caizhi_list .item {
        width: calc((100% - 1rem) / 3);
        margin: 0.5rem 0 0 0.5rem;
    }

    .caizhi_list .item:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media(max-width:1024px) {
    .caizhi_list {
        margin-top: -0.3rem;
    }

    .caizhi_list .item {
        width: calc((100% - 0.3rem) / 2);
        margin: 0.3rem 0 0 0.3rem;
    }

    .caizhi_list .item:nth-child(2n + 1) {
        margin-left: 0;
    }

    .caizhi_list .item .pic {
        width: 50%;
    }
}

@media(max-width:750px) {
    .caizhi_list .item {
        flex-direction: column-reverse;
    }

    .caizhi_list .item .cont {
        padding: 0.2rem 0.3rem;
    }

    .caizhi_list .item .pic {
        width: 100%;
    }
}


/* 杆型分类 */
.fenlei_box {
    background: #f5f5f7;
    margin: 1rem 0;
    padding: 1rem 0;
}

@media(max-width:1024px) {
    .fenlei_box {
        padding: 0.5rem 0;
        margin: 0.5rem 0;
    }
}

.fenlei_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -0.2rem;
}

.fenlei_list .item {
    position: relative;
    overflow: hidden;
    margin-top: 0.2rem;
}

.fenlei_list .item>* {
    position: relative;
    z-index: 1;
}

.fenlei_list .item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 46%;
    bottom: 0;
    background: #fff;
    z-index: 0;
}

.fenlei_list .item::after {
    content: '';
    position: absolute;
    width: 45%;
    height: 100%;
    background: url(../images/dot-bg.png) left bottom no-repeat;
    background-size: 100% auto;
    left: -1px;
    bottom: -1px;
}

.fenlei_list .item .g-pic {
    padding-bottom: 66%;
    margin: 0 0.2rem;
}

.fenlei_list .item .cont .title {
    position: relative;
    z-index: 1;
    font-size: 0.18rem;
    font-weight: 500;
    margin: 0.3rem;
}

@media (min-width:1025px) {
    .fenlei_list .item {
        width: 20%;
    }
}

@media(max-width:1024px) {
    .fenlei_list .item {
        width: calc(100% / 3);
    }

    .fenlei_list .item .cont .title {
        margin: 0.1rem 0.2rem;
    }
}

@media(max-width:750px) {
    .fenlei_list .item {
        width: 50%;
    }
}


/* 灯杆类型 */
.leixing_list {
    display: flex;
    flex-wrap: wrap;
}

.leixing_list .item .cont {
    background: #f5f5f7;
    text-align: center;
    padding: 0.2rem;
    padding-top: 1rem;
    margin-top: -0.8rem;
}

.leixing_list .item .cont .title {
    font-size: 0.18rem;
    text-align: center;
}

.leixing_list .item .g-pic {
    padding-bottom: 120%;
}

@media (min-width:1025px) {
    .leixing_list .item {
        width: 25%;
    }
}

@media (max-width:1024px) {
    .leixing_list .item {
        width: 50%;
    }
}

/* 工艺要求 */
.gyyq_list {
    background: #f5f5f7;
    padding: 0.5rem;
    margin: 0.5rem 0 0.7rem 0;
    position: relative;
}

.gyyq_list>ul>li {
    display: flex;
}

.gyyq_list>ul>li::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.31rem;
    height: 2.33rem;
    background: url(../images/dot_bg_2.png);
    background-size: 100% 100%;
    z-index: 2;
}

.gyyq_list .gyyq_right {
    background: #fff;
    padding: 0.35rem;
    min-height: 2rem;
}

@media (min-width:1025px) {
    .gyyq_list .gyyq_left {
        flex: 1;
        margin-right: 0.5rem;
    }

    .gyyq_list .gyyq_right {
        width: 4.9rem;
    }
}

@media (max-width:1024px) {
    .gyyq_list {
        padding: 0.3rem;
        margin: 0.2rem 0 0.3rem 0;
    }

    .gyyq_list>ul>li {
        display: block;
    }

    .gyyq_list .gyyq_left {
        margin-bottom: 0.2rem;
    }
}


.info_12260952 .title {
    font-size: 0.24rem;
    font-weight: bold;
    color: #f47c37;
    line-height: 0.4rem;
}

.info_12260952 .item {
    padding-left: 0.25rem;
    font-size: 0.16rem;
    font-weight: 300;
    color: #666;
    background: url(../images/ling.png) no-repeat;
    background-size: 0.1rem;
    background-position: left 0.1rem;
    margin: 0.2rem 0;
    line-height: 0.3rem;
}



.info_12260953 .title {
    font-size: 0.24rem;
    font-weight: bold;
    color: #f47c37;
    position: relative;
    line-height: 0.4rem;
}

.info_12260953 .title::before {
    content: '';
    position: absolute;
    left: -0.35rem;
    top: 0;
    bottom: 0%;
    border-left: 3px solid #f47c37;
}

.info_12260953 .item {
    padding-left: 0.25rem;
    font-size: 0.16rem;
    font-weight: 300;
    color: #666;
    background: url(../images/gou.png) no-repeat;
    background-size: 0.15rem;
    background-position: left 0.075rem;
    margin: 0.2rem 0;
    line-height: 0.3rem;
}



.xijie_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xijie_title .btnbox {
    display: flex;
}

.xijie_title .btnbox>*+* {
    margin-left: 0.27rem;
}

.xijie_list {
    margin-bottom: 0.7rem;
}

.xijie_list .item {
    background: #f5f5f7;
    padding: 0.2rem;
}

.xijie_list .g-pic {
    padding-bottom: 76%;
}

.xijie_list .title {
    font-size: 0.18rem;
    text-align: center;
    margin-top: 0.2rem;
}

.xijie_list ul {
    display: flex;
    flex-wrap: wrap;
}

@media(min-width:751px) {
    .xijie_list ul {
        margin-top: -0.6rem;
    }

    .xijie_list ul li {
        width: calc((100% - 1.2rem) / 3);
        margin: 0.6rem 0 0 0.6rem;
    }

    .xijie_list ul li:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media(max-width:1024px) {

    .xijie_list ul {
        margin-top: -0.4rem;
    }

    .xijie_list ul li {
        width: calc((100% - 0.8rem) / 3);
        margin: 0.4rem 0 0 0.4rem;
    }
}

@media(max-width:750px) {
    .xijie_list ul {
        margin-top: -0.1rem;
    }

    .xijie_list ul li {
        width: calc((100% - 0.2rem) / 2);
        margin: 0.1rem 0 0 0.1rem;
    }

    .xijie_list ul li:nth-child(2n+1) {
        margin-left: 0;
    }
}



.vs_list .ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: -60px;
}

.vs_list li {
    width: calc((100% - 60px) / 2);
    display: flex;
    background: #f5f5f7;
    align-items: center;
    margin-top: 60px;
}

.vs_list li:nth-child(2n) {
    margin-left: 60px;
}

.vs_list .item {
    flex: 1;
    padding: 0.2rem;
}

.vs_list .vs {
    width: 60px;
    height: 60px;
    background: #f47c37;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.18rem;
    font-weight: bold;
    color: #fff;
}

.vs_list .g-pic {
    padding-bottom: 76%;
}

.vs_list .title {
    font-size: 0.18rem;
    text-align: center;
    margin-top: 0.2rem;
}

@media (max-width:1440px) {
    .vs_list .vs {
        width: 40px;
        height: 40px;
    }

    .vs_list li {
        width: calc((100% - 40px) / 2);
    }

    .vs_list li:nth-child(2n) {
        margin-left: 40px;
    }
}

@media (max-width:1024px) {
    .vs_list {
        margin-top: -0.3rem;
    }

    .vs_list li {
        width: 100%;
        margin-top: 0.3rem;
    }

    .vs_list li:nth-child(2n) {
        margin-left: 0;
    }

    .vs_list .vs {
        width: 0.4rem;
        height: 0.4rem;
    }
}


.canvas-box {
    position: relative;
    padding-bottom: 125%;
}

.canvas-box .liuchengcanvas {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}


@media(min-width:1025px) {
    .index_banner img {
        height: 100vh;
        object-fit: cover;
    }

    /* 首页板块背景高度 */
    .g-index-bg {
        height: 100vh;
    }

    /* 模型板块图高度 */
    .modelbox img {
        object-fit: cover;
        height: 100vh;
    }

    /* 板块适配头部nav高度 */
    .section .qui_warp {
        padding-top: 0.55rem;
    }
}



#onlineService {
    position: fixed;
    right: 0;
    bottom: 32%;
    z-index: 100998
}

.offside {
    width: 50px;
}

.offside li {
    width: 50px;
    height: 50px;
    position: relative;
    background: #b1b1b1;
    border-bottom: 1px solid #fff;
    text-align: center;
    transition: all .7s;
    -webkit-transition: all .7s
}

.offside .code {
    position: absolute;
    top: 0;
    right: 50px;
    display: none;
    margin: 0
}

.offside a,
.offside div {
    color: #fff;
    position: absolute;
    z-index: 11;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    line-height: 50px;
    font-size: 24px
}

.offside p {
    float: left;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 0 10px;
    color: #fff;
    opacity: 0;
    position: absolute;
    white-space: nowrap
}

.offside .icon {
    font-size: 28px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    display: block;
    color: #fff
}

.offside li:not(.li_3) a,
.offside .li_3 a,
.offside .li_3 div {
    width: 50px
}

.offside li a {
    background: center no-repeat;
    background-size: 30px;
}

.offside li.li_1 a {
    background-image: url(../images/ico-whatapp.svg);
}

.offside li.li_2 a {
    background-image: url(../images/ico-email.svg);
    background-size: 26px;
}

.offside li.li_3 a {
    background-image: url(../images/ico_tel.svg);
    transition: none;
}

.offside li.li_4 a {
    background-image: url(../images/ico-wechat.svg);
    background-size: 28px;
}

.offside li.back_top a {
    background-image: url(../images/ico-top.svg);
    background-size: 24px;
}

.offside .fold a {
    background-image: url(../images/ico-top.svg);
    transform: rotateZ(90deg);
    background-size: 24px;
}

.offside .back_top {
    display: none
}

.offside li {
    background: #f47c37
}

.offside li:last-child {
    background: #b1b1b1
}

.offside .erweima {
    width: 150px;
    max-width: 150px;
    height: auto;
    position: absolute;
    left: -150px;
    top: 0;
    display: none
}

.offside li:hover a,
.offside li:hover div,
.offside li:hover .icon {
    color: #fff
}

.offside li:hover p {
    opacity: 1
}

.offside li:not(.li_3):hover {
    background: #231f20
}

.offside li:not(.li_erweima):hover .erweima {
    display: block
}

.offside li.li_3:hover {
    width: 230px;
    transform: translateX(-180px);
    -webkit-transform: translateX(-180px)
}

.offside .back_none {
    height: 0;
    border: 0 !important
}

.offside .li {
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

.offside .unfold {
    width: 30px;
    transform: translateX(20px);
    -webkit-transform: translateX(20px)
}

.offside .unfold a {
    transform: rotateZ(-90deg);
    width: 100% !important;
}


.modelbox_iframe {
    width: 100%;
    height: 140.625vw;
    display: block;
    overflow: hidden;
}


@media(min-width:769px) {
    .modelbox_iframe {
        height: 100vh;
    }
}

.fancybox-container {
    z-index: 9999999 !important;
}


.index-product-list .wap {
    display: none;
}


@media(max-width:1024px) {
    .index-product-list {
        justify-content: space-between;
    }

    .index-product-list .wap {
        display: block;
        color: #333;
    }

    .index-product-list .pc {
        display: none;
    }

    .index-product-list li {
        width: calc(50% - 0.1rem);
        text-align: center;
        margin: 0.2rem 0 0 0 !important;
    }

    .index-product-list a::before {
        display: none;
    }
}

/* pc端产品页变成按钮 */

@media(min-width:1025px) {
    .prod-pc-list {
        flex: 1;
    }

    .prod-pc-list li {
        margin: 0.1rem 0.1rem !important;
    }

    .prod-pc-list li a {
        display: block;
        background: none;
        border-radius: 100px;
        border: 1px solid #f47c37;
        padding: 0.1rem 0.2rem;
        line-height: 0.2rem;
        color: #f47c37;
        min-width: calc(5em + 0.4rem);
        text-align: center;
        font-size: 0.12rem;
    }

    .prod-pc-list li.on a {
        background: #f47c37;
        color: #fff !important;
    }


    /* 首页修改按钮样式 */
    .xmal-tab-list,
    .index-product-list {
        flex: none;
    }
    .index_xmal .topbox .tright{
        flex: none;
    }

    .xmal-tab-list li,
    .index-product-list li {
        margin: 0.1rem 0.1rem !important;
    }

    .xmal-tab-list li a,
    .index-product-list li a {
        display: block;
        background: none;
        border-radius: 100px;
        border: 1px solid #f47c37;
        padding: 0.1rem 0.2rem;
        line-height: 0.2rem;
        color: #f47c37;
        min-width: calc(5em + 0.4rem);
        text-align: center;
        font-size: 0.12rem;

    }

    .xmal-tab-list li a::before,
    .index-product-list li a::before {
        display: none;
    }

    .xmal-tab-list li.on a,
    .index-product-list li.on a {
        background: #f47c37;
        color: #fff !important;
    }
}


@media(min-width:1025px) {
    .qui_banbox .quicn {
        font-weight: bold;
        font-size: 0.6rem;
    }

    .qui_banbox .quien {
        white-space: pre-wrap;
    }

    .about_gsjj .agleft {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .qui_banbox .quiinfo {
        margin-bottom: 0.6rem;
    }
}