@charset "utf-8";
/*


*/
:root{
	--colDf: rgb(17, 63, 136);/*主颜色*/
	--colTM: #0050951A;/*透明度*/
	--colwhite: #fff;/*透明度*/
}
/*100% —FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00*/
[v-cloak]{display:none;}
@media (min-width:1025px){
	::-webkit-scrollbar{width:6px;height:12px;background-color:#fff;}
	::-webkit-scrollbar-thumb{background:#d2d2d2;border-radius:20px;}
}
/*初始化*/
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;}
body,input,select,th,td,textarea{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;font-size:0.16rem;}
pre{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;}
ul,ol{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;}
.flex{display: flex;}
.img-scale {
	-webkit-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

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

/*初始化a*/
a,a:focus{color:#666;text-decoration:none;cursor:pointer;}
a:hover{color:var(--colDf);}
a,a:hover{outline:none;text-decoration:none;transition:all .4s;}

/*全局样式*/
.qui_warp{max-width:14rem;width:96%;margin-left:auto;margin-right:auto;}
.qui_main_box{padding:.8rem 0 .8rem;}
.qui_main_box2{padding:.8rem 0 .8rem;}
.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:var(--colDf);}
.qui_ds_span{    transform: scale(0.85);display: inline-block;color: #666666;}
.qui_ds_inb{display:inline-block;vertical-align:top;}
.qui_ds_no{display:none!important;}
.qui_ovh{overflow:hidden!important;}
.color-active{color:var(--colDf)!important;}
/*.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:var(--colDf)!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_fw500{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;min-width: 0;}
.qui_flex_0{flex-shrink:0!important;}

video{width: 100%;}

/*按钮*/
.qui_btn_df{display: inline-block;vertical-align: top;min-width: 1.6rem;line-height: .6rem;color: #fff!important;font-size: .16rem;border-radius: .6rem;background: var(--colDf);text-align: center;padding: 0 .24rem;}
.qui_btn_df.ee{background: #eee;color: #333!important;}

/*滚动条样式*/
.qui_gdt::-webkit-scrollbar{width:5px;height:5px;}
.qui_gdt::-webkit-scrollbar-track{background-color:#f2f2f2;}
.qui_gdt::-webkit-scrollbar-thumb{background-color:var(--colDf);border-radius:2.5px;}
.qui_gdt::-webkit-scrollbar-thumb:hover{background-color:var(--colDf);border-radius:2.5px;}
.qui_gdt::-webkit-scrollbar-thumb:active{background-color:var(--colDf);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.png') center no-repeat;z-index:1;}
.qui_logo img{display:block;max-height:.5rem!important;}
.qui_top_box{position:fixed;width:100%;left:0;top:0;background:rgba(252, 252, 252, 0.84);z-index:90;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);}
.qui_top_nav{flex:1;margin-left: 1rem;}
.qui_top_nav .ULLIST{display:flex;align-items:center;gap: .48rem;}
.qui_top_nav .ULLIST>li{flex:1}
.qui_top_nav .ULLIST>li>a{display:block;text-align:center;font-size:.16rem;color:#333;padding:.25rem 0;white-space: nowrap;}


.qui_top_box .quitel{position: relative;padding-left: .72rem;font-size: .24rem;color: var(--colDf);display: inline-flex;align-items: center;}
/* .qui_top_box .quitel .quisp{width: .35rem;} */
.qui_top_box .quitel .search{width: .32rem;margin-left: .37rem; ; color: var(--colDf);}
.qui_top_box .quitel svg{width: .30rem;height: .30rem;}
/*二级下拉*/
.qui_top_nav .ULLIST>li{position:relative;}
.qui_submenu{position:absolute;width:100%;min-width:1.2rem;left:50%;top:100%;background:#fff;-webkit-transform:translateX(-50%) translateY(-.1rem);font-size:.15rem;z-index:10;-webkit-transition:all .4s ease-out;}
.qui_submenu>dd>a{display:block;padding:.1rem;text-align:center;border-bottom:1px solid #eee;}
.qui_submenu>dd>a:hover{background-color:var(--colDf);color:var(--colwhite);}
.qui_submenu::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;  
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;    
	position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width:1025px){
	.qui_top_nav .ULLIST>li .qui_submenu{pointer-events:none;opacity:0;}
	.qui_top_nav .ULLIST>li:hover>a,.qui_top_nav .ULLIST>li.on>a{color:var(--colDf);}
	.qui_top_nav .ULLIST>li:hover .qui_submenu{pointer-events:auto;opacity:1;-webkit-transform:translateX(-50%);}
}

/* ban */
.qui_banbox{position:relative;overflow:hidden;}
.qui_banbox .quiinfo{position:absolute;z-index:2;left:50%;top:50%;width:96%;max-width:14.4rem;color:#fff;font-size:.24rem;transform:translateY(-50%) translateX(-50%);line-height:1.3;}
.qui_banbox  .quiinfo-play{display: flex;justify-content: center;cursor: pointer;}
.qui_banbox  .quiinfo-play .video-box {cursor: pointer;}
.qui_banbox .quicn{font-size:.48rem;font-weight:bold;}
.qui_banbox .quien{margin-top:.15rem;text-transform:capitalize;}
/* 微信分享 */
.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:center;padding:.4rem 0 0;font-size:0;line-height:0;}
.Pages *{display:inline-block;vertical-align:top;font-weight:normal;font-style:normal;}
.Pages a{font-size:.16rem;min-width:.49rem;height:.49rem;line-height:.49rem;text-align:center;background:#fff;border: solid 1px #f4f4f4;padding:0 .1rem;margin:0 .05rem;overflow:hidden;}
.Pages a:hover,.Pages a.a_cur{background-color:var(--colDf);color:#fff;}
.Pages a.a_prev,.Pages a.a_next{font-family:'宋体';font-weight:bold;min-width:.6rem;}
.Pages .dots{     border: none;   padding: 0;
    min-width: auto;}

.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_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;}

/* 产品 */
.products{padding-bottom: .9rem;}
.product .nav{border-bottom: 1px solid #ececec;margin-bottom: .4rem;}
.product .qui_flex h4{font-size: .2rem;line-height: .6rem;}
.product .qui_flex  ul{gap:.9rem;font-size: 0.18rem;line-height: .6rem;}
.product .qui_flex  ul a{color:#000 ;}
.product .qui_flex  ul li.active a{display:block;border-bottom: 3px solid var(--colDf); color: var(--colDf);font-weight: 600;}

.product .qui_picx{display: flex;justify-content: center;}
.product .qui_picx p{width: 1.21rem;height:  1.21rem;border: dashed 1px #d5d5d5;;border-radius: 50%;}
.product .qui_pro_list .ul li:hover .qui_picx p{background-color: var(--colDf);	border: none;}
.product .qui_pro_list .ul li:hover .qui_picx p .icon{filter:  saturate(0) brightness(0) invert(100%);}


/* 产品列表 */
.qui_pro_list .ULLIST{display:flex;flex-wrap:wrap;gap: .4rem;justify-content: center;}
.qui_pro_list .li{ flex: 0 0 calc(25% - (.4rem * 3) / 4);padding:.1rem;display:flex;border-radius:2px;border:1px solid #f1f1f1;margin-bottom: .4rem;}
.qui_pro_list .li .qui_a{background:#fff;border-radius:.1rem;padding:.49rem 0;width:100%;}
.qui_pro_list .li .qui_as{padding: .32rem 0;}
.qui_pro_list .li .qui_pics{display: flex;align-items: center;overflow: hidden;justify-content: center;}
.qui_pro_list .li .qui_pics .box{width: 1.85rem;}
.qui_pro_list .li .qui_pics .box img{object-fit:contain;}
.qui_pro_list .li .quiinfo{padding:.36rem .1rem 0;text-align: center;}
.qui_pro_list .li .quitt{color:#222;font-size:.2rem;transition:all .3s ease-out;}
.qui_pro_list .li .quitxt{color:#a7a7a7;font-size:.14rem;margin-top:.12rem;min-height:.36rem;text-align:left}
.qui_pro_list .li .quimm{color:#888;font-size:.14rem;margin-top:.42rem;display: flex;    justify-content: center;;}
.qui_pro_list .li .quimms{margin-top: .22rem;}
.qui_pro_list .li .quimm .arrows{display: flex; align-items: center; justify-content: center; width: .5rem;height: .5rem;border-radius: 50%;background-color: #fff; border:1px solid #e5e5e5}
.qui_pro_list .li .quimm .arrows svg{width: .16rem ; height:.16rem; margin-left: -.1rem;}
.qui_pro_list .li:hover  .quimm .arrows{background-color: var(--colDf);}
.qui_pro_list .li:hover .quimm .arrows path{fill: #fff;}
.qui_pro_list .li .qui_a:hover .quitt{color:var(--colDf);}
.qui_pro_list .li:hover {border-bottom: 2px solid var(--colDf);}
.qui_pro_info{margin-top:.2rem;}
.qui_pro_info .quibtnbox{text-align:center;margin-top:.6rem;}
.qui_pro_info .quibtnbox .qui_btn_df{min-width:2rem;}
.qui_ovv{position:relative;overflow:hidden;}
.qui_pro_flex{display:flex;max-width:10.2rem;margin:0 auto;}
.qui_pro_flex .quibg{background:#fff;border-radius:.1rem;padding:.3rem;min-height:5.4rem;}
.qui_pro_flex .qui_pro_left{flex-shrink:0;width:49.0196078431%;margin-right:.2rem;}
.qui_pro_flex .qui_pro_left .qui_imgbox{position:relative;height:0;padding-bottom:100%;overflow:visible;}
.qui_pro_flex .qui_pro_left .qui_imgboxa{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;}
.qui_pro_flex .swiper-pagination{position:relative;display:flex;align-items:center;height:.08rem;bottom:auto;margin-top:.3rem;width:100%;justify-content:center;}
.qui_pro_flex .swiper-pagination-bullet{opacity:.3;width:.08rem;height:.08rem;margin:0 .06rem;background:var(--colDf);}
.qui_pro_flex .swiper-pagination-bullet-active{opacity:1;}
.qui_pro_flex .qui_pro_right{flex:1;min-width:0;padding:.4rem;font-size:.16rem;color:#555;line-height:.3rem;}
.qui_pro_flex .qui_pro_right .quitt{font-size:.20rem;color:#222;}
.qui_pro_flex .qui_pro_right .quitxt{margin-top:.1rem;}
.qui_pro_flex .qui_pro_right .quigdt{overflow:auto;max-height:4.6rem;}


/* 产品描述 */
.product .content {padding-top: .46rem;}
.product .content h5{color: #000;	font-size: .36rem; margin-bottom: 0.65rem;text-align: center;line-height: normal;font-weight: bold;}
.product .content h5.t3{ margin-bottom: 0.7rem;}
.product .content .dec{line-height: .4rem;font-size: .2rem;}
.product  .product_intro_section{
	background: url(../../watermark.php?src=static/images/upload/images/c2.jpg) no-repeat center center;
	background-size: cover;
}
.product .content .list{margin-bottom: .85rem;}
.product .product_intro_content{display: flex;align-items: center;justify-content: center; padding: 0.6rem 0.3rem 0.6rem .7rem;}
.product .product_features{margin-right: 1.83rem;font-size: .2rem;}
.product .product_intro_content h6{	font-size: .34rem;margin-bottom: .68rem;}
.product .product_intro_content .product_components li{display: flex;align-items: center; 
	line-height: .36rem;font-size: .2rem;margin-bottom: .16rem;}
.product .product_intro_content  .component_icon::after{
	content: "";
	width: .10rem;
	height: .10rem;
	background-color: var(--colDf);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
}
.product .product_intro_content  .component_icon{position: relative;display: block; border-radius: 50%; width:.16rem;height:.16rem;margin-right:.1rem;border:1px dashed var(--colDf)}

.accordion { display: flex; gap: .1rem; overflow: hidden;height: 5rem; }
.accordion  .accordion-item {display: flex;;  cursor: pointer;}
.accordion  .accordion-item.active { flex: 3; }
.accordion .accordion-header{text-align: center;width: .7rem;    display: flex;flex-direction: column;    justify-content: space-between;
    padding: .4rem 0 .18rem;align-items: center;background-color: #f6f8f9;	color: #333333;transition: display 0.3s ease;font-size: 0.21rem;}
.accordion .accordion-header .c{writing-mode: vertical-rl;	    letter-spacing: 4px;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.accordion  .accordion-content{
	display: none;transition: flex 0.3s ease;
}
.accordion .accordion-header .number{color: #000;font-weight: normal;}
.accordion  .accordion-content.show{display: block;}
.accordion  .hide{display: none;}
.accordion  .flex-1{flex:1}
.accordion  .accordion-content.qui_flex{display:flex;flex-wrap:nowrap}
.accordion  .accordion-content .left{width: 30%;height: 100%;background: var(--colDf); padding: .4rem .39rem 0.18rem; color: #fff;	font-size: 0.16rem;flex-direction: column;align-items:normal}
.accordion  .accordion-content .left h6{	font-size: 0.3rem;margin-bottom: .4rem;position: relative;line-height: .34rem;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.accordion  .accordion-content .left h6::after{content: "";width: .3rem;height: 3px;background-color: #fff;position: absolute;left: 0;bottom: -.2rem;}
.accordion  .accordion-content .left .txt{line-height: .32rem; font-size: .14rem;max-height: 1.92rem;overflow-y: auto;overflow-x: hidden;padding-right: .05rem;margin-right: -.05rem;}
.accordion  .accordion-content .right{height: 100%;}
.accordion  .accordion-content .right img{    object-fit: cover;
    height: 100%!important;}
.accordion  .accordion-content .left .number{color: #fff;font-weight: normal!important;opacity: .5;}



/* 解决方案 */
.solution{padding-bottom: .98rem;}
.solution .qui_pro_list .li:hover {border-bottom: none; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);}
.solution .qui_pro_list .li{ flex: 0 0 calc(33.333% - (0.4rem * 2) / 3);margin-bottom:0;border-radius: 4px;padding:.15rem}
.solution .qui_pro_list .li .qui_a{padding: 0;}
.solution .qui_pro_list .li .qui_a{border-radius: 0;}
.solution .qui_pro_list .li .qui_picss{height: 2.8rem;overflow: hidden;} 
.solution .qui_pro_list .li .qui_img {width: 100%;}
.solution .qui_pro_list .li .quimm{margin-top: 0;margin-right: .1rem;}
.solution .qui_pro_list .li .quimm .arrows{width: .45rem; height: .45rem;    justify-content: center;}
.solution  .qui_pro_list .li .quimm .arrows svg{margin-left: -.1rem;}
.solution  .qui_pro_list .li .quiinfo{padding: .2rem 0 .14rem;}


/* 解决方案 */
.plan .qui_pro_list .li{flex: 0 0 calc(50% - (0.27rem * 1) / 2);margin-bottom: 0;padding: .2rem;}
.plan .qui_pro_list .li .qui_a{    align-items: flex-start}
.plan .qui_pro_list .li .quiinfo{margin-left: .28rem;text-align: left;}
.plan .qui_pro_list .li  .imgs{width: 3.2rem;    flex-shrink: 0;overflow: hidden;}
.plan .qui_pro_list .li .quitxt{font-size: .16rem;color: #666666;}
.plan .qui_pro_list .li .quitt{color: #000;font-weight: 600;}
.plan .qui_pro_list .li:hover .quitt{color: var(--colDf);}

.plan  .p_c .ULLIST .li{flex: 0 0 calc(33.3333% - (0.27rem * 2) / 3); position: relative;}
.plan  .p_c .ULLIST .li .c{position: absolute;width: 100%;height: 100%;left: 0;top: 0; padding: .4rem .6rem .4rem .3rem;box-sizing: border-box;color: #fff;}
.plan  .p_c .ULLIST .li .c .title{font-size: .24rem;line-height: 0.36rem;}
.plan  .p_c .ULLIST .li .c .txt{font-size: .14rem;line-height: .24rem;margin-top: .3rem;overflow: auto;max-height: 3.36rem;}

.plan .describe{background-color: #ffffff;box-shadow: 0px 0px 0.26rem 6px rgba(17, 64, 137, 0.04);}
.plan  .left{padding: 1rem 1rem  .68rem .53rem; color: #000000; line-height: .36rem;}
.plan  .left .title{font-size: .24rem;	margin-bottom: .62rem;}
.plan  .left .txt{font-size: .16rem;}
.plan  .left .btn{width: 1.75rem;height: .6rem;line-height: .6rem;text-align: center;border-radius: .3rem;background-color: var(--colDf);color:#fff;margin-top: .5rem;}
.plan  .left .btn  svg{width: .14rem;height:.14rem}
.plan  .left .btn span{margin-right: .2rem;}
.plan .right{flex-shrink: 0;}


/* 服务支持 */
.service{padding-bottom: .2rem;}
.service .c1 .ul{gap:.48rem;margin-bottom: .8rem;}
.service .c1 .ul .li{ 	min-width: 1.3rem;height: .42rem;  padding: 0 .2rem;   display: flex;color: #000000;font-size: .18rem;cursor: pointer;background-color: #f6f8f9;justify-content: center;align-items: center;}
.service .c1 .ul .li.active{background-color: var(--colDf);color: #fff;}
.service .qui_pics{text-align: center;}
.service .qui_pro_list .ULLIST{gap: .18rem;width: 100%;}
.service .qui_pro_list .li{flex: 0 0 calc(20% - (.18rem * 4) / 5);padding: 0;}
.service .qui_pro_list .li .qui_a{ padding: .38rem .12rem;}
.service .qui_pro_list .li .quitt{ font-size: 0.2rem;font-weight: 600;}
.service .contact .c{position: relative}
.service .contact .main{
	position: absolute;left:.8rem;top:0;color: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;

}
.service .contact .main .t1{font-size: .38rem;line-height: .36rem;margin-top: .6rem;}
.service .contact .main .t2{font-size: .26rem;line-height: .24rem;margin-top: .3rem;margin-bottom: .85rem;}
.service .contact .main .code{width: 1.2rem;}
.service .form{	height: 2.4rem;background-color: #ffffff;box-shadow: 0px 0px .22rem 5px rgba(0, 42, 107, 0.04);}
.service .form .ul{height: 100%; padding:  0 rem;text-align: center;}
.service .form .ul li{flex:1}
.service .form .ul li .title{color: #333333;font-size: .24rem;margin-bottom: .18rem;font-weight: bold;}
.service .form .ul li .txt{color: #999999;font-size: .16rem;margin-bottom: .38rem;}
.service .form .ul li .btn{	
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 1.53rem;
	height: 0.46rem;
	/* background-color:var(--colDf); */
	border-radius: .23rem;
	font-size: .13rem;
	border: solid 1px #e5e5e5;
	    padding: 0 .2rem;
	}
.service .form .ul li .btn svg{width:.12rem;height:.12rem;color: #999999;margin-left: .28rem;}
.service .form .ul li .btn path{fill: #999999;}
.service .form .ul li .btn:hover{background-color: var(--colDf);color: #fff;}
.service .form .ul li .btn:hover path{fill: #fff;}

.service .form .ul   .vertical{  width: 1px;flex: 0 1 auto;
    height: 58%;background-color: #cccccc;}

.service .service-ul.show {display: flex;}
.service .service-ul {display: none;}
.handbook .handbook-ul {margin-bottom: .4rem;}
.handbook .handbook-ul .handbook-li{
	padding: .3rem;
	background-color: #f6f8f9;
	display: flex;
	justify-content: space-between;
	align-items: end;
	cursor: pointer;
}
.handbook .handbook-ul .handbook-li:nth-child(2n){background-color: #fff;}
.handbook .handbook-ul .handbook-li:hover path{ fill: var(--colDf);}
.handbook .handbook-ul .handbook-li .t{	color: #000000;font-size: 0.2rem;line-height: 1.6;}
.handbook .handbook-ul .handbook-li .time{	color: #8f8f8f;font-size: 0.16rem;}
.handbook .handbook-ul .handbook-li svg{width: .28rem; height: .28rem;}


/* 关于我们 */
.about .introduction{
	margin-bottom: .55rem;font-size: .2rem;text-indent:.4rem;
	line-height: 1.6;color: #333333;
}
.about .video-box{
	position: relative;
	cursor: pointer;
}
.about .video-box video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about .video-box .imgs{
	position: absolute;
	left: 50%;
	top: 50%;
	width: .89rem;
	transform: translate(-50%,-50%);
}



/* 新闻中心 */
.qui_news_top{}
.qui_news_top .li .qui_a{background: #f4f7f9;padding: .2rem;display: flex;align-items: flex-start;}
.qui_news_top .li .quiimg{flex-shrink: 0;margin-right: .5rem;width: 6.77rem;overflow: hidden;}
.qui_news_top .li .qui_info{display: flex
;
    flex-direction: column;
    justify-content: space-between;height: 3.6rem;    padding: .3rem 0;}
.qui_news_top .li .qui_pic{padding-bottom: 100%;}
.qui_news_top .li .quitt{margin-top: .1rem;}
.qui_news_top .li .quittt{flex: 1;min-width: 0;font-size: .2rem;color: #333;}
.qui_news_top .li .quitxt{font-size: .16rem;line-height: .28rem;height: .8rem;color: #666;padding-right: 1rem;margin-top: .37rem;}
.qui_news_top .li .quitm{color: #999;font-size: .16rem; margin-top: .2rem;}
.qui_news_top .li .qui_a:hover .quittt{color: var(--colDf);}
.news .more,.more-main .more{ cursor: pointer;  width: 1.51rem;height: .46rem;border-radius: .3rem;color: #333333;font-size: .13rem;border: solid 1px #e5e5e5;    flex: 0 0 auto;}
.news .more:hover，.more-main .more:hover	{background-color: var(--colDf);color: #fff;}
.news .more:hover path{fill: #fff;}
.news .more svg ,
.more-main .more svg {
    width: .14rem;
    height: .14rem;
	margin-left: .3rem;
}

.qui_news_top{position: relative;overflow: hidden;margin-bottom: .2rem;}
.qui_news_top .swiper-pagination{position: absolute;bottom: .73rem;right: .92rem;left: inherit;display: inline-flex;height: .06rem;width: auto;}
.qui_news_top .swiper-pagination-bullet{width: .08rem;height: .08rem;opacity: 1;background: var(--colDf);border-radius: 50%;margin: 0 .32rem 0 0!important;}
.qui_news_top .swiper-pagination-bullet-active{background: var(--colDf);position: relative;}
.qui_news_top .swiper-pagination-bullet-active::after{content: "";width: .3rem;height: .3rem;border: solid 1px var(--colDf);border-radius: 50%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.news-list {padding-top: .3rem;padding-bottom: .1rem;}
.news-list .ul .li {padding:.3rem;background-color: #f9fafb;}
.news-list .ul .li .qui_pics{flex-shrink: 0;margin-right: .5rem;width: 3.6rem;height: 2.02rem;  overflow: hidden;}
.news-list .ul .li .qui_pics img{object-fit: cover;}
.news-list .ul .li .qui_info{display: flex;flex-direction: column;justify-content: space-between;padding: .3rem .45rem .3rem 0;height: 2.02rem;}
.news-list .ul .li .qui_info .quittt {min-width: 0;font-size: .2rem;color: #000000;}
.news-list .ul .li .qui_info svg{width: .16rem;height: .16rem;}
.news-list .ul .li .qui_info .quitxt{color: #666;font-size: .16rem;margin-top: .28rem;line-height: 1.6;}
.news-list .ul .li:hover{background-color: #fff;}
.news-list .ul .li:hover .qui_info .quittt{color: var(--colDf);}
.news .content .list{padding-bottom: 1.05rem;}

.news-list .ul .li:hover .more{background-color: var(--colDf);color: #fff;}
.news-list .ul .li:hover path{fill: #fff;}

.about .contact{padding-bottom: 1rem;}
.about .contact .contact-ul{margin-top: .77rem; color: #333;padding: 0 .75rem}
.about .contact .contact-ul li{text-align: center;line-height: 1.6;}
.about .contact .contact-ul li img{width: 1.21rem;margin-bottom: .4rem;}
.about .contact .contact-ul li .title{font-size: .2rem;font-weight: 600;margin-bottom: 0.06rem;}
.about .recruit{padding-bottom: 0.8rem;}
.about .recruit .recruit-ul{gap: .4rem;}
.about .recruit .recruit-ul li{flex: 0 0 6.8rem;overflow: hidden;border-radius: .2rem;}
.about .recruit .recruit-ul li img{max-width: 100%;object-fit: cover;}
.about .recruit .recruit-item{ position: relative;display: block;	color: #ffffff;font-size: .3rem;}
.about .recruit .position{width: 100%; position: absolute;left: 50%;bottom: 0;transform: translate(-50%,0); padding: 0 .23rem;}
.about .recruit .recruit-item:hover .position{background: var(--colDf);}
.about .recruit .position .imgs{width: .38rem;}
.about .duty{padding-bottom: 1.2rem;}
.about .duty .recruit-ul {gap: .4rem;}
.about .duty .recruit-ul li{flex: 0 0 calc(33.33% - .4rem);}
.about .duty .recruit-ul li .title{	font-size: .24rem;color: #ffffff;font-weight: 600;margin-bottom: .27rem;}
.about .duty .recruit-ul li .text{	font-size: .16rem;color: #fff}
.about .duty .recruit-ul li .position{bottom: -.7rem;transition: all .5s;padding: 0.2rem .23rem;}
.about .duty .recruit-ul li:hover .position{ bottom: 0;background:  transparent}


/* 证书 */
.certificate  .item{position: relative;height: 6rem;margin-bottom: .8rem;padding-bottom: 1rem;}
.certificate .position{position: absolute;left: 0;bottom:.1rem;    padding: 0 .3rem 0 0.6rem;text-align: center;flex-wrap:nowrap}
.certificate .position .lists{width: 50%;}
.certificate .position p{margin-top: .9rem;height: .5rem;overflow: hidden;}
.certificate .c1 .ul{margin-bottom: .4rem;}
.certificate .content .list{margin-bottom:0;position: relative;}
.certificate .certificate-ul li{display: none;}
.certificate .certificate-ul li.show{display: block;}
/* .certificate .c1 .ul .li a{padding: 0 0.2rem;} */

/* 首页 */
.home .qui_banbox .quien{	font-size: .6rem;margin-bottom: .8rem;font-weight: bold;    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}
.home .qui_banbox .quicn{	font-size: .24rem;font-weight: 400;}
.home .qui_banbox  .more-main .more{	width: 2rem;height: .6rem;color: #fff;border:1px solid #fff;font-size: .16rem;}
.home .qui_banbox  .more-main .more:hover{background-color: var(--colDf);color: #fff;border-color: var(--colDf);}
.home .swiper-pagination{bottom: .5rem;}
.home .swiper-pagination-bullet{width: 0.08rem;height:0.08rem;background-color: #f2f3f6;position: relative;opacity: 1;}
.home .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.home .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
margin: 0 .18rem;
}
.home .swiper-pagination-bullet-active::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: .3rem;height: .3rem;border-radius: 50%;border: 1px solid #f2f3f6;}
.home .product{background-color: #f6f8f9;padding: 1.2rem 0 .53rem;overflow: hidden;}
.home .product .qui_pro_list .li .quitt{color: #333;font-size: .16rem;font-weight: 500;}
.home .product .qui_pro_list .li .quitxt{color: #999999;font-size: .13rem;min-height: auto;}
.home .product .more-main .more{width: 2.01rem;height: .61rem;	font-size: .16rem;background-color: var(--colDf);color: #fff;}
.home .qui_pro_list .li{flex: 1;background-color: #fff;border-radius: 0.2rem;border:none;padding: 0;}
.home .qui_pro_list .li .qui_a{padding: 0.49rem 0 .46rem;}
.home .qui_pro_list .li .quiinfo{padding:.22rem .1rem 0;}
.home .qui_pro_list .li .qui_pics{ width: 1.8rem;height: 1.7rem;display: flex;align-items: center;}
.home .qui_pro_list .li:hover{border-bottom:0}
.home .qui_pro_list .ULLIST{width: 3.2rem;margin-right: .4rem;}
.home .home-about-more{width: 2.01rem;height: .58rem;border-radius: .3rem;border: solid 1px #e5e5e5;font-size: 0.16rem;margin-top: .84rem;color: #333;}
.home .home-about-more span{margin-right: .3rem;}
.home .home-about-more svg{width: .12rem;}
.home .home-about-more:hover{background-color: var(--colDf);color: #fff;}
.home .home-about-more:hover path{fill: #fff;}
.home .product-main .swiper-slide{    width: 3.2rem;margin-right: .4rem;}
.home #mySwiper_3 img{
	height: 5.86rem !important;
    object-fit: cover;
}
 /* 自定义滚动条分页器容器 */
 .home .swiper-scrollbar-product{height: 1px;}
 .home .swiper-scrollbar-drag{height: 1px;      height: 3px;background-color: var(--colDf);}
.home .custom-scrollbar {margin: .3rem auto .7rem;cursor: pointer;}
.home .custom-scrollbar-thumb:active {cursor: grabbing;}
.home .qui_warp h3.t{font-size: .48rem;line-height: 1.8;color: #000;}
.home .qui_warp .d{color:#666666;font-size: 0.16rem;margin-bottom: .68rem;}
.home .qui_warp .partner-p{margin-bottom: .51rem;}
.home .home-cases-logo {padding-bottom: 1.5rem;overflow: hidden;}
.home .qui_home_logo{position: relative;}
.home .qui_home_logo::after{content: "";position: absolute;left: 0;top:0;width:2.1rem;height: 100%;background: rgba(255,255,255, 0.4)}
.home .qui_home_logo::before{content: "";position: absolute;right: 0;top:0;width:2.1rem;height: 100%;background: rgba(255,255,255, 0.4)}
.home .qui_home_logo .ULLIST{gap:.28rem;margin-bottom: .27rem;    flex-wrap: nowrap;}
.home .qui_home_logo .ULLIST:nth-child(2n){     transform: translateX(-1.2rem);}
.home .qui_home_logo li{ flex-shrink: 0;  width: 2.1rem;height: 1.1rem;background-color: #fff;border-radius: 5px;border: solid 1px #eeeeee;}
.home .qui_home_logo li a{display: flex;align-items: center;justify-content: center;height: 100%; border-radius: .05rem ;overflow: hidden;}
.home .qui_home_logo li a:hover{border: 1px solid var(--colDf);}
.home .qui_home_logo li a:hover img{    -webkit-transform: scale(1.1);transform: scale(1.1);}
.qui_home_logo .ULLIST.ing{animation:scroll 30s linear infinite;}
.qui_home_logo .ULLIST.ing2{animation:scroll_2 30s linear infinite;}
/* .qui_home_logo:hover .ULLIST{animation-play-state: paused;} */

#homeCasesLogo:hover .ULLIST{
    animation-play-state: paused;
}
@keyframes scroll{
	0%{transform:translateX(0);}
	100%{transform: translateX(calc(-100% - .1rem));}
}

@keyframes scroll_2{
	0%{transform:translateX(-1.2rem);}
	100%{transform: translateX(calc(-100% - .1rem));}
}

.home .solution-swiper img{width: 100%;}
.home .solution-swiper .main{position: absolute;left: 50%;bottom:.5rem;transform: translate(-50%,0);width: 80%;color: #fff;text-align: center;}

.qui_banbox.a-mask::after,
.home .solution-swiper .a-mask::after{display: none!important;}

.home .solution-swiper .main p.t1{line-height: 1.6;font-size: .24rem;font-weight: bold;}
.home .solution-swiper .main p.txt{font-size: .14rem;margin-top: .16rem;	color: #ffffff;
	opacity: 0.5;}
.home .solution-swiper	.swiper-button-prev-solution,
.home .solution-swiper	.swiper-button-next-solution{width: .5rem;height: .5rem;border: solid 1px #ffffff;border-radius: 50%;}
.home .solution-swiper	.swiper-button-prev-solution{left: 1.2rem;}
.home .solution-swiper	.swiper-button-next-solution{right: 1.2rem;}
.home .solution-swiper .swiper-button-next:after, .home .solution-swiper .swiper-button-prev:after{ font-size: .1rem;color: #fff;}
.home .solution-swiper	.swiper-button-prev-solution:hover,
.home .solution-swiper	.swiper-button-next-solution:hover{background-color: var(--colDf);border-color: var(--colDf);}

.home-solution{padding-bottom: 1.79rem;}
.home-solution-main{padding-bottom: 2.1rem;padding-top: 1.5rem;}
.home-solution-main .left_img{width: 7.1rem;margin-right: .99rem;}
.home-solution-main .right h5{font-size: .48rem;color: #000000;font-weight: 600;padding-top: .9rem;line-height: normal;margin-bottom: .09rem;}
.home-solution-main .right p.t1{font-size: .18rem;color: #666666;}
.home-solution-main .right p.t2{font-size: .16rem;color: #666666;padding-top: .3rem;padding-bottom:.4rem;border-top: 1px solid #d8e8eb;margin-top: .29rem;line-height: .32rem;}
.home .number-box{justify-content: start;}
.home .number-box .item{margin-right: 1rem;}
.home .number-box .item .number .n{	font-size: .48rem; color: var(--colDf);font-weight: bold;}
.home .number-box .item .number .y{	font-size: .14rem; color: var(--colDf);}
.home .number-box .item .txt{	font-size: .15rem; color: #666666;margin-top: .19rem;}

.home .qui_main_box .bar{width: 100%;height: 1px;background-color: #e8e8e8;}
.mobile{display: none;}
@media (max-width:1024px){
	.qui_logo img{display:block;max-height:.4rem!important;}
	.qui_top_box .quirr{padding-right:.2rem;}
	.qui_single p{min-height:.1rem;}
	.Pages{padding-top:.25rem;}
	.qui_top_box{padding:.12rem 0;}
	.qui_top_nav{position:fixed;max-width:360px;width:72%;right:-100%;top:0;z-index:1001;height:100%;padding:0;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;overflow:auto;background:var(--colDf);}
	.qui_top_nav .ULLIST{padding:0;margin:0;flex-direction:column;gap: 0;}
	.qui_top_nav .ULLIST>li>a{font-size:.2rem;padding:.2rem .35rem;line-height:.3rem;color:#fff;text-align:left;}
	.qui_top_nav .ULLIST>li>a.color-active{color: #fff!important;}
	.qui_top_nav .ULLIST>li{width:100%;float:none;border-bottom:1px solid #eee;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:contain;display:block;right:2%;top:50%;margin-top:-.15rem;}
	.qui_top_box .quitel .search{    margin-right: .37rem;}
	.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{right: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{position: relative;left: 0;width: 100%;transform: translate(0, 0);background: transparent;top: 0;display: none;}
	.qui_top_nav .ULLIST>li .qui_submenu>dd>a{font-size:.17rem;padding:.15rem .35rem;white-space:normal;text-align:left;color:rgba(255,255,255,.85);border-top:.01rem solid  rgba(255,255,255,.85);border-bottom: 0;}
	.qui_top_nav .ULLIST>li .qui_submenu>dd:last-child>a{border-bottom:0;}
	.qui_main_box2{
		    padding: 1rem 0;
	}
	.plan .qui_pro_list .li .imgs{width: 1.6rem;}
	.plan .right{flex-shrink: 1}
	.mobile{display: block;}
	.product .product_intro_content{display: block;}

	.solution .qui_pro_list .li .qui_picss{height: 1.4rem;}
}

@media (max-width:750px){
	.qui_nav_btn{background-size:auto 22px;}
	.qui_wap_show{display:block!important;}
	.qui_pc_show{display:none!important;}
	.qui_banbox>img{min-height:2.6rem;object-fit:cover;}
	.product .qui_flex ul{gap: .6rem!important;}
	.certificate .qui_flex ul{gap: 0.5rem!important;}

	.plan .qui_pro_list .li{flex:0 0 100%}
	.plan .right{flex-shrink: 1}
	.plan .describe{flex-wrap: wrap!important;}

	.plan  .p_c .ULLIST{         padding: 0px 25px;       flex-direction: column;}
	.plan  .p_c .ULLIST .li{margin-bottom: 20px;}

	.about .contact .contact-ul li{margin-bottom: .4rem;}

	.qui_footer1{display: block;}
	.qui_footer1 .qui_footer_right{margin-top: .6rem;}

	.product  .about-nav .qui_flex ul{	gap: .3rem!important;}

	.about .recruit .recruit-ul,
	.news-list .ul .li .li-a,.qui_news_top .li .qui_a{display: block;}
	.about .recruit .recruit-ul li{margin-bottom: .4rem;}

	.about .duty .recruit-ul li .position{bottom: 0}
	.certificate .item{height: 10rem;}
	.certificate .position .lists{width: 46%;}
	.certificate .position p{margin-top: .3rem;}
	.swiper-button-next, .swiper-button-prev{right: 0!important;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0!important;}
	.home-solution-main  .content{display: block;}
	.home-solution-main .left_img{width: 100%;}
	.certificate .position{flex-wrap: wrap;}
	.home .qui_home_logo::after{width: 1rem;}

	.solution .qui_pro_list .li{flex: 0 0 calc(50% - (0.4rem * 2) / 3);}
	.solution .qui_pro_list .li .qui_picss{height: 1.8rem;}

	.solution .qui_pro_list .li .quitt{width: 80%;text-align: left;}
	.qui_footer1 .qui_footer_left dl.one .wx .tips{
		transform:none;left: 0;
	}

 
}

/*搜索列表*/
.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;}
.img-loading{padding-top: 1.1rem}
.img-loading img{ width: 0.62rem;
	transform-origin: 50% 50%;
	animation: rotate 1.2s linear infinite; 
	/* 旋转动画 */ 
	}
@keyframes rotate {
	0% {transform: rotate(0deg); /* 初始角度 */}
	100% {transform: rotate(360deg); /* 旋转360度 */}
}
/*网站地图*/
.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_tt{color: #333;font-size: .36rem;font-weight: bold;text-align: center;line-height: 1.11111111111;}
.qui_news_tm{color: #999;padding-top: .2rem;padding-bottom: .25rem;border-bottom: .01rem solid #eee;text-align: center;}
.qui_news_tm>*{padding: 0 .1rem;}
.qui_news_con{padding: .5rem 0 0;text-align: justify;font-size: .18rem;color: #777;line-height: .36rem;}
.qui_news_page{display: flex;align-items: center;justify-content: space-between;padding-top: .4rem;margin-top: .5rem;border-top: .01rem solid #eee;}
.qui_news_page .qui_ll{line-height: .36rem;flex: 1;}
.qui_news_page .qui_rr{flex-shrink: 0;margin-left: .2rem;}
.qui_news_page .qui_btn_df{min-width:1.6rem;line-height:.5rem;font-size:.16rem;display:inline-block;vertical-align:top;color:#fff!important;border-radius:0.6rem;background:var(--colDf);text-align:center;padding:0 0.2rem;}
@media (max-width:1024px){
.qui_news_tt{font-size: .24rem;}
.qui_news_con{padding-top: .3rem;font-size: .16rem;line-height: 1.875;}
.qui_news_page{padding-top: .24rem;margin-top: .3rem;}
.qui_news_page .qui_btn_df{min-width: 0;padding: 0 .26rem;}
}

/*友情链接*/
.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:var(--colDf);}
.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%;}
	.qui_pro_list .service-ul .li{flex:0 0 calc(50% - (.2rem * 2) / 2)!important;} 
	
}
@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;}
}


/* 底部 */
.qui_footer{background-color: #f6f8f9;color: #000;padding: 1.4rem 0 .8rem;}
.qui_footer1{padding-bottom: .8rem;} 
.qui_footer1 .qui_footer_left{margin-right: 2.04rem;}
.qui_footer1 .qui_footer_left dl.one{margin-top: .3rem;}
.qui_footer1 .qui_footer_left dl.one .wx{cursor: pointer; position: relative;margin-top:.19rem;margin-bottom:.5rem;display:flex;    justify-content: center;align-items: center;width: .5rem;height: .5rem; background-color: #eeeeee; border-radius: 50%;}
.qui_footer1 .qui_footer_left dl.one .wx:hover path{  fill: #fff; }
.qui_footer1 .qui_footer_left dl.one .wx:hover {  background-color: var(--colDf);}
.qui_footer1 .qui_footer_left dl.one .wx .tips{border:1px solid #ececec;background-color: #fff; position: absolute;top: -2.2rem;left: 50%;transform: translateX(-50%);width: 2rem;height: 2rem;line-height: .4rem;text-align: center;display: none;}
.qui_footer1 .qui_footer_left dl.one .wx .tips img{width: 100%;}
.qui_footer1 .qui_footer_left dl.one .wx:hover .tips{display: block;}
.qui_footer1 .qui_footer_left dl.one .wx .tips::after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-top: .1rem solid #fff;
}

/* 使用额外的伪元素实现边框效果 */
.qui_footer1 .qui_footer_left dl.one .wx .tips::before{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: .11rem solid transparent;
    border-right: .11rem solid transparent;
    border-top: .11rem solid #999;
    /* 将内部三角形向上移动一点，只显示出边框 */
    margin-top: -0.01rem;
    z-index: -1;
}
.qui_footer1 .qui_footer_left dl{margin-bottom: .2rem;}
.qui_footer1 .qui_footer_right{display: flex;flex-wrap: wrap;justify-content: space-between;}
.qui_footer1 .DLLIST>dt>a{font-size: .18rem;color: #000;font-weight: 600}
.qui_footer1 .DLLIST>dd>a,.qui_footer1 .qui_texts{display: inline-block;font-size: .14rem;vertical-align: top;line-height: .36rem;padding: 0 0 .0 0;color: #666;}
.qui_footer1 .DLLIST>dd>a:hover{color: var(--colDf);}
.qui_footer1 .qui_font{font-size: .2rem;color: #000;font-weight: 600}
.qui_footer1 .DLLIST>dt{margin-bottom: .2rem;}

.qui_footer2{
   
	color: #666;
}
.qui_footer2 .qui_warp{
    border-top: .01rem solid #ddd;
	padding: .3rem 0;
}

.qui_copyright{
	font-size: 0.14rem;
}

/* 搜索 */
.qui_main_search{background-color: #f9fafb;}
.qui_all_loc{text-align: right;line-height: .6rem;color: #000;font-size: .16rem;}
.qui_all_loc a{color:#000;display: inline-block;vertical-align: top;padding-right: .24rem;position: relative;min-height: .2rem;}
.qui_all_loc a:hover{text-decoration: underline;}
.qui_all_loc a:after{content: '>';font-family: '宋体';position: absolute;right: .06rem;top: 50%;transform: translateY(-50%);}
.qui_main_search .content{padding:1rem 0;background-color: #fff;}
.qui_main_search .content .search_input_box{position: relative;margin-bottom: .3rem;}
.qui_main_search .content .search_input{position: relative;padding-left: .5rem; color: #666;}
.qui_main_search .content .search_input:focus{border: 1px solid var(--colDf); }
.qui_main_search .content .search_input_box::after{
	position: absolute;
	content: "";
    width: .5rem;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/search.svg) center no-repeat;
    z-index: 1;
    background-size: auto .25rem;
}


 
 
/* 搜索框样式 */
.search_input_box {
	
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.search_input {
	flex: 1;
	height: 0.86rem;
	margin-right:  0.1rem;
	font-size: 0.16rem;
	background-color: #f8f8f8;
}
 .search_input input::placeholder {
  color: #666;
}

.search_btn {
	height: 0.86rem;
	padding: 0 0.8rem;
	background-color: #114089;
	color: #fff;
	font-size: 0.24rem;
	cursor: pointer;
	transition: all 0.3s;
}

.search_btn:hover {
	background-color: #0e3878;
}

/* 搜索结果统计 */
.search_result_stat {
	padding: 0.5rem 0;
	font-size: .18rem;
	position: relative;
}


.search_result_stat p {
	font-size: 0.22rem;
	color: #000;
}

.search_result_list{
	position: relative;
	border-top: 1px solid #ededed;
}

.search_result_list::after{
	content: "";
	width: .36rem;
	height: 2px;
	background-color: var(--colDf);
	position: absolute;
	left: 0;
	top: 0;
}
.search_key {
	color: #114089;
	font-weight: 500;
}

/* 搜索结果列表 */
.result_section {
	align-items: baseline;
	min-height: 1rem;
	padding: .15rem 0;
}

.section_title {
	font-size: 0.2rem;
	color: #000;
	margin-right: 1.2rem;
}

.result_ul {
	list-style: none;
}

.result_ul li {
	padding-bottom: 0.25rem;
	margin-bottom: 0.25rem;
	border-bottom: 1px solid #e5e5e5;
}

.result_ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.result_title {
	font-size: 0.16rem;
	color: #333333;
	font-weight: 500;
	display: block;
	margin-bottom: 0.1rem;
	transition: color 0.3s;
}

.result_title a:hover {
	color: #114089;
}

.result_desc {
	font-size: 0.14rem;
	color: #666;
	line-height: 0.24rem;
	margin-top: 0.1rem;
}

/* 分页样式 */
.search_pagination {
	margin-top: 0.6rem;
	text-align: center;
}

.pagination_ul {
	list-style: none;
	display: inline-block;
}

.pagination_ul li {
	float: left;
	margin: 0 0.05rem;
}

.pagination_ul a {
	display: block;
	padding: 0.08rem 0.16rem;
	border: 1px solid #e5e5e5;
	color: #666;
	font-size: 0.14rem;
	transition: all 0.3s;
}

.pagination_ul a:hover {
	color: #114089;
	border-color: #114089;
}

.pagination_ul .page_active {
	background-color: #114089;
	color: #fff;
	border-color: #114089;
}

.pagination_ul .page_active:hover {
	background-color: #114089;
	color: #fff;
}

/* 响应式设计 */
@media (max-width: 768px) {
	.search_input_box {
		width: 95%;
	}
	
	.search_input {
		height: 0.44rem;
		font-size: 0.14rem;
	}
	
	.search_btn {
		height: 0.44rem;
		padding: 0 0.3rem;
		font-size: 0.14rem;
	}
	
	.result_title {
		font-size: 0.15rem;
	}
	
	.result_desc {
		font-size: 0.13rem;
		line-height: 0.22rem;
	}
	
	.pagination_ul a {
		padding: 0.06rem 0.12rem;
		font-size: 0.13rem;
	}
}


@media screen and (max-width: 768px) {  
  	/* 手机端样式 */  
	.pc{display:  none;}

	.qui_footer1 .qui_footer_left{margin: 0 auto;text-align: center;}
	.qui_footer_left .qui_logo img{margin: 0 auto;}
	.qui_footer1 .qui_footer_left dl.one .wx{margin: 0 auto;}
	.qui_top_nav .ULLIST>li .qui_submenu>dd>a{text-indent: 1em;}


	.qui_pro_list .ULLIST{
		flex-wrap: wrap;
	}
	.qui_pro_list .li{
	flex: 0 0 calc(50% - (.4rem * 3) / 4);
	}
	.product .content h5.t3 + .qui_pro_list .li .quitt{
		text-align: center;
		margin: .3rem auto 0;
		width: 100%;
	}
	.qui_pro_list .li .quitt{width: 100%;text-align: center;}
	.qui_pro_list .li .qui_pics .box{width: auto;}
	.home #mySwiper_3 img{
	    height: auto !important;
        object-fit: contain;
    }

}
@media screen and (max-width:1024px)and (min-width:751px) {  
.plan .p_c .ULLIST .li .c{padding: .2rem;overflow: auto;}
.plan .p_c .ULLIST .li .c .title{font-size: .18rem;line-height: 1.2;}
.plan .p_c .ULLIST .li .c .txt{max-height: inherit;overflow: hidden;margin-top: .1rem;}

}
.sticky-nav{
	position: sticky;
	top: .76rem;
	z-index: 10;
	background-color: #fff;
}


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


.a-block{
	display: block;
}
.a-mask{
	position: relative;
}
.a-mask::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	z-index: 1;
}
.a-index {
	z-index: 10;
}
.a-full-w{
	width: 100%;
}

.a-text-cetnter{
	text-align: center;
}
.a-padding-y{
	padding: .2rem 0;
}
.a-font-size{
	font-size: .2rem;
}

.a-font-size-14{
	font-size: .14rem;
}
.a-font-bold{
	font-weight: bold;
}