@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:'HarmonyOS_Sans_SC','Noto Sans SC',-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;font-size:0.16rem;}
pre{font-family:'HarmonyOS_Sans_SC','Noto Sans SC',-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,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:#555;text-decoration:none;cursor:pointer;}
a:hover{color:#00b988;}
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_warp_1280{ max-width: 12.8rem;}
.qui_warp_1440{ max-width: 14.4rem;}
.qui_warp_over{ max-width: 15rem; padding: 0 0.3rem; overflow: hidden; width: 100%;}
.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:#00b988;}
.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,.qui_dot7,.qui_dot8{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_dot7{-webkit-line-clamp:7;}
.qui_dot8{-webkit-line-clamp:8;}
.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; margin: 0.4rem 0;}

/*颜色*/
.qui_col_df{color:#00b988!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:#00b988;border-radius:2.5px;}
.qui_gdt::-webkit-scrollbar-thumb:hover{background-color:#00b988;border-radius:2.5px;}
.qui_gdt::-webkit-scrollbar-thumb:active{background-color:#00b988;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:.53rem!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{}
.qui_top_nav .ULLIST>li>a{display:block;line-height:.3rem;text-align:center;color:#333;padding:.35rem .3rem;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:#00b988;}
.qui_top_nav .qui_warp{ width: 100%;}
}

/*二级下拉*/
.qui_top_nav .ULLIST>li{position:relative;}
.qui_submenu{position:absolute;width:100%;min-width:1.2rem;left:50%;top:100%;background:rgba(255,255,255,.95);-webkit-transform:translateX(-50%) translateY(-.1rem);font-size:.15rem;z-index:10;pointer-events:none;-webkit-transition:all .4s ease-out;opacity:0;}
.qui_submenu>dd>a{display:block;padding:.1rem;text-align:center;border-bottom:1px solid #eee;}
.qui_submenu>dd>a:hover{color:#00b988;border-color:#00b988;}
@media (min-width:1025px){
.qui_top_nav .ULLIST>li:hover .qui_submenu{pointer-events:auto;opacity:1;-webkit-transform:translateX(-50%);}
}

/* 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:center;margin-top:0.4rem;font-size:0;line-height:0;}
.Pages *{display:inline-block;vertical-align:top;font-weight:normal;font-style:normal;}
.Pages .num{ margin: 0 0.2rem;}
.Pages a{font-size:.16rem;min-width:.4rem;height:.4rem;line-height:calc(0.4rem - 2px);text-align:center; padding:0 .1rem;margin:0 .05rem;overflow:hidden; border-radius: 0.25rem; border: 1px solid transparent;}
.Pages a:hover,.Pages a.a_cur{background-color:#00b988;color:#fff; border-color: #00b988;}
.Pages a.a_prev,.Pages a.a_next{ background: url(../images/ico-page.svg) center no-repeat; background-size: 0.1rem auto; border-color: #ddd;}
.Pages a.a_next{ transform: rotateY(180deg);}
.Pages a.a_prev:hover,
.Pages a.a_next:hover{ background-color: #00b988; background-image: url(../images/ico-page-shiro.svg);}
.qui_nav_btn{display:none;}
.qui_wap_bg{display:none;}
.qui_body_ovh{overflow:hidden;}
.qui_top_boxH{height:1rem;}
.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_banbox{position:relative;overflow:hidden;}
.qui_banbox>img{min-height:3.6rem;object-fit:cover;}
.qui_banbox .quiinfo{position:absolute;z-index:2;left:50%;top:50%;width:96%;max-width:12rem;color:#fff;font-size:.24rem;transform:translateY(-50%) translateX(-50%);line-height:1.3; padding-top: 0.9rem;}
.qui_banbox .quicn{font-size:.44rem;}
.qui_banbox .quien{margin-top:.16rem;text-transform:capitalize;}

/*悬浮*/
.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_logo img{display:block;max-height:.4rem!important;}
.qui_top_box .quirr{padding-right:.5rem;}
.qui_single p{min-height:.1rem;}
.Pages{margin:.3rem 0 0 0;}
.qui_top_box{padding:.12rem 0;}
.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:#00b988;}
.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:#fff;text-align:left;}
.qui_top_nav .ULLIST>li{width:100%;float:none;border-bottom:1px solid rgba(255, 255, 255, .5);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(255,255,255,.8);border-top:.01rem solid  rgba(255,255,255,.25);}
.qui_top_nav .ULLIST>li .qui_submenu>dd>a{border-bottom:none;}
.qui_banbox .quicn{ font-size: 0.36rem;}
.qui_top_boxH{ height: 0.64rem;}
}
@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;}
.qui_banbox .quiinfo{ padding-top: 0;}
.qui_banbox>img{min-height:2.4rem;}
.qui_top_boxH{ height: 0.64rem;}
.qui_banbox .quicn{ font-size: 0.24rem;}
.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:#00b988;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:#00b988;}
.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.4s; transition:all 0.4s; object-fit: cover;}
a:hover .g-pic.hover > img,
.g-pic.hover > img:hover{ transform: scale(1.1);}

/* 主要样式 */
.top_header{ position: fixed; left: 0; right: 0; top: 0; height: 1rem; display: flex; align-items: center; justify-content: center; z-index: 1000; transition: all 0.4s;}
.top_header .left-logo img{ height: 0.46rem; object-fit: contain;}
.top_header .left-logo .green{ display: block;}
.top_header .left-logo .white{ display: none;}
.top_header .cont{ display: flex; align-items: center; justify-content: space-between; max-width: 19.2rem;}
.top_header .search,
.top_header .lang,
.top_header .menu-btn{ margin-left: 0.1rem;}
.top_header .search .ico,
.top_header .lang .ico,
.top_header .menu-btn .ico{ display: block; width: 0.5rem; height: 0.5rem; background: center no-repeat; background-size: 0.24rem 0.24rem; border-radius: 50%;}
.top_header .search .ico{ background-image: url(../images/ico-search.svg); transition: all 0.6s;}
.top_header .lang .ico{ background-image: url(../images/ico-lang.svg);}
.top_header .menu-btn .ico{ background-image: url(../images/ico-menu.svg); transition: transform 0.6s;}
.top_header .search{ width: 0.5rem; height: 0.5rem; position: relative; z-index: 2;}
.top_header .search .search-cont{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; transition: all 0.6s; background: #00b988; border-radius: 1rem; display: flex; align-items: center;}
.top_header .search .search-cont .ico{ flex-shrink: 0;}
.top_header .search .text{ width: 100%; line-height: 0.24rem; height: calc(0.24rem + 1px); border-bottom: 1px solid rgba(255, 255, 255, 0.5); flex: 1; min-width: 0; color: #fff; margin-right: 0; transition: all 0.4s; opacity: 0; font-size: 0.14rem;}
.top_header .lang,
.top_header .menu-btn{ width: 0.5rem; height: 0.5rem; background: #00b988; border-radius: 50%; cursor: pointer; position: relative; z-index: 2; transition: all 0.4s;}
.top_header .menu .li:nth-child(2){transition-delay: 0.1s;}
.top_header .menu .li:nth-child(3){transition-delay: 0.2s;}
.top_header .menu .li:nth-child(4){transition-delay: 0.3s;}
.top_header .menu .li:nth-child(5){transition-delay: 0.4s;}
.top_header .menu .li:nth-child(6){transition-delay: 0.5s;}
.top_header.active .menu-btn .ico{ background-image: url(../images/ico-close.svg); transform: rotateZ(90deg);}
.top_header .lang .lang-list{ display: none;}
@media(min-width:1025px){
.top_header .right-menu{ display: flex; align-items: center; justify-content: center; flex: 1;}
.top_header .menu .li{ margin-right: 0.5rem; transition: all 0.5s ease-in-out; position: relative;}
.top_header .menu .li:last-child,
.top_header .menu .li:nth-last-child(2){ margin-right: 0.4rem;}
.top_header .menu .li.lang-item{ display: none;}
.top_header .menu{ display: flex; align-items: center; justify-content: space-between;}
.top_header .menu .li>a{ font-size: 0.18rem; color: #333; line-height: 0.4rem;}
.top_header .menu .li.on>a::before{ content: ''; position: absolute; left: -0.2rem; right: -0.2rem; bottom: -0.3rem; border-top: 0.02rem solid #00b988;}
.top_header .search:hover .search-cont,
.top_header .search .search-cont:has(input:focus){ width: 2.5rem;}
.top_header .search:hover .text,
.top_header .search .text:focus{ margin-right: 0.2rem; opacity: 1;}
.top_header .search:hover .ico,
.top_header .search .search-cont:has(input:focus) .ico{ transform: rotate(90deg);}
.top_header.indexactive .menu .li,
.top_header.active .menu .li{ transform: translateY(-0.1rem); opacity: 0; pointer-events: none;}
.top_header .menu .li .sub-menu{ position: absolute; left: 50%; transform: translateX(-50%); top: 100%; padding-top: 0.28rem; transition: all 0.4s; display: block !important;}
.top_header .menu .li:not(:hover) .sub-menu{ opacity: 0; pointer-events: none; transform: translate(-50%, 0.15rem);}
.top_header .menu .li .list{ position: relative; background: #fff; box-shadow: 0 0.03rem 0.3rem -0.08rem rgba(192, 196, 204, 0.7); border-radius: 0.06rem; padding: 0.1rem 0;}
.top_header .menu .li .list::before{ content: ""; top: -0.1rem; position: absolute; left: 0; right: 0; margin: auto; width: 0; height: 0; border-width: 0.05rem; border-style: solid; border-color: transparent transparent #fff transparent;}
.top_header .menu .li .list a{ display: block; white-space: nowrap; padding: 0 0.2rem; min-width: 1.4rem; text-align: center; line-height: 0.36rem;}
.top_header .lang{ position: relative; cursor: auto;}
.top_header .lang:hover{ z-index: 0;}
.top_header .lang .ico{ cursor: pointer; position: relative; z-index: 2;}
.top_header .lang .lang-list{ display: block; min-width: 1.4rem; left: 50%; transform: translateX(-50%); padding-top: 0.83rem; top: -0.1rem; position: absolute; z-index: 1; transition: all 0.4s;}
.top_header .lang .lang-list .list{ background: #fff; color: #fff; border-radius: 0.1rem; padding: 0.2rem 0; position: relative; box-shadow: 0 0.03rem 0.3rem -0.08rem rgba(192, 196, 204, 0.7);}
.top_header .lang .lang-list .list::before{ content: ""; top: -0.1rem; position: absolute; left: 0; right: 0; margin: auto; width: 0; height: 0; border-width: 0.05rem; border-style: solid; border-color: transparent transparent #fff transparent;}
.top_header .lang:not(:hover) .lang-list{ opacity: 0; pointer-events: none; transform: translate(-50%, 0.1rem);}
.top_header .lang .lang-list a{ display: block; text-align: center; font-size: 0.16rem;}
}
@media(max-width:1024px){
.top_header{ height: 0.6rem; background: #fff;}
.top_header::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: -1; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.top_header .cont{ justify-content: center;}
.top_header .right-menu{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; height: 0.6rem; padding-top: 0.6rem; transition: all .5s ease; overflow: hidden; z-index: -1;}
.top_header:not(.active) .right-menu{ pointer-events: none;}
.top_header .left-logo img{ height: 0.3rem;}
.top_header .lang{ display: none;}
.top_header .menu-btn,
.top_header .search{ width: 0.4rem; height: 0.4rem; position: absolute; top: calc(50% - 0.2rem); margin-left: 0; background: none;}
.top_header .menu-btn{ left: 2%;}
.top_header .search{ right: 2%;}
.top_header .search .search-cont .ico,
.top_header .menu-btn .ico{ width: 0.4rem; height: 0.4rem; background-size: 0.3rem 0.3rem;}
.top_header .menu-btn .ico{ background-image: url(../images/ico-menu-greed.svg);}
.top_header.active .menu-btn .ico{ background-image: url(../images/ico-close-green.svg);}
.top_header .search .search-cont{ background: none;}
.top_header .search .search-cont .ico{ background-image: url(../images/ico-search-green.svg);}
.top_header.active .right-menu{ height: 100%; overflow: auto;}

.top_header .menu .li{ padding: 0 calc(2% + 0.1rem);}
.top_header .menu .li.wapon{ background: #f7f9fa;}
.top_header .menu .li > a{ font-size: 0.18rem; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 0.5rem;}

.top_header .menu .li .sub-menu{ display: none;}
.top_header .menu .li .sub-menu .list{ padding: 0.2rem 0;}
.top_header .menu .li .sub-menu a{ display: block; font-size: 0.16rem; padding: 0 calc(2% + 0.1rem); line-height: 0.3rem;}
}
@media(max-width:750px){
.top_header .menu .li > a{ font-size: 0.2rem; line-height: 0.6rem;}
.top_header .menu .li .sub-menu a{ font-size: 0.18rem; line-height: 0.4rem;}
}

/* 多页面头部样式 */
@media(min-width:1025px){
.top_header.scroll_header:not(.active),
.top_header.details_header:not(.active){ background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);}
.top_header.scroll_header .menu .li .sub-menu,
.top_header.details_header .menu .li .sub-menu{ padding-top: 0.2rem;}

.top_header.sub_header:not(.details_header):not(.scroll_header) .left-logo .green{ display: none;}
.top_header.sub_header:not(.details_header):not(.scroll_header) .left-logo .white{ display: block;}
.top_header.sub_header:not(.details_header):not(.scroll_header) .menu .li>a{ color: #fff;}
.top_header.sub_header:not(.details_header):not(.scroll_header) .menu .li.on>a::before{ border-color: #fff;}
.top_header.sub_header:not(.details_header):not(.scroll_header):not(.active) .search .search-cont{ background: rgba(255, 255, 255, 0.3);}
.top_header.sub_header:not(.details_header):not(.scroll_header):not(.active) .search:hover .search-cont,
.top_header.sub_header:not(.details_header):not(.scroll_header):not(.active) .search .search-cont:has(input:focus){ background: #fff;}
.top_header.sub_header:not(.details_header):not(.scroll_header):not(.active) .search:hover .search-cont .text,
.top_header.sub_header:not(.details_header):not(.scroll_header):not(.active) .search .search-cont:has(input:focus) .text{ color: #333; border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.top_header.sub_header:not(.details_header):not(.scroll_header):not(.active) .search:hover .search-cont .ico,
.top_header.sub_header:not(.details_header):not(.scroll_header):not(.active) .search .search-cont:has(input:focus) .ico{ background-image: url(../images/ico-search-on.svg);}
.top_header.sub_header:not(.details_header):not(.scroll_header):not(.active) .lang,
.top_header.sub_header:not(.details_header):not(.scroll_header):not(.active) .menu-btn{background: rgba(255, 255, 255, 0.3);}
}

/* 手动分屏 */
.fullPage{ overflow: hidden; height: 100vh; position: relative;}
.fullPage .section{ background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 0;}
.fullPage .section.active{ opacity: 1; z-index: 1;}
.fullPage .section.removeActive{ opacity: 1; z-index: 2;}
.fullPage .section:has(.index_banner){ opacity: 1;}
.fp-auto-height{ padding-top: 100vh;}

@keyframes Tmouse {
0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
100% { -webkit-transform: translateY(12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transform: translateY(-12px); }
}
.mousemove{ position: fixed; left: 0; right: 0; bottom: 2vh; width: 0.22rem; height: 0.4rem; background: url(../images/ico-mouse-green.svg) center no-repeat; background-size: 100% 100%; z-index: 100; margin: 0 auto; cursor: pointer; animation: Tmouse 0.9s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate}

/* 首页banner */
.index_banner{ height: 100vh; background: url(../images/banner-bg.jpg) center; background-size: cover; opacity: 0; transition: all 1.5s;}
.index_banner .dot{ position: absolute; left: 0; right: 0; height: 0; bottom: calc(50vh - 1.75rem); width: 96%; max-width: 16rem; z-index: 1; margin: 0 auto; opacity: 0; transition: all 1s;}
.index_banner .dot .swiper-pagination-bullet{ width: 0.12rem; height: 0.12rem; background: #00b988; opacity: 1; margin: 0; position: relative; transition: all 0.1s;}
.index_banner .dot .swiper-pagination-bullet svg {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: calc(0.06rem + -15px);
  top: calc(0.06rem + -15px);
  z-index: 5;
  backface-visibility: hidden;
}
.index_banner .dot .swiper-pagination-bullet circle{
  stroke-width: 1px;
  stroke: #00b988;
  stroke-dasharray: 300%;
  stroke-dashoffset: 300%;
  transition: stroke-dashoffset 0.6s ease-out;
  -webkit-transition: stroke-dashoffset 0.6s ease-out;
  -moz-transition: stroke-dashoffset 0.6s ease-out;
  -o-transition: stroke-dashoffset 0.6s ease-out;
  -ms-transition: stroke-dashoffset 0.6s ease-out;
  backface-visibility: hidden;
}
.index_banner .dot .swiper-pagination-bullet-active circle{
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s ease-out;
  -webkit-transition: stroke-dashoffset 1s ease-out;
  -moz-transition: stroke-dashoffset 1s ease-out;
  -o-transition: stroke-dashoffset 1s ease-out;
  -ms-transition: stroke-dashoffset 1s ease-out;
  backface-visibility: hidden;
}
.index_banner .dot .swiper-pagination-bullet + .swiper-pagination-bullet{ margin-left: 0.4rem;}
.index_banner .dot .swiper-pagination-bullet-active{ background: #00b988;}
.index_banner .swiper-slide{ overflow: hidden; display: flex; align-items: center; justify-content: center;}
.index_banner .big{ position: absolute; right: 0; top: 0; transition: all 1.2s; transform: translateY(-0.2rem);}
.index_banner .big::before{ content: ''; position: absolute; left: -0.4rem; bottom: -0.4rem; width: 12.8rem; height: 12.8rem; background: url(../images/banner-big.png) center no-repeat; background-size: 100% 100%; opacity: 0;}
.index_banner .big img{ width: 10.2rem; height: 8.6rem; clip-path: circle(0% at 11.2rem -1rem); transition: all 1.2s;}
.index_banner .small{ position: absolute; left: 0; bottom: 0; transition: all 1.2s; transform: translateY(0.1rem);}
.index_banner .small::before{ content: ''; position: absolute; right: -0.22rem; top: -0.22rem; width: 5.6rem; height: 5.6rem; background: url(../images/banner-small.png) center no-repeat; background-size: 100% 100%; opacity: 0;}
.index_banner .small img{ width: 2.6rem; height: 2.6rem; clip-path: circle(0 at -1rem 3.6rem); transition: all 1.2s;}
.index_banner .text img{ width: 8rem; height: 3.5rem; object-fit: contain; clip-path: circle(0% at 0 50%); transition: all 1.2s;}
.active .index_banner{ opacity: 1;}
.active .index_banner .dot{ opacity: 1;}
.active .index_banner .swiper-slide-active .text img{ clip-path: circle(150% at 0 50%);}
.active .index_banner .big img{ clip-path: circle(64.5% at 6.1rem 2.5rem);}
.active .index_banner .big::before,
.active .index_banner .small::before{ opacity: 1; transition: all 2.4s;}
.active .index_banner .small img{ clip-path: circle(100% at 0% 100%);}

.index_banner[direction='up'] .big{ transform: translateY(-0.4rem);}
.index_banner[direction='center'] .big{ transform: translateY(-0.2rem);}
.index_banner[direction='down'] .big{ transform: translateY(0px);}
.index_banner[direction='up'] .small{ transform: translateY(0.2rem);}
.index_banner[direction='center'] .small{ transform: translateY(0.1rem);}
.index_banner[direction='down'] .small{ transform: translateY(0px);}

@media(max-width:1024px){
.index_banner{ height: calc(100vh - 0.6rem); margin-top: 0.6rem;}
.index_banner .text img{ width: 4rem; height: 1.75rem; margin-top: 0.5rem;}
.index_banner .big img{ width: 5.1rem; height: 4.3rem; clip-path: circle(0% at 100% 0%);}
.active .index_banner .big img{ clip-path: circle(64.5% at 3.05rem 1.25rem);}
.index_banner .big::before{ width: 6.4rem; height: 6.4rem; left: 0; bottom: 0;}
.index_banner .small img{ width: 1.3rem; height: 1.3rem;}
.index_banner .dot .swiper-pagination-bullet + .swiper-pagination-bullet{ margin-left: 0.2rem;}
}
@media(max-width:750px){
.index_banner .big img{ width: 4.3rem; height: 4.3rem;}
.index_banner .small{ bottom: auto; top: calc(50% - 1.8rem);}
.index_banner .small::before{ width: 3rem; height: 3rem; top: -0.2rem; right: calc(50% - 0.15rem);}
.index_banner .small img{ clip-path: circle(0% at 0% 50%); width: 2.4rem; height: 2.4rem;}
.index_banner .dot{ bottom: 0.8rem; left: 3%;}
.index_banner .swiper-slide{ align-items: flex-end;}
.index_banner .text img{ margin: 0 0 1.2rem 0;}
.active .index_banner .small img{ clip-path: circle(50% at 0% 50%);}
}
/* 兼容ipad */
@media(max-width:1024px) and (min-width:751px) and (min-height: 1161px){
.index_banner .big img{ width: 8.6rem; height: 8.6rem;}
.index_banner .big::before{ width: 12rem; height: 12rem; left: -0.2rem; bottom: 0px;}
.index_banner .small{ bottom: auto; top: calc(50% - 1.2rem);}
.index_banner .small::before{ width: 4rem; height: 4rem; top: -0.2rem; right: calc(50% - 0.15rem);}
.index_banner .small img{ clip-path: circle(0% at 0% 50%); width: 3.6rem; height: 3.6rem;}
.index_banner .dot{ bottom: 0.8rem; left: 3%;}
.index_banner .swiper-slide{ align-items: flex-end;}
.index_banner .text img{ margin: 0 0 1.2rem 0;}
.active .index_banner .big img{ clip-path: circle(70% at 6.05rem 2.25rem);}
.active .index_banner .small img{ clip-path: circle(50% at 0% 50%);}
}
@media(max-width:1024px) and (min-width:751px) and (min-height: 1161px) and (max-height: 1300px){
.index_banner .big img{ width: 6.6rem; height: 6.6rem;}
.index_banner .big::before{ width: 12rem; height: 12rem; left: -0.2rem; bottom: -0.6rem;}
.index_banner .small::before{ width: 3rem; height: 3rem; top: -0.2rem; right: calc(50% - 0.15rem);}
.index_banner .small img{ clip-path: circle(0% at 0% 50%); width: 2.4rem; height: 2.4rem;}
.active .index_banner .big img{ clip-path: circle(70% at 5rem 1.9rem);}
}

/* 走进净土 */
.index_about{ height: 100vh; position: relative; overflow: hidden; opacity: 0; transition: 1.5s;}
.index_about .bg{ position: absolute; z-index: 0; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.index_about .bg img{ width: 100%; height: 100%; object-fit: cover;}
.index_about .logo{ position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; opacity: 1; z-index: 4; border: 1px solid #fff;}
/* .index_about .logo::after{ content: ''; position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; background: url(../images/about-bg.png) center no-repeat; background-size: cover;} */
.index_about .logo img{ position: absolute; left: 0; top: 50%; width: 100%; height: 102vh; object-fit: cover; z-index: 0; max-height: 10000%; transform: translateY(-51%); transition: all 3s;}
.index_about .warp{ max-width: 12.8rem; width: 96%; margin: 0 auto;}
.index_about .title{ font-size: 0.42rem; font-weight: bold; line-height: 1.2; color: #00b988;}
.index_about .title + .text{ position: relative; top: 0.2rem; color: #333; transition: all 1s;}
.index_about .cont { position: relative; z-index: 5; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; text-align: center; background: transparent; transition: all 1s;}
.index_about .cont .warp{ position: relative; transition: all 1s; top: 50vh;}
.index_about .cont.show{ opacity: 1;}
.index_about .cont .info{ font-size: 0.16rem; font-weight: 300; margin: 0.2rem 0 0.5rem 0; transition: all 1s; opacity: 0;}
.index_about .cont .list{ display: flex; width: 100%; justify-content: space-between; text-align: center; font-weight: 300; margin-top: 0.3rem;}
.index_about .cont .list .number span{ font-weight: 500; font-size: 0.56rem;}
.index_about .cont .more{ display: flex; align-items: center; justify-content: center; margin-top: 0.8rem;}
.index_about .cont .more a{ border-radius: 1rem; height: 0.6rem; border: 2px solid #fff; color: #fff; font-size: 0.16rem; margin: 0; box-shadow: none; min-width: 0;}
.index_about .cont .more a .ym-more-text-1,
.index_about .cont .more a .ym-more-text-2{ position: relative; display: flex; align-items: center; justify-content: center;}
.index_about .cont .more a .ym-more-text-1::after,
.index_about .cont .more a .ym-more-text-2::after{ content: ''; display: block; background: url(../images/ico-more.svg) center no-repeat; background-size: 100% 100%; width: 0.12rem; height: 0.12rem; margin-left: 0.2rem; transition: all 0.4s;}
.index_about .cont .more a:hover{ background: url(../images/column-btn-bg.jpg); border-color: transparent; background-size: calc(100% + 4px) calc(100% + 4px);}
.index_about .cont .more a:hover::after{ transform: translateX(0.05rem);}
.index_about .before{ position: absolute; left: 0; right: 0; bottom: 24vh; z-index: 6; text-align: center;}
.index_about .before .title{ color: #00b988; transition: all 0.4s;}
.index_about .before .info{ font-size: 0.16rem; font-weight: 300; margin-top: 0.2rem; transition: all 0.4s}
.index_about .before.shiro{ color: #fff;}
.index_about .before.shiro .title{ color: #fff;}
.index_about .bg{
  -webkit-mask:url(../images/mask-logo.svg);
  mask:url(../images/mask-logo.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 3rem;
  mask-size: 3rem;
  -webkit-mask-position: center; 
  mask-position: center; 
  transition: all 1s;
}
.removeActive .index_about,
.active .index_about{ opacity: 1;}
.removeActive .index_about .bg{ animation-name: indexAboutBgOut; animation-duration: 3s; animation-fill-mode: forwards;}
.active .index_about .bg{ animation-name: indexAboutBg; animation-duration: 3s; animation-fill-mode: forwards;}
@keyframes indexAboutBg {
  0% {
    -webkit-mask-size: 3rem;
    mask-size: 3rem;
  }
  5% {
    -webkit-mask-size: 3rem;
    mask-size: 3rem;
  }
  100% {
    -webkit-mask-size: 160rem;
    mask-size: 160rem;
  }
}
@keyframes indexAboutBgOut {
  0% {
    -webkit-mask-size: 160rem;
    mask-size: 160rem;
  }
  95% {
    -webkit-mask-size: 3rem;
    mask-size: 3rem;
    opacity: 1;
  }
  100% {
    -webkit-mask-size: 3rem;
    mask-size: 3rem;
    opacity: 0;
  }
}
.removeActive .index_about .cont{ animation-name: indexAboutContOut; animation-duration: 3s; animation-fill-mode: forwards;}
.active .index_about .cont{ animation-name: indexAboutCont; animation-duration: 3s; animation-fill-mode: forwards;}
@keyframes indexAboutCont {
  0% {
    background:transparent;
  }
  50% {
    background:transparent;
  }
  100% {
    background: rgba(0, 47, 78, 0.6);
  }
}
@keyframes indexAboutContOut {
  0% {
    background: rgba(0, 47, 78, 0.6);
  }
  50% {
    background:transparent;
  }
  100% {
    background:transparent;
  }
}
.removeActive .index_about .cont .warp{ animation-name: indexAboutWarpOut; animation-duration: 3s; animation-fill-mode: forwards; }
.active .index_about .cont .warp{ animation-name: indexAboutWarp; animation-duration: 3s; animation-fill-mode: forwards; }
@keyframes indexAboutWarp {
  0% {
    top: 50vh;
  }
  50% {
    top: 50vh;
  }
  100% {
    top: 0;
  }
}
@keyframes indexAboutWarpOut {
  0% {
    top: 0;
  }
  50% {
    top: 50vh;
  }
  100% {
    top: 50vh;
  }
}
.removeActive .index_about .title { animation-name: indexAboutTitleOut; animation-duration: 3s; animation-fill-mode: forwards;}
.active .index_about .title { animation-name: indexAboutTitle; animation-duration: 3s; animation-fill-mode: forwards;}
@keyframes indexAboutTitle {
  0% {
    color: #00b988;
  }
  20% {
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@keyframes indexAboutTitleOut {
  0% {
    color: #fff;
  }
  80% {
    color: #00b988;
  }
  100% {
    color: #00b988;
  }
}
.removeActive .index_about .title + .text{ animation-name: indexAboutTextOut; animation-duration: 3s; animation-fill-mode: forwards;}
.active .index_about .title + .text{ animation-name: indexAboutText; animation-duration: 3s; animation-fill-mode: forwards;}
@keyframes indexAboutText {
  0% {
    opacity: 1;
    color: #333;
  }
  20% {
    opacity: 1;
    color: #fff;
  }
  100% {
    opacity: 0;
    color: #fff;
    pointer-events: none;
  }
}
@keyframes indexAboutTextOut {
  0% {
    opacity: 0;
    color: #fff;
    pointer-events: none;
  }
  80% {
    opacity: 1;
    color: #fff;
  }
  100% {
    opacity: 1;
    color: #333;
  }
}
.active .index_about .cont .info{
  animation-name: indexAboutInfo;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}
@keyframes indexAboutInfo {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0
  }
  100% {
    opacity: 1;
  }
}
@media(max-width:1024px){
.index_about{ height: calc(100vh - 0.6rem); margin-top: 0.6rem;}
.index_about .title{ font-size: 0.32rem;}
.index_about .cont .info{ margin: 0.2rem 0;}
.index_about .cont .list .number span{ font-size: 0.4rem;}
.index_about .cont .more{ margin-top: 0.2rem;}
}
@media(max-width:750px){
.index_about .warp{ margin-bottom: 0.4rem;}
.index_about .cont .list{ flex-wrap: wrap; justify-content: center;}
.index_about .cont .list .item{ width: calc(100% / 3);}
.index_about .cont .list .item:nth-child(4),
.index_about .cont .list .item:nth-child(5){ margin-top: 0.2rem;}
}

/* 净土资讯 */
.index_news{ height: 100vh; background: #f5faf7 url(../images/news-bg.png) center; background-size: cover; display: flex; align-items: center; justify-content: center;}
.fullPage .section:has(.index_news){ transition: clip-path 2s; clip-path:circle(0% at 50% 120%); opacity: 1;}
.index_news .title{ font-size: 0.42rem; font-weight: bold; line-height: 1.2; color: #00b988; text-align: center;}
.index_news .tablist{ display: flex; align-items: center; justify-content: center; font-size: 0.18rem; line-height: 0.5rem; margin-top: 0.1rem;}
.index_news .tablist .item{ position: relative; cursor: pointer;}
.index_news .tablist .item + .item{ margin-left: 0.5rem;}
.index_news .tablist .item.active{ color: #00b988;}
.index_news .tablist .item.active::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-top: 2px solid #00b988;}
.index_news .itemlist{ width: 7rem; margin: 0 auto;}
.index_news .itemlist .item{ display: none;}
.index_news .itemlist .item.active{ display: block;}
.index_news .itemlist .swiper{ perspective: 1200px; overflow: visible; cursor: grab; margin-top: 0.35rem;}
.index_news .itemlist .swiper-wrapper{ transform-style: preserve-3d;}
.index_news .itemlist .swiper-slide{ width: 3rem; position: relative;}
.index_news .itemlist .swiper-slide .cont{ opacity: 0; text-align: center; transition: all 0.6s;}
.index_news .itemlist .swiper-slide .name{ font-size: 0.24rem; line-height: 0.6rem; height: 0.6rem; margin-top: 0.2rem; color: #333;}
.index_news .itemlist .swiper-slide .info{ height: 0.6rem; line-height: 0.6rem; font-weight: 300; color: #555;}
.index_news .itemlist .swiper-slide.swiper-slide-active{ width: 7rem;}
.index_news .itemlist .swiper-slide.swiper-slide-active .cont{ opacity: 1;}
.index_news .itemlist a{ display: block; margin: 0 auto;}
.index_news .itemlist .g-pic{ padding-bottom: 0; height: 3.93rem; border-radius: 0.3rem;}
.index_news .btnlist{ display: flex; align-items: center; justify-content: space-between; margin-top: -0.6rem; position: relative; z-index: 1; height: 1px;}
.index_news .btnlist::before,
.index_news .btnlist::after{ content: ''; position: absolute; width: calc(50% - 0.8rem); border-top: 1px solid #00b988;}
.index_news .btnlist::before{ right: 50%;}
.index_news .btnlist::after{ left: 50%; border-top-color: #cbf1e5;}
.index_news .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s;}
.index_news .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.index_news .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.index_news .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.index_news .btnlist .swiper-next{ transform: rotate(180deg);}
.index_news .btnlist > .swiper-next:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
.fullPage .section.active:has(.index_news){ clip-path: circle(150% at 50% 120%); z-index: 2;}
@media(max-width:750px){
.index_news .itemlist{ width: 4rem; margin: 0 auto;}
.index_news .itemlist .g-pic{ height: 2.24rem;}
.index_news .itemlist .swiper-slide.swiper-slide-active .cont{ padding: 0 0.7rem;}
}

/* 净土品牌 */
.index_brand{ height: 100vh; position: relative; overflow: hidden; opacity: 0; transition: 1.5s;}
.index_brand .bg{ position: absolute; z-index: 0; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.index_brand .bg img{ width: 100%; height: 100%; object-fit: cover;}
.index_brand .logo{ position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; opacity: 1; z-index: 4; border: 1px solid #fff;}
.index_brand .logo img{ position: absolute; left: 0; top: 50%; width: 100%; height: 2502vh; object-fit: cover; z-index: 0; max-height: 10000%; transform: translateY(-45%); transition: all 0.4s;}
.index_brand .warp{ max-width: 12.8rem; width: 100%; margin: 0 auto;}
.index_brand .cont .warp{ position: relative; transition: all 1s; --change-top: calc(50vh - 0.7rem);}
.index_brand .title{ font-size: 0.42rem; font-weight: bold; line-height: 1.2;}
.index_brand .cont { position: relative; z-index: 5; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; text-align: center; background: rgba(0, 39, 79, 0.5); opacity: 0; transition: all 0.4s;}
.index_brand .cont.show{ opacity: 1;}
.index_brand .cont .info{ font-size: 0.16rem; font-weight: 300; margin: 0.5rem auto; width: 96%; max-width: 9.1rem; min-height: 50vh;}
.index_brand .before{ position: absolute; left: 0; right: 0; bottom: 24vh; z-index: 6; text-align: center; display: none;}
.index_brand .before .title{ color: #00b988; transition: all 0.4s;}
.index_brand .before .info{ font-size: 0.16rem; font-weight: 300; transition: all 0.4s; width: 96%; max-width: 9.1rem; margin: 0.2rem auto 0 auto;}
.index_brand .before.shiro{ color: #fff; opacity: 0;}
.index_brand .before.shiro .title{ color: #fff;}
.index_brand .info .more{ display: flex; align-items: center; justify-content: center;}
.index_brand .info .more .ym-more{ box-shadow: none; min-width: 0; font-size: 0.16rem; height: 0.6rem; border: 2px solid #00b988; opacity: 0;}
.index_brand .info .more .ym-more:hover{ border-color: transparent;}
.index_brand .info .more .ym-more .ym-more-text-1,
.index_brand .info .more .ym-more .ym-more-text-2{ display: flex; align-items: center; justify-content: center;}
.index_brand .info .more .ym-more .ym-more-text-1::after,
.index_brand .info .more .ym-more .ym-more-text-2::after{ content: ''; display: block; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; width: 0.12rem; height: 0.12rem; margin-left: 0.2rem; transition: all 0.4s;}
.index_brand .info .more .ym-more .ym-more-text-2::after{ background-image: url(../images/ico-more.svg);}
.active .index_brand{ opacity: 1;}
.index_brand .bg{
  -webkit-mask:url(../images/mask-logo.svg);
  mask:url(../images/mask-logo.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 3rem;
  mask-size: 3rem;
  -webkit-mask-position: center calc(50% - 1rem); 
  mask-position: center calc(50% - 1rem); 
  transition: all 1s;
}
.removeActive .index_brand,
.active .index_brand{ opacity: 1;}
.removeActive .index_brand .bg{ animation-name: indexBrandBgOut; animation-duration: 3s; animation-fill-mode: forwards;}
.active .index_brand .bg{ animation-name: indexBrandBg; animation-duration: 3s; animation-fill-mode: forwards;}
@media(max-width:750px){
.index_brand .bg{
  -webkit-mask-position: center calc(50% - 1.5rem); 
  mask-position: center calc(50% - 1.5rem); 
}
.index_brand .cont .warp{ --change-top: calc(50vh - 1.2rem);}
.index_brand .cont .info{ margin-top: 0.2rem;}
}
@keyframes indexBrandBg {
  0% {
    -webkit-mask-size: 160rem;
    mask-size: 160rem;
  }
  95% {
    -webkit-mask-size: 3rem;
    mask-size: 3rem;
  }
  100% {
    -webkit-mask-size: 3rem;
    mask-size: 3rem;
  }
}
@keyframes indexBrandBgOut {
  0% {
    -webkit-mask-size: 3rem;
    mask-size: 3rem;
  }
  5% {
    -webkit-mask-size: 3rem;
    mask-size: 3rem;
  }
  100% {
    -webkit-mask-size: 160rem;
    mask-size: 160rem;
  }
}
.removeActive .index_brand .cont{ animation-name: indexBrandContOut; animation-duration: 3s; animation-fill-mode: forwards;}
.active .index_brand .cont{ animation-name: indexBrandCont; animation-duration: 3s; animation-fill-mode: forwards;}
@keyframes indexBrandCont {
  0% {
    background: rgba(0, 39, 79, 0.5);
  }
  50% {
    background:transparent;
  }
  100% {
    background:transparent;
  }
}
@keyframes indexBrandContOut {
  0% {
    background:transparent;
  }
  50% {
    background: rgba(0, 39, 79, 0.5);
  }
  100% {
    background: rgba(0, 39, 79, 0.5);
  }
}
.removeActive .index_brand .cont .warp{ animation-name: indexBrandWarpOut; animation-duration: 3s; animation-fill-mode: forwards; }
.active .index_brand .cont .warp{ animation-name: indexBrandWarp; animation-duration: 3s; animation-fill-mode: forwards; }
@keyframes indexBrandWarp {
  0% {
    top: 0;
  }
  50% {
    top: 0;
  }
  100% {
    top: var(--change-top);
  }
}
@keyframes indexBrandWarpOut {
  0% {
    top: var(--change-top);
  }
  50% {
    top: 0;
  }
  100% {
    top: 0;
  }
}
.removeActive .index_brand .title { animation-name: indexBrandTitleOut; animation-duration: 3s; animation-fill-mode: forwards;}
.active .index_brand .title { animation-name: indexBrandTitle; animation-duration: 3s; animation-fill-mode: forwards;}
@keyframes indexBrandTitle {
  0% {
    color: #fff;
  }
  80% {
    color: #fff;
  }
  100% {
    color: #00b988;
  }
}
@keyframes indexBrandTitleOut {
  0% {
    color: #00b988;
  }
  20% {
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
.removeActive .index_brand .info{ animation-name: indexBrandTextOut; animation-duration: 3s; animation-fill-mode: forwards;}
.active .index_brand .info{ animation-name: indexBrandText; animation-duration: 3s; animation-fill-mode: forwards;}
@keyframes indexBrandText {
  0% {
    color: #fff;
  }
  80% {
    color: #fff;
  }
  100% {
    color: #333;
  }
}
@keyframes indexBrandTextOut {
  0% {
    color: #333;
    pointer-events: none;
  }
  20% {
    color: #fff;
  }
  100% {
    color: #fff;
  }
}

.removeActive .index_brand .info .ym-more{ animation-name: indexBrandMoreOut; animation-duration: 3s; animation-fill-mode: forwards;}
.active .index_brand .info .ym-more{ animation-name: indexBrandMore; animation-duration: 3s; animation-fill-mode: forwards;}
@keyframes indexBrandMore {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes indexBrandMoreOut {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0
  }
}
@media(max-width:1024px){
.index_brand{height: calc(100vh - 0.6rem); margin-top: 0.6rem;}
.index_brand .title{ font-size: 0.32rem;}
}

/* 净土产品 */
@keyframes productItemRotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.index-product{ height: 100vh; position: relative; overflow: hidden; background: url(../images/banner-bg.jpg) center; background-size: cover;}
/* .index-product .cont{ clip-path: circle(40% at 50% 100%);} */
.index-product .bg{ position: absolute; z-index: 0; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.index-product .bg img{ width: 100%; height: 100%; object-fit: cover;}
.index-product .warp{ max-width: 12.8rem; width: 96%; margin: 0 auto; min-height: 70vh; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative;}
.index-product .title{ font-size: 0.42rem; font-weight: bold; line-height: 1.2;}
.index-product .cont { position: relative; z-index: 5; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.3);}
.index-product .cont .info{ font-size: 0.16rem; font-weight: 300; margin: 0.5rem auto; max-width: 8rem; flex: 1;}
.index-product .cont .list{ display: flex; width: 100%; justify-content: space-between; text-align: center; font-weight: 300; margin-top: 0.3rem; position: relative; z-index: 6;}
.index-product .cont .list .item{ width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; transition: all 0.5s; opacity: 0; transform: translateY(1rem);}
.index-product .cont .list .item::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/product-item-shiro.png); background-size: 100% 100%; transition: all 0.4s; animation: productItemRotate 10s infinite linear;}
.index-product .cont .list .box{ width: 1.8rem; height: 1.8rem; border-radius: 50%; background: #fff; transition: all 0.4s; position: relative; z-index: 1; overflow: hidden;}
.index-product .cont .list .box::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/wenli.jpg) center; opacity: 0; transition: all 0.4s;}
.index-product .show .list .box{ background: #f5f5f5;}
.index-product .cont .list .text{ color: #00b988; font-size: 0.2rem; transition: all 0.4s; line-height: 0.4rem; position: relative;}
.index-product .cont .list .g-pic{ padding-bottom: 65%;  margin-top: 0.1rem;}

.index-product .show .list .item::before,
.index-product .cont .list .item.on::before,
.index-product .cont .list .item:hover::before{ background-image: url(../images/product-item-green.png);}
.index-product .cont .list .item.on .box::before,
.index-product .cont .list .item:hover .box::before{ opacity: 1;}
.index-product .cont .list .item.on .text,
.index-product .cont .list .item:hover .text{ color: #fff;}

.index-product .display{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banner-bg.jpg) center; background-size: cover; z-index: 3; text-align: left; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: all 1s;}
.index-product .display .item{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; opacity: 0; pointer-events: none; transition: all 1s;}
.index-product .display .item.active{ opacity: 1; pointer-events: auto;}
.index-product .display .item .text{ width: 100%; max-width: 12.8rem;}
.index-product .display .title{ color: #00b988; height: 1.2em; overflow: hidden; letter-spacing: 1rem; transition: all 1s; opacity: 0.3;}
.index-product .display .active .title{ letter-spacing: 0px; opacity: 1;}
.index-product .display .info{ color: #555; max-width: 3.5rem; margin: 0.2rem 0 0.5rem; line-height: 0.3rem; height: 0.9rem; letter-spacing: 3em; transition: all 1s; opacity: 0.3;}
.index-product .display .active .info{ letter-spacing: 0px; opacity: 1;}
.index-product .display .more{ display: flex; align-items: center; margin: 0 0 0.8rem 0 !important;}

.index-product .display .more{ display: flex;}
.index-product .display .more a{ border-radius: 1rem; height: 0.6rem; border: 2px solid #00b988; color: #00b988; font-size: 0.16rem; margin: 0; box-shadow: none; min-width: 0;}
.index-product .display .more a .ym-more-text-1,
.index-product .display .more a .ym-more-text-2{ position: relative; display: flex; align-items: center; justify-content: center;}
.index-product .display .more a .ym-more-text-1::after,
.index-product .display .more a .ym-more-text-2::after{ content: ''; display: block; background: url(../images/ico-more.svg) center no-repeat; background-size: 100% 100%; width: 0.12rem; height: 0.12rem; margin-left: 0.2rem; transition: all 0.4s;}
.index-product .display .more a .ym-more-text-1::after{ background-image: url(../images/ico-more-green.svg);}
.index-product .display .more a:hover{ background: url(../images/column-btn-bg.jpg); border-color: transparent; background-size: calc(100% + 4px) calc(100% + 4px);}
.index-product .display .more a:hover::after{ transform: translateX(0.05rem);}

.index-product .display .big{ position: absolute; right: 0; top: 0; transition: all 1.2s; opacity: 0;}
.index-product .display .big::before{ content: ''; position: absolute; left: -0.4rem; bottom: -0.4rem; width: 12.8rem; height: 12.8rem; background: url(../images/banner-big.png) center no-repeat; background-size: 100% 100%; opacity: 0;}
.index-product .display .big img{ width: 10.2rem; height: 8.6rem; clip-path: circle(0% at 11.2rem -1rem); transition: all 1.2s;}
.index-product .display .active .big{ opacity: 1;}

.index-product .show .display{ opacity: 1; pointer-events: auto;}
.index-product .show .display .big img{ clip-path: circle(64.5% at 6.1rem 2.5rem);}
.index-product .show .display .big::before,
.index-product .show .display .small::before{ opacity: 1; transition: all 2.4s;}

.fullPage .section:has(.index-product){ transition: all 2s; clip-path: circle(0% at 50% 100%); opacity: 1;}
.fullPage .section.active:has(.index-product) {clip-path: circle(100% at 50% 100%); z-index: 2;}

/* .active .index-product .cont{clip-path: circle(100% at 50% 100%);} */
.index-product .cont .list .item{ animation-name: hideProduct; animation-duration: 1s; animation-fill-mode: forwards;}
.active .index-product .cont .list .item{ opacity: 1; transform: translateY(0);}
.active .index-product .cont .list .item{ animation-name: showProduct; animation-duration: 2s; animation-fill-mode: forwards;}
@keyframes hideProduct {
  0% {
    opacity: 1;
    transform: translateY(0)
  }
  100% {
    opacity: 0;
    transform: translateY(1rem)
  }
}
@keyframes showProduct {
  0% {
    opacity: 0;
    transform: translateY(1rem)
  }
  50% {
    opacity: 0;
    transform: translateY(1rem)
  }
  100% {
    opacity: 1;
    transform: translateY(0)
  }
}
@media(max-width:1024px){
.index-product{height: calc(100vh - 0.6rem); margin-top: 0.6rem;}
.index-product .title{ font-size: 0.32rem;}
.index-product .cont .info{ margin: 0.2rem auto;}
.index-product .cont .list{ margin-bottom: 0.4rem;}
.active .index-product .cont.active{clip-path: circle(200% at 50% 100%);}
.index-product .cont .list .item{ width: 1.6rem; height: 1.6rem;}
.index-product .cont .list .box{ width: 1.4rem; height: 1.4rem;}
.index-product .show .display{ display: none;}
.index-product .bg{ background: #000;}
.index-product .bg img{ opacity: 0.6;}
}
@media(max-width:750px){
.index-product .cont .list{ flex-wrap: wrap; width: 3.8rem; margin: 0 auto;}
.index-product .cont .list .item{ margin-top: 0.2rem;}
.fullPage .section.active:has(.index-product) {clip-path: circle(200% at 50% 100%); z-index: 2;}
}

/* 人才招聘 / 联系我们 */
.index_join{ height: 100vh; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center;}
.index_join .big{ position: absolute; left: 0; bottom: 0; transition: all 1.2s;}
.index_join .big::before{ content: ''; position: absolute; right: 0.25rem; top: -0.3rem; width: 12.8rem; height: 12.8rem; background: url(../images/banner-big.png) center no-repeat; background-size: 100% 100%; opacity: 0;}
.index_join .big img{ width: 9.6rem; height: 7.62rem; transition: all 1.2s; clip-path: circle(70% at 30% 80%); /* clip-path: circle(0% at 0% 100%); */ object-fit: cover;}
.index_join .list{ margin-left: 50%; padding-left: 0.4rem;}
.index_join .list .item{ display: flex; align-items: center;}
.index_join .list .item + .item{ margin-top: 0.8rem;}
.index_join .list .item:nth-child(2n){ flex-direction: row-reverse;}
.index_join .list .info{ flex: 1;}
.index_join .list .name{ font-size: 0.2rem; color: #00b988;}
.index_join .list .text{ font-size: 0.24rem; color: #000; line-height: 0.3rem; margin: 0.28rem 0;}
.index_join .list .data{ font-size: 0.16rem; font-weight: 300; line-height: 0.32rem; color: #555;}
.index_join .list .image{ width: 2.8rem; height: 2.8rem; border-radius: 50%; overflow: hidden; margin-left: 1.1rem; position: relative;}
.index_join .list .image::before{ content: ''; position: absolute; z-index: 1; left: 0.05rem; top: 0.05rem; border-radius: 50%; width: calc(100% - 0.1rem); height: calc(100% - 0.1rem); border: 2px solid #fff;}
.index_join .list .item:nth-child(2n) .image{ margin: 0 1.1rem 0 0;}
.index_join .list .more{ display: flex; align-items: center; margin-top: 0.2rem;}
.index_join .list .more .ym-more{ display: flex; align-items: center; justify-content: center; border-radius: 1rem; height: 0.6rem; line-height: calc(0.6rem - 4px); padding: 0 calc(0.3rem - 2px); border: 2px solid #00b988; color: #00b988; font-size: 0.16rem; min-width: 0; box-shadow: none; margin: 0;}
.index_join .list .more .ym-more .ym-more-text-1,
.index_join .list .more .ym-more .ym-more-text-2{ display: flex; align-items: center; justify-content: center;}
.index_join .list .more .ym-more .ym-more-text-1::after,
.index_join .list .more .ym-more .ym-more-text-2::after{ content: ''; display: block; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; width: 0.12rem; height: 0.12rem; margin-left: 0.2rem; transition: all 0.4s;}
.index_join .list .more .ym-more .ym-more-text-2::after{ background-image: url(../images/ico-more.svg);}
.index_join .list .more .ym-more:hover{ border-color: transparent;}

/* .active .index_join .big img{ clip-path: circle(70% at 30% 80%)} */
.index_join .big::before{ opacity: 1;}
.fullPage .section:has(.index_join){ clip-path: circle(0% at -10% 110%); transition: all 3.5s; opacity: 1;}
.fullPage .section.active:has(.index_join){ clip-path: circle(150% at 14.5% 84.5%);}
@media(max-width:1024px) and (max-height: 1160px){
.index_join{height: calc(100vh - 0.6rem); margin-top: 0.6rem;}
.index_join .big{ z-index: 0; background: #4c4c4c; width: 100%; height: 100%;}
.index_join .big img{ clip-path: none !important; opacity: 0.5; width: 100%; height: 100%;}
.index_join .big::before{ display: none;}
.index_join .list{ margin-left: 0; padding: 0; position: relative; z-index: 1; margin-bottom: 0.4rem; max-width: 8rem; margin: 0 auto;}
.index_join .list .item + .item{ margin-top: 0.2rem;}
.index_join .list .image{ width: 1.8rem; height: 1.8rem; margin-left: 0.2rem;}
.index_join .list .item:nth-child(2n) .image{ margin-right: 0.2rem;}
.index_join .list .text{ margin: 0.1rem 0;}
.index_join .list .more{ display: none;}
.index_join .list .text{ color: #fff;}
.index_join .list .data{ color: #fff; opacity: 0.8;}
}
@media(max-width:750px){
.index_join{height: calc(100vh - 0.6rem); margin-top: 0.6rem;}
.index_join .big{ z-index: 0; background: #4c4c4c; width: 100%; height: 100%;}
.index_join .big img{ clip-path: none !important; opacity: 0.5; width: 100%; height: 100%;}
.index_join .big::before{ display: none;}
.index_join .list{ margin-left: 0; padding: 0; position: relative; z-index: 1; margin-bottom: 0.4rem;}
.index_join .list .item + .item{ margin-top: 0.2rem;}
.index_join .list .image{ width: 1.8rem; height: 1.8rem; margin-left: 0.2rem;}
.index_join .list .item:nth-child(2n) .image{ margin-right: 0.2rem;}
.index_join .list .text{ margin: 0.1rem 0;}
.index_join .list .more{ display: none;}
.index_join .list .text{ color: #fff;}
.index_join .list .data{ color: #fff; opacity: 0.8;}
}
@media(max-width:1024px) and (min-width:751px) and (min-height: 1161px){
/* .index_join .list{ max-width: 8rem; margin: 0 auto;} */
.index_join .list{ margin-left: 0; padding-bottom: 30vh;}
.index_join .big img{ width: 4.9rem; height: 4.62rem;}
.index_join .big::before{ width: 10rem; height: 10rem; right: -0.4rem;}
}

/* 底部 */
.footer{ background: url(../images/footer-bg.jpg) center no-repeat; background-size: cover; color: rgba(255, 255, 255, 0.5); position: relative; z-index: 25;}
.footer a{ color: rgba(255, 255, 255, 0.5);}
.footer a:hover{ color: #fff;}
.footer .top_cont{ display: flex; justify-content: space-between; padding: 0.8rem 0 0.4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer .left_nav{ display: flex;}
.footer .left_nav dl{ width: 1.6rem; line-height: 0.3rem;}
.footer .left_nav dl + dl{ margin-left: 0.2rem;}
.footer .left_nav dt a{ font-size: 0.18rem; color: #fff; line-height: 0.4rem;}
.footer .right_info { text-align: right; display: flex; flex-direction: column; align-items: flex-end; line-height: 0.3rem;}
.footer .right_info .title{ display: flex; align-items: center; justify-content: flex-end; font-size: 0.18rem; color: #f9f9f9;}
.footer .right_info .title::before{ content: ''; display: block; width: 0.24rem; height: 0.24rem; background-size: 100% 100%; margin-right: 0.1rem;}
.footer .right_info .title.t1::before{ background-image: url(../images/ico-footer-1.svg);}
.footer .right_info .title.t2::before{ background-image: url(../images/ico-footer-2.svg);}
.footer .right_info .title.t3::before{ background-image: url(../images/ico-footer-3.svg);}
.footer .right_info .tel{ font-size: 0.24rem; margin-bottom: 0.3rem; display: block;}
.footer .right_info .info{ font-size: 0.14rem; margin-bottom: 0.2rem;}
.footer .bottom_cont{ padding: 0.3rem 0 0.8rem 0; display: flex; align-items: center; justify-content: space-between;}
.footer .left_info{ font-size: 0.14rem; flex: 1;}
.footer .column{ margin-bottom: 0.1rem;}
.footer .column a + a::before{ content: '· '; color: rgba(255, 255, 255, .5); user-select: none;}
.footer .right_shop{ display: flex;}
.footer .right_shop a{ display: block;}
.footer .right_shop a + a{ margin-left: 0.1rem;}
.footer .right_shop img{ width: 1.6rem; height: 0.5rem; object-fit: cover; border-radius: 0.02rem; transition: all 0.3s; }
.footer .right_shop a:hover img{ transform: translateY(-0.05rem);}
.footer .footer-top{ display: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #00b988 url(../images/ico-gotop.svg) center no-repeat; background-size: 0.24rem auto; cursor: pointer; position: absolute; right: 3%; top: -0.3rem;}
@media(min-width:1025px){
.footer .footer-top{ right: 50%; margin-right: -8rem;}
}
@media(max-width:1024px){
.footer .top_cont{ display: block; padding: 0.4rem 0 0.3rem 0;}
.footer .left_nav{ justify-content: space-between; margin-bottom: 0.2rem;}
.footer .left_nav dl{ width: auto; margin: 0 !important;}
.footer .left_nav dl dd{ display: none;}
.footer .right_info{ display: block;}
.footer .right_info .item{ display: flex; align-items: center; justify-content: flex-start;}
.footer .right_info .item + .item{ margin-top: 0.1rem;}
.footer .right_info .title { margin-right: 0.2rem;}
.footer .right_info .tel,
.footer .right_info .info{ margin-bottom: 0;}
}
@media(max-width:750px){
.footer .bottom_cont{ display: block; padding: 0.2rem 0 0.5rem 0;}
.footer .right_shop{ margin-top: 0.2rem;}
}

/* pc导航展开 */
.menu-box{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; overflow: hidden; background: #999; clip-path: circle(0px at 96.7% 0.5125rem); transition: clip-path 0.7s ease-in-out;}
.menu-box.active{ clip-path: circle(150% at 90.4% 0.5125rem);}
.menu-box .img-list{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.menu-box .img-list .item{ display: flex; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: 1s; transform: translateX(-0.2rem);}
.menu-box .img-list .item.on{ opacity: 1; transform: translateX(0px);}
.menu-box .img-list .item img{ width: 100%; height: 100%; object-fit: cover;}
.menu-box .cont{ display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: url(../images/menu-bg.jpg) center; background-size: cover;}
.menu-box .cont{ 
-webkit-mask-image : url(../images/nav-mask.png);
mask-image : url(../images/nav-mask.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: center;
mask-position: center;
}
.menu-box .cont .maru{ height: 7.6rem; width: 7.6rem; background: url(../images/ico-menu-maru.png) center no-repeat; background-size: contain; position: relative; display: flex; align-items: center; justify-content: flex-end;}
.menu-box .cont .maru .ring{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transition: all 1s;}
.menu-box .cont .maru .ring::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 3px solid #00b988; clip-path: polygon(0 0, 0 100%, 50% 50%, 100% 0);}
.menu-box .cont .maru .ring::after{ content: ''; position: absolute; width: 0.3rem; height: 0.3rem; background: url(../images/ico-menu-dot.svg) center no-repeat; background-size: 100% 100%; right: calc(14.8% - 0.15rem); top: calc(14.8% - 0.15rem); transition: all 1s;}
.menu-box .cont .maru .item{ line-height: 0.7rem; padding: 0.35rem 0; font-size: 0.24rem; font-weight: 300; width: 1.7rem; position: relative; right: -2rem; z-index: 1;}
.menu-box .cont .maru .item.on a{ font-size: 0.42rem; font-weight: bold; color: #00b988;}
.menu-box .cont .maru .item:nth-child(1),
.menu-box .cont .maru .item:nth-child(5){ right: -1rem;}
.menu-box .cont .maru .item:nth-child(2),
.menu-box .cont .maru .item:nth-child(4){ right: -1.8rem;}
/* 切换的个数位置方向 */
.menu-box .cont .maru[data-item='1'] .ring{ transform: rotateZ(-2.2deg);}
.menu-box .cont .maru[data-item='1'] .ring::after{ transform: rotateZ(2.2deg);}
.menu-box .cont .maru[data-item='2'] .ring{ transform: rotateZ(23.8deg);}
.menu-box .cont .maru[data-item='2'] .ring::after{ transform: rotateZ(-23.8deg);}
.menu-box .cont .maru[data-item='3'] .ring{ transform: rotateZ(45deg);}
.menu-box .cont .maru[data-item='3'] .ring::after{ transform: rotateZ(-45deg);}
.menu-box .cont .maru[data-item='4'] .ring{ transform: rotateZ(67deg);}
.menu-box .cont .maru[data-item='4'] .ring::after{ transform: rotateZ(-67deg);}
.menu-box .cont .maru[data-item='5'] .ring{ transform: rotateZ(93.2deg);}
.menu-box .cont .maru[data-item='5'] .ring::after{ transform: rotateZ(-93.2deg);}
@media(max-width:1024px){
.menu-box{ display: none !important;}
}

.svg-path{ display: block;}

/* 内页banner */
.sub-banner{ position: relative; z-index: 1;}
.sub-banner::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 4%; padding-bottom: 12.4%; background: url(../images/subban-line.png) no-repeat; background-size: 100% 100%; z-index: 1; pointer-events: none;}
.sub-banner .path{ clip-path: url(#subBannerPath); padding-bottom: 3%; margin-bottom: -3%;}
.sub-banner .cont{ position: relative;}
.sub-banner .g-pic{ padding-bottom: 55.95%;}
.sub-banner .text{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; overflow: hidden; text-align: center;}
.sub-banner .text .ban-text{ max-width: 96%; margin: 0 auto;}
.sub-banner .text .en{ font-weight: bold; font-size: 2rem; font-family: 'Times New Roman'; text-transform: uppercase; line-height: 1; text-align: center; letter-spacing: 0px; white-space: nowrap;}
.sub-banner .text .en span{ display: inline-block; width: 2rem; height: 2rem; background: url(../images/ico-about-o.svg) center bottom no-repeat; background-size: 86% auto; position: relative; top: 0.2rem;}
.sub-banner .text .cn{ font-size: 0.18rem; width: 100%; max-width: 6.9rem; margin: 0.2rem auto 0 auto;}
.sub-banner .column{ position: absolute; z-index: 20; left: 0; right: 0; bottom: 9.1%; display: flex; align-items: center; justify-content: center;}
.sub-banner .column .ban-column{ display: flex; align-items: center; justify-content: space-evenly;}
.sub-banner .column .item{ font-size: 0.2rem; color: #fff; width: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; white-space: nowrap; padding-bottom: 0.8rem; line-height: 0.5rem; position: relative; top: 0.36rem; height: 2.02rem;}
.sub-banner .column .item::after{ content: ''; width: 0.72rem; height: 0.72rem; display: block; background: url(../images/subban-column.svg) no-repeat; background-size: 100% 100%; margin-top: -0.1rem;}
.sub-banner .column .item:hover::after,
.sub-banner .column .item.active::after{ background-image: url(../images/subban-column-active.svg); margin-top: 0;}
@media(min-width:1025px){
.sub-banner .column .item::after{  transition: all 0.8s;}

.sub-banner .column[data-length='2'] .item:nth-child(1){ top: -0.05rem;}
.sub-banner .column[data-length='2'] .item:nth-child(2){ top: 0.95rem;}

.sub-banner .column[data-length='3'] .item:nth-child(1){ top: -0.08rem;}
.sub-banner .column[data-length='3'] .item:nth-child(2){ top: 0.36rem;}
.sub-banner .column[data-length='3'] .item:nth-child(3){ top: 1.07rem;}

.sub-banner .column[data-length='4'] .item:nth-child(1){ top: -0.03rem;}
.sub-banner .column[data-length='4'] .item:nth-child(2){ top: 0.06rem;}
.sub-banner .column[data-length='4'] .item:nth-child(3){ top: 0.76rem;}
.sub-banner .column[data-length='4'] .item:nth-child(4){ top: 1.05rem;}

.sub-banner .column[data-length='5'] .item:nth-child(1){ top: 0.01rem;}
.sub-banner .column[data-length='5'] .item:nth-child(2){ top: -0.04rem;}
.sub-banner .column[data-length='5'] .item:nth-child(3){ top: 0.36rem;}
.sub-banner .column[data-length='5'] .item:nth-child(4){ top: 0.97rem;}
.sub-banner .column[data-length='5'] .item:nth-child(5){ top: 1rem;}

.sub-banner .column[data-length='6'] .item:nth-child(1){ top: 0.04rem;}
.sub-banner .column[data-length='6'] .item:nth-child(2){ top: -0.06rem;}
.sub-banner .column[data-length='6'] .item:nth-child(3){ top: 0.13rem;}
.sub-banner .column[data-length='6'] .item:nth-child(4){ top: 0.65rem;}
.sub-banner .column[data-length='6'] .item:nth-child(5){ top: 1.05rem;}
.sub-banner .column[data-length='6'] .item:nth-child(6){ top: 0.95rem;}

.sub-banner .column[data-length='7'] .item:nth-child(1){ top: 0.07rem;}
.sub-banner .column[data-length='7'] .item:nth-child(2){ top: -0.06rem;}
.sub-banner .column[data-length='7'] .item:nth-child(3){ top: 0.02rem;}
.sub-banner .column[data-length='7'] .item:nth-child(4){ top: 0.37rem;}
.sub-banner .column[data-length='7'] .item:nth-child(5){ top: 0.84rem;}
.sub-banner .column[data-length='7'] .item:nth-child(6){ top: 1.07rem;}
.sub-banner .column[data-length='7'] .item:nth-child(7){ top: 0.93rem;}

.sub-banner .column[data-length='8'] .item:nth-child(1){ top: 0.1rem;}
.sub-banner .column[data-length='8'] .item:nth-child(2){ top: -0.05rem;}
.sub-banner .column[data-length='8'] .item:nth-child(3){ top: -0.04rem;}
.sub-banner .column[data-length='8'] .item:nth-child(4){ top: 0.18rem;}
.sub-banner .column[data-length='8'] .item:nth-child(5){ top: 0.59rem;}
.sub-banner .column[data-length='8'] .item:nth-child(6){ top: 0.97rem;}
.sub-banner .column[data-length='8'] .item:nth-child(7){ top: 1.07rem;}
.sub-banner .column[data-length='8'] .item:nth-child(8){ top: 0.89rem;}

.sub-banner .column[data-length='9'] .item:nth-child(1){ top: 0.12rem;}
.sub-banner .column[data-length='9'] .item:nth-child(2){ top: -0.03rem;}
.sub-banner .column[data-length='9'] .item:nth-child(3){ top: -0.06rem;}
.sub-banner .column[data-length='9'] .item:nth-child(4){ top: 0.06rem;}
.sub-banner .column[data-length='9'] .item:nth-child(5){ top: 0.36rem;}
.sub-banner .column[data-length='9'] .item:nth-child(6){ top: 0.76rem;}
.sub-banner .column[data-length='9'] .item:nth-child(7){ top: 1.03rem;}
.sub-banner .column[data-length='9'] .item:nth-child(8){ top: 1.04rem;}
.sub-banner .column[data-length='9'] .item:nth-child(9){ top: 0.86rem;}

.sub-banner .column[data-length='10'] .item:nth-child(1){ top: 0.12rem;}
.sub-banner .column[data-length='10'] .item:nth-child(2){ top: -0.03rem;}
.sub-banner .column[data-length='10'] .item:nth-child(3){top: -0.08rem;}
.sub-banner .column[data-length='10'] .item:nth-child(4){top: -0.02rem;}
.sub-banner .column[data-length='10'] .item:nth-child(5){top: 0.18rem;}
.sub-banner .column[data-length='10'] .item:nth-child(6){top: 0.52rem;}
.sub-banner .column[data-length='10'] .item:nth-child(7){top: 0.88rem;}
.sub-banner .column[data-length='10'] .item:nth-child(8){ top: 1.04rem;}
.sub-banner .column[data-length='10'] .item:nth-child(9){top: 1rem;}
.sub-banner .column[data-length='10'] .item:nth-child(10){top: 0.82rem;}
}
@media(max-width:1024px){
.sub-banner{ margin-top: 0.6rem;} 
.sub-banner .text{ padding-bottom: 0.8rem;}
.sub-banner .text .en{ font-size: 0.8rem;}
.sub-banner .text .en span{ width: 0.8rem; height: 0.8rem; top: 0.1rem;}
.sub-banner .text .cn{ font-size: 0.14rem;}
.sub-banner .column{ bottom: 3%;}
.sub-banner .column .item{ font-size: 0.12rem; flex: 1;}
.sub-banner .column .item::after{ width: 0.3rem; height: 0.3rem;}
.sub-banner::before{ background: none;}

}
@media(max-width:750px){
.sub-banner .column{ display: none;}
.sub-banner .text .en{ font-size: 0.5rem;}
.sub-banner .text .en span{ width: 0.5rem; height: 0.5rem; top: 0.05rem;}
.sub-banner .text .cn{ font-size: 0.11rem;}
}
@media(min-width:1025px){
.ban-roll-box{ height: 300vh; background: url(../images/about-roll-bg.jpg) center no-repeat; background-size: contain; background-attachment: fixed; position: relative;}
.ban-roll-box .about-text{ background: url(../images/about-o-text.svg); width: 1.12rem; height: 0.5rem; position: fixed; left: calc(50% - 0.56rem); top: calc(55vh - -0.2rem); z-index: 2; transition: all 0.4s; background-size: cover;}
.ban-roll-box .about-text.hide{ opacity: 0; pointer-events: none;}
.ban-roll-box .ban-img .pic{ position: fixed;}
.ban-roll-box .ban-img .pic img{ object-fit: cover; border-radius: 50%;}
.ban-roll-box .ban-img .pic::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.ban-roll-box .ban-img .maru{ width: 1.5rem; height: 1.5rem; position: fixed; bottom: 2%; left: calc(50% - 0.75rem); background: url(../images/ico-mouse-green.svg) center no-repeat; background-size: 0.22rem 0.4rem;}
.ban-roll-box .ban-img .maru .before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/about-maru-logo.png) center no-repeat; background-size: 100% 100%;}
.ban-roll-box .ban-img .text{ position: fixed; left: 0; right: 0; bottom: calc(2% + 2rem); margin: 0 auto; font-size: 0.18rem; text-align: center;}
.ban-roll-box .sub-banner{ position: sticky; top: 0; left: 0;}
.ban-roll-box:not(.active) .sub-banner .path{ clip-path: none;}
.ban-roll-box.active .ban-img .maru{ opacity: 0;}
.ban-roll-box.active{ background: none;}
.ban-roll-box .sub-banner .g-pic{ position: fixed; left: 0; width: 100%; top: 0; height: 100%; padding: 0; -webkit-mask : url(../images/about.svg); -webkit-mask-repeat: no-repeat; transition: none;}
.ban-about-box .sub-banner .g-pic{-webkit-mask-size: 9rem; -webkit-mask-position: center calc(55vh - 0.95rem);}
.ban-about-box .ban-img .pic1{ right: 2%; top: 16%;}
.ban-about-box .ban-img .pic1,
.ban-about-box .ban-img .pic1 img{ width: 4.4rem; height: 4.4rem;}
.ban-about-box .ban-img .pic2{ left: 5%; top: 40%;}
.ban-about-box .ban-img .pic2,
.ban-about-box .ban-img .pic2 img{ width: 3.34rem; height: 3.34rem;}
.ban-about-box .ban-img .pic3{ left: -1rem; top: 70%;}
.ban-about-box .ban-img .pic3,
.ban-about-box .ban-img .pic3 img{ width: 2rem; height: 2rem;}
.ban-about-box .ban-img .pic3::before{ display: none;}
.ban-about-box .sub-banner .cont{ padding-top: 55.95%;}
.ban-product-box .sub-banner .g-pic{ 
    background: #00b988;
    --size: 12;
    -webkit-mask-image: url(../images/product.svg);
    mask-image: url(../images/product.svg);
    -webkit-mask-size: calc(var(--size) * 1rem);
    mask-size: calc(var(--size) * 1rem);
    -webkit-mask-position: calc(50vw - 6rem) calc(55vh - var(--size) * 0.0625rem);
    mask-position: calc(50vw - 6rem) calc(55vh - var(--size) * 0.0625rem);
}
.ban-product-box .sub-banner .g-pic.on{
    -webkit-mask-position: calc(50vw - var(--size) * 0.5rem + var(--size) * 0.1543rem) calc(55vh - var(--size) * 0.0625rem);
    mask-position: calc(50vw - var(--size) * 0.5rem + var(--size) * 0.1543rem) calc(55vh - var(--size) * 0.0625rem);
}
.ban-product-box .sub-banner .g-pic:not(.opacity) img{ opacity: 0.2;}
.ban-product-box.remove .sub-banner .g-pic{ -webkit-mask-image : url(../images/product-2.svg);}
.ban-roll-box .ban-img .pic::before{ background-image: url(../images/banner-big.png);}
.ban-product-box .ban-img .pic1{ left: 2%; top: 16%;}
.ban-product-box .ban-img .pic1,
.ban-product-box .ban-img .pic1 img{ width: 3.34rem; height: 3.34rem;}
.ban-product-box .ban-img .pic2{ right: -1.4rem; top: 42.5%;}
.ban-product-box .ban-img .pic2,
.ban-product-box .ban-img .pic2 img{ width: 5rem; height: 5rem;}
.ban-product-box .ban-img .pic3{ left: 5%; top: 70%;}
.ban-product-box .ban-img .pic3,
.ban-product-box .ban-img .pic3 img{ width: 2rem; height: 2rem;}
.ban-product-box .ban-img .pic3::before{ display: none;}
.ban-product-box .sub-banner .path{ clip-path: none;}
.ban-product-box .sub-banner::before{ display: none;}
}
@media(max-width:1024px){
.ban-roll-box .about-text,
.ban-about-box .ban-img,
.ban-product-box{ display: none;}
.ban-about-box{ padding-top: 0 !important; height: auto !important;}
}

/* 内页连banner主要内容 */
.sub_main_box{ padding: 2rem 0; margin-top: -1.5rem; position: relative; z-index: 0; overflow: hidden; background: url(../images/sub-main-box-bg.jpg) center bottom no-repeat; background-size: 100% auto;}
@media(max-width:1024px){
.sub_main_box{ padding: 0.7rem 0; margin-top: -0.7rem;}
}

/* 内页背景 */
.sub-lxwm{ background-image: url(../images/sub-lxwm-bg.jpg);}
.sub-rczp{ background-image: url(../images/sub-rczp-bg.jpg);}
.sub-ppjs{ background-image: url(../images/sub-ppjs-bg.jpg);}
.sub-ppry{ background-image: url(../images/sub-ppry-bg.jpg);}
.sub-visj{ background-image: url(../images/sub-visj-bg.jpg);}
.sub-xcsp{ background-image: url(../images/sub-xcsp-bg.jpg);}
.sub-hzhb{ background-image: url(../images/sub-hzhb-bg.jpg);}
.sub-xsqy{ background-image: url(../images/sub-xsqy-bg.jpg);}
.sub-xmkf{ background-image: url(../images/sub-xmkf-bg.jpg);}
.sub-tzzl{ background-image: url(../images/sub-tzzl-bg.jpg);}

/* 没有banner内容 */
.not_main_box{ max-width: 16rem; margin: 0 auto; box-shadow: 0px 10px 0.3rem 0px rgba(0, 0, 0, 0.08); padding: 1rem 1.6rem 1.2rem 1.6rem; margin-top: 1rem;}
@media(max-width:1024px){
.not_main_box{ margin-top: 0.6rem; box-shadow: none; padding: 0.3rem 0 0.5rem 0;}
}

.not_sub_title{ display: flex; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 0.4rem; margin-bottom: 0.4rem; justify-content: space-between;}
.not_sub_title::after{ content: ''; display: block; width: 1.5rem;}
.not_sub_title .title{ color: #00b988; font-size: 0.3rem; line-height: 1.4; margin: 0 0.2rem; flex: 1; text-align: center;}
.not_sub_title .goback{ width: 1.5rem; text-align: center; border: 2px solid #eee; height: 0.5rem; line-height: calc(0.5rem - 4px); border-radius: 1rem; font-size: 0.16rem; margin: 0; box-shadow: none; min-width: 1.5rem; color: #666;}
.not_sub_title .goback:hover{ border-color: transparent;}
@media(max-width:750px){
.not_sub_title .title{ font-size: 0.2rem;}
.not_sub_title::after{ display: none;}
}

/* 栏目名称 */
.sub_column{ display: flex; margin-bottom: 0.6rem;}
.sub_column.center{ justify-content: center; text-align: center;}
.sub_column .text{ padding-right: 0.6rem; color: #00b988; line-height: 1.4; position: relative;}
.sub_column .text::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.02rem; background: linear-gradient(90deg, #00b988 0%, rgba(0, 185, 136, 0) 100%);}
.sub_column.center .text{ padding: 0 0.3rem;}
.sub_column.center .text::after{ background: linear-gradient(90deg,rgba(0, 185, 136, 0) 0%, #00b988 30%,#00b988 70%, rgba(0, 185, 136, 0) 100%);}
.sub_column .text .cn{ font-size: 0.42rem;}
.sub_column .text .en{ font-size: 0.24rem; font-family: 'Times New Roman'; padding-bottom: 0.04rem;}

* + .sub_column{ margin-top: 0.6rem;}
@media(max-width:1024px){
.sub_column .text .cn{ font-size: 0.32rem;}
.sub_column .text .en{ font-size: 0.18rem;}
}
@media(max-width:1024px){
* + .sub_column{ margin-top: 0.3rem;}
.sub_column{ margin-bottom: 0.3rem;}
}

/* 联系我们 */
.lxwm-details{ position: relative; display: flex; padding-bottom: 1.6rem;}
.lxwm-details .lxwm-left{ width: 7rem; height: 7rem; border-radius: 50%; overflow: hidden; border: 0.2rem solid #fff; box-shadow: 0 0 0.5rem 0 rgba(179, 209, 202, 0.5);}
.lxwm-details .lxwm-left img{ width: 6.6rem; max-width: 100%; object-fit: cover;}
.lxwm-details .lxwm-right{ width: 7.3rem; height: 7.3rem; margin: 0 -8rem 0  -1.15rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; position: relative; background: #00b787; color: #fff; text-align: center;}
.lxwm-details .lxwm-right::before{ content: ''; position: absolute; pointer-events: none; width: 105%; height: 105%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%;}
.lxwm-details .lxwm-right img{ width: 3.34rem; margin-bottom: 0.6rem;}
.lxwm-details .lxwm-right .list .item{ display: flex; align-items: center; justify-content: center; font-size: 0.2rem;}
.lxwm-details .lxwm-right .list .item a{ color: #fff;}
.lxwm-details .lxwm-right .list .ico{ display: flex; align-items: center; justify-content: flex-end; font-size: 0.18rem; color: #f9f9f9;}
.lxwm-details .lxwm-right .list .ico::before{ content: ''; display: block; width: 0.24rem; height: 0.24rem; background-size: 100% 100%; margin-right: 0.1rem;}
.lxwm-details .lxwm-right .list .ico.ico1::before{ background-image: url(../images/ico-footer-4.svg);}
.lxwm-details .lxwm-right .list .ico.ico2::before{ background-image: url(../images/ico-footer-2.svg);}
.lxwm-details .lxwm-right .list .ico.ico3::before{ background-image: url(../images/ico-footer-3.svg);}
@media(max-width:1024px){
.lxwm-details{ flex-direction: column; align-items: center; justify-content: center; padding-bottom: 0.5rem;}
.lxwm-details .lxwm-right{ margin: -1rem 0 0 0;}
.lxwm-details .lxwm-left{ max-width: 7rem; width: 100%; height: auto;}
}
@media(max-width:750px){
.lxwm-details .lxwm-right{ width: 4.4rem; height: 4.4rem;}
.lxwm-details .lxwm-right img{ width: 2rem; margin-bottom: 0;}
.lxwm-details .lxwm-right .list .item{ font-size: 0.16rem; line-height: 1.2;}
.lxwm-details .lxwm-right .list{ padding: 0.3rem 0;}
}

/* 人才招聘 */
.select-condition{ display: flex;}
.select-condition .item{ position: relative; z-index: 5;}
.select-condition .item .info{ border-radius: 10rem; border: 1px solid #00b988; width: 100%; height: 0.66rem; line-height: calc(0.66rem - 2px); cursor: pointer; font-size: 0.18rem; color: #00b988; padding: 0 0.3rem; background: #fff; position: relative; z-index: 1;}
.select-condition .item div.info::before{ content: ''; position: absolute; right: 0.3rem; top: calc(50% - 0.04rem); background: url(../images/ico-arrow-down.svg); background-size: 100% 100%; width: 0.14rem; height: 0.08rem; transition: all 0.4s;}
.select-condition .item.active{ z-index: 10;}
.select-condition .item.active div.info::before{ transform: rotateX(180deg);}
.select-condition .item div.info{ padding-right: 0.6rem;}
.select-condition .item input.info{ cursor: auto;}
.select-condition .item .info::-webkit-input-placeholder{color:#00b988;}
.select-condition .item dl{ position: absolute; left: 0; background: #fff; right: 0; top: 0.33rem; padding-top: 0; border: 1px solid #00b988; z-index: 0; border-radius: 0 0 0 0.33rem; overflow: auto; max-height: 3.5rem; display: none; padding-top: 0.33rem;}
/* .select-condition .item.active dl{ opacity: 1; pointer-events: auto; height: auto; padding-top: 0.33rem;} */
.select-condition .item dd{ font-size: 0.16rem; padding: 0.1rem 0.3rem; cursor: pointer; transition: all 0.4s;}
.select-condition .item dd:hover,
.select-condition .item dd.active{ color: #00b988;}
.select-condition .search{ line-height: 0.66rem; height: 0.66rem; width: 2.2rem; background: #fff; color: #00b988; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; border-radius: 10rem; font-size: 0.18rem; transition: all 0.5s; border: 1px solid #00b988;}
.select-condition .search::before{ content: ''; display: block; background: url(../images/ico-search-green.svg) center no-repeat; background-size: 0.24rem auto; width: 0.3rem; height: 0.3rem; margin-right: 0.1rem; transition: all .5s;}
.select-condition .search::after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; background: url(../images/ico-serach-hana.svg) no-repeat center; background-size: 1.12rem auto; width: 1.12rem;}
.select-condition .search:hover{  background: #00b988; color: #fff;}
.select-condition .search:hover::before{ background-image: url(../images/ico-search.svg);}
@media(min-width:1025px){
.select-condition > * + *{ margin-left: 0.2rem;}
.select-condition .item{flex: 1;}
}
@media(max-width:1024px){
.select-condition{ flex-wrap: wrap; justify-content: space-between;}
.select-condition .item{ width: calc(50% - 0.1rem);}
.select-condition .item:nth-child(3) { flex: 1; margin-top: 0.2rem; z-index: 4;}
.select-condition .search{ margin-top: 0.2rem; margin-left: 0.2rem;}
}

.join-list { margin-top: 0.3rem; background: #fff; border-radius: 0.2rem;}
.join-list > table{ width: 100%; font-size: 0.16rem; max-width: 100%;}
.join-list > table > thead th{ font-size: 0.18rem; font-weight: 400; color: #fff; line-height: 0.66rem; text-align: left; white-space: nowrap; background: #00b988;}
.join-list > table > thead th:first-child{ border-top-left-radius: 0.2rem;}
.join-list > table > thead th:last-child{ border-top-right-radius: 0.2rem;}
.join-list > table > thead th,
.join-list > table > tbody > tr > td { padding: 0 0.4rem;}
.join-list > table > tbody > tr.item > td{ line-height: 0.64rem;}
.join-list > table > tbody > tr > td{ border: none;}
.join-list > table > tbody > tr + tr{ border-top: 1px solid #eee;}
.join-list > table > tbody > tr > td:first-child,
.join-list > table > tbody > tr > td:last-child{ position: relative;}
.join-list > table > tbody > tr > td:first-child::before{ content: ''; width: 100%; pointer-events: none; position: absolute; left: 0; top: 0; bottom: 0; border-left: 1px solid #eee;}
.join-list > table > tbody > tr > td:last-child::after{ content: ''; width: 100%; pointer-events: none; position: absolute; right: 0; top: 0; bottom: 0; border-right: 1px solid #eee;}
.join-list > table > tbody > tr > td:nth-child(5) { width: calc(6em + 0.8rem);}
.join-list > table > tbody > tr > td .more{ cursor: pointer; white-space: nowrap; color: #999; display: flex; align-items: center; justify-content: space-between; user-select: none;}
.join-list > table > tbody > tr > td .more::after{ content: ''; display: block; width: 0.14rem; height: 0.08rem; background: url(../images/ico-arrow-down-gray.svg); background-size: 100% 100%; transition: 0.3s; transform: rotate(-90deg);}
.join-list > table > tbody > tr.active > td .more::after{ transform: rotate(0deg);}
.join-list > table > tbody > .cont{ display: none; background: #f7faf9; position: relative;}
.join-list > table > tbody > .cont.active{ display: table-row;}
.join-list > table > tbody > .cont:last-child > td::before{ border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 0 0 0.2rem 0.2rem !important; box-sizing: border-box;}
.join-list > table > tbody > .cont:last-child > td::after{ display: none !important;}
.join-list > table > tbody > tr:not(.active):nth-last-child(2) > td:first-child::before{ border-bottom-left-radius: 0.2rem;}
.join-list > table > tbody > tr:not(.active):nth-last-child(2) > td:first-child::after{ border-bottom-left-radius: 0.2rem;}
.join-list > table > tbody > tr:not(.active):nth-last-child(2) > td{ position: relative;}
.join-list > table > tbody > tr:not(.active):nth-last-child(2) > td::after{ content: ''; position: absolute; left: 0; top: 0; border-bottom: 1px solid #ddd; width: 100%; height: 100%;}
.join-list > table > tbody > tr:not(.active):nth-last-child(2) > td:last-child::after{ border-bottom-right-radius: 0.2rem;}
@media(max-width:1024px){
.join-list > table > thead th,
.join-list > table > tbody > tr > td { padding: 0 0.2rem;}
.join-list > table > tbody > tr > td:nth-child(5) { width: calc(6em + 0.4rem);}
}
@media(max-width:750px){
.join-list > table > thead th:nth-child(2),
.join-list > table > tbody > tr > td:nth-child(2),
.join-list > table > thead th:nth-child(4),
.join-list > table > tbody > tr > td:nth-child(4){  display: none;}
}

.join-details{ padding: 0.3rem 0; line-height: 1.4;}
.join-details > .title { display: flex; align-items: center; justify-content: space-between;}
.join-details > .title .left{ font-size: 0.24rem; color: #333;}
.join-details > .title .right{ color: #00b988; font-size: 0.18rem;}
.join-details > .addr{ padding: 0.1rem 0; color: #555; font-weight: 300;}
.join-details > .text{ color: #00b988; margin-top: 0.2rem;}
.join-details > .qui_single{ font-weight: 300;}
.join-details > .btn{ max-width: 2.2rem; background: #00b988; color: #fff; line-height: 0.6rem; border-radius: 1rem; text-align: center; padding: 0 0.3rem; font-size: 0.16rem; font-weight: 300; margin: 0.5rem 0; cursor: pointer;}
.join-details > .ym-more{ max-width: 2.2rem; font-size: 0.16rem; height: 0.6rem; margin: 0.5rem 0; border: 1px solid #00b988;}

/* 公司福利 */
.benefits-info{ display: flex; padding-top: 0.3rem;}
.benefits-info .list{ flex: 1;}
.benefits-info .list .item{ display: flex; padding-bottom: 0.6rem; margin-bottom: 0.5rem; border-bottom: 1px solid #eee;}
.benefits-info .list .number{ font-family: 'Times New Roman'; font-size: 0.36rem; font-weight: bold; color: #00b988; min-width: 1.6rem; text-align: center; line-height: 1.2;}
.benefits-info .list .title{ font-size: 0.2rem;}
.benefits-info .list .info{ font-size: 0.16rem; font-weight: 300;}
.benefits-info .pic{ width: 4.3rem; display: flex; align-items: flex-start; justify-content: flex-end;}
.benefits-info .pic img{ width: 1.55rem;}
@media(max-width:1024px){
.benefits-info .list .item{ display: block;}
.benefits-info .list .item{ padding-bottom: 0.4rem; margin-bottom: 0.4rem;}
.benefits-info .list .number{ width: 100%; text-align: left;}
.benefits-info .pic{ width: 2.5rem;}
}
@media(max-width:750px){
.benefits-info{ padding-top: 0.1rem;}
.benefits-info .pic{ width: 1.9rem;}
.benefits-info .list .item{ padding-bottom: 0.2rem; margin-bottom: 0.2rem;}
}

/* 弹窗 */
.popup-box{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 100; display: flex; align-items: center; justify-content: center; transition: all 0.4s; overflow: auto; opacity: 0; pointer-events:none; z-index: 1200;}
.popup-box.onshow{ opacity: 1; pointer-events:auto;}
.popup-box .roll-box{ padding: 0.4rem 8% 0 8%; max-height: 100vh; max-width: 100%;}
.popup-box .roll-box.video-box{ padding: 0; position: relative;}
.popup-box .roll-box::after{ content: ''; width: 100%; height: 0.4rem; display: block;}
.popup-box .content{ background: #fff; border-radius: 0.3rem; padding: 0.4rem 0.5rem; position: relative;}
.popup-title{ font-size: 0.22rem; font-weight: bold; line-height: 0.3rem; margin-bottom: 0.2rem;}
.popup-close{ position: absolute; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: url(../images/ico-close-maru.svg) center no-repeat; background-size: cover; right: -0.28rem; top: -0.36rem; cursor: pointer;}
.popup-box video { max-width: 90vw; max-height: 90vh; width: 100%;}
.popup-box:not(.onshow) video { display: none;}
@media(max-width:750px){
.popup-box .content{ padding: 0.3rem; border-radius: 0.1rem;}
}

/* 下拉菜单 */
.select-box{ position: relative; z-index: 1;}
.select-box.active .select-box-down,
.select-box:hover:not(.select-click) .select-box-down{ opacity: 1; pointer-events:auto; transform:translateY(0);}
.select-box-down{ position: absolute; right: 0; top: 100%; padding-top: 0.12rem; opacity: 0; pointer-events:none; transform:translateY(0.2rem); transition: all 0.4s;}
.select-box-cont{ background: #fff; border-radius: 0.05rem; padding: 0.1rem 0.2rem; box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.1); min-width: 1.5rem; position: relative;}
.select-box-cont::after{ content: ''; position: absolute; right: 0.3rem; top: -0.03rem; width: 0.1rem; height: 0.1rem; background: #fff; transform: rotate(45deg);}

/* 表单 */
.form-edit{ width: 8rem; padding-top: 0.2rem; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.form-edit .item{ line-height: 0.36rem; width: calc(50% - 0.15rem); margin-bottom: 0.3rem;}
.form-edit .submit{ width: 100%; display: flex; align-items: center; justify-content: center;}
.form-edit .submit .ym-more{ box-shadow: none; border: 1px solid #00b988;}
.form-edit .submit .ym-more:hover{ border-color: transparent;}
.form-edit .label{ font-size: 0.16rem; margin-left: 0.2rem; font-size: 0.18rem;}
.form-edit .cont{ position: relative; font-size: 0.16rem; flex: 1;}
.form-edit .cont .input{ line-height: calc(0.8rem - 2px); height: 0.8rem; border: 1px solid #ddd; width: 100%; border-radius: 1rem; padding: 0 0.4rem; font-size: 0.16rem;}
.form-edit .cont .not{ color: #999;}
.form-edit .cont .input.code{ padding-right: 7em;}
.form-edit .cont .sendcode{ color: #00b988; position: absolute; right: 0.13rem; top: 0; line-height: 0.36rem; font-size: 0.14rem; cursor: pointer;}
.form-edit .cont .avatar{ position: relative; width: 0.6rem; height: 0.6rem;}
.form-edit .cont .avatar.file { width: 100%; height: auto;}
.form-edit .cont .avatar .input{ background: #e2e2e2; cursor: pointer; color: #666; text-align: center;}
.form-edit .cont .avatar input{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer;}
.form-edit .cont .avatar img{ width: 0.6rem; height: 0.6rem; border-radius: 50%; object-fit: cover;}
.form-edit .btn{ background: #00b988; color: #fff; line-height: 0.46rem; width: 2rem; border-radius: 1rem; text-align: center; font-size: 0.16rem; font-weight: bold; margin-top: 0.4rem; cursor: pointer; user-select: none;}
.form-edit .select-box .text{ cursor: pointer; background: url(../images/ico-down.svg) right center no-repeat; background-size: 0.1rem auto;}
.form-edit .select-box .select-box-down{ width: calc(100% + 2px); right: -1px;}
.form-edit .select-box .select-box-down .list{ overflow: auto; max-height: 300px;}
.form-edit .select-box .select-box-down .list .item{ cursor: pointer; line-height: 0.3rem;}
.form-edit .select-box .select-box-down .list .item + .item{ border-top: 1px solid #eee;}
.form-edit .select-box .select-box-down .list .item:hover{ font-weight: bold; color: #00b988;}
.form-edit .select-box-cont::after{ right: calc(50% - 0.05rem);}

@media(max-width:1024px){
.form-edit .cont .input{ line-height: calc(0.6rem - 2px); height: 0.6rem;}
}
@media(max-width:750px){
.form-edit .btn{ margin-top: 0.1rem;}
.form-edit .item{ width: 100%;}
}

.popup-join-box .popup-title{ text-align: center; color: #00b988;}

/* 品牌建设-详情 */
.ppjs-details{ display: flex;}
.ppjs-details .ppjs-left{ flex: 1;}
.ppjs-details .ppjs-left .text-img{ width: 5rem; max-width: 100%; margin: 0.6rem 0; display: block;}
.ppjs-details .ppjs-left .text-title{ font-size: 0.3rem;}
.ppjs-details .ppjs-left .text-info{ font-size: 0.16rem; font-weight: 300; width: 5rem; max-width: 100%; margin: 0.3rem 0 0.5rem;}
.ppjs-details .ppjs-left .list .item{ display: flex; align-items: flex-start; font-size: 0.16rem; font-weight: 300; line-height: 0.24rem;}
.ppjs-details .ppjs-left .list .item + .item{ margin-top: 0.1rem;}
.ppjs-details .ppjs-left .list .item a{ color: #333;}
.ppjs-details .ppjs-left .list .ico{ display: flex; align-items: center; justify-content: flex-end; font-size: 0.18rem; color: #333;}
.ppjs-details .ppjs-left .list .ico::before{ content: ''; display: block; width: 0.24rem; height: 0.24rem; background-size: 100% 100%; margin-right: 0.2rem;}
.ppjs-details .ppjs-left .list .ico.ico1::before{ background-image: url(../images/ico-footer-5.svg);}
.ppjs-details .ppjs-left .list .ico.ico2::before{ background-image: url(../images/ico-footer-6.svg);}
.ppjs-details .ppjs-left .list .ico.ico3::before{ background-image: url(../images/ico-footer-7.svg);}
.ppjs-details .ppjs-left .box{ display: flex; justify-content: space-between; width: 5.4rem; max-width: 100%;}
.ppjs-details .ppjs-left .link{ display: flex; margin-left: 0.2rem;}
.ppjs-details .ppjs-left .link .item{ display: block; width: 0.8rem; font-weight: 300;}
.ppjs-details .ppjs-left .link .item .icon{ display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; border-radius: 0.06rem; color: #00b988; min-height: 1.06rem; text-align: center; font-size: 0.14rem; line-height: 0.18rem; transition: all 0.4s;}
.ppjs-details .ppjs-left .link .item .ico{ width: 0.3rem; height: 0.3rem; background: center no-repeat; background-size: 100% 100%; margin-bottom: .1rem;}
.ppjs-details .ppjs-left .link .item .ico .text{ width: 5em;}
.ppjs-details .ppjs-left .link .item:nth-child(1) .ico { background-image: url(../images/ico-file-1-green.svg);}
.ppjs-details .ppjs-left .link .item:nth-child(1) .text{ width: 4em;}
.ppjs-details .ppjs-left .link .item:nth-child(2) .ico { background-image: url(../images/ico-file-2-green.svg);}
.ppjs-details .ppjs-left .link .item + .item{ margin-left: 0.2rem;}
.ppjs-details .ppjs-left .link .item .view{ color: #00b988; text-align: center; text-decoration: underline; font-size: 0.12rem;}
.ppjs-details .ppjs-left .link .icon{ background: #fff; position: relative; border: 1px solid #00b988;}
.ppjs-details .ppjs-left .link .icon> *{ position: relative; z-index: 1;}
.ppjs-details .ppjs-left .link .icon::before{ left: -0.4rem; top: 0.2rem; content: ''; position: absolute; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #fff; transition: all 0.4s;}
.ppjs-details .ppjs-left .link .item:hover .icon{ background: #00b988; color: #fff; border-color: transparent;}
.ppjs-details .ppjs-left .link .item:hover .icon::before{ background: #06b284;}
.ppjs-details .ppjs-left .link .item:nth-child(1):hover .ico{ background-image: url(../images/ico-file-1.svg);}
.ppjs-details .ppjs-left .link .item:nth-child(2):hover .ico{ background-image: url(../images/ico-file-2.svg);}
.ppjs-details .ppjs-right{ margin-right: -0.8rem; position: relative; top: -0.3rem; width: 7.7rem;}
.ppjs-details .ppjs-right .g-pic{ height: 0;}
.ppjs-details .ppjs-right::before{ content: ''; position: absolute; pointer-events: none; width: 105%; height: 105%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -2%;}
.ppjs-details .ppjs-right img{ border-radius: 50%; object-fit: cover; position: relative; z-index: 1;}
@media(max-width:1024px){
.ppjs-details{ flex-direction: column; align-items: center; justify-content: center;}
.ppjs-details .ppjs-left .text-img{ margin-top: 0; margin-bottom: 0.3rem;}
.ppjs-details .ppjs-left,
.ppjs-details .ppjs-left .box,
.ppjs-details .ppjs-left .text-info{ width: 100%;}
.ppjs-details .ppjs-right{ top: 0; margin-top: 0.3rem; margin-right: 0; max-width: 100%;}
}

/* 表格 */
.table-wrap{ overflow: auto;}
.table-wrap > table{ min-width: 100%;}
.table-wrap > table td{ padding: 0.15rem 0.3rem; font-size: 0.18rem;}
.table-wrap > table thead td{ background: #00b988; color: #fff; line-height: 0.34rem; border-color: #00b988; white-space: nowrap;}
.table-wrap > table tbody td{ font-weight: 300; line-height: 0.3rem;}
@media(max-width:1024px){
.table-wrap > table td{ padding: 0.1rem;}
}
@media(max-width:1024px){
.table-wrap > table td{ font-size: 0.12rem;}
.table-wrap > table thead td div{font-size: 0.16rem;}
.table-wrap > table tbody td{ line-height: 1.6; font-weight: normal;}
}

/* 商标授权 */
.sbsq-table td:nth-child(1){ text-align: center; width: 2em;}
.sbsq-table td:nth-child(3){ min-width: calc(9em + 0.6rem);}
.sbsq-table td:nth-child(2),
.sbsq-table td:nth-child(4){ min-width: calc(8em + 0.6rem);}
@media(max-width:1024px){
.sbsq-table td:nth-child(3){ min-width: calc(9em + 0.2rem);}
.sbsq-table td:nth-child(2),
.sbsq-table td:nth-child(4){ min-width: calc(8em + 0.2rem);}
}

/* 品牌管理办法 */
.ppglbf-swiper .pagination{ text-align: center; font-size: 0.2rem; color: #999; line-height: 0.4rem; margin-bottom: 0.2rem;}
.ppglbf-swiper .pagination .swiper-pagination-current{ color: #00b988; font-size: 0.3rem;}
.ppglbf-swiper .cont{ display: flex; align-items: center; justify-content: center;}
.ppglbf-swiper .cont .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s;}
.ppglbf-swiper .cont .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.ppglbf-swiper .cont .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.ppglbf-swiper .cont .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.ppglbf-swiper .cont .btn.prev{ transform: rotate(180deg);}
.ppglbf-swiper .cont .btn.prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
.ppglbf-swiper .cont .swiper{ flex: 1; margin: 0 0.5rem;}
.ppglbf-swiper .cont .swiper img{ width: 100%;}
@media(max-width:1024px){
.ppglbf-swiper .cont .swiper{ margin: 0 0.3rem;}
}

/* vi设计 理念诠释 */
.quanshi-details{ display: flex; align-items: center;}
.quanshi-details .quanshi-left{ flex: 1;}
.quanshi-details .quanshi-left .title{ font-size: 0.3rem;}
.quanshi-details .quanshi-left .info{ font-size: 0.16rem; font-weight: 300; width: 5.6rem; max-width: 100%; margin-top: 0.3rem;}
.quanshi-details .quanshi-right{ position: relative; width: 5.6rem;}
.quanshi-details .quanshi-right .g-pic{ height: 0;}
.quanshi-details .quanshi-right::before{ content: ''; position: absolute; pointer-events: none; width: 105%; height: 105%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -2%;}
.quanshi-details .quanshi-right img{ border-radius: 50%; object-fit: cover; position: relative; z-index: 1;}
@media(min-width:1025px){
.quanshi-details{ margin: -1.2rem 0 -1rem 0;}
.quanshi-details .quanshi-left{ padding-left: 0.2rem;}
}
@media(max-width:1024px){
.quanshi-details{ display: block;}
.quanshi-details .quanshi-left .info{ width: 100%;}
.quanshi-details .quanshi-right{ max-width: 100%; margin: 0.3rem auto 0 auto;}
}

/* vi设计 四个步骤 */
.design-list .item{ display: flex; align-items: flex-end;}
.design-list .item + .item{ margin-top: 0.3rem;}
.design-list .left{ position: relative; width: 3.12rem;}
.design-list .left .g-pic{ height: 0;}
.design-list .left::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-visj-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.design-list .left img{ border-radius: 50%; object-fit: cover; z-index: 1;}
.design-list .right { flex: 1; min-height: 1.86rem; margin-left: 1rem;}
.design-list .right .number{ font-size: 0.6rem; font-family: 'Times New Roman'; color: #00b988; position: relative; line-height: 0.6rem;}
.design-list .right .number::before{ content: ''; position: absolute; left: -0.6rem; top: calc(50% - 1px); border-top: 1px solid #00b988; width: 0.4rem;}
.design-list .right .info{ font-size: 0.16rem; font-weight: 300; margin-top: 0.1rem; line-height: 0.32rem;}
@media(max-width:1024px){
.design-list .right{ margin-left: 0.8rem;}
.design-list{ margin-top: 0.5rem;}
}
@media(max-width:750px){
/* .design-list .left{ width: 1.5rem;} */
.design-list .item{ display: block;}
.design-list .left{ width: 80%; margin: 0 auto;}
}

/* vi设计 切换 */
.design-swiper{ margin-top: 2rem;}
.design-swiper .pagination{ text-align: center; font-size: 0.48rem; color: #999; line-height: 0.6rem; font-family: 'Times New Roman'; margin-top: 0.8rem;}
.design-swiper .pagination .swiper-pagination-current{ color: #00b988; font-size: 0.6rem;}
.design-swiper .cont{ display: flex; align-items: center; justify-content: center;}
.design-swiper .cont .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s;}
.design-swiper .cont .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.design-swiper .cont .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.design-swiper .cont .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.design-swiper .cont .btn.prev{ transform: rotate(180deg);}
.design-swiper .cont .btn.prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
.design-swiper .cont .swiper{ flex: 1; margin: 0 0.5rem;}
.design-swiper .cont .swiper img{ width: 100%;}
@media(max-width:1024px){
.design-swiper{ margin-top: 1rem;}
.design-swiper .cont .swiper{ margin: 0 0.3rem;}
.design-swiper .pagination{ margin-top: 0.4rem;}
}

/* 媒体报道 顶部切换 */
.media-swiper{ margin-top: -1.3rem; position: relative;}
.media-swiper .swiper{ z-index: 1;}
.media-swiper .swiper-slide a{ display: flex; align-items: center; padding: 0.2rem 0.2rem 0.2rem 0;}
.media-swiper .left{ flex: 1; min-width: 0; margin-right: 1.8rem;}
.media-swiper .left .time,
.media-swiper .left .info{ font-size: 0.16rem; color: #333; font-weight: 300; line-height: 0.28rem;}
.media-swiper .left .title{ font-size: 0.2rem; color: #00b988; line-height: 0.36rem; height: 0.72rem; margin: 0.1rem 0 0.2rem 0;}
.media-swiper .left .info{ height: 0.84rem;}
.media-swiper .right{ position: relative; width: 6.2rem;}
.media-swiper .right .g-pic{ height: 0; border-radius: 50%;}
.media-swiper a:hover .right .g-pic:not(:hover) img{ transform: scale(1);}
.media-swiper .right .g-pic img{ transition: all 0.5s;}
.media-swiper .right::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}

.media-swiper .btnlist{ display: flex; align-items: center; justify-content: space-between; position: absolute; z-index: 2; height: 1px; left: 0; width: 2.9rem; top: calc(50% + 1.67rem);}
.media-swiper .btnlist::before,
.media-swiper .btnlist::after{ content: ''; position: absolute; width: calc(50% - 0.8rem); border-top: 1px solid #00b988;}
.media-swiper .btnlist::before{ right: 50%;}
.media-swiper .btnlist::after{ left: 50%; border-top-color: #cbf1e5;}
.media-swiper .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff;}
.media-swiper .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.media-swiper .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.media-swiper .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.media-swiper .btnlist .prev{ transform: rotate(180deg);}
.media-swiper .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
@media(max-width:1024px){
.media-swiper{ margin-top: 0;}
.media-swiper .left{ margin-right: 0.4rem;}
.media-swiper .right{ width: 3rem;}
.media-swiper .swiper-slide a{ align-items: flex-start;}
.media-swiper .btnlist{ top: calc(100% - 0.5rem);}
}
@media(max-width:750px){
.media-swiper .swiper-slide a{ flex-direction: column-reverse; padding: 0 0 0.8rem 0;}
.media-swiper .btnlist{ top: calc(100% - 0.3rem); margin: 0 auto; right: 0;}
.media-swiper .left{ margin-right: 0;}
.media-swiper .right{ width: 100%; margin-bottom: 0.2rem;}
.media-swiper .right::before{ display: none;}
.media-swiper .right .g-pic{ border-radius: 0.06rem; padding-bottom: 75%;}
}

/* 新闻列表 */
.news-list{ display: flex; flex-wrap: wrap; margin-top: 0.6rem; margin-bottom: 0.8rem; padding-bottom: 0.9rem; border-bottom: 1px solid #ddd;}
.news-list .item{ display: block; margin-top: 0.9rem;}
.news-list .pic{ position: relative;}
.news-list .pic::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-visj-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.news-list .g-pic{ height: 0; border-radius: 50%;}
.news-list .time{ font-size: 0.16rem; font-weight: 300; color: #333; margin-top: 0.5rem;}
.news-list .title{ font-size: 0.18rem; color: #333; line-height: 0.28rem;}
.news-list .more{ background: #fff url(../images/ico-page.svg) center no-repeat; background-size: 0.1rem auto; font-size:.16rem;width:.4rem;height:.4rem;line-height:calc(0.4rem - 2px);text-align:center;padding:0 .1rem;overflow:hidden; border-radius: 0.25rem; transform: rotateY(180deg); border: 1px solid #ddd; transition: all .3s; margin-top: 0.2rem;}
.news-list .item:hover .more{  background-color: #00b988; background-image: url(../images/ico-page-shiro.svg); border-color: #00b988;}
@media(min-width:1025px){
.news-list .item{ width: calc((100% - 2.32rem) / 3); margin-left: 1.16rem;}
.news-list .item:nth-child(3n+1) { margin-left: 0;}
}
@media(min-width:751px) and (max-width:1024px){
.news-list .item{ width: calc((100% - 0.6rem) / 3); margin-left: 0.3rem; margin-top: 0.3rem;}
.news-list .item:nth-child(3n+1) { margin-left: 0;}
.news-list .time{ margin-top: 0.3rem;}
}
@media(max-width:1024px){
.news-list{ margin-top: 0;}
}
@media(max-width:750px){
.news-list{ padding-bottom: 0.4rem; margin-bottom: 0.4rem;}
.news-list .item{ width: calc((100% - 0.1rem) / 2); margin-left: 0.1rem; margin-top: 0.2rem;}
.news-list .item:nth-child(2n+1) { margin-left: 0;}
.news-list .pic::before{ display: none;}
.news-list .g-pic{ height: 0; border-radius: 0.06rem; padding-bottom: 75%;}
.news-list .time{ margin-top: 0.2rem;}
}

/* 宣传视频 轮播 */
.video-swiper{ position: relative; display: flex; align-items: center; justify-content: space-between;}
.video-swiper .swiper-box{ width: 7.8rem; max-width: 70%; margin: 0 auto;}
.video-swiper .g-pic{ border-radius: 50%;}
.video-swiper .title{ text-align: center; font-size: 0.18rem; line-height: 0.3rem; opacity: 0;}
.video-swiper .cont{ margin: 5%; position: relative; transition: 0.6s; transform: scale(0.7); opacity: 0.4;}
.video-swiper .cont::before{ content: ''; position: absolute; pointer-events: none; width: 105%; height: 105%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -2%;}
.video-swiper .play{ cursor: pointer; position: absolute; width: 0.82rem; height: 0.82rem; background: url(../images/ico-play.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s; top: calc(50% - 0.41rem); left: calc(50% - 0.41rem); z-index: 1; opacity: 0; pointer-events: none;}
.video-swiper .swiper-slide:hover img{ transform: scale(1.1);}
.video-swiper .swiper-slide:hover{ color: #00b988;}
.video-swiper .swiper-slide{ cursor: pointer;}
.video-swiper .swiper-slide:hover .play{ transform: scale(1.2);}
.video-swiper .swiper-slide-duplicate-active .cont,
.video-swiper .swiper-slide-active .cont{transform: scale(1); opacity: 1;}
.video-swiper .swiper-slide-duplicate-active .play,
.video-swiper .swiper-slide-active .play{ opacity: 1;}
.video-swiper .swiper-slide-duplicate-active .title,
.video-swiper .swiper-slide-active .title{ opacity: 1; transition: all 0.4s;}
.video-swiper .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; z-index: 2; margin-bottom: 0.3rem;}
.video-swiper .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.video-swiper .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.video-swiper .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.video-swiper .btn.prev{ transform: rotate(180deg);}
.video-swiper .btn.prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
@media(min-width:1025px){
.video-swiper .btn.prev{ left: -0.8rem; position: relative;}
.video-swiper .btn.next{ right: -0.8rem; position: relative;}
}
@media(max-width:1024px){
.video-swiper .play{ width: 0.6rem; height: 0.6rem;  top: calc(50% - 0.3rem); left: calc(50% - 0.3rem); }
}
@media(max-width:750px){
.video-swiper .play{ width: 0.4rem; height: 0.4rem;  top: calc(50% - 0.2rem); left: calc(50% - 0.2rem); }
.video-swiper .cont{ transform: scale(0.85);}
}

/* 宣传视频 列表 */
.video-list{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.6rem;}
.video-list .item{ width: calc(50% - 0.5rem); margin-top: 0.5rem; cursor: pointer;}
.video-list .g-pic{ padding-bottom: 56%; border-radius: 0.2rem;}
.video-list .play{ cursor: pointer; position: absolute; width: 0.82rem; height: 0.82rem; background: url(../images/ico-play.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s; top: calc(50% - 0.41rem); left: calc(50% - 0.41rem); z-index: 1;}
.video-list .item:hover .play{ transform: scale(1.2);}
.video-list .item:hover img{transform: scale(1.1);}
.video-list .title{ text-align: center; font-size: 0.18rem; line-height: 0.4rem; margin-top: 0.2rem; transition: all 0.4s;}
.video-list .item:hover .title{ color: #00b988;}
@media(max-width:1024px){
.video-list .play{ width: 0.6rem; height: 0.6rem;  top: calc(50% - 0.3rem); left: calc(50% - 0.3rem); }
.video-list .item{ width: calc(50% - 0.2rem); margin-top: 0.2rem;}
.video-list .g-pic{ border-radius: 0.1rem;}
.video-list .title{  margin-top: 0.1rem;}
}
@media(max-width:750px){
.video-list .play{ width: 0.4rem; height: 0.4rem;  top: calc(50% - 0.2rem); left: calc(50% - 0.2rem); }
.video-list .item{ width: calc(50% - 0.05rem);}
}

/* 新闻详情 */
.news-details .news-title .title{ font-size: 0.3rem; color: #00b988; line-height: 1.2; margin-bottom: 0.1rem;}
.news-details .news-title .time-btn{ display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.4rem; border-bottom: 1px solid #eee; margin-bottom: 0.4rem;}
.news-details .news-title .time{ font-size: 0.18rem; color: #555; font-weight: 300;}
.news-details .goback{ width: 1.5rem; min-width: 1.5rem; text-align: center; border: 2px solid #eee; height: 0.5rem; line-height: calc(0.5rem - 4px); border-radius: 1rem; font-size: 0.16rem; box-shadow: none; color: #666;}
.news-details .goback:hover{ border-color: transparent;}
.news-details .share{ display: flex; margin-top: 0.4rem; padding-bottom: 0.3rem; border-bottom: 1px solid #eee; align-items: center; font-size: 0.16rem; font-weight: 300;}
.news-details .share .ico{ position: relative; width: 0.3rem; height: 0.3rem; cursor: pointer; background: center no-repeat; background-size: 0.3rem 0.3rem;}
.news-details .share .ico + .ico{ margin-left: 0.2rem;}
.news-details .share .cont{ position: absolute; left: calc(50% - 0.75rem); bottom: 100%; width: 1.5rem; background: #fff; box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.3); padding: 0.1rem; padding-bottom: 0; opacity: 0; pointer-events: none; transition: all .3s;}
.news-details .share .ico:hover .cont{ opacity: 1;}
.news-details .share .cont::before{ content: ''; position: absolute; left: calc(50% - 0.05rem); bottom: -0.1rem; width: 0; height: 0; border: 0.05rem solid transparent; border-top-color: #fff;}
.news-details .share .cont #qrcode,
.news-details .share .cont img{ width: 100%; display: block;}
.news-details .share .cont .txt{ font-size: 0.12rem; text-align: center; padding: 0.05rem 0;}
.news-details .share .ico.qui_share_code{ background-image: url(../images/ico-share-weixin.svg);}
.news-details .share .ico.qui_share_qq{ background-image: url(../images/ico-share-qq.svg);}
.news-details .share .ico.qui_share_sina{ background-image: url(../images/ico-share-weibo.svg);}
.news-details .flip{ display: flex; margin-top: 0.3rem; justify-content: space-between;}
.news-details .flip .left{ flex: 1; min-width: 0; margin-right: 0.5rem; line-height: 0.36rem;}
.news-details .flip .left a{ font-size: 0.16rem; color: #555; font-weight: 300;}
.news-details .flip .left a:hover span{ color: #00b988;}
.news-details .flip .left span{ color: #333;}
@media(max-width:1024px){
.news-details .news-title .time-btn{ padding-bottom: 0.3rem; margin-bottom: 0.3rem;}
.news-details .share{ margin-top: 0.3rem; padding-bottom: 0.2rem;}
.news-details .news-title .title{ font-size: 0.2rem;}
}

/* 栏目按钮切换 */
.column_btnlist{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: -0.2rem;}
@media(min-width:751px){
.column_btnlist.small .btn{ min-width: 1.9rem;}
}
@media(max-width:1024px){
.column_btnlist{ margin-top: 0.2rem;}
.column_btnlist .ym-more{ min-width: 1.6rem; margin: 0.05rem 0.1rem;}
}
@media(max-width:750px){
.column_btnlist .ym-more{ min-width: 1.6rem; line-height: 0.5rem;}
}

/* 栏目二级按钮切换 */
.column_subbtn{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 0.6rem;}
.column_subbtn .btn{ font-size: 0.18rem; position: relative; line-height: 0.3rem; padding: 0.05rem 0; margin: 0 0.2rem;}
.column_subbtn .btn:hover,
.column_subbtn .btn.active{ color: #00b988;}
.column_subbtn .btn:hover::before,
.column_subbtn .btn.active::before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 2px solid #00b988;}
@media(max-width:1024px){
.column_subbtn{ margin-bottom: 0.3rem;}
}
@media(max-width:750px){
.column_subbtn{ margin-bottom: 0.2rem;}
.column_subbtn .btn{ font-size: 0.12rem; margin: 0 0.1rem;}
}

/* 政治建设 切换 */
.building-swiper{ display: flex; padding-bottom: 0.2rem; border-bottom: 1px solid #eee;}
.building-swiper .left-swiper{ width: calc(70% + 10px);}
.building-swiper .left-swiper .g-pic{ padding-bottom: 66.66%; border-radius: 0.2rem;}
.building-swiper .left-swiper .cont{ padding: 0 0.3rem; line-height: 0.28rem; color: #333;}
.building-swiper .left-swiper .title{ font-size: 0.2rem; transition: all 0.3s;}
.building-swiper .left-swiper a:hover .title{ color: #00b988;}
.building-swiper .left-swiper .news-time-box{ margin: 0.2rem 0 0.06rem 0;}
.building-swiper .left-swiper .info{ font-size: 0.16rem; font-weight: 300;}
.building-swiper .right-swiper{ flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-end; margin-left: 0.2rem; position: relative;}
.building-swiper .right-swiper .cont{ flex: 1; width: 100%; min-height: 0; position: relative; background: #f2fbf9; padding: 0.2rem; display: flex; justify-content: flex-end; border-radius: 0.2rem;}
.building-swiper .right-swiper .cont .swiper{ position: absolute; height: calc(100% - 0.4rem); width: calc(100% - 0.9rem); left: 0.3rem; top: 0.2rem;}
.building-swiper .right-swiper .g-pic{ position: absolute; width: 100%; height: 100%; padding: 0; border-radius: 0.2rem; background: #000; cursor: pointer;}
.building-swiper .right-swiper .g-pic img{ opacity: 0.5;}
.building-swiper .right-swiper .swiper-slide-thumb-active .g-pic img{ opacity: 1;}
.building-swiper .right-swiper .cont .swiper-scrollbar{ width: 0.1rem; background: #fff;}
.building-swiper .right-swiper .cont .swiper-scrollbar-drag{ background: #00b988;}
.building-swiper .right-swiper .btnlist{ display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; margin-top: 0.2rem; height: 0.9rem; left: 0; width: 100%; bottom: 0;}
.building-swiper .right-swiper .btnlist::before,
.building-swiper .right-swiper .btnlist::after{ content: ''; position: absolute; width: calc(50% - 0.8rem); border-top: 1px solid #00b988;}
.building-swiper .right-swiper .btnlist::before{ right: 50%;}
.building-swiper .right-swiper .btnlist::after{ left: 50%; border-top-color: #cbf1e5;}
.building-swiper .right-swiper .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff;transform: rotate(90deg);}
.building-swiper .right-swiper .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.building-swiper .right-swiper .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.building-swiper .right-swiper .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.building-swiper .right-swiper .btnlist .prev{ transform: rotate(-90deg);}
.building-swiper .right-swiper .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
@media(max-width:1024px){
.building-swiper .left-swiper{ width: 70%;}
.building-swiper .right-swiper{ margin-left: 0.1rem;}
.building-swiper .right-swiper .cont{ padding: 0.1rem;}
.building-swiper .right-swiper .cont .swiper{ width: calc(100% - 0.4rem); height: calc(100% - 0.2rem); top: 0.1rem; left: 0.1rem;}
.building-swiper .left-swiper .g-pic,
.building-swiper .right-swiper .g-pic{ border-radius: 0.1rem;}
}
@media(max-width:750px){
.building-swiper .right-swiper .btnlist > .btn{ width: 0.4rem; height: 0.4rem;}
.building-swiper .right-swiper .btnlist::before,
.building-swiper .right-swiper .btnlist::after{ width: calc(50% - 0.45rem);}
}

/* 新闻列表1 */
.news-list1{ display: flex; flex-wrap: wrap;}
.news-list1 .item{ display: block; margin-top: 0.6rem;}
.news-list1 .g-pic{ padding-bottom: 66.66%; border-radius: 0.2rem;}
.news-list1 .title{ font-size: 0.16rem; text-align: center; line-height: 0.3rem;}
.news-list1 .news-time-box{ margin-top: 0.2rem;}
@media(min-width:751px){
.news-list1 .item{ width: calc((100% - 1.1rem) / 3); margin-left: 0.55rem;}
.news-list1 .item:nth-child(3n + 1){ margin-left: 0;}
}
@media(max-width:1024px) and (min-width:751px){
.news-list1 .item{ width: calc((100% - 0.6rem) / 3); margin-left: 0.3rem; margin-top: 0.3rem;}
.news-list1 .news-time-box{ margin-top: 0.1rem;}
}
@media(max-width:1024px){
.news-list1 .g-pic{ border-radius: 0.1rem;}
}
@media(max-width:750px){
.news-list1{ justify-content: space-between;}
.news-list1 .item{ margin-top: 0.2rem; width: calc(50% - 0.05rem);}
}

/* 新闻列表2 */
.news-list2 .item{ display: flex;}
.news-list2 .item + .item{ margin-top: 0.3rem;}
.news-list2 .pic{ width: 2.7rem;}
.news-list2 .g-pic{ padding-bottom: 66.66%; border-radius: 0.2rem;}
.news-list2 .cont{ flex: 1; display: flex; align-items: center; justify-content: center; margin-left: 0.4rem; border-bottom: 1px solid #eee;}
.news-list2 .left{ flex: 1; min-width: 0; line-height: 0.28rem;}
.news-list2 .title{ font-size: 0.2rem;}
.news-list2 .info{ font-size: 0.16rem; font-weight: 300; margin: 0.1rem 0;}
.news-list2 .time{ width: 1.28rem; text-align: center; line-height: 1.2; border-left: 1px solid #eee; margin-left: 1rem;}
.news-list2 .time .day{ font-size: 0.5rem;}
.news-list2 .time .ym{ font-size: 0.16rem; font-weight: 300;}
@media(max-width:1024px){
.news-list2 .g-pic{ border-radius: 0.1rem;}
.news-list2 .pic{ width: 2.4rem;}
.news-list2 .cont{ margin-left: 0.2rem;}
.news-list2 .time{ margin-left: 0.2rem;}
.news-list2 .item + .item{ margin-top: 0.2rem;}
}
@media(max-width:750px){
.news-list2 .pic{ width: 2rem;}
.news-list2 .time{ display: none;}
.news-list2 .info{ margin-bottom: 0;}
}

/* 新闻列表3 */
.news-list3 .item{ display: block; padding-bottom: 0.4rem; border-bottom: 1px solid #eee; line-height: 0.28rem;}
.news-list3 .item + .item{ margin-top: 0.3rem;}
.news-list3 .title{ font-size: 0.2rem;}
.news-list3 .info,
.news-list3 .time{ font-size: 0.16rem; font-weight: 300;}
.news-list3 .info{ margin: 0.1rem  0 0.12rem 0;}

@media(max-width:1024px){
.news-list3 .item{ padding-bottom: 0.2rem;}
.news-list3 .item + .item{ margin-top: 0.2rem;}
}

/* 新闻列表4 */
.news-list4 .item{ display: flex; align-items: center; padding: 0.24rem 0; border-bottom: 1px solid #eee;}
.news-list4 .item + .item{ margin-top: 0.26rem;}
.news-list4 .ico{ width: 0.3rem; height: 0.3rem; background: url(../images/ico-file-pdf.png) center no-repeat; background-size: 100% 100%;}
.news-list4 .title{ font-size: 0.2rem; margin: 0 0.5rem 0 0.1rem; padding-right: 0.5rem; border-right: 1px solid #eee; line-height: 0.5rem; flex: 1; min-width: 0;}
.news-list4 .btn{ cursor: pointer; user-select: none; width: 0.4rem; height: 0.4rem; border-radius: 50%; border: 1px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff;transform: rotate(90deg); transition: all 0.4s;}
.news-list4 .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.news-list4 .item:hover .btn{ background: #00b988;}
.news-list4 .item:hover .btn::before{ background-image: url(../images/ico-more.svg);}
@media(max-width:1024px){
.news-list4 .item + .item{ margin-top: 0.1rem;}
.news-list4 .item{ padding: 0.2rem 0;}
.news-list4 .title{ margin-right: 0.4rem; padding-right: 0.4rem;}
}
@media(max-width:1024px){
.news-list4 .title{ margin-right: 0.2rem; padding-right: 0.2rem;}
}

/* 新闻列表5 */
.news-list5 .item{ display: flex; align-items: center; padding: 0.28rem 0; border-bottom: 1px solid #eee;}
.news-list5 .cont{ flex: 1; padding-right: 0.5rem; border-right: 1px solid #eee; min-width: 0; margin-right: 0.5rem;}
.news-list5 .title{ font-size: 0.2rem; line-height: 0.5rem; }
.news-list5 .time{ font-size: 0.16rem; font-weight: 300; color: #333;}
.news-list5 .btn{ cursor: pointer; user-select: none; width: 0.4rem; height: 0.4rem; border-radius: 50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff; transition: all 0.4s;}
.news-list5 .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-gray.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.news-list5 .item:hover .btn{ background: #00b988; border-color: #00b988;}
.news-list5 .item:hover .btn::before{ background-image: url(../images/ico-more.svg);}
@media(max-width:1024px){
.news-list5 .item{ padding: 0.2rem 0;}
.news-list5 .cont{ margin-right: 0.4rem; padding-right: 0.4rem;}
}
@media(max-width:1024px){
.news-list5 .cont{ margin-right: 0.2rem; padding-right: 0.2rem;}
}

/* 净土农业 */
.nongye-list{ margin-top: -1.2rem; margin-bottom: 0.6rem;}
.nongye-list .item{ display: flex; align-items: center;}
.nongye-list .item + .item{ margin-top: 0.3rem;}
.nongye-list .left{ position: relative; width: 6.2rem;}
.nongye-list .left .g-pic{ height: 0;}
.nongye-list .left::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-jtny-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.nongye-list .left img{ border-radius: 50%; z-index: 1;}
.nongye-list .right { flex: 1; margin-left: 1.6rem;}
.nongye-list .right .number{ font-size: 0.36rem; font-family: 'Times New Roman'; color: #00b988; position: relative; line-height: 1; margin-bottom: 0.3rem;}
.nongye-list .right .cn{ font-size: 0.2rem; color: #00b988;}
.nongye-list .right .en{ font-size: 0.2rem; font-family: 'Times New Roman'; color: #00b988; padding-bottom: 0.2rem; margin-bottom: 0.3rem; border-bottom: 1px solid #00b988;}
.nongye-list .right .info{ font-size: 0.16rem; font-weight: 300; margin-top: 0.1rem; line-height: 0.32rem; color: #333;}
.nongye-list .right .more{ background: #fff url(../images/ico-page.svg) center no-repeat; background-size: 0.1rem auto; font-size:.16rem;width:.6rem;height:.6rem;line-height:calc(0.4rem - 2px);text-align:center;padding:0 .1rem;overflow:hidden; border-radius: 1rem; transform: rotateY(180deg); border: 1px solid #ddd; transition: all .3s; margin-top: 0.2rem;}
.nongye-list .item:hover .more{  background-color: #00b988; background-image: url(../images/ico-page-shiro.svg); border-color: #00b988;}

.nongye-list .item:nth-child(2n){ flex-direction: row-reverse;}
.nongye-list .item:nth-child(2n + 1) .right{ margin-right: 1.6rem; margin-left: 0;}
@media(max-width:1024px){
.nongye-list{ margin-top: 0.5rem;}
.nongye-list .left{ width: 3.2rem;}
.nongye-list .right{ margin-left: 0.3rem;}
.nongye-list .item:nth-child(2n + 1) .right{ margin-right: 0.3rem; margin-left: 0;}
.nongye-list .right .en{ padding-bottom: 0.1rem; margin-bottom: 0.1rem;}
.nongye-list .right .number{ margin-bottom: 0.1rem;}
.nongye-list .right .more{ display: none;}
}
@media(max-width:750px){
.nongye-list .item{ display: block;}
.nongye-list .left{ width: 80%; margin: 0.1rem auto 0 auto;}
.nongye-list .right{ margin: 0 !important;}
}

/* 合作伙伴 */
.partners-swiper{ --margin: 0.46rem; --width: calc((100% - var(--margin) * 5) / 6);}
.partners-swiper .swiper-slide{ display: flex; flex-wrap: wrap; padding: 0.3rem 0;}
.partners-swiper .swiper-slide .item{ width: var(--width); margin-left: var(--margin); margin-top: 0.4rem; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.06); background: #fff;}
.partners-swiper .swiper-slide .g-pic{ padding-bottom: 50%; cursor: pointer; transition: all 0.4s;}
.partners-swiper .swiper-slide .g-pic::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%;  height: 100%; border: 2px solid transparent; z-index: 2; transition: all .3s;}
.partners-swiper .swiper-slide .g-pic:hover{ transform: scale(1.1);}
.partners-swiper .swiper-slide .g-pic:hover::before{ border-color: #00b988;}
.partners-swiper .swiper-slide .g-pic img{ object-fit: contain;}
.partners-swiper .pagination{ display: flex; align-items: center; justify-content: center;}
.partners-swiper .swiper-pagination-bullet-active{ background: #00b988;}
.partners-swiper .btnlist{ display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; height: 0.6rem; width: 4.5rem; top: calc(50% + 1.67rem); margin: 0 auto; max-width: 100%;}
.partners-swiper .btnlist::before,
.partners-swiper .btnlist::after{ content: ''; position: absolute; width: calc(50% - 0.8rem); border-top: 1px solid #00b988;}
.partners-swiper .btnlist::before{ right: 50%;}
.partners-swiper .btnlist::after{ left: 50%; border-top-color: #cbf1e5;}
.partners-swiper .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff;}
.partners-swiper .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.partners-swiper .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.partners-swiper .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.partners-swiper .btnlist .prev{ transform: rotate(180deg);}
.partners-swiper .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
@media(min-width:751px){
.partners-swiper .swiper-slide .item:nth-child(1),
.partners-swiper .swiper-slide .item:nth-child(2){ margin-top: 0;}
.partners-swiper .swiper-slide .item:nth-child(1),
.partners-swiper .swiper-slide .item:nth-child(17){ margin-left: calc(var(--width) * 2 + var(--margin) * 2);}
.partners-swiper .swiper-slide .item:nth-child(2){ margin-right: calc(var(--width) * 2 + var(--margin) * 2);}
.partners-swiper .swiper-slide .item:nth-child(3),
.partners-swiper .swiper-slide .item:nth-child(13){ margin-left: calc(var(--width) + var(--margin));}
.partners-swiper .swiper-slide .item:nth-child(6),
.partners-swiper .swiper-slide .item:nth-child(16){ margin-right: calc(var(--width) + var(--margin));}
.partners-swiper .swiper-slide .item:nth-child(7){ margin-left: 0;}
}
@media(max-width:1024px){
.partners-swiper{ --margin: 0.2rem;}
.partners-swiper .swiper-slide{ padding: 0.2rem 0;}
.partners-swiper .swiper-slide .item{ margin-top: 0.2rem;}
}

@media(max-width:750px){
.partners-swiper{ --margin: 0.1rem;}
.partners-swiper .swiper-slide{ padding: 0.1rem 0;}
.partners-swiper .swiper-slide .item{ margin-top: 0.1rem; width: calc((100% - 0.2rem) / 3);}
.partners-swiper .swiper-slide .item:nth-child(3n + 1) { margin-left: 0;}
}

/* 慈善公益 */
.charity-swiper{ margin-top: -1.3rem; position: relative;}
.charity-swiper .pagination{ font-size: 0.48rem; color: #999; font-family: 'Times New Roman', Times, serif; position: absolute; left: 0; top: 1.6rem;}
.charity-swiper .pagination .swiper-pagination-current{ font-size: 1.2rem; color: #00b988;}
.charity-swiper .swiper{ z-index: 1;}
.charity-swiper .swiper-slide a{ display: flex; align-items: center; padding: 0.2rem 0.2rem 0.2rem 0;}
.charity-swiper .left{ flex: 1; min-width: 0; margin-right: 1.8rem;}
.charity-swiper .left .title{ font-size: 0.2rem; color: #333; line-height: 0.36rem; margin: 0.1rem 0 0.2rem 0;}
.charity-swiper .left .info{ font-size: 0.16rem; color: #333; font-weight: 300; line-height: 0.28rem; height: 1.12rem;}
.charity-swiper .right{ position: relative; width: 6.2rem;}
.charity-swiper .right .g-pic{ height: 0; border-radius: 50%;}
.charity-swiper .right::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.charity-swiper .btnlist{ display: flex; align-items: center; justify-content: space-between; position: absolute; z-index: 2; height: 1px; left: 0; width: 2.9rem; top: calc(50% + 1.67rem);}
.charity-swiper .btnlist::before,
.charity-swiper .btnlist::after{ content: ''; position: absolute; width: calc(50% - 0.8rem); border-top: 1px solid #00b988;}
.charity-swiper .btnlist::before{ right: 50%;}
.charity-swiper .btnlist::after{ left: 50%; border-top-color: #ddd;}
.charity-swiper .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff;}
.charity-swiper .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.charity-swiper .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.charity-swiper .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.charity-swiper .btnlist .prev{ transform: rotate(180deg);}
.charity-swiper .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
@media(max-width:1024px){
.charity-swiper{ margin-top: 0;}
.charity-swiper .left{ margin-right: 0.4rem;}
.charity-swiper .right{ width: 3rem;}
.charity-swiper .swiper-slide a{ align-items: flex-start;}
.charity-swiper .btnlist{ top: calc(100% - 0.5rem);}
.charity-swiper .pagination{ display: none;}
}
@media(max-width:750px){
.charity-swiper .swiper-slide a{ flex-direction: column-reverse; padding: 0 0 0.8rem 0;}
.charity-swiper .btnlist{ top: calc(100% - 0.3rem); margin: 0 auto; right: 0;}
.charity-swiper .left{ margin-right: 0;}
.charity-swiper .right{ width: 100%; margin-bottom: 0.2rem;}
.charity-swiper .right::before{ display: none;}
.charity-swiper .right .g-pic{ border-radius: 0.06rem; padding-bottom: 75%;}
}

/* 慈善公益 分页列表 */
.drive-list .item{ display: flex; align-items: center;}
.drive-list .item + .item{ margin-top: 0.3rem;}
.drive-list .left{ position: relative; width: 3.5rem;}
.drive-list .left .g-pic{ height: 0;}
.drive-list .left::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-jtny-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.drive-list .left img{ border-radius: 50%; z-index: 1;}
.drive-list .cont{ flex: 1; margin-left: 1rem; border-bottom: 1px solid #eee; padding: 0.5rem 0.2rem;}
.drive-list .cont .title{ font-size: 0.2rem; margin-bottom: 0.2rem;}
.drive-list .cont .info{ font-size: 0.16rem; font-weight: 300;}
.drive-list .cont .info span{ color: #00b988; font-weight: normal;}
.drive-list .item:nth-child(2n){ flex-direction: row-reverse;}
.drive-list .item:nth-child(2n) .cont{ margin-left: 0; margin-right: 1rem;}
@media(max-width:1024px){
.drive-list .left{ width: 3rem;}
.drive-list .cont{ margin-left: 0.3rem;}
.drive-list .item:nth-child(2n) .cont{ margin-left: 0; margin-right: 0.3rem;}
}
@media(max-width:750px){
.drive-list .item{ display: block;}
.drive-list .left{ width: 80%; margin: 0.1rem auto 0 auto;}
.drive-list .cont{ margin: 0 !important; padding: 0.2rem 0;}
}

/* 下属企业 */
.affiliated-page{ display: flex;}
.affiliated-page .left-tab{ width: 1.8rem; position: relative; z-index: 2;}
.affiliated-page .left-tab .item{ cursor: pointer; border-radius: 50%; position: relative;}
.affiliated-page .left-tab .item + .item{ margin-top: 0.4rem;}
.affiliated-page .left-tab .item::before{ content: ''; position: absolute; left: -5%; top: -5%; width: 110%; height: 110%; background: url(../images/product-item-green.png); background-size: 100% 100%; transition: all 0.4s; animation: productItemRotate 10s infinite linear;}
.affiliated-page .left-tab .cont{ height: 1.8rem; background: #fff; box-shadow: 0px 0px 0.8rem 0px rgba(179, 209, 202, 0.5); border-radius: 50%; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; color: #00b988; transition: all 0.4s; overflow: hidden;}
.affiliated-page .left-tab .cont::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/wenli.jpg) center; opacity: 0; transition: all 0.5s;}
.affiliated-page .left-tab .number{ margin-bottom: 0.1rem; position: relative;}
.affiliated-page .left-tab .number span{ font-size: 0.48rem; font-weight: bold;}
.affiliated-page .left-tab .text{ font-size: 0.18rem; position: relative;}
.affiliated-page .left-tab .item:hover .cont,
.affiliated-page .left-tab .item.active .cont{ color: #fff;}
.affiliated-page .left-tab .item:hover .cont::before,
.affiliated-page .left-tab .item.active .cont::before{ opacity: 1;}
.affiliated-page .right-cont{ flex: 1; margin-left: 1.3rem; min-width: 0; position: relative; z-index: 1;}
.affiliated-page .top-swiper{ width: calc(100% + 10px + (100vw - 14.4rem) / 2); overflow: hidden; padding: 10px; margin: -10px; position: relative;}
.affiliated-page .top-swiper::after{ content: ''; position: absolute; right: 0; width: calc((100vw - 14.4rem) / 2); top: 0; bottom: 0; z-index: 2; background: linear-gradient(90deg,rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none;}
.affiliated-page .top-swiper .swiper-box{ width: calc(100% + 10px - (100vw - 14.4rem) / 2);}
.affiliated-page .top-swiper .swiper-slide{ width: auto;}
.affiliated-page .top-swiper .ym-more{box-shadow: 0px 0px 10px 0px rgba(179, 209, 202, 0.5); font-size: 0.16rem; min-width: 1.8rem; padding: 0 0.3rem; height: 0.6rem; border-radius: 1rem; text-align: center; cursor: pointer; transition: all 0.4s; user-select: none; margin: 0;}
.affiliated-page .cont-swiper{ margin: 0.5rem 0;}
.affiliated-page .cont-swiper .swiper-slide.swiper-slide-active{ transition: all 0.4s;}
.affiliated-page .cont-swiper .swiper-slide:not(.swiper-slide-active){ opacity: 0; pointer-events: none;}
.affiliated-page .cont-swiper .swiper-slide .cont{ box-shadow: 0px 0px 0.5rem 0px rgba(179, 209, 202, 0.5); padding: 0.6rem; border-radius: 0.4rem; background: #fff; display: flex;}
.affiliated-page .cont-swiper .cont-img{ width: 1.2rem; margin-right: 0.1rem;}
.affiliated-page .cont-swiper .cont-img img{ width: 100%; display: block;}
.affiliated-page .cont-swiper .cont-text{ flex: 1; min-width: 0; margin: 0 0.5rem;}
.affiliated-page .cont-swiper .cont-text .title{ font-size: 0.24rem; line-height: 1.8;}
.affiliated-page .cont-swiper .cont-text .info{ font-size: 0.16rem; font-weight: 300; line-height: 0.3rem; border-top: 1px solid #eee; padding-top: 0.3rem; margin-top: 0.25rem;}

.affiliated-page .bottom-cont{ display: flex; align-items: flex-end; justify-content: space-between;}
.affiliated-page .bottom-cont::before{ content: '';}
.affiliated-page .pagination{ width: auto; min-width: 2.8rem; text-align: center; font-size: 0.48rem; color: #999; font-family: 'Times New Roman', Times, serif; line-height: 1;}
.affiliated-page .pagination .swiper-pagination-current{ font-size: 1.2rem; color: #00b988;}
.affiliated-page .btnlist{ display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; height: 0.6rem; left: 0; width: 2.9rem; top: calc(50% + 1.67rem); margin-bottom: 0.2rem;}
.affiliated-page .btnlist::before,
.affiliated-page .btnlist::after{ content: ''; position: absolute; width: calc(50% - 0.8rem); border-top: 1px solid #00b988;}
.affiliated-page .btnlist::before{ right: 50%;}
.affiliated-page .btnlist::after{ left: 50%; border-top-color: #ddd;}
.affiliated-page .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff;}
.affiliated-page .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.affiliated-page .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.affiliated-page .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.affiliated-page .btnlist .prev{ transform: rotate(180deg);}
.affiliated-page .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
.affiliated-page .right-item:not(.active){ height: 0; opacity: 0; pointer-events: none; overflow: hidden;}
@media(max-width:1024px){
.affiliated-page .left-tab{ width: 1.4rem;}
.affiliated-page .left-tab .cont{ height: 1.4rem;}
.affiliated-page .top-swiper{ width: calc(100% + 20px + 2vw);}
.affiliated-page .top-swiper .swiper-box{ width: 100%;}
.affiliated-page .right-cont{ margin-left: 0.3rem;}
.affiliated-page .top-swiper .btn{ min-width: 1.4rem; line-height: 0.5rem;}
.affiliated-page .cont-swiper{ margin: 0.4rem 0;}
.affiliated-page .cont-swiper .swiper-slide .cont{ padding: 0.2rem; border-radius: 0.1rem;}
.affiliated-page .cont-swiper .cont-text{ margin: 0;}
.affiliated-page .btnlist{ margin-bottom: 0.05rem;}
.affiliated-page .pagination{ font-size: 0.32rem;}
.affiliated-page .pagination .swiper-pagination-current{ font-size: 0.8rem;}
}
@media(max-width:750px){
.affiliated-page{ display: block;}
.affiliated-page .left-tab{ width: 100%; display: flex; justify-content: space-between;}
.affiliated-page .left-tab .item{ width: 1rem;}
.affiliated-page .left-tab .item + .item{ margin-top: 0;}
.affiliated-page .left-tab .cont{ height: 1rem;}
.affiliated-page .left-tab .number span{ font-size: 0.32rem;}
.affiliated-page .left-tab .text{ font-size: 0.14rem;}
.affiliated-page .right-cont{ margin: 0.3rem 0 0 0;}
.affiliated-page .cont-swiper{ margin: 0.3rem 0;}
.affiliated-page .btnlist{ margin-bottom: 0;}
.affiliated-page .pagination{ text-align: right; min-width: 0;}
.affiliated-page .bottom-cont::before{ display: none;}
.affiliated-page .pagination .swiper-pagination-current{ font-size: 0.6rem;}
}

/* 人文风采 影像净土 */
.cultural-list{ display: flex; flex-wrap: wrap;}
.cultural-list .item{ margin-top: 0.7rem;}
.cultural-list .item .g-pic{ padding-bottom: 66%; border-radius: 0.2rem;}
.cultural-list .item .title{ text-align: center; font-size: 0.18rem; margin-top: 0.2rem;}
.cultural-list .item .time{ text-align: center; font-size: 0.16rem; font-weight: 300;}
@media(min-width:1025px){
.cultural-list.image-list{ margin-top: -0.6rem;}
.cultural-list .item{ width: calc((100% - 1.2rem) / 3); margin-left: 0.6rem;}
.cultural-list .item:nth-child(3n + 1) { margin-left: 0;}
}
@media(max-width:1024px) and (min-width:751px){
.cultural-list .item{ width: calc((100% - 0.6rem) / 3); margin-left: 0.3rem;}
.cultural-list .item:nth-child(3n + 1) { margin-left: 0;}
.cultural-list .item{ margin-top: 0.4rem;}
}
@media(max-width:1024px){
.cultural-list{ margin-top: 0.4rem;}
}
@media(max-width:750px){
.cultural-list{ justify-content: space-between;}
.cultural-list .item{ width: calc(50% - 0.05rem); margin-top: 0.2rem;}
.cultural-list .item:nth-child(2n + 1) { margin-left: 0;}
.cultural-list .item .g-pic{ border-radius: 0.1rem;}
.cultural-list .item .title{  margin-top: 0.05rem;}
}
.image-list .item .g-pic{ padding-bottom: 55%;}
.image-list .play{ cursor: pointer; position: absolute; width: 0.6rem; height: 0.6rem; background: url(../images/ico-play.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s; top: calc(50% - 0.3rem); left: calc(50% - 0.3rem); z-index: 1;}
.image-list .item:hover .play{ transform: scale(1.2);}
@media(max-width:1024px){
.image-list .play{ width: 0.6rem; height: 0.6rem;  top: calc(50% - 0.3rem); left: calc(50% - 0.3rem); }
}
@media(max-width:750px){
.image-list .play{ width: 0.4rem; height: 0.4rem;  top: calc(50% - 0.2rem); left: calc(50% - 0.2rem); }
.image-list .cont{ transform: scale(0.85);}
}

/* 主要项目-项目开发 净土资讯-群团建设 */
.projects-list{ display: flex; flex-wrap: wrap;}
.projects-list .item{ margin-top: 0.7rem;}
.projects-list .item .g-pic{ padding-bottom: 66%; border-radius: 0.2rem;}
.projects-list .item .title{ text-align: center; font-size: 0.18rem; margin-top: 0.2rem;}
@media(min-width:1025px){
.projects-list.image-list{ margin-top: -0.6rem;}
.projects-list .item{ width: calc((100% - 0.6rem) / 3); margin-left: 0.3rem;}
.projects-list .item:nth-child(3n + 1) { margin-left: 0;}
}
@media(max-width:1024px) and (min-width:751px){
.projects-list .item{ width: calc((100% - 0.6rem) / 3); margin-left: 0.3rem;}
.projects-list .item:nth-child(3n + 1) { margin-left: 0;}
.projects-list .item{ margin-top: 0.4rem;}
}
@media(max-width:1024px){
.projects-list{ margin-top: 0.2rem;}
}
@media(max-width:750px){
.projects-list{ justify-content: space-between;}
.projects-list .item{ width: calc(50% - 0.05rem); margin-top: 0.2rem;}
.projects-list .item:nth-child(2n + 1) { margin-left: 0;}
.projects-list .item .g-pic{ border-radius: 0.1rem;}
.projects-list .item .title{  margin-top: 0.05rem;}
}

/* 主要项目-项目招商 */
.business-list{ margin-top: 0.9rem;}
.business-list .item{ display: flex; align-items: center;}
.business-list .item:nth-child(2n){ flex-direction: row-reverse;}
.business-list .item + .item{ margin-top: 0.3rem;}
.business-list .image{ width: 6.9rem;}
.business-list .image .g-pic{ padding-bottom: 66%; border-radius: 0.2rem;}
.business-list .image .big{ width: 84%;}
.business-list .image .small{ width: 65%; margin-top: -20%; position: relative;}
.business-list .image .small .g-pic{ border: 1px solid #f1f1f1; background: #f1f1f1;}
.business-list .item:nth-child(2n) .image .big{  margin-left: 16%;}
.business-list .item:nth-child(2n + 1) .image .small{  margin-left: 35%;}
.business-list .cont{ flex: 1;}
.business-list .cont .title{ font-size: 0.3rem; color: #00b988; border-bottom: 1px solid #00b988; line-height: 1.4; margin-bottom: 0.3rem; padding-bottom: 0.3rem;}
.business-list .cont .info{ font-size: 0.16rem; color: #333; font-weight: 300;}
@media(min-width:1025px){
.business-list .item:nth-child(2n) .cont{ margin-right: 1rem;}
.business-list .item:nth-child(2n + 1) .cont{ margin-left: 1rem;}
}
@media(max-width:1024px){
.business-list{ margin-top: 0.6rem;}
.business-list .item{ display: block;}
.business-list .image{ width: 100%;}
.business-list .image .big:last-child{ width: 100%; margin:  0 !important;}
.business-list .cont{ margin-top: 0.3rem;}
.business-list .cont .title{ font-size: 0.24rem; padding-bottom: 0.2rem; margin-bottom: 0.2rem;}
}
@media(max-width:750px){
.business-list .image .g-pic{ border-radius: 0.1rem;}
}

/* 投资战略-战略规划 */
.strategic-list .right-title{ display: flex; justify-content: flex-end; margin-top: -0.8rem; margin-bottom: 0.2rem;}
.strategic-list .right-title .title{ position: relative;}
.strategic-list .right-title .title img{ height: 0.4rem; display: block;}
.strategic-list .right-title .title::before{ content: ''; position: absolute; right: calc(100% + 0.1rem); width: 0.8rem; top: 50%; border-top: 1px solid #00b988;}
.strategic-list .list{ display: flex; flex-wrap: wrap;}
.strategic-list .list .item{ border-radius: 0.4rem; background: center no-repeat; background-size: cover; background-image: url(../images/strategic-item-no-bg.jpg); padding: 0.3rem 0.4rem 0.7rem 0.4rem; transition: all 0.4s; box-shadow: 0px 0px 0.3rem 0px rgba(179, 209, 202, 0.5);}
.strategic-list .list .top{ display: flex; justify-content: space-between; align-items: flex-end;}
.strategic-list .list .top .number{ font-size: 0.9rem; font-family: 'Times New Roman', Times, serif; line-height: 1; background-image: linear-gradient(0deg, #fff 5%, #d1eaf2); -webkit-background-clip: text; color: transparent; transition: all 0.4s;}
.strategic-list .list .top .ico{ width: 0.6rem; height: 0.6rem; position: relative;}
.strategic-list .list .top img{ width: 0.6rem; height: 0.6rem; display: block; position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.4s;}
.strategic-list .list .top .green{ opacity: 1;}
.strategic-list .list .title{ font-size: 0.24rem; margin: 0.2rem 0; padding-bottom: 0.3rem; border-bottom: 1px solid #ddd; transition: all 0.4s;}
.strategic-list .list .info{ font-size: 0.16rem; font-weight: 300; transition: all 0.4s; text-align: justify;}
.strategic-list .list .item:hover{ background-image: url(../images/strategic-item-bg.jpg);}
.strategic-list .list .item:hover .top .number{ background: none; color: #d0eaf2; opacity: 0.2;}
.strategic-list .list .item:hover .top .green{ opacity: 0;}
.strategic-list .list .item:hover .top .white{ opacity: 1;}
.strategic-list .list .item:hover .title{ border-bottom-color: rgba(255, 255, 255, 0.3); color: #fff;}
.strategic-list .list .item:hover .info{ color: #fff;}
@media(min-width:1025px){
.strategic-list .list .item{ width: calc((100% - 0.4rem * 3) / 4); box-shadow: 0px 0px 0.3rem 0px rgba(179, 209, 202, 0.5); margin: 0.4rem 0 0 0.4rem;}
.strategic-list .list .item:nth-child(4n + 1){ margin-left: 0;}
}
@media(max-width:1024px){
.strategic-list .right-title{ display: block; margin-top: 0;}
.strategic-list .right-title .title::before{ display: none;}
.strategic-list .right-title .title img{ height: 0.35rem;}
.strategic-list .list .item{ width: calc((100% - 0.2rem) / 2); margin: 0.2rem 0 0 0.2rem; box-shadow: 0px 0px 0.15rem 0px rgba(179, 209, 202, 0.5); padding: 0.2rem 0.2rem 0.4rem 0.2rem; border-radius: 0.2rem;}
.strategic-list .list .item:nth-child(2n + 1){ margin-left: 0;}
}
@media(max-width:750px){
.strategic-list .right-title .title img{ height: 0.3rem;}
.strategic-list .list .item{ width: calc((100% - 0.1rem) / 2); margin: 0.1rem 0 0 0.1rem; border-radius: 0.1rem;  box-shadow: 0px 0px 0.07rem 0px rgba(179, 209, 202, 0.5);}
.strategic-list .list .top .number{ font-size: 0.7rem;}
.strategic-list .list .top .ico,
.strategic-list .list .top img{ width: 0.45rem; height: 0.45rem;}
}

/* 投资战略-投资使命 */
.mission-info{ display: flex; align-items: center; margin-top: 1.2rem;}
.mission-info .left{ flex: 1; margin-right: 1.2rem;}
.mission-info .left .title-img{ margin-bottom: 0.5rem;}
.mission-info .left .title-img img{ height: 0.4rem; display: block;}
.mission-info .left .info{ font-size: 0.16rem; font-weight: 300;}
.mission-info .right{ position: relative; width: 7.6rem; margin-right: -0.6rem;}
.mission-info .right .g-pic{ height: 0; border-radius: 50%;}
.mission-info .right::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
@media(max-width:1024px){
.mission-info{ align-items: flex-end; margin-top: 0.6rem;}
.mission-info .left{ margin-right: 0.3rem;}
.mission-info .left .title-img{ margin-bottom: 0.3rem;}
.mission-info .left .title-img img{ height: 0.35rem;}
.mission-info .right{ width: 3rem; margin-right: 0;}
}
@media(max-width:750px){
.mission-info{ display: block; margin-top: 0.3rem;}
.mission-info .left{ margin: 0 0 0.2rem 0;}
.mission-info .left .title-img img{ height: 0.3rem;}
.mission-info .right{ width: 80%; margin: 0 auto;}
}

/* 投资战略-业务战略 */
@keyframes rotateAnime {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(360deg); }
}
@keyframes rotateAnime2 {
0% { transform: rotateZ(0deg); }
100% { transform: rotateZ(-360deg); }
}
.strategy-info .column-info{ text-align: center; margin-top: -0.3rem;}
.strategy-info .list{ position: relative; margin: 2.4rem auto 2rem auto;}
.strategy-info .list::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.strategy-info .center{ background: #00b988;}
.strategy-info .center .item{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: center no-repeat; background-size: cover;}
.strategy-info .list,
.strategy-info .center,
.strategy-info .center .item{ width: 4.4rem; height: 4.4rem;}
.strategy-info .center,
.strategy-info .center .item{ overflow: hidden; border-radius: 50%; position: relative;}
.strategy-info .center .item{ position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.2s;}
.strategy-info .center .item.active{ opacity: 1; transition: all 0.6s;}
.strategy-info .center .item{ color: #fff; padding: 1rem 0.4rem;}
.strategy-info .center .item *{ position: relative; z-index: 1;}
.strategy-info .center .item .title,
.strategy-info .center .item .info{ transform: translateY(0.1rem); transition: all 0.6s;}
.strategy-info .center .item.active .title,
.strategy-info .center .item.active .info{ transform: translateY(0);}
.strategy-info .center .item .title{ font-size: 0.24rem; line-height: 1.6; padding-top: 0;}
.strategy-info .center .item .info{ line-height: 0.3rem; max-height: 2.4rem; text-align:justify}
.strategy-info .center .item .bg{ position: absolute; z-index: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.2;}
.strategy-info .tonari{ width: 150%; height: 150%; position: absolute; left: -25%; top: -25%; background: url(../images/mission-maru.png) center no-repeat; background-size: 100% 100%; border-radius: 50%; transform: rotateZ(-29deg);}
.strategy-info .tonari .item{ transform: rotateZ(29deg); width: 1.8rem; height: 1.8rem; margin: -0.9rem 0 0 -0.9rem; border-radius: 50%; background: #fff;box-shadow: 0px 0px 0.3rem 0px rgba(179, 209, 202, 0.5); display: flex; align-items: center; justify-content: center; position: absolute; cursor: pointer; transition: all 0.4s; text-align: center;}
.strategy-info .tonari .item .number{ color: #d0eaf2; font-size: 0.9rem; font-family: 'Times New Roman', Times, serif; position: absolute; left: 0;  top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.strategy-info .tonari .item .title{ position: relative; z-index: 1; font-size: 0.24rem; transition: margin,letter-spacing 0.3s;}

.strategy-info .tonari .item:nth-child(1) { top: 0; left: 50%;}
.strategy-info .tonari .item:nth-child(2),
.strategy-info .tonari .item:nth-child(3){ left: 93%;}
.strategy-info .tonari .item:nth-child(5),
.strategy-info .tonari .item:nth-child(6){ left: 7%;}
.strategy-info .tonari .item:nth-child(2),
.strategy-info .tonari .item:nth-child(6){ top: 24%;}
.strategy-info .tonari .item:nth-child(3),
.strategy-info .tonari .item:nth-child(5){ top: 76%;}
.strategy-info .tonari .item:nth-child(4) { top: 100%; left: 50%;}
/* .strategy-info .tonari:has(.item:hover){animation-play-state: paused;}
.strategy-info .tonari:has(.item:hover) .item{ animation-play-state: paused;} */
.strategy-info .tonari .item:hover,
.strategy-info .tonari .item.active{ color: #fff; background: #00b988;}
.strategy-info .tonari .item:hover .number,
.strategy-info .tonari .item.active .number{ color: #fff; opacity: 0.1;}
@media(min-width:1025px){
.strategy-info .tonari .item.active .title,
.strategy-info .tonari .item:hover .title{letter-spacing: 0.05rem; margin-left: 0.05rem;}
}
@media(max-width:1024px){
.strategy-info .list{ margin: 2rem auto 1.4rem auto;}
.strategy-info .list,
.strategy-info .center,
.strategy-info .center .item{ width: 4rem; height: 4rem;}
.strategy-info .tonari .item{ width: 1.4rem; height: 1.4rem; margin: -0.7rem 0 0 -0.7rem;}
.strategy-info .tonari .item .title{ font-size: 0.18rem;}
.strategy-info .tonari .item .number{ font-size: 0.8rem;}
.strategy-info .center .item .title{ padding-top: 0;}
.strategy-info .center .item .info{ height: auto; line-height: 0.24rem;}
}
@media(max-width:750px){
.strategy-info .list{ margin: 1.6rem auto 1rem auto;}
.strategy-info .list,
.strategy-info .center,
.strategy-info .center .item{ width: 2.4rem; height: 2.4rem;}
.strategy-info .tonari .item{ width: 0.96rem; height: 0.96rem; margin: -0.48rem 0 0 -0.48rem;}
.strategy-info .tonari .item .title{ font-size: 0.14rem;}
.strategy-info .tonari .item .number{ font-size: 0.6rem;}
.strategy-info .center .item{ padding: 0.5rem;}
.strategy-info .center .item .title{ font-size: 0.2rem;}
.strategy-info .center .item .info{ font-size: 0.14rem; line-height: 0.2rem; -webkit-line-clamp: 5;}
}

/* 集团简介 */
.enterprise-info .section-box{ position: relative;}
.enterprise-info .enterprise-left{ margin-right: 6.5rem;}
.enterprise-info .enterprise-right{ position: absolute; width: 8.6rem; right: -3.7rem; top: -0.6rem;}
.enterprise-info .enterprise-right .g-pic{ height: 0; border-radius: 50%;}
.enterprise-info .enterprise-right::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.enterprise-info .content-box .logo{ width: 1.6rem; height: 1.6rem; margin: 0.9rem auto 0.6rem auto; background: url(../images/about-maru-logo-2.png) center no-repeat; background-size: 100% 100%;}
.enterprise-info .content-box .info{ max-width: 7.4rem; margin: 0 auto;}
.enterprise-info .pic-list{ height: 6.5rem; position: relative;}
.enterprise-info .pic-list .pic{ position: absolute;}
.enterprise-info .pic-list .pic::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.enterprise-info .pic-list .pic img{ border-radius: 50%;}
.enterprise-info .pic-list .pic:nth-child(1){ width: 4.4rem; height: 4.4rem; top: -2.3rem; left: -3.7rem;}
.enterprise-info .pic-list .pic:nth-child(2){ width: 3.6rem; height: 3.6rem; bottom: -0.3rem; left: -0.6rem;}
.enterprise-info .pic-list .pic:nth-child(3){ width: 4.2rem; height: 4.2rem; left: calc(50% - 2.1rem); top: calc(50% - 2.1rem);}
.enterprise-info .pic-list .pic:nth-child(4){ width: 3.6rem; height: 3.6rem; right: -0.8rem; top: 0;}
.enterprise-info .text-img{ display: flex; align-items: center; justify-content: center;}
/* 内容详情 */
.overview-info1 .info{ font-size: 0.16rem; font-weight: 300; line-height: 0.3rem;}
.overview-info1 .text{ font-size: 0.18rem; line-height: 0.4rem;}
.overview-info1 .text .green{ color: #00b988;}
.overview-info2{ text-align: center; font-size: 0.18rem;}
.overview-info2 .line{ border-bottom: 0.02rem solid #00b988;}
@media(max-width:1024px){
.enterprise-info .enterprise-left{ margin-right: 0;}
.enterprise-info .enterprise-right{ width: 80%; margin: 0.2rem auto; right: 0; top: 0; position: relative;}

.enterprise-info .pic-list{ height: 4rem; position: relative;}
.enterprise-info .pic-list .pic:nth-child(1){ width: 2.2rem; height: 2.2rem; top: -0.1rem; left: -0.8rem;}
.enterprise-info .pic-list .pic:nth-child(2){ width: 1.8rem; height: 1.8rem; bottom: 0; left: 0.2rem;}
.enterprise-info .pic-list .pic:nth-child(3){ width: 2.1rem; height: 2.1rem; left: calc(50% - 1.05rem); top: calc(50% - 1.05rem);}
.enterprise-info .pic-list .pic:nth-child(4){ width: 1.8rem; height: 1.8rem; right: -0.3rem; top: 0;}
}
@media(max-width:750px){
.enterprise-info .content-box .logo{ margin: 0.3rem auto;}
.enterprise-info .pic-list .pic:nth-child(1){ width: 1.54rem; height: 1.54rem; top: -0.1rem; left: -0.8rem;}
.enterprise-info .pic-list .pic:nth-child(2){ width: 1.26rem; height: 1.26rem; bottom: 0.4rem; left: 0.2rem;}
.enterprise-info .pic-list .pic:nth-child(3){ width: 1.47rem; height: 1.47rem; left: calc(50% - 0.735rem); top: calc(50% - 1.05rem);}
.enterprise-info .pic-list .pic:nth-child(4){ width: 1.26rem; height: 1.26rem; right: -0.3rem; top: 0;}
}

/* 领导致辞 */
.speech-info{ margin: 0 auto; max-width: 9rem;}
/* 内容详情 */
.leader-info .text-img{ width: 9rem; max-width: 100%; display: block; margin: 0 auto;}
.leader-info .text-title{ font-size: 0.3rem; color: #00b988; text-align: center; margin: 0.2rem 0 0.6rem 0;}
.leader-info .text-en{ font-family: 'Times New Roman', Times, serif; font-size: 0.22rem; text-align: center; font-weight: bold; line-height: 1.2;}
.leader-info .text-en span{ font-size: 0.14rem; font-weight: 400;}
.leader-info .text-info{ font-weight: 300; margin-top: 0.6rem;}
.leader-info .text-sign{ display: flex; justify-content: flex-end; padding-top: 1rem; color: #555; position: relative;}
.leader-info .text-sign .sign{ position: absolute; right: 0; top: 0;}
.leader-info .text-sign .sign img{ width: 1.6rem;}
.leader-info .text-sign span{ font-size: 0.2rem; font-weight: bold;}
@media(max-width:750px){
.leader-info .text-title{ margin-bottom: 0.3rem;}
.leader-info .text-info{ margin-top: 0.3rem;}
}

/* 发展目标 */
.goals-info{ display: flex; align-items: center;}
.goals-info .left{ position: relative; width: 7.64rem; margin-left: -0.66rem; margin-right: 1.2rem;}
.goals-info .left .g-pic{ height: 0; border-radius: 50%;}
.goals-info .left::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.goals-info .right{ flex: 1; min-width: 0;}
@media(max-width:1024px){
.goals-info{ display: block;}
.goals-info .left{ margin: 0.3rem auto; max-width: 80%;}
}
/* 内容详情 */
.development-info .info{ font-size: 0.16rem; font-weight: 300; margin-bottom: 1.5rem; position: relative;}
.development-info .info .mubiao{ position: absolute; right: -0.8rem; top: -1.3rem; pointer-events: none; width: 2.84rem;}
.development-info .text-img{ display: block;}
@media(max-width:1024px){
.development-info .info{ margin-bottom: 1rem;}
.development-info .info .mubiao{ right: 0; width: 2.4rem;}
}
@media(max-width:750px){
.development-info .info{ margin-bottom: 0.5rem;}
.development-info .info .mubiao{ width: 1.2rem; top: -0.3rem;}
}

/* 发展历程 */
.history-page{ margin: 1rem 0; position: relative;}
.history-page .cont-box{ background: url(../images/history-bg.jpg) center; background-size: contain; -webkit-mask:url(../images/history-mask.svg); position: relative; -webkit-mask-repeat: no-repeat; -webkit-mask-position: top; -webkit-mask-size: 100%; height: 300vh;}
.history-page .bg-box{ height: 100vh; background: center no-repeat; background-size: cover; -webkit-mask:url(../images/mask-logo.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-size: 1000rem;-webkit-mask-position: center; position: fixed; left: 0; width: 100%; top: 0;}
.history-page .content-box{ position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 1.2rem;}
.history-page .flex-box{ display: flex; align-items: center;}
.history-page .content-left{ flex: 1; min-width: 0;}
.history-page .column-text{ margin-top: -0.3rem; margin-bottom: 1.2rem;}
.history-page .swiper-box{ display: flex;}
.history-page .swiper-box .swiper-left{ width: 1.8rem; position: relative;}
.history-page .swiper-box .swiper-left::before{ content: ''; position: absolute; left: 0; top: -1.8rem; bottom: -1.8rem; width: 100%;  pointer-events: none;background: -webkit-linear-gradient(rgba(255,255,255,0), #fff, rgba(255,255,255,0));background: linear-gradient(rgba(255,255,255,0), #fff, rgba(255,255,255,0));}
.history-page .swiper-box .swiper-left .swiper{ height: calc(3rem + 80px);}
.history-page .swiper-box .swiper-left .title{ line-height: 0.6rem; text-align: center; font-size: 0.24rem; color: #555; cursor: pointer;}
.history-page .swiper-box .swiper-left .swiper-slide-thumb-active .title{ background: #00b988; color: #fff;}
.history-page .swiper-box .swiper-right{ flex: 1; min-width: 0; margin: 0 1.8rem 0 1.2rem;}
.history-page .swiper-box .swiper-right .title{ font-size: 1rem; font-weight: bold; font-family: 'Times New Roman', Times, serif; line-height: 1.2; display: flex; align-items: center; justify-content: flex-start;}
.history-page .swiper-box .swiper-right .title .qui_dot{ color: transparent; background: url(../images/history-text.jpg); background-size: cover; -webkit-background-clip: text;}
.history-page .swiper-box .swiper-right .info{ line-height: 0.32rem; height: 1.92rem;}
.history-page .content-right{ width: 5rem; position: relative;}
.history-page .content-right::before{ content: ''; position: absolute; left: 50%; top: -50%; width: 200%; height: 200%; border: 1px dashed #00b988; border-radius: 50%; pointer-events: none;}
.history-page .content-right .g-pic img{ border-radius: 50%;}
.history-page .content-right .swiper{ overflow: visible;}
.history-page .content-right .swiper-slide.swiper-slide-active{ transform: scale(1);}
.history-page .btnlist{ display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; height: 0.6rem; margin-top: 0.2rem;}
.history-page .btnlist::before,
.history-page .btnlist::after{ content: ''; position: absolute; width: calc(50% - 0.8rem); border-top: 1px solid #00b988;}
.history-page .btnlist::before{ right: 50%;}
.history-page .btnlist::after{ left: 50%; border-top-color: #cbf1e5;}
.history-page .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s;}
.history-page .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.history-page .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.history-page .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.history-page .btnlist .prev{ transform: rotate(180deg);}
.history-page .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
@media(min-width:1025px){
.history-page .content-right .swiper{ height: 5rem;}
.history-page .content-right .swiper-slide{ transform: scale(0) translateX(1000%); transition: all 0.4s; transform-origin: right center;}
.history-page .content-right .swiper-slide.swiper-slide-prev,
.history-page .content-right .swiper-slide.swiper-slide-next{ transform: scale(0.36);}
.history-page .content-right .swiper-slide.swiper-slide-prev{ transform-origin: right bottom;}
.history-page .content-right .swiper-slide.swiper-slide-next{ transform-origin: right top;}
.history-page .content-right .swiper-slide:not(.swiper-slide-active){ pointer-events: none;}
}
@media(max-width:1024px){
.history-page{ margin: 0.5rem 0;}
.history-page .flex-box{ display: block;}
.history-page .column-text{ margin-top: 0; margin-bottom: 0.5rem;}
.history-page .swiper-box .swiper-right{ margin: 0 0 0 0.5rem;}
.history-page .swiper-box .swiper-right .title{ font-size: 0.8rem;}
.history-page .content-right{ margin: 0.3rem auto 0 auto; width: 4rem; display: none;}
.history-page .content-right::before{ top: 50%; left: -50%; display: none;}
.history-page .content-right .swiper{ width: 100%;}
.history-page .content-right .swiper-slide{ transform: scale(0); transition: all 0.4s; transform-origin: center;}
.history-page .content-right .swiper-slide.swiper-slide-prev,
.history-page .content-right .swiper-slide.swiper-slide-next{ transform: scale(0.36);}
}
@media(max-width:980px){
.history-page .content-right .swiper-slide.swiper-slide-prev{ transform-origin: right center;}
.history-page .content-right .swiper-slide.swiper-slide-next{ transform-origin: left center;}
}
@media(max-width:750px){
.history-page .swiper-box .swiper-left{ width: 1.6rem;}
.history-page .swiper-box .swiper-left::before{ top: -1rem; bottom: -1rem;}
.history-page .swiper-box .swiper-left .swiper{ height: calc(2.75rem + 40px);}
.history-page .swiper-box .swiper-left .title{ line-height: 0.55rem;}
.history-page .swiper-box .swiper-right{ margin-left: 0.2rem;}
.history-page .swiper-box .swiper-right .title{ font-size: 0.4rem;}
}

/* 组织架构 */
.structure-info .name{ display: flex; align-items: center; justify-content: center;}
.structure-info .name .info{ background: #00b988; color: #fff; display: flex; align-items: center; justify-content: center; height: 0.8rem; border-radius: 1rem; padding: 0 0.35rem 0 0.16rem;}
.structure-info .name .info .ico{ width: 0.6rem; height: 0.6rem; background: url(../images/ico-menu-dot.svg) center no-repeat; background-size: contain; margin-right: 0.16rem;}
.structure-info .name .info .text{ font-size: 0.3rem; font-weight: bold;}
.structure-info .count{ display: flex; align-items: center; justify-content: center; margin-top: 0.3rem;}
.structure-info .count::before,
.structure-info .count::after{ content: ''; display: block; background: linear-gradient(90deg, #00b988 0%, rgba(0, 185, 136, 0) 100%); flex: 1; height: 1px; margin-top: 0.06rem;}
.structure-info .count::before{ background: linear-gradient(90deg, rgba(0, 185, 136, 0) 0%, #00b988 100%);}
.structure-info .count .info{ font-size: 0.3rem; line-height: 0.48rem; margin: 0 0.12rem;}
.structure-info .count .info span{ font-size: 0.48rem; color: #00b988;}
.structure-info .list{ display: flex;}
.structure-info .list .item{ flex: 1; display: flex; align-items: center; flex-direction: column;  margin-top: 0.6rem;}
.structure-info .list .box{ border-radius: 50%; position: relative; width: 1.8rem; margin: 0 auto;}
.structure-info .list .box::before{ content: ''; position: absolute; left: -5%; top: -5%; width: 110%; height: 110%; background: url(../images/product-item-green.png); background-size: 100% 100%; transition: all 0.4s; animation: productItemRotate 10s infinite linear;}
.structure-info .list .cont{ height: 1.8rem; background: #fff; box-shadow: 0px 0px 0.8rem 0px rgba(179, 209, 202, 0.5); border-radius: 50%; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; color: #00b988; transition: all 0.4s;}
.structure-info .list .number{ margin-bottom: 0.1rem;}
.structure-info .list .number span{ font-size: 0.48rem; font-weight: bold;}
.structure-info .list .text{ font-size: 0.18rem;}
.structure-info .item-list{ display: flex; flex-wrap: wrap;  justify-content: center; padding-top: 0.4rem; position: relative; flex-direction: column;}
.structure-info .item-list::before{ content: ''; position: absolute; left: 50%; height: 0.4rem; border-left: 1px solid #00b988; top: -0.1rem; z-index: 2;}
.structure-info .item-list .li{ position: relative; padding-left: 0.11rem; line-height: 0.22rem; margin-top: 0.2rem;}
.structure-info .item-list .li::before{ content: ''; position: absolute; left: 0; top: 0.1rem; width: 0.04rem; height: 0.04rem; border-radius: 50%; background: #00b988;}
.structure-info .item:nth-child(1) .item-list{ flex-direction: row; justify-content: flex-start;}
.structure-info .item:nth-child(1) .item-list .li{ width: 50%;}
.structure-info .item:nth-child(1) .li:nth-child(2n){ margin-right: -3em; width: calc(50% + 3em);}
.structure-info .item:nth-child(1) .li:nth-child(2n + 1){ width: 40%; margin-left: 10%;}
/* .structure-info .item:nth-child(3) .li{ margin-right: -6em;} */
/* @media(min-width:1024px){ */
.structure-info .item:nth-child(1) .item-list .li{ position: relative; right: -0.3rem;}
/* } */
@media(max-width:1024px){
.structure-info .list{ flex-wrap: wrap;}
.structure-info .list .item{ flex: auto; width: 50%;}
.structure-info .name .info{ height: 0.5rem;}
.structure-info .name .info .ico{ width: 0.4rem; height: 0.4rem;}
.structure-info .name .info .text{ font-size: 0.2rem;}
.structure-info .count .info { font-size: 0.2rem;}
.structure-info .count .info span{ font-size: 0.3rem;}
}
@media(max-width:750px){
.structure-info .item:nth-child(1) .item-list .li{ right: -0.6rem;}
.structure-info .item:nth-child(1) .li:nth-child(2n){ margin-right: 0; width: 50%;}
/* .structure-info .item:nth-child(3) .li{ margin-right: -4em;} */
.structure-info .list .item{ width: 100%;}
}

/* 管理团队 */
.management-team{ background: #f2fbf9 url(../images/sub-zjjt-bg.jpg) center bottom no-repeat; background-size: 100% auto; -webkit-mask:url(../images/history-mask.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-size: 100%;-webkit-mask-position: top; padding-top: calc(8% + 0.2rem); padding-bottom: 1rem; margin-bottom: -2rem; margin-top: 0.4rem;}
.management-team .list{ display: flex;}
.management-team .list .item{ flex: 1; display: flex; flex-direction: column; border-radius: 0.4rem; box-shadow: 0px 0px 0.5rem 0px rgba(179, 209, 202, 0.5); padding: 0.2rem 0.4rem 0.4rem 0.4rem; align-items: center; background: url(../images/bg-management-team-no.jpg) center no-repeat; background-size: cover; transition: all 0.4s;}
.management-team .list .item:hover{ background-image: url(../images/bg-management-team.jpg); color: #fff;}
.management-team .list .item:hover .title{ border-color: rgba(255, 255, 255, 0.4);}
.management-team .list .item + .item{ margin-left: 1rem;}
.management-team .list .item .title,
.management-team .table-box .title{ text-align: center; font-size: 0.24rem; line-height: 1.2; padding: 0.25rem 0; border-bottom: 1px solid #ddd; width: 100%;}
.management-team .list .item .cont .li{ margin-top: 0.12rem;}
.management-team .table-box{ background: #fff; border-radius: .4rem; padding: 0.2rem 0.4rem 0.4rem 0.4rem; box-shadow: 0px 0px 0.5rem 0px rgba(179, 209, 202, 0.5); margin-top: 1rem;}
.management-team .table-box .title{ border: none;}
.management-team .table-box table td{ border: none; padding-top: 0.05rem; padding-bottom: 0.05rem;}
.management-team .table-box table thead td{ background: #f8f8f8; font-size: 0.16rem; font-weight: bold; color: #333; border-top: none;}
.management-team .table-box table tbody td{ font-size: 0.16rem; font-weight: normal;}
.management-team .table-box table tbody tr:first-child td{ padding-top: 0.1rem;}
.management-team .table-box table tbody tr:last-child td{ padding-bottom: 0.1rem;}
.management-team .table-box table tbody td:nth-child(1){ min-width: calc(4em + 0.2rem);}
.management-team .table-box table tbody td:nth-child(2),
.management-team .table-box table tbody td:nth-child(3){ min-width: calc(2em + 0.2rem);}
.management-team .table-box table tbody td:nth-child(4){ min-width: calc(7em + 0.2rem);}
.management-team .table-box table tbody td:nth-child(5){ min-width: calc(10em + 0.2rem);}
@media(max-width:1024px){
.management-team{ padding-bottom: 0.7rem; margin-bottom: -0.7rem;}
.management-team .list .item,
.management-team .table-box{ border-radius: 0.2rem; box-shadow: 0px 0px 0.2rem 0px rgba(179, 209, 202, 0.5); padding: 0.1rem 0.2rem 0.2rem 0.2rem;}
.management-team .table-box{ margin-top: 0.2rem;}
.management-team .list .item + .item{ margin-left: 0.2rem;}
}
@media(max-width:750px){
.management-team .list{ display: block;}
.management-team .list .item + .item{ margin: 0.1rem 0 0 0;}
.management-team .table-box table thead td{ font-size: 0.14rem;}
.management-team .table-box table tbody td{ font-size: 0.12rem; line-height: 1.4;}
}

/* 产品中心 */
.sub-product{ position: relative; z-index: 20; min-height: 50vh; background: #fff; padding: 1.4rem 0;}
.sub-product .qui_warp{ display: flex; align-items: flex-end; position: relative; z-index: 2;}
.sub-product .left-product{ flex: 1; min-width: 0;}
.sub-product .left-img{ width: 7.6rem; position: absolute; left: -6.4rem; top: calc(50% - 3.8rem);}
.sub-product .left-img .g-pic{ border-radius: 50%;}
.sub-product .left-img::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/banner-big.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.sub-product .left-img::after{ content: ''; position: absolute; width: 148%; height: 148%; top: -24%; left: -24%; border: 1px dashed #00b988; border-radius: 50%;}
.sub-product .left-product .list .item{ width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; transition: all 0.5s;}
.sub-product .left-product .list .item::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/product-item-green.png); background-size: cover; transition: all 0.4s; animation: productItemRotate 10s infinite linear;}
.sub-product .left-product .list .box{ width: 90%; height: 90%; border-radius: 50%; background: #fff center; transition: all 0.4s; position: relative; z-index: 1; overflow: hidden;}
.sub-product .left-product .list .box::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/wenli.jpg) center; opacity: 0; transition: all 0.5s;}
.sub-product .left-product .list .text{ color: #00b988; font-size: 0.2rem; transition: all 0.4s; line-height: 0.4rem; text-align: center; position: relative;}
.sub-product .left-product .list .g-pic{ padding-bottom: 65%;  margin-top: 0.1rem;}
.sub-product .left-product .list .item.on .box::before,
.sub-product .left-product .list .item:hover .box::before{ opacity: 1;}
.sub-product .left-product .list .item.on .text,
.sub-product .left-product .list .item:hover .text{ color: #fff;}
.sub-product .right-product{ width: 11.5rem;}
.sub-product .right-product .swiper-list{ margin-right: -0.8rem;}
.sub-product .right-product .swiper-list .swiper-item{ height: 0; overflow: hidden; transition: all 2s; opacity: 0; transform: translateX(0.5rem);}
.sub-product .right-product .swiper-list .swiper-item.active{ height: auto; opacity: 1; transform: translateX(0);}
.sub-product .right-product .btnlist{ display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; height: 0.6rem; margin-top: 0.2rem; flex: 1;}
.sub-product .right-product .btnlist::before,
.sub-product .right-product .btnlist::after{ content: ''; position: absolute; width: calc(50% - 0.8rem); border-top: 1px solid #00b988;}
.sub-product .right-product .btnlist::before{ right: 50%;}
.sub-product .right-product .btnlist::after{ left: 50%; border-top-color: #cbf1e5;}
.sub-product .right-product .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s;}
.sub-product .right-product .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.sub-product .right-product .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.sub-product .right-product .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.sub-product .right-product .btnlist .prev{ transform: rotate(180deg);}
.sub-product .right-product .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
.sub-product .right-product .operate{ display: flex; align-items: center; margin-top: 0.3rem; margin-left: 0.2rem;}
.sub-product .right-product .pagination{ width: 7rem; min-width: 2.8rem; text-align: center; font-size: 0.48rem; color: #999; font-family: 'Times New Roman', Times, serif; line-height: 1;}
.sub-product .right-product .pagination .swiper-pagination-current{ font-size: 1.2rem; color: #00b988;}
@media(min-width:1025px){
.sub-product{ min-height: 100vh; margin-top: -100vh; transition: all 1s;}
/* .sub-product.hide{ opacity: 0;} */
/* 固定5个 */
.sub-product .left-product .list .item:nth-child(3){ margin-left: 2rem;}
.sub-product .left-product .list .item:nth-child(2),
.sub-product .left-product .list .item:nth-child(4){ margin-left: 1.4rem;}
.sub-product .left-product .list .item + .item{ margin-top: 0.2rem;}
}
@media(max-width:1024px){
.sub-product{ padding: 0.8rem 0; margin-top: 0.6rem;}
.sub-product .left-img{ display: none;}
.sub-product .qui_warp{ display: block;}
.sub-product .left-product .list{ display: flex; justify-content: space-between;}
.sub-product .left-product .list .item{ width: 1.3rem; height: 1.3rem;}
.sub-product .left-product .list .g-pic{ margin-top: 0.05rem;}
.sub-product .left-product .list .text{ font-size: 0.16rem; line-height: 0.3rem;}
.sub-product .right-product{ width: 100%; margin-top: 0.3rem;}
.sub-product .right-product .swiper-list{ margin-right: 0;}
}
@media(max-width:750px){
.sub-product{ padding: 0.4rem 0;}
.sub-product .left-product .list .item{ width: 0.8rem; height: 0.8rem;}
.sub-product .left-product .list .g-pic{ margin-top: 0;}
.sub-product .left-product .list .text{ font-size: 0.14rem; line-height: 0.2rem;}
.sub-product .right-product .operate{ margin: 0 0.1rem;}
}

/* 产品中心 swiper */
.product-swiper{ display: flex; align-items: center; justify-content: center; padding-right: 0.4rem; padding-left: 0.2rem;}
.product-swiper .swiper-left{ flex: 1; min-width: 0; margin-right: 0.5rem;}
.product-swiper .swiper-left .en{ font-size: 0.24rem; font-family: 'Times New Roman', Times, serif; color: #00b988;}
.product-swiper .swiper-left .cn{ font-size: 0.42rem; color: #00b988; font-weight: bold; line-height: 1.2; letter-spacing: 1rem; transition: all 1s;}
.swiper-slide-active .product-swiper .swiper-left .cn{ letter-spacing: 0px; opacity: 1;}
.product-swiper .swiper-left .tag{ display: flex; align-items: center; justify-content: flex-start; margin: 0.4rem 0;}
.product-swiper .swiper-left .tag div{ clip-path: polygon(100% 0, calc(100% - 0.1rem) 50%, 100% 100%, 0 100%, 0 0); background: #00b988; line-height: 0.4rem; border-radius: 0.02rem 0 0 0.02rem; padding: 0 0.35rem 0 0.15rem; font-size: 0.16rem; font-weight: 300; color: #fff;}
.product-swiper .swiper-left .info{ font-size: 0.32rem; font-size: 0.16rem; font-weight: 300;}
.product-swiper .swiper-left .more{ display: flex; align-items: center; justify-content: left; margin-top: 0.4rem;}
.product-swiper .swiper-left .more a{ display: flex; align-items: center; justify-content: center; border-radius: 1rem; height: 0.6rem; line-height: calc(0.6rem - 4px); padding: 0 calc(0.4rem - 2px); border: 2px solid #00b988; color: #00b988; font-size: 0.16rem;}
.product-swiper .swiper-left .more a::after{ content: ''; display: block; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; width: 0.12rem; height: 0.12rem; margin-left: 0.2rem; transition: all 0.4s;}
.product-swiper .swiper-left .more a:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center; border-color: transparent; background-size: calc(100% + 4px) calc(100% + 4px); color: #fff;}
.product-swiper .swiper-left .more a:hover::after{ transform: translateX(0.05rem); background-image: url(../images/ico-more.svg);}

.product-swiper .swiper-right{ width: 7rem; position: relative;}
.product-swiper .swiper-right .g-pic{ border-radius: 50%;}
.product-swiper .swiper-right::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/banner-big.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
@media(max-width:1024px){
.product-swiper{ padding-right: 0;}
.product-swiper .swiper-right,
.sub-product .right-product .pagination{ width: 3rem;}
.product-swiper .swiper-left .en{ font-size: 0.18rem;}
.product-swiper .swiper-left .cn{ font-size: 0.32rem;}
.product-swiper .swiper-left .tag{ margin: 0.3rem 0;}
}
@media(max-width:750px){
.product-swiper{ display: block; padding: 0 0.1rem;}
.product-swiper .swiper-right{ margin: 0.3rem auto 0 auto;}
.sub-product .right-product .pagination{ display: none;}
}

/* 产品中心 全部产品 */
.product-all{ display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0.2rem; align-content: flex-start;}
.product-all .product-all-item{ background: #fff; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.06); display: block; padding: 0.2rem; position: relative; overflow: hidden;}
.product-all .product-all-item .mask{ position: absolute; opacity: 0; left: 0; top: 0%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); color: #fff; transition: all 0.4s; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0.3rem 0.5rem; padding-bottom: 0.7rem; text-align: justify;}
.product-all .product-all-item:hover .mask{opacity: 1;}
.product-all .product-all-item .pic{ max-width: 1.8rem; margin: 0 auto; transition: all 0.4s;}
.product-all .product-all-item:hover .pic{ transform: scale(1.1);}
.product-all .product-all-item .title{ font-size: 0.16rem; font-weight: 300; text-align: center; line-height: 0.4rem; margin: 0.05rem 0 -0.05rem 0; position: relative; z-index: 2; transition: all 0.4s;background: #fff; color: #333;}
.product-all .product-all-item .title::before{ content: ''; position: absolute; left: calc(50% - 0.05rem); top: -0.04rem; width: 0; height: 0; border: 0.05rem solid #fff; transform: rotate(45deg); transition: all 0.4s; opacity: 0;}
.product-all .product-all-item:hover .title::before{ opacity: 1;}
.sub-product .right-product .product-all-pagination{ text-align: left; margin-top: 0.2rem; padding-left: 0.7rem;}
.sub-product .right-product .product-all-pagination .swiper-pagination-current{ font-size: 0.48rem;}
@media(min-width:751px){
.product-all .product-all-item{ width: calc((100% - 0.3rem) / 4); margin-left: 0.1rem; margin-top: 0.1rem;}
.product-all .product-all-item:nth-child(4n + 1){ margin-left: 0;}
}
@media(min-width:1025px){
.product-all{ min-height: 8.5rem;}
.product-all .product-all-item{ width: calc((100% - 0.6rem) / 4); margin-left: 0.2rem; margin-top: 0.2rem;}
}
@media(max-width:750px){
.product-all .product-all-item .title::before,
.product-all .product-all-item .mask{ display: none !important;}
}
@media(max-width:750px){
.product-all{ padding: 0.1rem;}
.product-all .product-all-item{ width: calc((100% - 0.2rem) / 3); margin-left: 0.1rem; margin-top: 0.1rem; padding: 0.1rem;}
.product-all .product-all-item:nth-child(3n + 1){ margin-left: 0;}
}


/* 企业文化 */
.corporate-info{ margin: 1rem 0; position: relative; overflow: hidden; z-index: 1;}
.corporate-info .cont-box{ background: url(../images/history-bg.jpg) center; background-size: contain; -webkit-mask:url(../images/history-mask.svg); position: relative; -webkit-mask-repeat: no-repeat; -webkit-mask-position: top; -webkit-mask-size: 100%; height: 300vh;}
.corporate-info .bg-box{ height: 100vh; background: center no-repeat; background-size: cover; -webkit-mask:url(../images/mask-logo.svg);-webkit-mask-repeat: no-repeat;-webkit-mask-size: 1000rem;-webkit-mask-position: center; position: fixed; left: 0; width: 100%; top: 0; display: flex; align-items: center; justify-content: center; z-index: 0; user-select: none; pointer-events: none;}
.corporate-info .sub_column .text{ color: #fff; display: flex; flex-direction: column; writing-mode: vertical-rl; padding-right: 0;}
.corporate-info .sub_column .text::after{ background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%); left: 0; top: 0; bottom: 0; width: 0.02rem; height: 100%;}
.corporate-info .content-box{ position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 1.2rem;}
.corporate-info .flex-box{ display: flex; align-items: center;}
.corporate-info .content-left{ flex: 1; position: relative;}
.corporate-info .content-left .g-pic{ border-radius: 50%;}
.corporate-info .content-left::before{ content: ''; position: absolute; pointer-events: none; width: 106%; height: 106%; background: url(../images/sub-lxwm-maru.png) center no-repeat; background-size: 100% 100%; left: -3%; top: -3%;}
.corporate-info .content-left .sub_column{ position: absolute; z-index: 5; width: 100%; height: 60%; display: flex; align-items: center; justify-content: center;}
.corporate-info .content-right{ width: 7.2rem; position: relative;}
.corporate-info .content-right .list .item{ padding-left: 2.1rem; position: relative; margin: 0.3rem 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;  height: 0.6rem; cursor: pointer; line-height: 1.2; transition: 0.8s;}
.corporate-info .content-right .list .item > * { position: relative; z-index: 1;}
.corporate-info .content-right .list .item::before{ content: ''; position: absolute; z-index: 0; height: 1.8rem; width: 100%; left: 0; top: calc(50% - 0.9rem); background: url(../images/text-hover-bg.jpg) center no-repeat; background-size: 19.2rem 9.2rem; border-radius: 0.9rem;/*  background-attachment: fixed; */ opacity: 0; transition: all 0.5s;}
.corporate-info .content-right .list .item.hover{ height: 1.8rem; color: #fff;}
.corporate-info .content-right .list .item.hover::before{ opacity: 1;}
.corporate-info .content-right .list .item.hover .title{ font-size: 0.3rem;}
.corporate-info .content-right .list .item.hover .info{ font-size: 0.18rem;}
.corporate-info .content-right .list .item.hover .number{ opacity: 1;}
.corporate-info .content-right .list .number{ color: #fff; -webkit-mask:url(../images/text-mask.png); mask:url(../images/text-mask.png); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; width: 1.2rem; height: 0.9rem; line-height: 1; font-size: 0.72rem; background: url(../images/text-bg.png) center no-repeat; background-size: 100% 100%; position: absolute; opacity: 0; top: calc(50% - 0.8rem); left: 1rem; text-align: center; padding-right: 0.15rem;}
.corporate-info .content-right .list .title{ font-size: 0.24rem;}
.corporate-info .content-right .list .info{ font-size: 0.16rem; margin-top: 0.1rem;}
.corporate-info .content-right .text-list .item{ position: absolute; top: calc(50% - 3rem); right: -0.8rem; opacity: 0; pointer-events: none;}
.corporate-info .content-right .text-list .item.hover{ opacity: 1;}
.corporate-info .content-right .text-list .item,
.corporate-info .content-right .text-list .item img{ width: 3.5rem; height: 6rem; object-fit: contain;}
@media(min-width:1025px){
.corporate-info{ padding-bottom: 2.3rem;}
.corporate-info .content-left{ margin-left: -4rem; margin-right: 1.3rem;}
.corporate-info .content-right{ margin-bottom: 2.8rem;}
}
@media(max-width:1024px){
.corporate-info{ margin: 0.5rem 0;}
.corporate-info .flex-box{ display: block;}
.corporate-info .content-left{ max-width: 80%; margin: 0 auto 0.4rem auto;}
.corporate-info .content-right{ width: 100%;}
.corporate-info .content-right .text-list .item{ right: 0;}
}
@media(max-width:750px){
.corporate-info .content-right .list .item{ padding-left: 1.2rem;}
.corporate-info .content-right .list .item.hover{ height: 1.2rem;}
.corporate-info .content-right .list .number{ left: 0.3rem; top: 0.1rem; font-size: 0.5rem; width: 0.96rem; height: 0.72rem;}
.corporate-info .content-right .text-list .item{ top: calc(50% - 1.5rem);}
.corporate-info .content-right .text-list .item,
.corporate-info .content-right .text-list .item img{ width: 1.75rem; height: 3rem;}
.corporate-info .content-right .list .item::before{ height: 1.2rem; top: calc(50% - 0.6rem);}
}


/* 项目开发 */
.projects-swiper{ margin-top: 0.3rem; margin-left: -0.3rem; margin-right: -0.3rem; overflow: hidden; padding: 0.3rem;}
.projects-swiper .swiper{ overflow: visible;}
.projects-swiper a{ display: flex; align-items: center; border-radius: 0.2rem; overflow: hidden; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.15); background: #fff; transition: none;}
.projects-swiper .g-pic{ padding-bottom: 66%; background: #365850;}
.projects-swiper .g-pic img{ opacity: 0.3; transition: all 0.4s;}
.projects-swiper .swiper-slide-active .g-pic img{ opacity: 1;}
.projects-swiper .cont{ min-width: 0; padding: 0 0.5rem;}
.projects-swiper .cont .title{ font-size: 0.2rem;}
.projects-swiper .cont .line{ border-bottom: 1px solid #ddd; position: relative; margin: 0.3rem 0;}
.projects-swiper .cont .line::before{ width: 0.9rem; content: ''; position: absolute; left: 0; bottom: -1px; border-top: 0.03rem solid #00b988;}
.projects-swiper .cont .info{ font-weight: 300; line-height: 0.28rem; height: 1.12rem; margin-bottom: 0.7rem;}
.projects-swiper .btnlist{ display: flex; align-items: center; justify-content: space-between; position: absolute; z-index: 2; height: 1px; left: 10.3rem; bottom: 0.6rem; width: 1.6rem;}
.projects-swiper .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff;}
.projects-swiper .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.projects-swiper .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.projects-swiper .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.projects-swiper .btnlist .prev{ transform: rotate(180deg);}
.projects-swiper .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
@media(min-width:1025px){
.projects-swiper .swiper{  width: 12.4rem; margin: 0;}
.projects-swiper a{ width: calc(6.8rem + (var(--width) * 5.6rem));}
.projects-swiper .pic{ width: 6.8rem; flex: none;}
.projects-swiper .cont{ width: 5.6rem; flex: none;}
}
@media(max-width:1024px){
.projects-swiper a{ box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.15);}
.projects-swiper .pic{ width: 3.6rem;}
.projects-swiper .cont{ flex: 1; padding: 0 0.3rem;}
.projects-swiper .cont .info{ -webkit-line-clamp: 3; line-height: 0.25rem; height: 0.75rem; margin-bottom: 0.4rem;}
.projects-swiper .cont .line{ margin: 0.1rem 0;}
.projects-swiper .btnlist{ left: auto; right: 0.3rem; top: calc(100% - 0.4rem);}
}
@media(max-width:750px){
.projects-swiper{ margin-bottom: -0.3rem;}
.projects-swiper a{ display: block;}
.projects-swiper .pic{ width: 100%;}
.projects-swiper .cont{ padding-top: 0.3rem; margin-bottom: 0.8rem;}
.projects-swiper .btnlist{ left: 0; right: 0; margin: 0 auto;}
}



/* 群团建设 */
.building-top{ position: relative;}
.building-top .swiper-slide{ width: 8.3rem;}
.building-top .title{ font-size: 0.2rem; text-align: center; margin-top: 0.2rem;}
.building-top .g-pic{ padding-bottom: 66%; border-radius: 0.2rem; background: #365850;}
.building-top .g-pic img{ transition: all 0.4s;}
.building-top .swiper-slide:not(.swiper-slide-active) .title{ opacity: 0;}
.building-top .swiper-slide:not(.swiper-slide-active) .g-pic img{ opacity: 0.3;}
.building-top .btnlist{ display: flex; align-items: center; justify-content: space-between; position: absolute; z-index: 2; height: 1px; left: -1.2rem; width: calc(100% + 2.4rem); top: calc(50% - 0.3rem);}
.building-top .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff;}
.building-top .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.building-top .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.building-top .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.building-top .btnlist .prev{ transform: rotate(180deg);}
.building-top .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
@media(max-width:1024px){
.building-top .swiper-slide{ width: 80vw;}
.building-top .btnlist{ width: 98%; left: 1%;}
}

/* 品牌荣誉 */
.honors-top{ position: relative;}
.honors-top .swiper{ padding-bottom: 0.44rem; padding-top: 0.4rem; margin-top: -0.4rem;}
.honors-top .swiper-slide{ width: 6rem; transform-origin: center bottom 0 !important;}
.honors-top .title{ font-size: 0.2rem; text-align: center; margin-top: 0.2rem; position: absolute; left: 0; right: 0; top: 100%;}
.honors-top .g-pic{ padding-bottom: 71.5%; background: #fff; box-shadow: 0.05rem 0.03rem 0.16rem 0px rgba(0, 0, 0, 0.13); transition: all 0.5s;}
.honors-top .g-pic img{ transition: all 0.4s; object-fit: contain;}
.honors-top .swiper-slide:not(.swiper-slide-active){ pointer-events: none;}
.honors-top .swiper-slide:not(.swiper-slide-active) .title{ opacity: 0;}
.honors-top .swiper-slide:not(.swiper-slide-active) .g-pic img{ opacity: 0.3;}
.honors-top .btnlist{ display: flex; align-items: center; justify-content: space-between; position: absolute; z-index: 2; height: 1px; left: -1.2rem; width: calc(100% + 2.4rem); top: calc(70% - 0.3rem);}
.honors-top .btnlist > .btn{ cursor: pointer; user-select: none; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 2px solid #00b988; display: flex; align-items: center; justify-content: center; transition: all 0.2s; background: #fff;}
.honors-top .btnlist > .btn::before{ content: ''; display: block; width: 0.12rem; height: 0.12rem; background: url(../images/ico-more-green.svg) center no-repeat; background-size: 100% 100%; transition: all 0.4s;}
.honors-top .btnlist > .btn:hover{ background: linear-gradient(45deg, #00b988, #5ed2b3) center no-repeat; background-size: calc(100% + 4px) calc(100% + 4px); border-color: transparent;}
.honors-top .btnlist > .btn:hover::before{ background-image: url(../images/ico-more.svg);}
.honors-top .btnlist .prev{ transform: rotate(180deg);}
.honors-top .btnlist > .prev:hover{ background-image: linear-gradient(-45deg, #00b988, #5ed2b3);}
@media(min-width:1025px){
.honors-top a:hover .g-pic{ transform: scale(1.1);}
}
@media(max-width:1024px){
.honors-top .swiper-slide{ width: 80vw;}
.honors-top .btnlist{ width: 98%; left: 1%; top: calc(60% - 0.3rem);}
}

/* 品牌荣誉列表 */
.honors-list{ display: flex; flex-wrap: wrap; padding-top: 0.8rem; position: relative;}
.honors-list::before{ content: ''; position: absolute; width: 100vw; top: 0; bottom: 0.9rem; background: url(../images/honors-bg-1.png) center bottom no-repeat; background-size: 100% auto; left: 50%; transform: translateX(-50%);}
.honors-list::after{ content: ''; position: absolute; width: 100vw; top: calc(100% - 0.6rem); height: 100vh; background: url(../images/honors-bg-2.png) center top no-repeat; background-size: 100% auto; left: 50%; transform: translateX(-50%);}
.honors-list .item{ display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 2;}
.honors-list .item .pic{ padding: 0.15rem; border-radius: 0.1rem; border: 1px solid #e9e9e9; position: relative; overflow: hidden;}
.honors-list .item .pic::before{ content: ''; position: absolute; left: 0; right: 0; bottom: -0.05rem; height: 0.2rem; pointer-events: none; background: url(../images/honors-bg-3.png) top center no-repeat; background-size: 100% auto; opacity: 0.5;}
.honors-list .item .pic img{ width: 100%; transition: 0.4s;}
.honors-list .item .title{ line-height: 0.2rem; height: 0.4rem; text-align: center; margin-top: 0.35rem; font-size: 0.16rem; font-weight: 300;}
.honors-list .item:hover .pic img{transform: scale(1.1);}
@media(min-width:1025px){
.honors-list .item{ width: calc((100% - 1.2rem) / 4); margin: 0.4rem 0 0 0.4rem;}
.honors-list .item:nth-child(4n + 1){ margin-left: 0;}
}
@media(max-width:1024px){
.honors-list{ padding-top: 0.4rem;}
.honors-list .item{ width: calc((100% - 0.1rem) / 2); margin: 0.3rem 0 0 0.1rem;}
.honors-list .item:nth-child(2n + 1){ margin-left: 0;}
}

/* 底部悬浮 */
.footer-fixed{ position: fixed; right: 0; top: 50%; transform: translateY(-50%); border-radius: 0.1rem; background: #fff; box-shadow: 0px 0px 0.2rem 0px rgba(166, 166, 166, 0.2); width: 0.6rem; z-index: 600;}
.footer-fixed .item { cursor: pointer; position: relative;}
.footer-fixed .item .code{ position: absolute; right: 100%; top: 50%; transform: translateY(-50%); padding-right: 0.2rem; width: 1.4rem; transition: all 0.4s;}
.footer-fixed .item:not(:hover) .code{ opacity: 0; pointer-events: none; transform: translate( -0.1rem, -50%);}
.footer-fixed .item .code::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0.1rem; width: 0; height: 0; border: 0.05rem solid transparent; border-left-color: #00b988;}
.footer-fixed .item .code img{ display: block; background: #fff; padding: 0.05rem; border: 0.02rem solid #00b988; width: 100%;}
.footer-fixed .item .ico{ background: center no-repeat; height: 0.6rem; transition: all 0.4s; background-size: 0.3rem auto; display: block;}
.footer-fixed .item .tel{ background-image: url(../images/ico-footer-8.svg);}
.footer-fixed .item:hover .tel{ background-image: url(../images/ico-footer-5.svg);}
.footer-fixed .item .wechat{ background-image: url(../images/ico-share-weixin.svg); background-size: 0.34rem auto;}
.footer-fixed .item:hover .wechat{ background-image: url(../images/ico-share-weixin-on.svg);}
.footer-fixed .item .tm{ background-image: url(../images/ico-tm.svg);}
.footer-fixed .item:hover .tm{ background-image: url(../images/ico-tm-on.svg);}
.footer-fixed .item .jd{ background-image: url(../images/ico-jd.svg);}
.footer-fixed .item:hover .jd{ background-image: url(../images/ico-jd-on.svg);}
.footer-fixed .item .gotop{ background-image: url(../images/ico-top.svg);}
.footer-fixed .item:hover .gotop{ background-image: url(../images/ico-top-on.svg);}
@media(max-width:750px){
.footer-fixed{ display: none;}
}


/* 弹窗联系方式 */
.popup-contact-box .content:has(.contact-content){ border-radius: 0.3rem;}
.contact-content{ display: flex; align-items: center; position: relative; padding-left: 50%; width: 9rem; max-width: 60vw;}
.contact-content .left-img{margin: -0.4rem 0 -0.4rem -0.5rem; position: absolute; left: 0; top: 0; width: 50%; height: calc(100% + 0.8rem);}
.contact-content .left-img img{ object-fit: cover; position: absolute; left: 0; top: 0; height: 100%; width:100%; border-radius: 0.3rem 0 0 0.3rem;}
.contact-content .popup-title{ color: #00b988; font-size: 0.4rem;}
.contact-content .popup-title-en{ font-size: 0.24rem; font-weight: 300; margin-bottom: 0.4rem;}
.contact-content .list{ margin-left: 0.4rem;}
.contact-content .list .item{ display: flex; align-items: center;  font-size: 0.2rem; color: #333;}
.contact-content .list .item + .item{ margin-top: 0.2rem;}
.contact-content .list .item a{ color: #333;}
.contact-content .list .ico{ display: flex; align-items: center; font-size: 0.18rem; color: #f9f9f9;}
.contact-content .list .ico::before{ content: ''; display: block; width: 0.24rem; height: 0.24rem; background-size: 100% 100%; margin-right: 0.1rem;}
.contact-content .list .ico.ico1::before{ background-image: url(../images/ico-footer-5.svg);}
.contact-content .list .ico.ico2::before{ background-image: url(../images/ico-footer-7.svg);}
.contact-content .list .ico.ico3::before{ background-image: url(../images/ico-footer-6.svg);}
@media(min-width:1025px){
.contact-content{ height: 5rem; max-height: 70vh;}
}
@media(max-width:1024px){
.contact-content .popup-title{ font-size: 0.24rem;}
.contact-content .popup-title-en{ font-size: 0.18rem;}
.contact-content .list{ margin-left: 0;}
}
@media(max-width:750px){
.contact-content .left-img{ margin: -0.3rem 0 -0.3rem -0.3rem; height: calc(100% + 0.6rem);}
}

/* 搜索页搜索框 */
.search_input{ width: 8.8rem; max-width: 80%; margin: 0 auto 0.3rem auto; position: relative; z-index: 1; background: #fff; box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.05); height: 0.6rem; border-radius: 0.6rem; display: flex; align-items: center;}
.search_input input{ flex: 1; padding: 0 0.4rem; font-size: 0.16rem; line-height: 0.6rem;}
.search_input .icon{ cursor: pointer; background: url(../images/ico-search-on.svg) center no-repeat; background-size: 0.18rem auto; width: 0.9rem; height: 0.6rem; border-radius: 0.6rem;}


.right-index{ position: fixed; right: 0.6rem; bottom: 0.2rem; z-index: 10;}
.right-index .li{ position: relative; cursor: pointer; min-width: 0.3rem; height: 0.3rem;}
.right-index .li::before{ content: ''; right: 0; position: absolute; width: 0.1rem; height: 0.1rem; border-radius: 50%; border: 1px solid #00b988;}
.right-index .li .title{ position: absolute; right: 0; top: 0.2rem; white-space: nowrap; color: #00b988; line-height: 0.2rem; overflow: hidden; height: 0; transition: all 0.3s;}
.right-index .li.active::before{ background: #00b988;}
.right-index .li.active .title{ height: 0.2rem; text-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.3); transition: all 0s;}
.right-index .li.active{ margin-bottom: 0.25rem;}
@media(max-width: 750px){
.right-index{ right: 0.2rem; display: none !important;}
}

/* 全局按钮 */
.ym-more{ height: 0.7rem; min-width: 2.3rem; text-align: center; padding: 0 0.3rem; border-radius: 1rem; box-shadow: 0px 0px 0.2rem 0px rgba(179, 209, 202, 0.5); font-size: 0.2rem; color: #00b988; margin: 0.2rem; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; cursor: pointer; transition: none !important;-webkit-transform:rotate(0deg)}
.ym-more::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/wenli.jpg) center; transition: all 0.5s; opacity: 0;}
.ym-more .ym-more-line{ height: 0.4rem; overflow: hidden; position: relative; line-height: 0.4rem; position: relative;}
.ym-more .ym-more-line > *{ transition: transform 0.5s;}
.ym-more .ym-more-line > .ym-more-text-2{ color: #fff;}
.swiper-slide-thumb-active .ym-more::before,
.ym-more:hover::before,
.ym-more.active::before{ opacity: 1;}
.swiper-slide-thumb-active .ym-more-line > *,
.ym-more:hover .ym-more-line > *,
.ym-more.active .ym-more-line > *{ transform: translateY(-0.4rem);}

.news-time-box{ display: flex; align-items: center;}
.news-time-box .flex1{ flex: 1; min-width: 0;}
.news-time-box .time{ font-size: 0.16rem; color: #666; margin-left: 0.2rem;}

.xiezuo-list{ margin-top: 0.7rem;}
@media(max-width: 750px){
.xiezuo-list{ margin-top: 0.4rem;}
}