/****/ @font-face{font-family:"Helbdd";src:url("font/HelveticaNeueLTPro-Bd.otf") format("truetype");font-family:"Helm";src:url("font/HelveticaNeueLTPro-Md.otf") format("truetype");font-family:"Hel";src:url("font/HelveticaNeueLTPro-Th.otf") format("truetype");font-weight:normal;font-style:normal;} *{margin:0;padding:0;-webkit-appearance:none;box-sizing:border-box;font-style:normal;word-break:break-word;transition:background .4s,opacity .4s,border-color .4s;-webkit-transition:background .4s,opacity .4s,border-color .2s;} body,html{color:#333;background:#fff;font:14px/2 Helm,PingFang SC,"Helvetica Neue","Microsoft Yahei","Hiragino Sans GB",sans-serif;overflow-x:hidden;} .en{font-family:Helm,PingFang SC,"Helvetica Neue","MetaPro","Trebuchet MS",Arial,sans-serif;} ul,li{list-style-type:none;} table{border-color:#e5e5e5;width:100%;border-collapse:collapse;} td,th{border-color:#e5e5e5;padding:10px;} table.hide_line,table.hide_line td{border:none!important;} input,button,select,textarea{outline:none;resize:none;font:14px/2 Helm,PingFang SC,"Helvetica Neue","Microsoft Yahei","Hiragino Sans GB",sans-serif;background:none;color:#333;text-indent:6px;margin:0;padding:0;border:1px solid #ccc;} input:focus,textarea:focus{border-color:#2b2b2b} img{border:0;vertical-align:middle;max-width:100%;} a{color:#333;text-decoration:none;} a:hover{color:#1a1a1a} input[type="button"],input[type="submit"]{-webkit-appearance:none;} small{color:#999;font-style:normal;} hr{height:1px;border:none;background-color:#efefef;} .hide,.gg_widget .gg_t,.gg_widget .gg_desc{display:none;} .fl{float:left;} .fr{float:right;} .bg{background:#fff;} /* 2026-09-25 全站内容区统一白底（原 #fafafa 灰蒙蒙）；灰色只留给 banner/首屏展示带 */ .mt_15{margin-top:15px!important;} .mt_20{margin-top:20px!important;} .mt_40{margin-top:40px!important;} .pt_60{padding-top:60px!important;} .pt_90{padding-top:90px!important;} .pb_100{padding-bottom:100px;} .w{max-width:1560px;margin:0 auto;} .container{padding-top:80px;} .clear{clear:both;} .clearfix{*zoom:1;} .clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} .clearfix:after{clear:both;} .img_list_box{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;} .scale_img img{transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out;} .scale_img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);} .F{padding-left:60px;padding-right: 60px;} table.auto{width:auto!important;} /*top-header*/ .head_box{position:fixed;left:0;right:0;top:0;z-index:20;} .header{width:100%;height:80px;padding:0 60px;background:#fff;border-bottom:1px #f6f6f6 solid;display:flex;position:relative;z-index:10;} .header .logo{padding:25px 0;} .header .logo img{height:30px;} .lang{font-size:14px;} .lang .lang_ico{display:block;line-height:40px;background:url(../images/lang.png) no-repeat left center;background-size:22px;margin-top:20px;padding:0 20px 0 30px;position:relative;} .lang .ico{position:absolute;right:0;top:13px;width:13px;height:13px;display:block;background:url(../images/lang_arr.png) no-repeat center center;-webkit-transition:-webkit-transform .2s ease-in 0s;-moz-transition:-moz-transform .2s ease-in 0s;} .lang:hover .ico{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);} .lang a.cn{background:url(../images/cn.png) no-repeat 6px center;border-bottom:1px #e5e5e5 solid;background-size:20px;} .lang a.en{background:url(../images/en.png) no-repeat 6px center;background-size:20px;} .header .lang{position:relative;} .header .lang:hover .lang_list{display:block;width:90px;background:#fff;position:absolute;right:0;top:79px;z-index:11;} .header .lang:hover .lang_list a{display:block;line-height:40px;padding-left:34px;} /*nav*/ .menu{flex:1;box-sizing:border-box;padding:0 88px 0 20px;height:80px;} .nav{width:100%;text-align:center;} .nav .sub_box{display:none;background:#fff;position:absolute;left:-20px;top:79px;right:-20px;z-index:1;box-shadow:0 1px 2px #eee;} .nav .sub_flex{display:block;font-size:14px;} .nav_ul_big{display:inline-block;margin:0 auto;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;} .nav_ul_big > li{float:left;position:relative;} .nav_ul_big > li > a{font-size:16px;padding:0 25px;text-align:center;display:block;height:80px;line-height:80px;position:relative;z-index:1001;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .nav_ul_big > li:hover > a::after,.nav_ul_big li.curr .menu_1::after{content:"";height:3px;background-color:#fff100;position:absolute;left:15px;right:15px;top:0;} .nav_ul_big > li > a:hover,.nav_ul_big > li:hover > a{color:#1a1a1a;} .en .nav_ul{text-align: left;} .en #nav_ul_small{padding: 5px 10px;} #nav_ul_small{padding:5px;position:relative;} #nav_ul_small > li{} #nav_ul_small li .menu_2,#nav_ul_small li .menu_3{padding:7px 0;display:block;line-height:20px;position:relative;} #nav_ul_small li .menu_2 em{display:block;width:40px;height:40px;background:url(../images/mw.png) no-repeat center center;background-size:22px;position:absolute;top:0;right:-20px;} #nav_ul_small li a:hover,#nav_ul_small li:hover .menu_2{color:#1a1a1a;} #nav_ul_small li:hover #nav_ul_small2{display:block;} #nav_ul_small2{display:none;width:100%;position:absolute;top:0;left:100%;height:100%;background-color:#fff;padding:20px;} /*搜索*/ .search_box{position:relative;} .search_ico{width:40px;height:40px;margin:20px;background:url(../images/search.png) no-repeat center center;background-size:22px;} .searchformzone{width:260px;height:80px;position:absolute;right:0;top:0;background-color:#fff;z-index:9999;} .searchformzone .searchform{padding:20px 0;float:left;} .searchformzone .input{border:none;width:180px;height:40px;line-height:40px;border:1px #555 solid;box-sizing:border-box;border-radius:0;} .searchformzone .search_submit{width:80px;float:left;padding-top:20px;} .searchformzone .search_submit a{display:block;float:left;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;} .searchformzone .search_btn{text-indent:-9999px;overflow:hidden;background:#555 url(../images/search2.png) no-repeat center center;background-size:22px} .searchformzone .search_close{width:40px;height:40px;background:url(../images/close.png) no-repeat center center;background-size:20px;} .searchformzone input::-webkit-input-placeholder{color:#ccc;} .searchformzone input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#ccc;} .searchformzone input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#ccc;} .searchformzone input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#ccc;} /*banner*/ .banner_box{background:#262626;height:90vh;overflow:hidden;} .banner{width:100%;position:relative;z-index:1;overflow:hidden;} .banner .slides{position:relative;z-index:1;} .banner .slides li{display:block;height:90vh;} .banner .slides .gg_widget .gg_desc{display:block;} .banner .slides .gg_widget .gg_desc strong{font-family:Hel;} .banner .slides .bn_img{pointer-events:none;height:100vh;background:url(../images/bnbg.jpg) no-repeat center center;background-size:cover;opacity:.3;} .banner .slides li a{display:block;width:100%;height:100%;text-align:center;} .banner .slides .bn_img *{width:100%;height:100vh;object-fit:cover;} .banner .desc{padding:0 10%;color:#fff!important;top:50%;width:100%;text-align:left;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);position:absolute;z-index:1;} .banner .desc *{display:block;color:#fff!important;font-family:Helbd;} .en .banner .desc *{line-height:1.3;} .banner .slides li a.ab_bf{display:block;width:150px;line-height:50px;text-align:center;color:#fff;border:1px #fff solid;margin-top:40px;} .banner .slides li a.ab_bf:hover{background-color:#000;border-color:#000;} .banner .bn_m{position:absolute;width:23px;height:33px;background:url(../images/bn_s.png) no-repeat center center;z-index:99;left:50%;margin-left:-12px;bottom:60px;} .banner .bn_m::before{content:"";position:absolute;top:0;left:0px;width:100%;height:20px;padding-top:45px;background:url(../images/bn_d.png) no-repeat center bottom;animation:up-down 2s ease-in-out infinite;} @keyframes up-down{0%{top:-5px;} 50%{top:5px;} 100%{top:-5px;} } .flex-control-nav{display:none;position:absolute;bottom:30px;z-index:2;width:100%;text-align:center;} .flex-control-nav .flex-active{background:#fff100;position:relative;} .flex-direction-nav{width:100%;margin:0 auto;} .flex-direction-nav li a{display:block;width:60px;height:50px;overflow:hidden;cursor:pointer;position:absolute;top:50%;z-index:2;} .flex-direction-nav li a.flex-prev{left:6%;background:url(../images/bn_l.png) center center no-repeat;} .flex-direction-nav li a.flex-prev:hover{background:url(../images/bn_lh.png?v=y1) center center no-repeat;} .flex-direction-nav li a.flex-next{right:6%;background:url(../images/bn_r.png) center center no-repeat;} .flex-direction-nav li a.flex-next:hover{background:url(../images/bn_rh.png?v=y1) center center no-repeat;} .flex-control-nav li{height:12px;margin:0 5px;display:inline-block;} .flex-control-nav li a{display:inline-block;width:16px;height:16px;background:#fff;text-indent:-9999px;cursor:pointer;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} .t{font-size:23px;color:#222;position:relative;padding:90px 0 50px;} .t i{font-size:58px;color:#f8f8f8;font-weight:bold;text-transform:uppercase;font-family:"Microsoft Yahei";position:absolute;left:0;top:40px;z-index:-1;} .t::after{content:"";width:32px;height:2px;background:#fff100;position:absolute;left:0;bottom:40px;} /* 关于 */ .index_about{background:url(../images/ab_bg1.png) no-repeat left bottom,url(../images/ab_bg2.png) no-repeat right bottom;} .index_about .info{position:relative;padding-bottom:120px;} .index_about .gg_desc{display:block;} .index_about .text{float:left;width:48%;padding-right:170px;} .en .index_about .text{padding-right:200px;} .index_about .text li{background:url(../images/ab_dot.png?v=y1) no-repeat left center;padding-left:18px;} .index_about .gg_img{float:right;width:52%;display:block;overflow:hidden;margin-top:-60px;position:absolute;right:0;bottom:100px;top:0;} .en .index_about .gg_img{width:51%;} .index_about .gg_img img{width:100%;height:100%;object-fit:cover;} .index_about .ys{position:absolute;top:-20px;right:52%;width:170px;text-align:center;} .en .index_about .ys{width:200px;} .index_about .ys span{display:block;padding-bottom:60px;} .index_about .more{font-size:12px;display:block;text-align:center;line-height:88px;height:88px;width:20%;border:1px #d2d2d2 solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;position:absolute;right:52%;margin-right:170px;bottom:100px;} .index_about .more:hover{border-color:#fff100;background-image:-moz-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);background-image:-ms-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);color:#1a1a1a;} .en .index_about .more{clear:both;position:inherit;right:inherit;bottom:-20px;} /* 解决方案 */ .index_sol{background:#262626;color:#fff;} .index_sol .t{color:#fff;} .index_sol .t i{color:rgba(255,255,255,.06)} .index_sol .t::after{background-color:#fff;} .index_sol .info{padding-bottom:50px;} .index_sol .ms{width:40%;padding-bottom:60px;} .index_sol .tabs{width:55%;position:relative;z-index:1;} .index_sol .tabs li{float:left;padding-right:30px;padding-bottom:30px;width:30%;} .index_sol .tabs li a{display:block;height:120px;padding:40px 20px 20px;font-weight:bold;border:1px rgba(255,255,255,.2) solid;position:relative;;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;color:#fff;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .index_sol .tabs li.thistab a{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);background-image:-moz-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);background-image:-ms-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);} .index_sol .tabs li a img{max-width:30px;position:absolute;right:10px;top:10px;} .index_sol .tabs li.m a{border:none;text-align:center;font-size:20px;} .index_sol .tab_conbox{position:absolute;right:0;top:0;bottom:0;width:55%;overflow:hidden;opacity:.5;} .index_sol .tab_conbox::before{content:"";width:550px;height:100%;position:absolute;left:0;top:0;bottom:0;background:url(../images/so_line.png?v=y2) repeat-y left top;z-index:2;} .index_sol .tab_conbox li{height:100%;} .index_sol .tab_conbox img{height:100%;float:right;width:100%;object-fit:cover;} /* 优势 */ .index_ys .info{padding-bottom:100px;} .index_ys .ms{width:22%;} .index_ys ul{width:75%;display:flex;flex-wrap:wrap;border-left:1px #e9e9e9 solid;border-top:1px #e9e9e9 solid;} .index_ys ul > li{width:33.3333%;float:left;border-right:1px #e9e9e9 solid;border-bottom:1px #e9e9e9 solid;padding:40px;cursor:pointer;background-color:#f8f8f8;} .index_ys .li span{display:block;width:26px;height:26px;background-position:center center;background-repeat:no-repeat;} .index_ys li:hover{background-color:#fff100;color:#1a1a1a;} .index_ys li h4{padding-top:10px;padding-bottom:6px;border-bottom:1px #dadada solid;display:inline-block;} .index_ys li p{line-height:20px;padding-top:10px;font-size:12px;color:#666;overflow:hidden;} .index_ys li p em{display:block;width:50%;float:left;} .index_ys li:hover p{color:#fff;} .index_ys .w1{background-image:url(../images/w1.png?v=y1);} .index_ys li:hover .w1{background-image:url(../images/w1h.png);} .index_ys .w2{background-image:url(../images/w2.png?v=y1);} .index_ys li:hover .w2{background-image:url(../images/w2h.png);} .index_ys .w3{background-image:url(../images/w3.png?v=y1);} .index_ys li:hover .w3{background-image:url(../images/w3h.png);} .index_ys .w4{background-image:url(../images/w4.png?v=y1);} .index_ys li:hover .w4{background-image:url(../images/w4h.png);} .index_ys .w5{background-image:url(../images/w5.png?v=y1);} .index_ys li:hover .w5{background-image:url(../images/w5h.png);} .index_ys .w6{background-image:url(../images/w6.png?v=y1);} .index_ys li:hover .w6{background-image:url(../images/w6h.png);} /* 视频 */ .index_vdo{height:720px;background:url(../images/index_v.jpg) no-repeat center center;background-size:cover;text-align:center;color:#fff;padding-top:310px;} .index_vdo span{font-size:18px;display:block;} .index_vdo b{font-size:36px;display:block;} .index_vdo .ab_bf{display:block;width:180px;line-height:46px;color:#fff;border:1px #fff solid;background:url(../images/v_btn.png) no-repeat 140px center;background-size:20px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;margin:100px auto 0;text-align:left;text-indent:30px;} .index_vdo .ab_bf:hover{border-color:#fff100;background-color:#fff100;} .ab_v{background:rgba(0,0,0,0.8);position:fixed;z-index:999999;left:0;right:0;top:0;bottom:0;} .ab_v .v_desc{display:block;position:fixed;left:50%;margin-left:-540px;top:50%;top:50%;margin-top:-340px;border:15px #000 solid;background-color:#000;} .ab_v .v_desc video{width:1080px;} .ab_v .close_v{width:104px;height:101px;background:url(../images/bn_close.png) no-repeat left top;position:absolute;right:0;top:0;} /* 新闻 */ .index_news{padding-bottom:100px;} .index_news li{width:25%;margin-bottom:50px;float:left;} .index_news li:last-child{margin-right:0;} .index_news li a{display:block;padding:15px 15px 70px;background:url(../images/news_d.png) no-repeat 15px 430px;} .index_news .time{color:#666;font-weight:bold;font-size:12px;} .index_news .news_t{height: 48px;padding-bottom:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .index_news .image{display:block;overflow:hidden;height:230px;} .index_news .image img{width:100%;height:100%;object-fit:cover;} .index_news .desc{font-size:12px;color:#666;line-height:22px;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;height:66px;overflow:hidden;margin-top:20px;} .index_news li a:hover{background:#fff100 url(../images/news_dh.png) no-repeat 15px 430px;} .index_news li a:hover *{color:#fff;} .index_news .more{font-size:12px;display:block;text-align:center;line-height:46px;height:46px;width:180px;border:1px #d2d2d2 solid;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;margin:0 auto;} .index_news .more:hover{border-color:#fff100;background-image:-moz-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);background-image:-webkit-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);background-image:-ms-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);color:#1a1a1a;} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} /* display none until init */ .owl-carousel{display:none;padding:0;position:relative;width:100%;-ms-touch-action:pan-y;} .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px);} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;} .owl-carousel .owl-item{float:left;} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;} .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} /* fix */ .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);} .owl-theme .owl-controls .owl-buttons div{position:absolute;top:45%;width:38px;height:38px;margin:0;padding:0;overflow:hidden;z-index:2;} .owl-theme .owl-controls .owl-buttons .owl-prev{left:-20px;background:url(../images/m1.png) no-repeat center center;background-size:34px;} .owl-theme .owl-controls .owl-buttons .owl-next{right:-20px;background:url(../images/m2.png) no-repeat center center;background-size:34px;} /*footer*/ .footer{margin:0 auto;clear:both;width:100%;color:#aeaeae;background:#000;font-size:14px;} .foot{padding-top:60px;padding-bottom:60px;display:flex;} .foot ul{display:flex;width:100%;} .foot li{flex:1;} .foot li a{display:block;color:#888;} .foot li a:hover{color:#fff;} .footer h4{font-size:14px;color:#fff;padding-bottom:20px;} .footer .ft_nav li a{color:#aeaeae;display:block;margin-right:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .footer .ft_nav li a:hover{color:#fff;} .footer .ft_tel{width:400px;min-height:260px;flex:initial;padding-left:80px;} .footer .ft_tel h3{font-size:30px;color:#fff;background:url(../images/f_tel.png?v=y1) no-repeat left center;background-size:24px;padding-left:30px;} .footer .ft_tel p{padding-left:24px;background-position:left 8px;background-repeat:no-repeat;line-height:30px;} .footer .ft_tel .add{background-image:url(../images/fadd.png);} .footer .ft_tel .fax{background-image:url(../images/ffax.png);} .footer .ft_tel .email{background-image:url(../images/femail.png);} .footer .ft_tel .share a{background:none !important;} .footer .ft_tel .share a .at-icon{fill:#8a8a8a!important;} .footer .ft_code{width:130px;min-height:260px;background:url(../images/code_bg.png) no-repeat left 70px;flex:initial;} .footer .ft_code img{width:100px;height:100px;margin:35px 0 0 14px;} .footer .copyright{line-height:75px;color:#888;border-top:1px #333 solid;text-align:center;} .footer .copyright a{color:#888;} .footer .copyright a:hover{color:#fff;} .links a{display:inline-block;padding:0 10px 10px 0;color:#888;} .links a:hover{color:#fff;} /*page_banner*/ .page_banner{position:relative;background-color:#000;overflow:hidden;} .page_banner .gg_li{position:relative;height:280px;} .page_banner .gg_img{display:block;overflow:hidden;opacity:.7;height:280px;} .page_banner img{width:100%;height:100%;object-fit:cover;} .page_banner .text{text-align:center;max-width:1440px;margin:0 auto;padding:40px 60px 30px;box-sizing:initial;color:#fff;position:relative;z-index:1;margin-top:-196px;} .page_banner .text .gg_t{display:block;font-size:32px;margin-bottom:12px;line-height:100%;font-family:Helbd;} .page_banner .text .gg_desc{display:none;font-size:18px;} /*page图片点击放大*/ .cover{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;bottom:0;right:0;z-index:999} .cover .bigimg{border:5px #fff solid;background:#fff;position:absolute;top:100px;border-radius:5px;overflow:hidden;left:50%;} .page_t{display:block;font-size:28px;margin-bottom:50px;font-family:Helbd;text-align:center;position:relative;padding-bottom:10px;} .page_t::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:60px;height:2px;background:#fff100;} /*======================================================================================*/ .page_tips{font-size:18px;margin-bottom:50px;background:#c6d9f1;padding:20px 30px;text-indent: 2em;width: 65%;border: 1px #333 solid;} /* 关于内页 */ .page_about_r{background:url(../images/ab_bg2.png) no-repeat right top,url(../images/ab_bg3.png) no-repeat center bottom;margin-bottom:0;padding-bottom:200px;} .page_about .pga_info{box-sizing:border-box;margin:0 auto;} .page_about .pab_box .list{padding-top:60px;} .page_about .pab_box .list .item{padding:0 15px;} .page_about .pab_box .list .item p{padding-top:10px;} .page_about .scroll_wrap{height: 390px;} .page_about .scroll_wrap .br{padding-right: 15px;} .page_about .scroll_wrap .scroll_bar{display:block;} .page_about .pab_v{width:47%;height: 400px;} .page_about .pab_v img{width:100%;height: 100%;object-fit: cover;} .page_about .pab_text{width:50%;} .page_about .page_business li{width:20%;float:left;height:590px;overflow:hidden;background-color:#000;-webkit-transition:transform 0.6s;-moz-transition:transform 0.6s;-o-transition:transform 0.6s;transition:transform 0.6s;position: relative;} .page_about .page_business li:hover{background-color:#fff100;-webkit-transform:translate3d(0,-40px,0);-moz-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0);} .page_about .page_business .ibg{width:100%;height:100%;object-fit:cover;opacity:.4;} .page_about .page_business .text span{display:block;width:36px;height:36px;margin:0 auto;} .page_about .page_business .text{position:absolute;z-index:1;width:100%;left:0;text-align:center;top:50%;margin-top:-60px;} .page_about .page_business .text h4{display:block;color:#fff;font-size:24px;padding-top:15px;position:relative;} .page_about .page_business .text h4::after{content:"";width:24px;height:3px;background-color:#fff;position:absolute;left:50%;margin-left:-12px;bottom:-18px;} .page_about .page_cul .gg_li{width:25%;float:left;padding:0 1%;position:relative;cursor: pointer;} .page_about .page_cul .gg_li:hover .gg_img img{opacity: .3;} .page_about .page_cul .gg_li .gg_img{display:block;overflow:hidden;background-color:#262626;} .page_about .page_cul .gg_li .gg_img img{width:100%;opacity: .8;} .page_about .page_cul .gg_li .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;width:100%;} .page_about .page_cul .gg_li .text .gg_desc{display:block;text-align:center;padding:0 10%;} .page_about .page_honor{width:100%;max-width:1600px;min-width:1200px;background:url(../images/page5.png) no-repeat center bottom;margin:0 auto 70px;padding:50px 80px 35px;box-sizing:border-box;} .page_about .owl-carousel .owl-wrapper-outer{width:auto;} .page_about .page_honor p,.page_about .page_honor h4{display:none;} .page_about .page_honor .item a{padding:0 20px 30px;position:relative;display:block;} .page_about .page_honor .item span{display:block;box-shadow:0px 12px 14px -4px rgba(0,0,0,.5);} .page_about .page_honor .item span img{width:100%;} .page_about .page_envi .item a{padding:0 20px 0;position:relative;display:block;} .page_about .page_envi .item a span{display:block;border:1px #eee solid;text-align: center;height: 224px;} .page_about .page_envi .item a img{max-width:100%;max-height: 100%;} .page_about .page_envi .item h4{text-align:center;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:50px;font-size:16px;} .page_about .page_envi .item p{display:none;} .page_about .part_list{padding-bottom:60px;} .page_about .part_list .item{width:calc(20% - 20px);float:left;margin-right:25px;margin-bottom:28px;} .page_about .part_list .item:nth-child(5n){margin-right:0;} .page_about .part_list .item a{padding:0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .page_about .part_list .item a:hover{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);} /* 产品制造 */ .page_pdts .pga_info .ws,.page_pdts .pga_info .info,.page_pdts .pi_l{width:47%;} .en .page_pdts .pga_info .info{line-height:25px;} .page_pdts .pp_list{padding-bottom:110px;} .page_pdts .pp_t{font-size:50px;text-align:center;line-height:50px;font-weight:bold;} .page_pdts .page_t{font-size:24px;font-weight:bold;padding-top:70px;margin-bottom:30px;} .page_pdts a{display:block;position:relative;font-size:24px;} .page_pdts span{display:block;} .page_pdts img{width:100%;} .page_pdts a p{display:none;padding-top:10px;font-size:16px;} /* 品质/job */ .quality_list .t{padding-top:50px;} .quality_list .t::before{top:200px;} .quality_list .t h4{padding-bottom:60px;font-size:50px;line-height:60px;} .quality_list .qua_t{font-size:24px;font-weight:bold;padding-top:70px;margin-bottom:30px;} .quality_list .list2 .item{width:calc(25% - 21px);float:left;margin-right:28px;margin-bottom:40px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .quality_list .list2 .item:nth-child(4n){margin-right:0;} .quality_list .list2 span{display:block;border:1px #eee solid;} .quality_list.jobs_list .t::before{top:140px;} .jobs_list ul{display:flex;flex-wrap:wrap;} .jobs_list li{width:calc(50% - 25px);float:left;margin-right:50px;margin-bottom:50px;background-color:#fff;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .jobs_list li a{display:block;padding:20px 30px;border:1px #ececec solid;} /* 白底后卡片补边框 */ .jobs_list li .image,.jobs_list li .time{display:none;} .jobs_list li:nth-child(even){margin-right:0;} .jobs_list li .news_t{font-size:18px;background:url(../images/job_icon.png?v=y1) no-repeat left center;background-size:28px;padding-left:32px;} .en .jobs_list li .news_t{background-image:url(../images/job_icon2.png?v=y1);} .jobs_list li .desc{padding-top:10px;color:#666;height:82px;line-height:24px;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;} .jobs_list li em{display:block;width:140px;line-height:40px;background-color:#000;color:#fff;text-align:center;margin-top:20px;} .jobs_list li:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);box-shadow:0 0px 20px #e6e6e6;} .jobs_list a:hover em{background-color:#fff100;} .jobs_list .tab_list{padding:90px 0 40px;flex-wrap:wrap;} .jobs_list .tab_list table{width:46%;float:left;position:relative;margin-bottom:50px;} .jobs_list .tab_list table:nth-child(odd){clear:both;} .jobs_list .tab_list table:nth-child(even){float:right;} .jobs_list .tab_list table::before{content:"";height:1px;background-color:#555;position:absolute;top:0;left:0;animation:change 2s ease-in;-webkit-animation:change 2s ease-in;-moz-animation:change 2s ease-in;-ms-animation:change 2s ease-in;width:100%;} /*左侧*/ .left_box{border-bottom:1px #eee solid;margin:0 auto;} .left_box h2{display:none;width:200px;font-size:16px;font-weight:normal;text-indent:10px;line-height:60px;position:relative;float:left;} .left_box img{width:100%;} .left_box .gg_widget{border:1px #e5e5e5 solid;border-top:none;} .side_menu > ul{height:70px;display:flex;text-align:center;} .side_menu > ul > li{position:relative;flex:1;} .side_menu em{display:none;position:absolute;width:12px;height:60px;cursor:pointer;right:0;top:0;z-index:1} .side_menu em.inactive{background:url(../images/arr_d.png) no-repeat center center;} .side_menu em.active{background:url(../images/arr_u.png) no-repeat center center;} .side_menu a{display:block;line-height:70px;} .side_menu a:hover,.side_menu a.category_active{color:#1a1a1a;background-image:-webkit-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);background-image:-ms-linear-gradient( 0deg,rgb(255,241,0) 0%,rgb(255,241,0) 100%);} .side_menu ul ul{display:none;position:absolute;top:60px;left:-10px;right:-10px;z-index:10;} .side_menu ul ul li{display:none;} .side_menu li li a{display:block;text-decoration:none;background:#f9f9f9;color:#666;border-top:none;padding:15px 10px;text-align:center;line-height:20px;} .side_menu li:hover ul,.side_menu li:hover ul li{display:block;} .side_menu li li a:hover{border-color:#eee;color:#1a1a1a;margin:0;} /*右侧*/ .pdt_side .right_box{flex:1;float:right;padding-left:40px;} .right_box{max-width:1560px;padding:0 0 100px;margin:20px auto 0;} /*留言*/ .fb_con{width:550px;} .fb_main{width:620px;padding-top:25px;} /*面包屑样式*/ .path_title{display:none;height:60px;border-bottom:1px solid #ededed;line-height:60px;margin-bottom:20px;} .path_title .span_left{float:left;font-size:22px;} .path_title .span_right{float:right;color:#999} .path_title .span_right a{color:#999;} /*产品列表*/ .pdt_attr_list{margin-bottom:30px;} .pdt_attr_list li{position:relative;padding:10px 0 5px 90px;line-height:32px;border-bottom:1px #e8e8e8 dashed;} .pdt_attr_list li span{position:absolute;left:0;top:10px;display:block;width:80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .pdt_attr_list a{display:block;float:left;background-color:#f0f0f0;color:#555;margin:0 10px 5px 0;padding:0 10px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} .pdt_attr_list a:hover{color:#1a1a1a;} .pdt_attr_list a.cu{background-color:#fff100;color:#1a1a1a;} .pdt_attr_list.attr_bg{padding:10px 20px 20px;} .pdt_attr_list .attr_btn{width:220px;padding-top:15px;margin:0 auto;} .pdt_attr_list .attr_btn input{width:100px;text-indent:0;text-align:center;padding:3px 0;float:left;color:#fff;border:none;margin:0 5px;cursor:pointer;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} .pdt_attr_list .attr_btn .submit{background-color:#fff100;} .pdt_attr_list .attr_btn .reset{background-color:#c1c1c1;} .product_list{display:flex;padding-top:50px;} .product_list_ul{margin:0 0 20px;display:flex;flex-wrap:wrap;} .product_list_ul li{float:left;width:calc(25% - 22.5px);margin-right:30px;margin-bottom:30px;overflow:hidden;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .product_list_ul li:nth-child(4n){margin-right:0;} .product_list_ul li:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);box-shadow:0 0px 20px #e6e6e6;} .product_list_ul a{display:block;background-color:#fff;padding-bottom:20px;border:2px #fff solid;} .product_list_ul li:hover a{border-color:#fff100;} .product_list_ul span{display:block;} .product_list_ul li img{width:100%;align-self:center;} .product_list_ul a h4{font-size:20px;display:block;line-height:24px;overflow:hidden;padding:15px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .product_list_ul a p{color:#666;overflow:hidden;height:48px;line-height:24px;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;padding:0 20px 0;} /* 2026-09-25 产品列表黄色卡片（List/c_product.html、e_product.html）；比例按宣传册量取：黄块高=卡宽18.6%，产品图宽60%并向上探出 */ .product_list .right_pdt{width:100%;} .bc_list{display:flex;flex-wrap:wrap;justify-content:space-between;} .bc_list li{width:calc(50% - 30px);margin-bottom:40px;} .bc_list a{display:block;padding-top:16%;} /* 黄块上方预留给探出的产品图 */ .bc_top{position:relative;padding-top:18.6%;background:#fff100;border-radius:24px 24px 0 0;} /* 2026-09-26 产品图固定“画框”：宽 60%、高 175%(相对黄块)，图按比例缩进框内并贴左下角。 扁长图(约2.2:1)效果不变；偏方的图(如 BC100 1.57:1)自动缩小，不会再顶到上一行 */ .bc_img{position:absolute;left:7%;bottom:10%;width:60%;height:175%;object-fit:contain;object-position:left bottom;z-index:2;transition:transform .4s;} .bc_list a:hover .bc_img{transform:translateY(-8px);} .bc_model{position:absolute;right:4.7%;top:50%;transform:translateY(-50%);z-index:1;color:#1a1a1a;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-stretch:condensed;font-weight:bold;font-size:clamp(40px,4.6vw,96px);line-height:1;text-transform:uppercase;white-space:nowrap;} .bc_model_long{font-size:clamp(16px,1.6vw,32px);line-height:1.25;white-space:normal;max-width:48%;text-align:right;} .bc_bar{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:4px;padding:0 4.7%;height:clamp(38px,2.6vw,50px);background:#cacaca;line-height:1.4;color:#333;transition:background .4s;} .bc_bar em{font-size:13px;color:#444;} .bc_bar span{font-size:17px;letter-spacing:1px;} .bc_list a:hover .bc_bar{background:#2b2b2b;} .bc_list a:hover .bc_bar em{color:#bbb;} .bc_list a:hover .bc_bar span{color:#fff100;} /*相册*/ .photo_list_ul{display:flex;flex-wrap:wrap;font-size: 15px;} .photo_list_ul li{width:calc(33.33% - 20px);float:left;margin-right:30px;margin-bottom:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .photo_list_ul li:nth-child(3n){margin-right:0;} .photo_list_ul li:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);} .photo_list_ul li img{width:100%;} .photo_list_ul a p{line-height:45px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 8px;} .photo_list_ul a span{font-size:14px;display:block;color:#333;} .photo_list_ul a:hover span{color:#1a1a1a;} .photo_list_ul li .img img{width:100%;} /*新闻列表*/ .news_list_ul{display:flex;flex-wrap:wrap;} .news_list_ul li{width:calc(33.33% - 20px);float:left;margin-right:30px;margin-bottom:40px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;} .news_list_ul li:nth-child(3n){margin-right:0;} .news_list_ul a{display:block;} .news_list_ul h4{font-weight:normal;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top:10px;} .news_list_ul small{color:#999;display:block;padding:5px 0 0;} .news_list_ul p{color:#999;overflow:hidden;max-height:56px;line-height:28px;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;} .en .news_list_ul p{height:54px;line-height:18px;-webkit-line-clamp:3;} .news_list_ul li .image{display:block;overflow:hidden;} .news_list_ul li img{width:100%;height:100%;object-fit:cover;} .news_list_ul li:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);} /* 下载列表 */ .down_list_ul{display:flex;flex-wrap:wrap;} .down_list_ul li{width:calc(50% - 15px);float:left;margin-right:30px;margin-bottom:30px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;background:#eaeaea url(../images/down_list.jpg) no-repeat 25px center;padding-left:150px;background-size:100px;} .down_list_ul li:nth-child(even){margin-right:0;} .down_list_ul li:hover{box-shadow:0 0 12px 1px rgba(0,0,0,.1);} .down_list_ul a{display:block;height:100%;width:100%;background-color:#fff;padding:15px;position:relative;float:left;border:1px #ececec solid;} /* 白底后卡片补边框 */ .down_list_ul h4{font-weight:normal;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .down_list_ul small{color:#999;display:block;padding:3px 0 5px;} .down_list_ul p{color:#999;line-height:24px;height:48px;overflow:hidden;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;margin:10px 0;} .down_list_ul em{display:inline-block;background:#fff100;color:#1a1a1a;text-align:center;padding:5px 30px;} .down_list_ul em:hover{background:#d06e0c;} .down_page .down_title{font-size:18px;line-height:50px;font-weight:normal;} .down_page .download_btn{margin:10px 0;} .down_page .download_btn a{display:block;background:#fff100;color:#1a1a1a;width:100px;height:35px;line-height:35px;text-align:center;border-radius:4px;} /*404*/ .error{width:440px;height:400px;text-align:center;position:absolute;left:50%;margin-left:-220px;top:50%;margin-top:-160px;} .error_img{margin:-40px auto 0;width:220px;} .error a{width:100px;display:block;margin:0 auto;background:#ec3131;color:#fff;line-height:40px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} /*标签列表*/ .tags_list li{background:url(../images/li.gif) 0px 10px no-repeat;line-height:28px;margin-bottom:8px;padding-bottom:10px;} .tags_lis h3{padding:0px;margin:0px;} .tags_p{padding:0px;margin:0px;color:#7d7d7d;line-height:20px;} /*标签样式*/ .tags ul{position:absolute;z-index:100;width:720px;margin-top:10px;} .tags li{float:left;} .tags a{display:block;color:#bdbdbd;height:16px;font-size:12px;float:left;text-align:center;background-color:#68696D;padding:3px 10px;margin:5px 4px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;line-height:16px;} .tags a:hover{text-decoration:none;background-color:#68696D;color:#fff;} /*新闻显示*/ .news_page_info{display:flex;} .news_info_l{width:100%;} .news_info_l img{max-width:100%;height:auto!important;} .news_info_r{padding-top:90px;} .news_data{text-align:right;padding-right:10px;margin:8px 0px;} .news_title{padding:30px 0;} .content_bg{border:#EAEAEA 1px solid;border-top:none;margin-bottom:10px;} /*产品详情*/ .product_info_box{background:#fff;} .product_info{display:flex;padding:30px 0 80px;} .product_group{flex:1;padding-left:40px;padding-top:30px;} .product_group h1{color:#000;font-size:32px;padding:0 0px 15px 0px;border-bottom:1px #e5e5e5 dashed;} .product_group .attr{padding:20px 15px;} .product_group li{list-style:none;line-height:28px;list-style-type:disc;} .product_group .desc{padding:8px 0 8px;margin-top:8px;} .product_group .download{padding-top:10px;border-top:1px #e5e5e5 dashed;} .product_group .download li{float:left;margin-right:20px;} .product_group .download a{color:#333;background:url(../images/attch.png) no-repeat left center;padding:3px 0 3px 12px;} .product_group .download a:hover{color:#1a1a1a;} .product_content{line-height:26px;margin-top:-53px;} .product_content .pdt_attr_li{background:#fff;padding:20px;margin-bottom:20px;} .product_content .pdt_attr_h4{font-size:22px;font-weight:normal;line-height:26px;padding:10px 0 30px;} .product_content .attr_t{color:#333;margin-bottom:20px;font-weight:normal;font-size:22px;line-height:50px;} .product_content img{max-width:100%;height:auto!important;} .product_imgs{width:462px;} .product_group .pdt_tel{border-top:dashed 1px #e5e5e5;margin-top:10px;padding-top:10px;} .product_group span.tel{line-height:22px;margin-bottom:10px;display:block;font-size:12px;background:url(../images/pdt_tel.png) no-repeat left center;padding-left:20px;} .product_group span.tel p{font-size:18px;color:#1a1a1a;} .product_group span.fd a{width:120px;background:#fff100;padding:5px;text-align:center;color:#1a1a1a;display:inline-block;margin-right:10px;} .product_group span.buy a{width:120px;color:#fff;background:#cc7e14;padding:5px;text-align:center;display:inline-block;} .product_content .tabs{padding-left:500px;height:53px;} .product_content .tabs li{float:left;padding-right:40px;} .product_content .tabs li a{display:block;line-height:50px;border-bottom:4px #fff solid;font-weight:bold;} .product_content .tabs li a:hover,.product_content .tabs li.thistab a{border-color:#fff100;color:#1a1a1a;} .product_content .tab_conbox{padding-top:40px;} .product_content .tab_conbox li{display:none;} /*相关产品*/ .related_product{margin:15px 0px 10px 15px;} .erelated_new_title{text-indent:28px;} /* 详情页订购 */ .pdt_inquiry{padding:60px 0;margin-top:20px;position:relative;} .pdt_inquiry .inq_t{font-size:22px;font-weight:normal;padding-bottom:10px;} .pdt_inquiry .forms{width:460px;} .pdt_inquiry dt{float:left;width:100px;background:#fff;border:1px #e5e5e5 solid;padding:0 6px;text-align:right;line-height:32px;} .pdt_inquiry dd{float:left;width:360px;background:#fff;margin-bottom:10px;border:1px #e5e5e5 solid;border-left:none;position:relative;} .pdt_inquiry dd input{width:100%;border:none;height:32px;text-indent:10px;color:#333;} .pdt_inquiry dd .codeimg{position:absolute;right:5px;top:5px;} .pdt_inquiry .area_box{position:absolute;right:0;top:114px;left:500px;} .pdt_inquiry .areawidth{width:98%;height:300px;background:#fff;color:#333;padding:9px 1%;} .pdt_inquiry .forms_btn{clear:both;} .pdt_inquiry .submit_btn{cursor:pointer;width:460px;line-height:34px;background:#262626;color:#fff;border:none;margin:0;} .pdt_inquiry .submit_btn:hover{background:#fff100;} /* 2026-09-25 产品详情页改版（Product/c_index.html、e_index.html）；佰川配色：黄 #fff100 / 深灰 #2b2b2b / 浅灰 #cacaca */ .pd_crumb{background:#f7f7f7;border-bottom:1px #ececec solid;} /* 2026-09-25 吸顶：滚过原位置后 JS 加 .is_fixed，固定在 80px 页头下面；.pd_crumb_ph 是占位防跳 */ .pd_crumb.is_fixed{position:fixed;left:0;right:0;top:80px;z-index:15;background:rgba(247,247,247,.96);box-shadow:0 4px 14px rgba(0,0,0,.06);} .pd_crumb_in{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 60px;box-sizing:content-box;} .pd_path{display:flex;align-items:center;font-size:14px;color:#333;line-height:1;} .pd_path a{color:#333;} .pd_path a:hover{color:#000;text-decoration:underline;} .pd_path i{display:inline-block;width:0;height:0;margin:0 16px;border-left:5px solid #b5b5b5;border-top:4px solid transparent;border-bottom:4px solid transparent;} .pd_path .pd_home{padding-left:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%232b2b2b' d='M8 1.5 1 7.6h2V14h3.8V9.8h2.4V14H13V7.6h2z'/%3E%3C/svg%3E") no-repeat left center/16px;} .pd_anchor{display:flex;height:60px;} .pd_anchor li{list-style:none;position:relative;} .pd_anchor li+li{margin-left:34px;padding-left:34px;} .pd_anchor li+li::before{content:"";position:absolute;left:0;top:23px;width:1px;height:14px;background:#d5d5d5;} .pd_anchor a{display:block;height:60px;line-height:58px;font-size:14px;color:#999;border-bottom:4px solid transparent;transition:color .2s,border-color .2s;} .pd_anchor a:hover{color:#2b2b2b;border-bottom-color:rgba(255,241,0,.45);} .pd_anchor a.on{color:#1a1a1a;font-weight:bold;border-bottom-color:#fff100;} /* 当前节：黄色下划线 */ .pd_hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#ececec 0%,#f6f6f6 46%,#fbfbfb 46%,#f2f2f2 100%);} /* 2026-09-25 首屏右下角工程线稿背景（images/pd_line.png 透明底），往左上渐隐，不压文字 */ .pd_hero::before{content:"";position:absolute;right:-3%;bottom:-6%;width:58%;height:100%;background:url(../images/pd_line.png?v=2) no-repeat right bottom/contain;opacity:.22;pointer-events:none;-webkit-mask-image:linear-gradient(to top left,#000 30%,transparent 78%);mask-image:linear-gradient(to top left,#000 30%,transparent 78%);} .pd_hero_in{position:relative;z-index:1;display:flex;align-items:center;padding:70px 60px 80px;box-sizing:content-box;min-height:500px;} .pd_gallery{display:flex;flex-wrap:wrap;align-items:center;width:48%;padding-right:clamp(70px,7vw,120px);} /* 2026-09-26 左图与右侧文字间距 50→约100px（随屏宽 70~120） */ .pd_adv{flex:0 0 100%;display:flex;justify-content:space-around;margin-top:24px;padding:14px 16px;background:rgba(255,255,255,.75);border-radius:60px;box-shadow:0 4px 18px rgba(0,0,0,.05);} .pd_adv li{list-style:none;flex:1;text-align:center;line-height:1.3;} .pd_adv img{display:block;width:32px;height:32px;object-fit:contain;margin:0 auto 7px;transition:transform .3s;} .pd_adv li:hover img{transform:translateY(-4px);} .pd_adv b{display:block;font-size:14px;color:#1a1a1a;} .pd_adv em{display:block;margin-top:2px;font-size:11px;color:#888;} .pd_adv_en b{font-size:13px;} .pd_thumbs{flex:none;width:70px;margin-right:30px;} .pd_thumbs li{list-style:none;width:70px;height:70px;margin:10px 0;background:#fff;border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:border-color .3s;} .pd_thumbs li.on,.pd_thumbs li:hover{border-color:#2b2b2b;} .pd_thumbs img{max-width:90%;max-height:90%;} .pd_main{flex:1 1 60%;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;cursor:zoom-in;} .pd_main img{max-width:100%;max-height:420px;object-fit:contain;} /* 主图右下角放大镜提示，悬停时出现 */ .pd_zoom_tip{position:absolute;right:6px;bottom:6px;width:38px;height:38px;border-radius:50%;background:#2b2b2b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff100' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") no-repeat center/20px;opacity:0;transform:scale(.8);transition:all .3s;} .pd_main:hover .pd_zoom_tip{opacity:1;transform:scale(1);} .pd_zoom{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999;background:rgba(20,20,20,.92);} .pd_zoom img{position:absolute;left:50%;top:50%;max-width:88vw;max-height:86vh;transform:translate(-50%,-50%);background:#f4f4f4;border-radius:8px;} .pd_zoom a{position:absolute;color:#fff;text-align:center;transition:color .2s;} .pd_zoom a:hover{color:#fff100;} .pd_zoom_close{right:30px;top:20px;font-size:44px;line-height:1;} .pd_zoom_prev,.pd_zoom_next{top:50%;margin-top:-40px;width:60px;font-size:64px;line-height:80px;} .pd_zoom_prev{left:20px;} .pd_zoom_next{right:20px;} .pd_info{flex:1;} .pd_series{font-size:20px;font-weight:bold;color:#1a1a1a;margin-bottom:6px;line-height:1.6;letter-spacing:1px;} .pd_series span{background:linear-gradient(transparent 58%,#fff100 58%);padding:0 2px;} .pd_name{font-size:clamp(52px,4.6vw,76px);line-height:1.05;color:#1a1a1a;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-stretch:condensed;font-weight:bold;text-transform:uppercase;} /* 型号+副标题一组，分隔线在组下面 */ .pd_title{padding-bottom:20px;border-bottom:1px #d9d9d9 solid;} .pd_sub{margin-top:10px;font-size:18px;line-height:1.5;color:#333;} .pd_sub em{display:block;margin-top:2px;font-size:14px;color:#888;} .pd_feat{padding-top:26px;} .pd_feat h3{font-size:22px;font-weight:normal;color:#1a1a1a;margin-bottom:14px;} .pd_feat .pd_rich{font-size:15px;line-height:1.9;color:#444;} .pd_feat .pd_desc{font-size:16px;line-height:2.2;color:#333;} .pd_btns{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;} .pd_btn{display:inline-flex;align-items:center;justify-content:center;min-width:174px;height:48px;padding:0 26px;border-radius:24px;font-size:15px;transition:all .3s;} .pd_btn i{display:inline-block;width:20px;height:20px;margin-right:12px;background-repeat:no-repeat;background-position:center;background-size:contain;} .pd_btn_main{background:#fff100;color:#1a1a1a;font-weight:bold;} .pd_btn_main:hover{background:#2b2b2b;color:#fff100;} .pd_btn_ghost{background:#fff;color:#333;box-shadow:0 2px 10px rgba(0,0,0,.06);} .pd_btn_ghost:hover{background:#2b2b2b;color:#fff;} /* 2026-09-25 微信咨询：按钮上方弹二维码（桌面 hover / 触屏点按加 .on） */ .pd_wx{position:relative;} .pd_btn .pd_ico_wx{width:24px;height:22px;margin-right:10px;background-image:url(../images/wechat.png);} /* 图标是扁的(166x131)，框放宽到24px跟耳机视觉等大 */ .pd_wx:hover .pd_ico_wx,.pd_wx.on .pd_ico_wx{filter:brightness(0) invert(1);} /* 深灰底时图标变白 */ .pd_wx.on .pd_btn_wx{background:#2b2b2b;color:#fff;} .pd_wx_pop{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:30;width:176px;padding:14px 14px 10px;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.15);text-align:center;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .25s,transform .25s,visibility .25s;} .pd_wx_pop::after{content:"";position:absolute;left:50%;top:100%;margin-left:-8px;border:8px solid transparent;border-top-color:#fff;} .pd_wx_pop img{display:block;width:148px;height:148px;object-fit:contain;} .pd_wx_pop p{margin-top:6px;font-size:13px;line-height:1.4;color:#666;} .pd_wx:hover .pd_wx_pop,.pd_wx.on .pd_wx_pop{opacity:1;visibility:visible;transform:translate(-50%,0);} .pd_ico_chat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='2.5' y='13' width='4' height='6' rx='1.5'/%3E%3Crect x='17.5' y='13' width='4' height='6' rx='1.5'/%3E%3C/svg%3E");} .pd_btn_main:hover .pd_ico_chat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff100' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='2.5' y='13' width='4' height='6' rx='1.5'/%3E%3Crect x='17.5' y='13' width='4' height='6' rx='1.5'/%3E%3C/svg%3E");} .pd_ico_play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath fill='%23333' stroke='none' d='M10 8.2v7.6l6-3.8z'/%3E%3C/svg%3E");} .pd_btn_ghost:hover .pd_ico_play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath fill='%23fff' stroke='none' d='M10 8.2v7.6l6-3.8z'/%3E%3C/svg%3E");} /* 产品特点：每列 3 条，多出的排到右列（模板里 array_chunk 分列） */ .pd_feat_cols{display:flex;gap:50px;} .pd_feat_cols ul{flex:1;min-width:0;} .pd_feat_cols li{list-style:none;position:relative;padding-left:22px;font-size:16px;line-height:2.2;color:#333;} .pd_feat_cols li::before{content:"";position:absolute;left:2px;top:14px;width:8px;height:8px;background:#1a1a1a;transform:rotate(45deg);} /* 图纸下载：单独一行，文件两个一排 */ .pd_dl{padding-top:22px;} .pd_dl ul{display:flex;flex-wrap:wrap;column-gap:50px;border-top:1px #e0e0e0 solid;} .pd_dl li{list-style:none;flex:0 0 calc(50% - 25px);min-width:0;border-bottom:1px #e0e0e0 solid;} .pd_dl a{display:flex;align-items:center;height:48px;padding-left:28px;font-size:15px;color:#333;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M14 3H6.5A1.5 1.5 0 0 0 5 4.5v15A1.5 1.5 0 0 0 6.5 21h11a1.5 1.5 0 0 0 1.5-1.5V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E") no-repeat left center/18px;transition:background-color .3s;} .pd_dl a span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .pd_dl a i{flex:none;width:30px;height:30px;margin-left:12px;border-radius:50%;background:#2b2b2b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff100' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10.5l5 5 5-5M5 20h14'/%3E%3C/svg%3E") no-repeat center/15px;transition:background-color .3s;} .pd_dl a:hover{color:#000;} .pd_dl a:hover span{background:linear-gradient(transparent 60%,#fff100 60%);} .pd_dl a:hover i{background-color:#000;} .pd_body{padding:0 60px 80px;box-sizing:content-box;} .pd_sec{padding:80px 0 60px;border-bottom:1px #e8e8e8 solid;} /* 节标题：跟画册统一 —— 左侧灰色圆头 + 叠在上面的黄色胶囊，中文粗体 + 英文副标题 */ .pd_h2{display:inline-block;margin-bottom:34px;padding-left:34px;border-radius:25px 0 0 25px;background:linear-gradient(to right,#c8c8c8 60px,transparent 60px);font-weight:normal;line-height:1;} .pd_h2 span{display:inline-flex;align-items:baseline;gap:16px;height:50px;align-items:center;padding:0 44px 0 30px;border-radius:25px;background:#fff100;} .pd_h2 b{font-size:24px;font-weight:bold;color:#1a1a1a;letter-spacing:1px;} .pd_h2 em{font-size:17px;color:#1a1a1a;} .pd_rich{font-size:15px;line-height:1.9;color:#444;} .pd_rich img{max-width:100%;height:auto!important;} .pd_rich p{margin-bottom:6px;} .pd_rich table{width:100%!important;table-layout:fixed;border-collapse:collapse;border-top:4px solid #2b2b2b;margin:10px 0;} .pd_rich td,.pd_rich th{border:1px solid #e3e3e3!important;padding:12px 10px;text-align:center;font-size:15px;line-height:1.5;color:#333;font-weight:normal;} .pd_rich tr:first-child td,.pd_rich tr:first-child th{background:#fff100!important;color:#1a1a1a;font-weight:bold;} .pd_rich tr:nth-child(odd):not(:first-child) td{background:#f7f7f7;} /* 2026-09-25 选装配置：四张卡横铺；默认灰卡+黄底条，悬停变黄卡+灰底条（跟画册一致）；图标用画册原图 PNG，底部压在卡片上沿 */ .pd_opt{display:flex;gap:30px;padding-top:70px;} .pd_opt>li{list-style:none;flex:1;min-width:0;position:relative;padding:62px 30px 44px;background:#ededed;border-radius:36px 36px 0 0;border-bottom:12px solid #fff100;text-align:center;transition:background-color .35s,border-color .35s,transform .35s;} .pd_opt>li:hover{background:#fff100;border-bottom-color:#cacaca;transform:translateY(-6px);} .pd_opt_ico{position:absolute;left:0;right:0;top:-58px;height:100px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;} .pd_opt_ico img{max-width:170px;max-height:100%;object-fit:contain;transition:transform .35s;} .pd_opt>li:hover .pd_opt_ico img{transform:translateY(-4px);} .pd_opt h4{font-size:20px;font-weight:bold;color:#1a1a1a;line-height:1.4;} .pd_opt_en{margin-top:2px;font-size:14px;color:#444;line-height:1.4;} .pd_opt ul{margin-top:24px;text-align:left;} .pd_opt ul li{list-style:none;position:relative;padding-left:18px;margin-bottom:8px;font-size:14px;line-height:1.7;color:#333;} .pd_opt ul li::before{content:"";position:absolute;left:1px;top:8px;width:7px;height:7px;background:#1a1a1a;transform:rotate(45deg);} @media screen and (max-width:1200px){.pd_opt{flex-wrap:wrap;row-gap:70px;}.pd_opt>li{flex:0 0 calc(50% - 15px);}} /* 2026-09-25 规格选型：导语 + 6 项三列两行；黄圈图标 + 标题/参数 */ .pd_spec_intro b{display:block;font-size:18px;color:#1a1a1a;line-height:1.6;} .pd_spec_intro p{margin-top:6px;font-size:14px;color:#777;line-height:1.7;} .pd_spec{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 50px;margin-top:44px;} .pd_spec li{list-style:none;display:flex;align-items:center;gap:24px;min-width:0;} .pd_spec img{flex:none;width:96px;height:96px;transition:transform .35s;} .pd_spec li:hover img{transform:rotate(-8deg) scale(1.06);} .pd_spec h4{font-size:20px;font-weight:bold;color:#1a1a1a;line-height:1.4;} .pd_spec h4 em{margin-left:10px;font-size:15px;font-weight:normal;color:#333;} .pd_spec p{margin-top:4px;font-size:15px;line-height:1.6;color:#444;} @media screen and (max-width:1200px){.pd_spec{grid-template-columns:repeat(2,1fr);}} /* 2026-09-25 相关产品：复用列表页黄卡片，缩成一行 4 个 */ .pd_rel{position:relative;} /* 横向滑动轨道：一屏 4 个，scroll-snap 对齐卡片，隐藏滚动条（触控板/手机可直接横滑） */ .pd_rel_list{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-top:60px;margin-top:-50px;justify-content:flex-start;gap:0 30px;} /* 顶部多留 60px 给探出卡片的高产品图，否则会被 overflow 裁掉；负边距抵消多出的间距 */ .pd_rel_list::-webkit-scrollbar{display:none;} .pd_rel_list li{flex:0 0 calc(25% - 22.5px);width:auto;scroll-snap-align:start;margin-bottom:10px;} /* 标题行右侧的左右箭头；到头时变淡不可点；不足一屏时 JS 隐藏 */ .pd_rel_nav{position:absolute;right:0;top:83px;display:flex;gap:12px;} .pd_rel_nav a{width:44px;height:44px;border:1px solid #d5d5d5;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:18px;transition:background-color .25s,border-color .25s,opacity .25s;} .pd_rel_prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");} .pd_rel_next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");} .pd_rel_nav a:hover{background-color:#fff100;border-color:#fff100;} .pd_rel_nav a.dis{opacity:.3;pointer-events:none;} .pd_rel_list .bc_model{font-size:clamp(26px,2.3vw,42px);} .pd_rel_list .bc_model_long{font-size:clamp(13px,.9vw,17px);} .pd_rel_list .bc_bar{height:40px;} .pd_rel_list .bc_bar span{font-size:14px;} @media screen and (max-width:1200px){.pd_rel_list li{flex-basis:calc(50% - 15px);}} .pd_body .pdt_inquiry{margin-top:0;} .pd_body .pdt_inquiry .area_box{top:152px;} .pd_body .pdt_inquiry .areawidth{height:298px;border:1px #e5e5e5 solid;} .pd_body .pdt_inquiry .submit_btn{background:#2b2b2b;color:#fff;transition:all .3s;} .pd_body .pdt_inquiry .submit_btn:hover{background:#fff100;color:#1a1a1a;} .pd_back{text-align:right;padding-top:50px;} .pd_back a{display:inline-block;height:48px;line-height:48px;padding:0 34px;border-radius:24px;background:#2b2b2b;color:#fff;font-size:15px;transition:all .3s;} .pd_back a:hover{background:#fff100;color:#1a1a1a;} .pd_video_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.75);} .pd_video_box{position:absolute;left:50%;top:50%;width:70%;max-width:1100px;transform:translate(-50%,-50%);} .pd_video_box video{width:100%;display:block;background:#000;} .pd_video_close{position:absolute;right:0;top:-46px;font-size:36px;line-height:40px;color:#fff;} .pd_video_close:hover{color:#fff100;} /*相关新闻*/ .related_new{border-left:1px #eee solid;padding-left:20px;width:270px;margin-left:30px;} .related_new .related_title{font-size:26px;font-weight:normal;} .related_new li{padding-top:20px;} .related_new li h4{font-weight:normal;font-size:15px;padding:10px 0 5px;line-height:24px;} .related_new a{display:block;} .related_new img{width:100%;} .related_new .desc{line-height:24px;font-size:13px;color:#999;} /*上一个下一个*/ .point{margin:40px 0px 25px 0px;text-align:center;line-height:22px;} .point span.to_prev{padding:4px 12px;} .point span.to_prev a{color:#1a1a1a;} .point span.to_prev a:hover{text-decoration:underline;} .point span.to_next{padding:4px 12px;} .point span.to_next a{color:#1a1a1a;} .point span.to_next a:hover{text-decoration:underline;} /*分页样式*/ .page{clear:both;margin:25px 0px;text-align: center;} .page a,.page .current{display:inline-block;padding:5px 15px;background:#ebebeb;border-radius:3px;-webkit-border-radius:5px;margin:0 3px 10px;} .page a:hover,.page .current{background:#fff100;color:#1a1a1a;} /*留言*/ .feedback_box{max-width:1366px;margin:0 auto;} .feedback .t{padding-top:50px;text-align:center;} .feedback .t::before{top:140px;} .feedback .t h4{padding-bottom:60px;font-size:50px;line-height:60px;} .feedback .f_tip{margin:30px 0;border-bottom:1px #ececec solid;padding-bottom:10px;} .feedback .form_li{margin-top:50px;display:flex;flex-wrap:wrap;} .feedback .form_li li.h{width:100%;margin-right:0;} .feedback .form_li li{width:calc(33.33% - 20px);margin-right:30px;float:left;} .feedback .form_li li.li_bt{width:100%;} .feedback .form_li li:nth-child(4){margin-right:0;} .feedback .form_li h5{display:block;height:40px;line-height:40px;} .feedback .form_li .ipt{display:block;height:40px;line-height:40px;margin-bottom:20px;} .feedback .textwidth{width:100%;height:40px;} .feedback .form_li .biezhu{height:auto;} .feedback .form_li .biezhu textarea{height:115px;width:100%;} .feedback .codeimg{background-color:#000;position:absolute;right:10px;top:8px;z-index:1;} .feedback .submit_btn{width:160px;height:40px;margin:40px 20px 0 0;background:#fff100;color:#1a1a1a;cursor:pointer;border:none;text-indent:0;} .feedback .submit_btn.reset{background:#a9a9a9;} .feedback .info{padding:50px 0 100px;flex-wrap:wrap;} .feedback .info .con{background:#262626 url(../images/fb_bg.png) no-repeat center bottom;background-size:cover;padding:40px 64% 40px 50px;color:#fff;border-radius:10px;position:relative;} .feedback .info .con table{font-size:15px;} .feedback .info .con table img{width:40px;max-width:inherit;} .feedback .fb_map{width: 60%;position: absolute;top: 40px;right: 40px;bottom: 40px;overflow: hidden;} .feedback .info .fb_code{width:220px;position:absolute;right:60px;top:130px;z-index:1;text-align:center;} .feedback .info .fb_code p{padding-top:10px;} /*网站地图*/ .ul_sitemap{margin:10px 0px 30px 30px;} .ul_sitemap li{list-style:none;line-height:26px;clear:both;} .ul_sitemap li a{color:#7d7d7d;} li.small_li_sitemap{clear:both;padding-left:12px;} li.small_li2_sitemap{float:left;padding-left:20px;} /*相册放大*/ body.over-flow-x{overflow:hidden;} #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:1000;text-align:center;line-height:0;} #jquery-lightbox a img{border:none;} #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:auto!important;max-width:620px;max-height:620px;margin:0 auto;} #lightbox-container-image{padding:10px;} #lightbox-image{max-width:600px;max-height:600px;} #lightbox-loading{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;line-height:0;background:url(../images/loading.gif) no-repeat center center;} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #lightbox-container-image-box > #lightbox-nav{left:0;} #lightbox-nav a{outline:none;height:100%!important;} #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;max-height:620px;} #lightbox-nav-btnPrev{float:left;} #lightbox-nav-btnNext{float:right;} #lightbox-container-image-data-box{background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;max-width:600px;padding:0 10px 10px;box-sizing:initial;} #lightbox-container-image-data{padding:0;color:#666;} #lightbox-container-image-data #lightbox-image-details span{text-align:left;font-size:16px;color:#333;font-weight:bold;display:block;padding-top:10px;} #lightbox-container-image-data #lightbox-image-details p{font-weight:normal;font-size:14px;color:#666;padding-top:10px;} #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;} #lightbox-secNav-btnClose{width:20px;float:right;padding:0 10px 10px 0;} /* 悬浮客服1*/ #leftsead{position:fixed;bottom:32%;right:0;z-index:79} *html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));} #leftsead li{height:50px;margin-bottom:1px;} #leftsead li span{display:block;width:140px;height:50px;padding-left:50px;margin-right:-140px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} #leftsead li a{height:50px;float:right;display:block;min-width:50px;max-width:140px;color:#fff;line-height:50px;border-radius:6px 0 0 6px;overflow:hidden;} #leftsead li.qq_li span{background:#fff100 url(../images/q.png) no-repeat 12px center;} #leftsead li.msn_li span{background:#fff100 url(../images/msn.png) no-repeat 12px center;} #leftsead li.skype_li span{background:#05af02 url(../images/skype.png) no-repeat 12px center;} #leftsead li.whatsapp_li span{background:#06af02 url(../images/whatsapp.png) no-repeat 12px center;} #leftsead li.email_li span{background:#fff100 url(../images/email.png) no-repeat 12px center;} #leftsead li.w_li span{background:#ef6311 url(../images/ww.png) no-repeat 12px center;} #leftsead li.ww_li span{background:#e8952d url(../images/ww.png) no-repeat 12px center;} #leftsead li.www_li span{background:#b1d848 url(../images/ww.png) no-repeat 12px center;} #leftsead li.feedback span{background:#e46464 url(../images/feedback.png) no-repeat 12px center;} #leftsead li.code_li span{background:#05af02 url(../images/code.png) no-repeat 12px center;position:relative;} #leftsead li.code_li .code{width:280px;height:280px;position:absolute;right:140px;bottom:0;background:#fff100;background:rgba(99,129,241,0.52);border-radius:5px;padding:10px;} #leftsead li.code_li .code img{width:280px;height:280px;} #leftsead li.top_li span{background:#6e6e6e url(../images/gotop.png) no-repeat 12px center;} #remind{width:100%;height:50px;line-height:50px;position:fixed;bottom:0;left:0;z-index:10;color:#f5d783;font-size:20px;text-align:center;background:#000;background:rgba(0,0,0,.8);} /* 悬浮客服2*/ .main-im{position:fixed;right:10px;top:30%;z-index:100;width:130px;height:272px;} .main-im .qq-a{display:block;width:128px;height:116px;font-size:14px;color:#1a1a1a;text-align:center;position:relative;} .main-im .qq-a span{bottom:5px;position:absolute;width:110px;left:10px;} .main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:30px;top:10px;overflow:hidden;z-index:9;} .main-im .qq-container{z-index:99;position:absolute;width:129px;height:116px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;} .main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;} .main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;} .main-im .im_main .im-tel{color:#000000;text-align:center;width:129px;border-bottom:1px solid #dddddd;padding:10px 0;} .main-im .im_main .im-tel div{font-weight:bold;font-size:12px;} .main-im .im_main .im-tel .tel-num{font-weight:bold;color:#1a1a1a;padding:0 5px;} .main-im .im_main .im-tel:hover{background:#fafafa;} .main-im .im_main .weixing-container{width:65px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;} .main-im .im_main .weixing-show{width:112px;height:145px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-100px;} .main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:116px;position:absolute;z-index:2;} .main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:114px;position:absolute;} .main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;} .main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;} .main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/toTop-icon.png) no-repeat center center;float:right;} .main-im .im_main .go-top a{display:block;width:52px;height:47px;} .main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;} .main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;} .main-im .close-im a:hover{text-decoration:none;} .main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;} .main-im .open-im.en{background:url(../images/open_im2.png) no-repeat left top;} @media screen and (max-width:1366px){ .nav_ul_big > li > a{padding:0 12px;} .index_about .more{width:15%;} .page_about .page_business li{height: 400px;} } @media screen and (min-width:1367px) and (max-width:1440px){ .nav_ul_big > li > a{padding: 0 15px;} .product_list_ul li{width:calc(33.3333% - 20px);} .product_list_ul li:nth-child(3n){margin-right:0;} .product_list_ul li:nth-child(4n){margin-right:30px;} .page_about .page_business li{height: 460px;} } /* ===== 2026-09-25 右侧在线客服（仿 gkg.cn）：Home/Lib/Widget/Online2/c_online.html、e_online.html ===== */ .kf_bar{position:fixed;right:0;top:50%;z-index:900;width:46px;padding-top:4px;background:#ededed;border-radius:10px 0 0 10px;box-shadow:0 4px 16px rgba(0,0,0,.07);transform:translateY(-50%);} .kf_item{position:relative;} .kf_btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;color:#1a1a1a;transition:background-color .25s;} .kf_btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;} .kf_btn_wx i{display:block;width:24px;height:19px;background:url(../images/wechat.png) no-repeat center/contain;} .kf_item:hover .kf_btn,.kf_item.on .kf_btn{background:#fff100;} .kf_pop{position:absolute;right:calc(100% + 10px);top:50%;min-width:170px;padding:11px 16px;background:#fff;border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.14);white-space:nowrap;line-height:1.5;opacity:0;visibility:hidden;transform:translate(8px,-50%);transition:opacity .25s,transform .25s,visibility .25s;} .kf_pop::before{content:"";position:absolute;right:-10px;top:0;bottom:0;width:10px;} /* 透明桥：鼠标从按钮移到弹层不断开 */ .kf_pop::after{content:"";position:absolute;right:-7px;top:50%;margin-top:-7px;border:7px solid transparent;border-right:0;border-left-color:#fff;} .kf_item:hover .kf_pop,.kf_item.on .kf_pop{opacity:1;visibility:visible;transform:translate(0,-50%);} .kf_pop em{display:block;font-size:12px;color:#888;} .kf_pop b{display:block;font-size:19px;color:#1a1a1a;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;letter-spacing:.5px;} .kf_pop a{font-size:14px;color:#1a1a1a;} .kf_pop a:hover{background:linear-gradient(transparent 60%,#fff100 60%);} .kf_pop_qr{min-width:0;padding:12px 12px 8px;text-align:center;} .kf_pop_qr img{display:block;width:120px;height:120px;object-fit:contain;} .kf_pop_qr p{margin-top:4px;font-size:12px;color:#666;} .kf_top{display:flex;align-items:center;justify-content:center;height:44px;margin-top:4px;background:#fff100;border-radius:0 0 0 10px;color:#1a1a1a;transition:background-color .25s,color .25s;} .kf_top svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;} .kf_top:hover{background:#2b2b2b;color:#fff100;} /* ===== 2026-09-25 详情页入场动画：WOW.js 滚动到可视区时加 .animated，元素上浮 40px + 淡入 ===== 用自定义 pdUp 而不是 animate.css 的 fadeInUp：幅度可控、曲线更顺； fill-mode 改 backwards（只在延迟期间保持起始态），动画结束后恢复正常样式，避免"钉死"最后一帧导致卡片 hover 上浮失效 */ @keyframes pdUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:none;}} .animated.pdUp{animation-name:pdUp;animation-duration:.8s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:backwards;} /* ===== 2026-09-26 全站改色补丁：蓝→黄后，原来"蓝底白字/白图标"的地方改成黄底黑字/黑图标 ===== （原规则里底色和文字分开写，批量替换管不到，统一在这里覆盖） */ .index_ys li:hover p{color:#333;} .index_ys li:hover .w1,.index_ys li:hover .w2,.index_ys li:hover .w3,.index_ys li:hover .w4,.index_ys li:hover .w5,.index_ys li:hover .w6{filter:brightness(0);} .index_news li a:hover *{color:#1a1a1a;} .index_news li a:hover{background-image:none;} /* 白色小箭头在黄底上看不见，去掉 */ .index_vdo .ab_bf:hover{color:#1a1a1a;} .jobs_list a:hover em{color:#1a1a1a;} .pdt_attr_list .attr_btn .submit{color:#1a1a1a;} /* 行业解决方案（深灰带）：选中的行业标签 = 黄底黑字，白图标变黑 */ .index_sol .tabs li.thistab a,.index_sol .tabs li.thistab a *{color:#1a1a1a;} .index_sol .tabs li.thistab a img{filter:brightness(0);} .index_sol .t::after{background:#fff100;} /* =================================================================== 2026-09-26 关于我们改版（List/c_about.html、e_about.html），版式参照 mijoint.cn/about.html =================================================================== */ .ab_page{background:#fff;} .ab_sec{padding:100px 0;} .ab_in{padding:0 60px;box-sizing:content-box;} .ab_t{position:relative;margin-bottom:22px;padding-bottom:18px;font-size:36px;font-weight:bold;line-height:1.3;color:#1a1a1a;} .ab_t::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;background:#fff100;} .ab_t_w{color:#fff;} .ab_t_c{text-align:center;} .ab_t_c::after{left:50%;margin-left:-24px;} .ab_lead{max-width:760px;font-size:16px;line-height:1.8;color:#666;} .ab_lead_w{color:rgba(255,255,255,.65);} .ab_head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;} .ab_head .ab_nav{position:static;flex:none;} .ab_slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;} .ab_slider::-webkit-scrollbar{display:none;} .ab_slider li{list-style:none;scroll-snap-align:start;} /* 1. 企业概况 + 数字 */ .ab_prof{display:flex;align-items:center;gap:80px;} .ab_prof_txt{flex:1;min-width:0;} .ab_rich{font-size:16px;line-height:2;color:#444;} .ab_rich p{margin-bottom:6px;} .ab_prof_img{position:relative;flex:0 0 46%;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border-radius:16px;background:linear-gradient(135deg,#e9e9e9,#f7f7f7);overflow:hidden;} .ab_prof_img::before{content:"";position:absolute;left:0;bottom:0;width:30%;height:10px;background:#fff100;} .ab_prof_img img{max-width:88%;max-height:82%;object-fit:contain;} .ab_stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:80px;border-top:1px #e5e5e5 solid;} .ab_stat li{position:relative;padding:36px 10px 0;list-style:none;text-align:center;} .ab_stat li+li::before{content:"";position:absolute;left:0;top:44px;width:1px;height:54px;background:#e5e5e5;} .ab_stat p{line-height:1;white-space:nowrap;} .ab_stat b{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-stretch:condensed;font-size:56px;font-weight:bold;color:#1a1a1a;} .ab_stat em{margin-left:3px;font-size:22px;font-weight:bold;color:#1a1a1a;vertical-align:top;} .ab_stat span{display:block;margin-top:12px;font-size:14px;color:#777;} /* 2. 核心优势：深灰带四列，悬停列展开变黄 */ .ab_adv{position:relative;padding-bottom:0;overflow:hidden;background:linear-gradient(180deg,#1e1e1e,#2b2b2b);} .ab_adv::before{content:"";position:absolute;right:-5%;top:0;width:70%;height:100%;background:url(../images/pd_line.png?v=2) no-repeat right center/contain;filter:invert(1);opacity:.07;pointer-events:none;} .ab_adv .ab_in{position:relative;} .ab_adv_cols{position:relative;display:flex;margin-top:56px;border-top:1px solid rgba(255,255,255,.1);} .ab_adv_cols li{position:relative;flex:1;height:420px;list-style:none;cursor:default;transition:flex .5s cubic-bezier(.22,.61,.36,1),background-color .4s;} .ab_adv_cols li+li{border-left:1px solid rgba(255,255,255,.1);} .ab_adv_cols li.on{flex:1.8;background:#fff100;} .ab_adv_box{position:absolute;left:44px;right:44px;bottom:56px;} .ab_adv_box i{display:block;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:22px;font-weight:bold;color:rgba(255,255,255,.35);transition:color .4s;} .ab_adv_box h3{margin-top:10px;font-size:24px;font-weight:bold;line-height:1.4;color:#fff;transition:color .4s;} .ab_adv_box p{max-height:0;margin-top:0;overflow:hidden;opacity:0;font-size:15px;line-height:1.8;color:#333;transition:max-height .5s,opacity .4s,margin-top .4s;} .ab_adv_cols li.on i{color:rgba(0,0,0,.35);} .ab_adv_cols li.on h3{color:#1a1a1a;} .ab_adv_cols li.on p{max-height:200px;margin-top:14px;opacity:1;} /* 3. 应用行业 */ .ab_ind{background:#f6f6f6;} /* 2026-09-26 应用领域：画册同款——配图 + 黄色底条，标题左黄竖线 + 英文小字，一排 4 个 */ .ab_ind_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px;} .ab_ind_grid li{list-style:none;background:#fff;border-radius:10px;overflow:hidden;transition:transform .35s,box-shadow .35s;} .ab_ind_img{position:relative;height:0;padding-bottom:75%;overflow:hidden;background:#e9e9e9;} .ab_ind_img::after{content:"";position:absolute;left:0;bottom:0;width:62%;height:6px;background:#fff100;transition:width .45s;} .ab_ind_img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .6s;} .ab_ind_img i{position:absolute;left:0;right:0;top:50%;margin-top:-32px;text-align:center;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:64px;font-weight:bold;font-style:normal;line-height:64px;color:#d6d6d6;} .ab_ind_txt{padding:22px 24px 26px;} .ab_ind_txt h3{padding-left:14px;border-left:4px #fff100 solid;font-size:20px;font-weight:bold;line-height:26px;color:#1a1a1a;} .ab_ind_txt em{display:block;margin-top:2px;padding-left:18px;font-size:13px;font-style:normal;color:#999;} .ab_ind_txt p{margin-top:14px;padding-left:18px;font-size:14px;line-height:1.75;color:#666;} .ab_ind_grid li:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08);} .ab_ind_grid li:hover .ab_ind_img::after{width:100%;} .ab_ind_grid li:hover .ab_ind_img img{transform:scale(1.05);} /* 4. 发展历程：横向时间轴 */ .ab_his_track{margin-top:56px;padding:0;} .ab_his_track li{position:relative;flex:0 0 33.333%;padding-right:48px;box-sizing:border-box;} .ab_his_track li::before{content:"";position:absolute;left:0;right:0;top:61px;height:2px;background:#e5e5e5;} .ab_his_track b{display:block;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:40px;font-weight:bold;line-height:40px;color:#1a1a1a;} .ab_his_track li>i{position:relative;z-index:1;display:block;width:14px;height:14px;margin:14px 0 22px;border:3px solid #1a1a1a;border-radius:50%;background:#fff;box-sizing:border-box;transition:background-color .3s,transform .3s;} .ab_his_track li:hover>i{background:#fff100;transform:scale(1.3);} .ab_his_track h3{font-size:18px;font-weight:bold;color:#1a1a1a;} .ab_his_track p{margin-top:8px;font-size:14px;line-height:1.8;color:#666;} /* 5. 合作伙伴（可选） */ .ab_logo_wall{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:40px;} .ab_logo_wall li{display:flex;align-items:center;justify-content:center;height:90px;padding:14px;list-style:none;background:#fff;border:1px #eee solid;border-radius:10px;} .ab_logo_wall img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .3s,opacity .3s;} .ab_logo_wall li:hover img{filter:none;opacity:1;} /* 6. 企业风采 */ .ab_style{background:#f6f6f6;} .ab_style_track{gap:20px;margin-top:44px;} .ab_style_track li{flex:0 0 calc(25% - 15px);} .ab_ph{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#e9e9e9;} .ab_ph img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .5s;} .ab_style_track li:hover .ab_ph img{transform:scale(1.05);} .ab_style_track p{margin-top:12px;font-size:14px;color:#555;text-align:center;} @media screen and (max-width:1200px){.ab_prof{gap:40px;}.ab_ind_grid{grid-template-columns:repeat(2,1fr);}.ab_his_track li{flex-basis:50%;}.ab_style_track li{flex-basis:calc(33.333% - 14px);}} /* 2026-09-26 核心优势背景图（广告 about_adv 的图片）：叠加深色渐变保证白字可读；有图时隐藏线稿 */ .ab_adv_bgs{position:absolute;left:0;top:0;right:0;bottom:0;} .ab_adv_bgs i{position:absolute;left:0;top:0;right:0;bottom:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .7s;} .ab_adv_bgs i.on{opacity:1;} .ab_adv.has_bg .ab_adv_bgs::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(20,20,20,.78) 0%,rgba(20,20,20,.55) 45%,rgba(20,20,20,.8) 100%);} .ab_adv.has_bg::before{display:none;} .ab_adv.has_bg .ab_adv_cols li.on{background:rgba(255,241,0,.94);} /* 2026-09-26 内页子栏目条统一成产品详情页样式（Lib/Widget/Left/c_left|e_left.html 输出 .pd_crumb 结构） */ .left_box{border-bottom:none;} .sub_tabs li{position:relative;} .sub_drop{display:none;position:absolute;left:50%;top:60px;z-index:20;min-width:160px;padding:6px 0;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateX(-50%);} .sub_tabs li:hover .sub_drop{display:block;} .pd_anchor .sub_drop li{margin:0;padding:0;} .pd_anchor .sub_drop li::before{display:none;} .pd_anchor .sub_drop a{height:auto;padding:0 20px;line-height:40px;border-bottom:none;font-size:14px;font-weight:normal;color:#555;white-space:nowrap;} .pd_anchor .sub_drop a:hover,.pd_anchor .sub_drop a.on{background:#fff100;color:#1a1a1a;} /* 2026-09-26 顶部导航下拉：跟内页子栏目下拉(.sub_drop)同一套样式——白底、下圆角、阴影、悬停整行黄底 */ .nav .sub_box{left:50%;right:auto;top:80px;min-width:160px;padding:6px 0;border-radius:0 0 8px 8px;box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateX(-50%);} .nav .sub_box #nav_ul_small,.en .nav .sub_box #nav_ul_small{padding:0;text-align:center;} #nav_ul_small li .menu_2,#nav_ul_small li .menu_3{padding:0 20px;line-height:40px;font-size:14px;color:#555;white-space:nowrap;} #nav_ul_small li .menu_2:hover,#nav_ul_small li:hover > .menu_2,#nav_ul_small2 li .menu_3:hover{background:#fff100;color:#1a1a1a;} #nav_ul_small li .menu_2 em{display:none;} #nav_ul_small2{height:auto;padding:6px 0;border-radius:0 8px 8px 8px;box-shadow:0 8px 24px rgba(0,0,0,.1);} /* 2026-09-26 产品详情：安装方法与尺寸说明（画册同款：左右两栏，底部黄色圆角色带 + 线框图标，设备图压在色带上） */ .pd_inst{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;} .pd_inst > li{display:flex;flex-direction:column;list-style:none;background:#f7f7f7;border-radius:16px;overflow:hidden;} .pd_inst_txt{padding:40px 44px 0;} .pd_inst_txt h4{padding-left:14px;border-left:4px #fff100 solid;font-size:22px;font-weight:bold;line-height:28px;color:#1a1a1a;} .pd_inst_txt em{display:block;margin-top:4px;padding-left:18px;font-size:14px;font-style:normal;color:#999;} .pd_inst_txt p{margin-top:18px;padding-left:18px;font-size:15px;line-height:1.9;color:#555;} .pd_inst_fig{position:relative;flex:1;min-height:330px;margin-top:10px;} .pd_inst_fig::before{content:"";position:absolute;left:24px;right:0;bottom:36px;height:118px;border-radius:59px 0 0 59px;background:#fff100;} .pd_inst_ico{position:absolute;left:62px;bottom:50px;width:90px;height:90px;display:flex;align-items:flex-end;justify-content:center;} .pd_inst_ico svg{width:100%;height:auto;max-height:90px;} .pd_inst_fig img{position:absolute;right:30px;bottom:14px;max-width:calc(100% - 200px);max-height:290px;object-fit:contain;transition:transform .5s;} .pd_inst > li:hover .pd_inst_fig img{transform:translateY(-6px);} .pd_inst_fig.no_img{min-height:190px;} @media screen and (max-width:1200px){.pd_inst_txt{padding:32px 30px 0;}.pd_inst_fig img{max-width:calc(100% - 170px);}} /* ===== 2026-09-26 服务支持页 .sp_（基础版式复用关于我们页 .ab_sec/.ab_t/.ab_lead） ===== */ .sp_btn{display:inline-block;height:48px;padding:0 34px;border-radius:24px;background:#fff100;font-size:16px;font-weight:bold;line-height:48px;color:#1a1a1a;transition:background-color .3s,color .3s,transform .3s;} .sp_btn:hover{transform:translateY(-2px);} /* 售后服务：4 张承诺卡，悬停变黄 */ .sp_svc{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px;} .sp_svc li{list-style:none;padding:40px 32px 36px;background:#f6f6f6;border-radius:14px;transition:background-color .35s,transform .35s,box-shadow .35s;} .sp_svc_ico{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff;} .sp_svc_ico svg{width:34px;height:34px;fill:none;stroke:#1a1a1a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;} .sp_svc_ico img{max-width:40px;max-height:40px;} .sp_svc h3{margin-top:26px;font-size:22px;font-weight:bold;color:#1a1a1a;} .sp_svc p{margin-top:12px;font-size:15px;line-height:1.8;color:#666;} .sp_svc li:hover{background:#fff100;transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.06);} .sp_svc li:hover p{color:#333;} /* 定制流程：深灰带 + 横向步骤条 */ .sp_process{background:linear-gradient(180deg,#1e1e1e,#2b2b2b);} .sp_steps{display:grid;grid-template-columns:repeat(8,1fr);margin-top:56px;padding:0;} .sp_steps li{position:relative;list-style:none;padding-right:18px;} .sp_steps li::before{content:"";position:absolute;left:0;right:0;top:66px;height:2px;background:rgba(255,255,255,.15);} .sp_steps li:last-child::before{right:auto;width:22px;} .sp_steps b{display:block;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:44px;font-weight:bold;line-height:44px;color:#fff100;} .sp_steps li>i{position:relative;z-index:1;display:block;width:16px;height:16px;margin:14px 0 22px;border:3px solid #fff100;border-radius:50%;background:#262626;box-sizing:border-box;transition:background-color .3s,transform .3s;} .sp_steps li:hover>i{background:#fff100;transform:scale(1.3);} .sp_steps h3{font-size:18px;font-weight:bold;color:#fff;} .sp_steps p{margin-top:8px;font-size:14px;line-height:1.75;color:rgba(255,255,255,.6);} /* 资料下载：文件清单 */ .sp_dl{margin-top:40px;border-top:1px solid #e8e8e8;} .sp_dl li{display:flex;align-items:center;gap:24px;padding:22px 10px;list-style:none;border-bottom:1px solid #e8e8e8;transition:background-color .3s;} .sp_dl li:hover{background:#fafafa;} .sp_dl_ext{flex:none;width:58px;height:58px;border-radius:10px;background:#2b2b2b;font-size:13px;font-weight:bold;line-height:58px;text-align:center;color:#fff100;letter-spacing:.5px;} .sp_dl_name{flex:1;min-width:0;} .sp_dl_name h3{font-size:18px;font-weight:bold;color:#1a1a1a;} .sp_dl_name p{margin-top:6px;font-size:13px;color:#999;} .sp_dl_name em{margin-left:16px;font-style:normal;} .sp_dl_btn{flex:none;height:40px;padding:0 26px 0 48px;border:1px solid #1a1a1a;border-radius:20px;font-size:14px;line-height:40px;color:#1a1a1a;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10l5 5 5-5M5 20h14'/%3E%3C/svg%3E") no-repeat 22px center;background-size:16px;transition:background-color .3s,border-color .3s;} .sp_dl_btn:hover{background-color:#fff100;border-color:#fff100;} .sp_dl_empty{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding:36px 44px;background:#f6f6f6;border-radius:14px;} .sp_dl_empty p{font-size:16px;line-height:1.8;color:#555;} .sp_dl_empty .sp_btn{flex:none;} /* 常见问题：手风琴 */ .sp_faq{background:#f6f6f6;} .sp_qa{margin-top:40px;} .sp_qa_item{margin-bottom:14px;background:#fff;border-radius:12px;border-left:4px solid transparent;transition:border-color .3s,box-shadow .3s;} .sp_qa_item.on{border-left-color:#fff100;box-shadow:0 8px 24px rgba(0,0,0,.05);} .sp_qa dt{display:flex;align-items:center;gap:16px;padding:22px 28px;cursor:pointer;} .sp_qa dt b{flex:none;width:32px;height:32px;border-radius:50%;background:#f1f1f1;font-size:15px;line-height:32px;text-align:center;color:#1a1a1a;transition:background-color .3s;} .sp_qa_item.on dt b,.sp_qa dt:hover b{background:#fff100;} .sp_qa dt span{flex:1;font-size:18px;font-weight:bold;color:#1a1a1a;} .sp_qa dt i{position:relative;flex:none;width:16px;height:16px;} .sp_qa dt i::before,.sp_qa dt i::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:#1a1a1a;transition:transform .3s;} .sp_qa dt i::after{transform:rotate(90deg);} .sp_qa_item.on dt i::after{transform:rotate(0);} .sp_qa dd{padding:0 28px 24px 76px;} .sp_qa dd p{font-size:15px;line-height:1.85;color:#666;} /* 底部行动条 */ .sp_cta{background:#fff100;} .sp_cta_in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:56px;padding-bottom:56px;} .sp_cta h3{font-size:28px;font-weight:bold;color:#1a1a1a;} .sp_cta p{margin-top:8px;font-size:16px;color:#333;} .sp_cta_btns{display:flex;flex:none;gap:16px;} .sp_btn_dark{background:#1a1a1a;color:#fff100;} .sp_btn_dark:hover{background:#000;color:#fff100;} .sp_btn_line{border:2px solid #1a1a1a;background:transparent;line-height:44px;} .sp_btn_line:hover{background:#1a1a1a;color:#fff100;} @media screen and (max-width:1200px){.sp_svc{grid-template-columns:repeat(2,1fr);}.sp_steps{grid-template-columns:repeat(4,1fr);row-gap:40px;}.sp_steps li:nth-child(4n)::before{right:auto;width:22px;}} /* 2026-09-26 关于我们-数字统计：文字型数据（数十家/十余位/多项在申/全国多区域+俄罗斯出口），与数字项同高 */ .ab_stat p{display:flex;align-items:center;justify-content:center;min-height:62px;} .ab_stat li.is_txt p{white-space:normal;} .ab_stat li.is_txt b{font-family:inherit;font-stretch:normal;font-size:30px;line-height:1.2;letter-spacing:1px;} .ab_stat li.is_txt b br+*{display:none;} /* ===== 2026-09-26 服务支持-营销网络 v2（标准地图 GS(2019)1823号 + 网页叠加标注；地图 multiply 融入背景，不改图片本身） ===== */ .sp_map_in{position:relative;} .sp_map_in img{display:block;width:100%;height:auto;mix-blend-mode:multiply;} .sp_map_svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;} .sp_line{fill:none;stroke:#1a1a1a;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;} .sp_pin,.sp_dot,.sp_lab{position:absolute;} .sp_pin{z-index:3;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box;} .sp_pin_hq{z-index:4;width:16px;height:16px;background:#fff100;border:4px solid #1a1a1a;} .sp_pin_hq::before,.sp_pin_hq::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:rgba(255,241,0,.55);animation:spPulse 2.4s ease-out infinite;} .sp_pin_hq::after{animation-delay:1.2s;} @keyframes spPulse{0%{transform:scale(1);opacity:.9;}100%{transform:scale(4);opacity:0;}} .sp_pin_f{width:12px;height:12px;background:#1a1a1a;border:3px solid #fff100;box-shadow:0 0 0 5px rgba(255,241,0,.35);} .sp_dot{z-index:2;width:8px;height:8px;border-radius:50%;background:#2b2b2b;box-shadow:0 0 0 4px rgba(255,241,0,.45),0 0 0 8px rgba(255,241,0,.15);transform:translate(-50%,-50%);} .sp_dot em{position:absolute;left:12px;top:50%;font-size:12px;font-style:normal;line-height:1;white-space:nowrap;color:#333;text-shadow:0 0 3px #fff,0 0 3px #fff;transform:translateY(-50%);} .sp_lab{z-index:5;display:flex;flex-direction:column;padding:6px 12px 6px 10px;background:rgba(255,255,255,.92);border-left:3px solid #fff100;border-radius:0 6px 6px 0;box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-50%);white-space:nowrap;} .sp_lab b{font-size:14px;font-weight:bold;line-height:1.3;color:#1a1a1a;} .sp_lab small{font-size:11px;line-height:1.3;color:#888;} .sp_lab_l{transform:translate(-100%,-50%);border-left:none;border-right:3px solid #fff100;border-radius:6px 0 0 6px;padding:6px 10px 6px 12px;text-align:right;} .sp_lab_hq{background:#1a1a1a;border-left-color:#fff100;} .sp_lab_hq b{color:#fff100;} .sp_lab_hq small{color:rgba(255,255,255,.6);} .sp_gs{margin-top:4px;font-size:12px;color:#aaa;text-align:right;} .sp_stats{display:grid;grid-template-columns:repeat(3,1fr);} .sp_stats li{list-style:none;} .sp_num{display:flex;align-items:flex-start;line-height:1;color:#1a1a1a;} .sp_num b{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-stretch:condensed;font-weight:bold;} .sp_num sup{font-weight:bold;} .sp_num i{font-style:normal;align-self:flex-end;color:#666;} .sp_stats h4{font-weight:bold;color:#1a1a1a;} .sp_stats p{color:#999;} .sp_cities p{color:#666;} .sp_cities em{display:inline-block;font-style:normal;font-weight:bold;color:#1a1a1a;background:#fff100;} .sp_network{position:relative;overflow:hidden;background:linear-gradient(120deg,#fafafa 0%,#f1f2f4 55%,#e9ebee 100%);} .sp_network::before{content:"";position:absolute;right:-8%;top:-20%;width:60%;height:140%;background:radial-gradient(closest-side,rgba(255,241,0,.10),rgba(255,241,0,0));pointer-events:none;} .sp_net_in{position:relative;display:grid;grid-template-columns:5fr 8fr;gap:50px;align-items:center;} .sp_net_sub{margin-top:26px;font-size:24px;font-weight:bold;line-height:1.4;color:#1a1a1a;} .sp_net_p{margin-top:14px;font-size:15px;line-height:1.9;color:#777;} .sp_stats{margin-top:40px;border-top:1px solid #dedede;border-bottom:1px solid #dedede;} .sp_stats li{padding:26px 0 24px;} .sp_stats li+li{padding-left:24px;border-left:1px solid #dedede;} .sp_num b{font-size:64px;} .sp_num sup{margin-left:2px;font-size:26px;} .sp_num i{margin:0 0 6px 4px;font-size:15px;} .sp_stats h4{margin-top:12px;font-size:15px;} .sp_stats p{margin-top:4px;font-size:13px;} .sp_cities{margin-top:26px;} .sp_cities p{margin-top:12px;font-size:14px;line-height:1.9;} .sp_cities em{margin-right:12px;padding:0 10px;font-size:13px;line-height:24px;border-radius:12px;} .sp_net_map{margin-right:-30px;} @media screen and (max-width:1200px){.sp_net_in{grid-template-columns:1fr;}.sp_net_map{margin-right:0;}} /* 2026-09-26 营销网络 v3：去“污染感”——纯白底、细环城市点、虚线区域圈；白块盖住图名“中国地图”（不改图片文件） */ .sp_network{background:#fff;border-top:1px solid #eee;} .sp_network::before{display:none;} .sp_map_in::before{content:"";position:absolute;z-index:1;left:-2px;top:-3px;width:20%;height:calc(5.5% + 3px);background:#fff;} .sp_area{fill:rgba(255,241,0,.14);stroke:#d9cc00;stroke-width:1.2;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;} .sp_dot{width:7px;height:7px;background:#1a1a1a;box-shadow:0 0 0 2px #fff,0 0 0 4px #fff100;} .sp_pin_f{box-shadow:0 0 0 2px #fff;} .sp_pin_hq::before,.sp_pin_hq::after{background:rgba(255,241,0,.45);} /* 2026-09-26 营销网络数字 v2：三列竖线 → 单列横排（左大数字+同基线单位，右标题/说明），只留横向细线 */ .sp_stats{display:block;margin-top:34px;border-top:none;border-bottom:none;} .sp_stats li,.sp_stats li+li{display:grid;grid-template-columns:150px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:24px;padding:22px 0;border-left:none;border-top:1px solid #e3e3e3;} .sp_stats li:last-child{border-bottom:1px solid #e3e3e3;} .sp_num{grid-row:1 / 3;display:flex;align-items:baseline;} .sp_num b{font-size:60px;line-height:.9;letter-spacing:-1px;} .sp_num sup{position:relative;top:-1.1em;margin-left:2px;font-size:22px;line-height:0;} .sp_num i{align-self:baseline;margin:0 0 0 6px;font-size:16px;font-weight:bold;color:#1a1a1a;} .sp_stats h4{align-self:end;margin-top:0;font-size:17px;} .sp_stats p{align-self:start;margin-top:6px;font-size:14px;color:#999;} .sp_num sup{top:0;margin-left:1px;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:40px;line-height:.9;} /* 2026-09-26 定制流程 v2：深灰带太压抑 → 浅灰底；步骤改为“大圆编号串在一条细线上 + 居中文字”，列与列对齐更整齐 */ .sp_process{background:#f6f6f6;} .sp_steps{margin-top:60px;} .sp_steps li{padding:0 10px;text-align:center;} .sp_steps li::before{top:28px;left:0;right:0;height:1px;background:#d6d6d6;} .sp_steps li:first-child::before{left:50%;} .sp_steps li:last-child::before{right:50%;width:auto;} .sp_steps b{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto;border:2px solid #1a1a1a;border-radius:50%;background:#fff;font-size:26px;line-height:1;color:#1a1a1a;box-sizing:border-box;transition:background-color .3s,border-color .3s,transform .3s;} .sp_steps li>i{display:none;} .sp_steps li:hover b{background:#fff100;border-color:#fff100;transform:translateY(-3px);box-shadow:0 8px 18px rgba(0,0,0,.08);} .sp_steps h3{margin-top:22px;font-size:17px;color:#1a1a1a;} .sp_steps p{margin-top:8px;padding:0 4px;font-size:13px;line-height:1.75;color:#888;} @media screen and (max-width:1200px){.sp_steps li:nth-child(4n)::before{right:50%;width:auto;}.sp_steps li:nth-child(4n+1)::before{left:50%;}} .sp_steps p{white-space:nowrap;color:#777;} @media screen and (max-width:1200px){.sp_steps p{white-space:normal;}} .sp_en .sp_steps p{white-space:normal;} /* 2026-09-27 定制流程：科技感点缀（纯 CSS）——点阵网格底纹（渐隐）+ 右上镂空大字水印 + 左下黄色柔光 + 流程线上流动光点 */ .sp_process{position:relative;overflow:hidden;background:#f5f6f7;} .sp_process::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.13) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 60% 45%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 60% 45%,#000 0%,transparent 75%);pointer-events:none;} .sp_process::after{content:"PROCESS";position:absolute;right:-10px;top:40px;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:180px;font-weight:bold;line-height:1;letter-spacing:6px;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.07);pointer-events:none;} .sp_process .ab_in{position:relative;z-index:1;} .sp_process .ab_in::before{content:"";position:absolute;left:-220px;bottom:-260px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,241,0,.22),rgba(255,241,0,0));pointer-events:none;} .sp_steps{position:relative;} .sp_steps::after{content:"";position:absolute;z-index:0;top:27px;left:6%;width:90px;height:3px;border-radius:2px;background:linear-gradient(90deg,rgba(255,241,0,0),#fff100 60%,rgba(255,241,0,0));filter:drop-shadow(0 0 4px rgba(255,241,0,.9));animation:spFlow 5s linear infinite;} @keyframes spFlow{0%{left:6%;opacity:0;}8%{opacity:1;}92%{opacity:1;}100%{left:88%;opacity:0;}} .sp_steps li{position:relative;z-index:1;} .sp_steps li::before{z-index:-1;} @media (prefers-reduced-motion:reduce){.sp_steps::after{animation:none;display:none;}} /* 2026-09-27 常见问题：CSS 高度过渡（grid-template-rows 0fr→1fr），同时只展开一条；内边距放在内层 p，收起时不残留 */ .sp_qa dd{display:grid;grid-template-rows:0fr;padding:0;transition:grid-template-rows .35s ease;} .sp_qa_item.on dd{grid-template-rows:1fr;} .sp_qa .qa_in{min-height:0;overflow:hidden;} .sp_qa dd p{padding:0 28px 24px 76px;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;} .sp_qa_item.on dd p{opacity:1;transform:none;} .sp_qa dt{user-select:none;} /* ===== 2026-09-27 电脑版底部改版 .ft（布局参照 mijoint，配色：石墨灰渐变 + 佰川黄点缀） ===== */ .ft{position:relative;overflow:hidden;background:linear-gradient(135deg,#1b1b1b 0%,#242424 55%,#2c2c2c 100%);color:rgba(255,255,255,.55);font-size:14px;} .ft::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none;} .ft::after{content:"";position:absolute;right:-180px;top:-220px;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,241,0,.10),rgba(255,241,0,0));pointer-events:none;} .ft_in{position:relative;z-index:1;padding:0 60px;box-sizing:content-box;} .ft a{color:inherit;transition:color .25s;} .ft a:hover{color:#fff100;} /* 上：logo + 定位 + 按钮 */ .ft_top{display:flex;align-items:center;gap:36px;padding:56px 0 40px;border-bottom:1px solid rgba(255,255,255,.08);} .ft_logo img{display:block;height:30px;} .ft_slogan{flex:1;padding-left:36px;border-left:1px solid rgba(255,255,255,.12);font-size:14px;color:rgba(255,255,255,.5);} .ft .ft_btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 26px;border:1px solid rgba(255,241,0,.6);border-radius:22px;font-size:15px;color:#fff100;} .ft .ft_btn i{width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff100' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s;} .ft .ft_btn:hover{background:#fff100;color:#1a1a1a;} .ft .ft_btn:hover i{transform:translateX(3px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");} /* 中：栏目列 + 联系方式 */ .ft_mid{display:grid;grid-template-columns:repeat(4,1fr) 1.9fr;gap:30px;padding:48px 0 50px;} .ft h4{margin-bottom:20px;font-size:17px;font-weight:bold;color:#fff;} .ft h4 a{color:#fff;} .ft h4::after{content:"";display:block;width:20px;height:3px;margin-top:12px;background:#fff100;} .ft_col a{display:block;margin-bottom:12px;line-height:1.5;} .ft_col a:hover{transform:translateX(3px);} .ft_col > a{transition:color .25s,transform .25s;} .ft_contact p{margin-bottom:10px;line-height:1.7;} .ft_contact em{margin-right:8px;font-style:normal;color:rgba(255,255,255,.35);} .ft .ft_tel{margin-bottom:14px;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:32px;font-weight:bold;line-height:1.2;letter-spacing:1px;} .ft .ft_tel a{color:#fff100;} .ft_qr{display:flex;gap:20px;margin-top:18px;} .ft_qr figure{margin:0;text-align:center;} .ft_qr img{display:block;width:96px;height:96px;padding:6px;background:#fff;border-radius:8px;box-sizing:border-box;object-fit:contain;} .ft_qr figcaption{margin-top:8px;font-size:13px;color:rgba(255,255,255,.55);} /* 下：版权 */ .ft_bot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.38);} .ft_bot span{margin:0 10px;opacity:.5;} .ft_links a{margin-left:18px;} @media screen and (max-width:1200px){.ft_mid{grid-template-columns:repeat(3,1fr);}.ft_contact{grid-column:1 / -1;}} .ft h4{line-height:1.4;} .ft h4 a{display:inline;margin:0;} /* 2026-09-27 底部二维码最多 4 个（网站/微信/视频号/抖音号），按个数自动缩放保持一行 */ .ft_qr{gap:14px;} .ft_qr figure{flex:1 1 0;max-width:96px;min-width:0;} .ft_qr img{width:100%;height:auto;aspect-ratio:1/1;} .ft_qr figcaption{white-space:nowrap;font-size:12px;} .ft_links{display:flex;align-items:center;} .ft_links a{position:relative;margin-left:0;padding:0 16px;} .ft_links a+a::before{content:"";position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:rgba(255,255,255,.2);} .ft_links a:last-child{padding-right:0;} /* ===== 2026-09-27 隐私政策 / 法律声明 / 网站地图 三页统一版式 .lg_ .sm_ ===== */ .lg_page{background:#fff;} /* 文字 banner：浅灰 + 点阵 + 大标题 */ .lg_bn{position:relative;overflow:hidden;background:#f5f6f7;} .lg_bn::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.12) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 40%,#000 70%,transparent);pointer-events:none;} .lg_bn::after{content:"";position:absolute;right:-160px;bottom:-240px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,241,0,.28),rgba(255,241,0,0));pointer-events:none;} .lg_bn_in{position:relative;z-index:1;height:220px;display:flex;flex-direction:column;justify-content:center;padding:0 60px;box-sizing:content-box;} .lg_bn em{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:15px;font-style:normal;letter-spacing:4px;color:#999;} .lg_bn h1{position:relative;margin-top:10px;padding-bottom:18px;font-size:40px;font-weight:bold;line-height:1.2;color:#1a1a1a;} .lg_bn h1::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;background:#fff100;} .lg_crumb{background:#fff;} /* 正文：左目录（吸顶）+ 右文章 */ .lg_wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;align-items:start;padding:70px 60px 100px;box-sizing:content-box;} .lg_toc_in{position:sticky;top:170px;padding:26px 24px;background:#f6f6f6;border-radius:12px;} .lg_toc h4{margin-bottom:14px;font-size:13px;font-weight:bold;letter-spacing:2px;color:#999;} .lg_toc ol{padding:0;margin:0;counter-reset:lg;} .lg_toc li{list-style:none;counter-increment:lg;} .lg_toc li a{position:relative;display:block;padding:9px 0 9px 34px;font-size:14px;line-height:1.5;color:#666;border-radius:6px;transition:color .2s;} .lg_toc li a::before{content:counter(lg,decimal-leading-zero);position:absolute;left:0;top:9px;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:15px;font-weight:bold;color:#c8c8c8;transition:color .2s;} .lg_toc li a:hover,.lg_toc li a.on{color:#1a1a1a;font-weight:bold;} .lg_toc li a.on::before{color:#1a1a1a;background:linear-gradient(transparent 55%,#fff100 55%);} .lg_top{display:inline-block;margin-top:16px;padding-top:14px;border-top:1px solid #e3e3e3;width:100%;font-size:13px;color:#999;} .lg_top:hover{color:#1a1a1a;} .lg_art{max-width:880px;} .lg_body{font-size:15px;line-height:1.95;color:#555;} .lg_body .lg_date{margin-bottom:18px;font-size:13px;color:#999;} .lg_body .lg_date em{font-style:normal;} .lg_lead{margin-bottom:40px;padding:22px 26px;background:#f6f6f6;border-left:4px solid #fff100;border-radius:0 10px 10px 0;font-size:16px;line-height:1.9;color:#333;} .lg_lead p{margin:0;} .lg_sec{padding:30px 0 26px;border-top:1px solid #eee;} .lg_sec:first-of-type{border-top:none;padding-top:0;} .lg_body h3{margin-bottom:14px;font-size:20px;font-weight:bold;line-height:1.5;color:#1a1a1a;} .lg_body p{margin-bottom:10px;} .lg_ask{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:40px;padding:30px 34px;background:#1f1f1f;border-radius:14px;} .lg_ask h4{font-size:20px;font-weight:bold;color:#fff;} .lg_ask p{margin-top:6px;font-size:14px;color:rgba(255,255,255,.55);} .lg_ask_btns{display:flex;align-items:center;gap:20px;flex:none;} .lg_ask .lg_mail{font-size:15px;color:#fff100;} .lg_ask .sp_btn_dark{background:#fff100;color:#1a1a1a;} /* 网站地图：卡片网格 */ .sm_wrap{padding:70px 60px 100px;box-sizing:content-box;} .sm_grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;} .sm_card{padding:28px 28px 22px;background:#f6f6f6;border-radius:14px;transition:background-color .3s,transform .3s,box-shadow .3s;} .sm_card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.07);} .sm_card h3{padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid #e4e4e4;font-size:19px;font-weight:bold;} .sm_card h3 a,.sm_card h3 span{display:flex;align-items:center;gap:12px;color:#1a1a1a;} .sm_card h3 i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff100;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:16px;font-style:normal;color:#1a1a1a;} .sm_card ul{padding:0;margin:0;} .sm_card li{list-style:none;} .sm_card li a{position:relative;display:block;padding:7px 0 7px 16px;font-size:14px;color:#666;transition:color .2s,padding .2s;} .sm_card li a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-top:1.5px solid #bbb;border-right:1.5px solid #bbb;transform:rotate(45deg);transition:border-color .2s;} .sm_card li a:hover{padding-left:20px;color:#1a1a1a;} .sm_card li a:hover::before{border-color:#1a1a1a;} .sm_card_ex h3 i{background:#1a1a1a;color:#fff100;} @media screen and (max-width:1200px){.lg_wrap{grid-template-columns:1fr;gap:30px;}.lg_toc_in{position:static;}.sm_grid{grid-template-columns:repeat(3,1fr);}} .sm_contact em{margin-right:8px;font-style:normal;color:#aaa;} /* 2026-09-27 产品特点：CSS 多栏，按实际高度自动均衡各列（列数由模板按每 3 条一列算出） */ .pd_feat_ul{column-gap:50px;margin:0;padding:0;} .pd_feat_ul li{list-style:none;position:relative;padding-left:22px;font-size:16px;line-height:2.2;color:#333;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;} .pd_feat_ul li::before{content:"";position:absolute;left:2px;top:14px;width:8px;height:8px;background:#1a1a1a;transform:rotate(45deg);} /* ===== 2026-09-27 新闻列表 .nw_ / 新闻详情 .nd_（参考 mijoint 新闻页，佰川黄灰） ===== */ .nw_page,.nd_page{background:#fff;} .nw_wrap{padding:60px 60px 90px;box-sizing:content-box;} .nw_meta{display:flex;align-items:center;gap:14px;font-size:13px;color:#999;} .nw_meta time{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:15px;letter-spacing:.5px;} .nw_tag{display:inline-block;padding:0 10px;line-height:24px;border-radius:12px;background:#fff100;font-size:12px;font-style:normal;color:#1a1a1a;} .nw_more{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:bold;color:#1a1a1a;} .nw_more i{width:18px;height:2px;background:#1a1a1a;position:relative;transition:width .3s;} .nw_more i::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:2px solid #1a1a1a;border-right:2px solid #1a1a1a;transform:rotate(45deg);} /* 推荐大卡 */ .nw_feat{display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:40px;background:#f6f6f6;border-radius:16px;overflow:hidden;transition:box-shadow .35s;} .nw_feat:hover{box-shadow:0 16px 40px rgba(0,0,0,.08);} .nw_feat_img{position:relative;display:block;min-height:360px;overflow:hidden;background:#e9e9e9;} .nw_feat_img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s;} .nw_feat:hover .nw_feat_img img{transform:scale(1.04);} .nw_feat_txt{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:44px 50px;} .nw_feat_txt strong{font-size:26px;font-weight:bold;line-height:1.45;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nw_feat_txt .nw_desc{font-size:15px;line-height:1.85;color:#777;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;} .nw_feat:hover .nw_more i{width:26px;} /* 三列卡片 */ .nw_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:0;} .nw_grid li{list-style:none;} .nw_grid a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s;} .nw_grid a:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.08);border-color:transparent;} .nw_img{position:relative;display:block;padding-bottom:62%;overflow:hidden;background:#eee;} .nw_img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s;} .nw_grid a:hover .nw_img img{transform:scale(1.05);} .nw_img.noimg,.nw_feat_img.noimg{background:#f1f1f1 url(../images/logo_footer.png) no-repeat center/40% auto;filter:grayscale(1);opacity:.5;} .nw_body{display:flex;flex-direction:column;gap:12px;flex:1;padding:22px 24px 24px;} .nw_body strong{font-size:18px;font-weight:bold;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:54px;transition:color .25s;} .nw_body .nw_desc{font-size:14px;line-height:1.75;color:#888;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nw_body .nw_more{margin-top:auto;padding-top:6px;} .nw_grid a:hover .nw_more i{width:26px;} .nw_empty{padding:80px 0;text-align:center;font-size:15px;color:#999;} /* 分页 */ .nw_pager{display:flex;justify-content:center;gap:8px;margin-top:50px;font-size:14px;} .nw_pager a,.nw_pager span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border:1px solid #e3e3e3;border-radius:20px;color:#555;box-sizing:border-box;transition:all .25s;} .nw_pager a:hover{border-color:#1a1a1a;color:#1a1a1a;} .nw_pager .current{background:#fff100;border-color:#fff100;color:#1a1a1a;font-weight:bold;} /* 详情 */ .nd_wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:70px;align-items:start;padding:60px 60px 100px;box-sizing:content-box;} .nd_head h1{margin-top:18px;font-size:34px;font-weight:bold;line-height:1.4;color:#1a1a1a;} .nd_lead{margin-top:28px;padding:22px 26px;background:#f6f6f6;border-left:4px solid #fff100;border-radius:0 10px 10px 0;font-size:16px;line-height:1.85;color:#555;} .nd_body{margin-top:36px;padding-top:36px;border-top:1px solid #eee;font-size:16px;line-height:2;color:#444;} .nd_body p{margin-bottom:18px;} .nd_body img{max-width:100%!important;height:auto!important;border-radius:10px;} .nd_body h2,.nd_body h3{margin:34px 0 14px;padding-left:12px;border-left:4px solid #fff100;font-weight:bold;line-height:1.4;color:#1a1a1a;} .nd_body h2{font-size:22px;} .nd_body h3{font-size:19px;} .nd_body table{max-width:100%;border-collapse:collapse;} .nd_pn{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px;padding-top:40px;border-top:1px solid #eee;} .nd_pn_item{display:flex;align-items:center;gap:16px;padding:16px;background:#f6f6f6;border-radius:12px;transition:background-color .3s,box-shadow .3s;} a.nd_pn_item:hover{background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.07);} .nd_pn_r{justify-content:flex-end;text-align:right;} .nd_pn_img{flex:none;width:96px;height:64px;border-radius:8px;overflow:hidden;background:#e9e9e9;} .nd_pn_img img{width:100%;height:100%;object-fit:cover;} .nd_pn_txt{display:flex;flex-direction:column;gap:6px;min-width:0;} .nd_pn_txt em{font-size:13px;font-style:normal;color:#999;} .nd_pn_txt strong{font-size:15px;font-weight:bold;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .nd_pn_none strong{color:#bbb;font-weight:normal;} .nd_back{margin-top:36px;text-align:center;} .nd_side_in{position:sticky;top:170px;display:flex;flex-direction:column;gap:24px;} .nd_box{padding:26px 24px 16px;background:#f6f6f6;border-radius:14px;} .nd_box h4,.nd_cta h4{position:relative;margin-bottom:18px;padding-bottom:12px;font-size:18px;font-weight:bold;color:#1a1a1a;} .nd_box h4::after{content:"";position:absolute;left:0;bottom:0;width:24px;height:3px;background:#fff100;} .nd_new{margin:0;padding:0;} .nd_new li{list-style:none;border-top:1px solid #e6e6e6;} .nd_new li:first-child{border-top:none;} .nd_new a{display:flex;gap:14px;padding:12px 0;} .nd_new_img{flex:none;width:84px;height:58px;border-radius:8px;overflow:hidden;background:#e9e9e9;} .nd_new_img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;} .nd_new a:hover .nd_new_img img{transform:scale(1.08);} .nd_new_txt{display:flex;flex-direction:column;justify-content:space-between;min-width:0;} .nd_new_txt strong{font-size:14px;font-weight:bold;line-height:1.5;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s;} .nd_new a:hover strong{color:#1a1a1a;text-decoration:underline;text-decoration-color:#fff100;text-decoration-thickness:3px;text-underline-offset:3px;} .nd_new_txt time{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:13px;color:#aaa;} .nd_cta{padding:28px 26px;background:#1f1f1f;border-radius:14px;} .nd_cta h4{margin-bottom:8px;padding-bottom:0;color:#fff;} .nd_cta p{margin-bottom:18px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.55);} .nd_cta .sp_btn_dark{background:#fff100;color:#1a1a1a;} @media screen and (max-width:1200px){.nw_grid{grid-template-columns:repeat(2,1fr);}.nd_wrap{grid-template-columns:1fr;}.nd_side_in{position:static;}} /* ===== 2026-09-27 联系我们 .ct_（黄色主视觉） ===== */ .ct_page{background:#f6f6f6;} .ct_hero{position:relative;overflow:hidden;background:#fff100;} .ct_hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.14) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%,transparent 100%);pointer-events:none;} .ct_hero::after{content:"CONTACT";position:absolute;right:-20px;bottom:-40px;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:240px;font-weight:bold;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(0,0,0,.08);pointer-events:none;} .ct_hero_in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:60px;padding:90px 60px 150px;box-sizing:content-box;} .ct_hero_txt em{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:16px;font-style:normal;letter-spacing:5px;color:rgba(0,0,0,.5);} .ct_hero_txt h1{margin-top:10px;font-size:54px;font-weight:bold;line-height:1.15;color:#1a1a1a;} .ct_hero_txt p{max-width:560px;margin-top:18px;font-size:17px;line-height:1.8;color:rgba(0,0,0,.7);} .ct_hot{display:inline-flex;flex-direction:column;margin-top:30px;padding-left:18px;border-left:5px solid #1a1a1a;} .ct_hot small{font-size:14px;color:rgba(0,0,0,.55);} .ct_hot b{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:52px;font-weight:bold;line-height:1.1;letter-spacing:1px;color:#1a1a1a;} .ct_wx{flex:none;display:flex;align-items:center;gap:22px;width:420px;padding:26px;background:#1f1f1f;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.18);box-sizing:border-box;} .ct_wx img{flex:none;width:120px;height:120px;padding:6px;background:#fff;border-radius:10px;box-sizing:border-box;object-fit:contain;} .ct_wx h4{font-size:19px;font-weight:bold;color:#fff100;} .ct_wx p{margin-top:8px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.65);} /* 三张联系卡（压在黄色下沿） */ .ct_cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:-80px;padding:0 60px;box-sizing:content-box;} .ct_card{display:flex;flex-direction:column;gap:10px;padding:32px 30px 28px;background:#fff;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.07);transition:transform .35s,box-shadow .35s;} .ct_card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(0,0,0,.1);} .ct_card i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:8px;border-radius:50%;background:#fff100;transition:background-color .3s;} .ct_card i svg,.ct_loc_map i svg{width:24px;height:24px;fill:none;stroke:#1a1a1a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .ct_card:hover i{background:#1a1a1a;} .ct_card:hover i svg{stroke:#fff100;} .ct_card span{font-size:14px;color:#999;} .ct_card strong{font-size:20px;font-weight:bold;line-height:1.5;color:#1a1a1a;word-break:break-all;} .ct_card em{margin-top:auto;padding-top:8px;font-size:14px;font-style:normal;font-weight:bold;color:#1a1a1a;} /* 表单 + 侧栏 */ .ct_main{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:30px;align-items:start;padding:60px 60px 100px;box-sizing:content-box;} .ct_form_box{padding:44px 46px 46px;background:#fff;border-radius:18px;} .ct_fp{margin:-6px 0 28px;font-size:15px;color:#888;} .ct_grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;} .ct_grid label{display:flex;flex-direction:column;gap:8px;} .ct_grid label > span{font-size:14px;font-weight:bold;color:#333;} .ct_grid label b{margin-left:3px;color:#e0392b;} .ct_grid input,.ct_grid textarea{width:100%;height:50px;padding:0 16px;border:1px solid #e3e3e3;border-radius:10px;background:#fafafa;font-size:15px;color:#1a1a1a;box-sizing:border-box;outline:none;transition:border-color .25s,background-color .25s,box-shadow .25s;} .ct_grid textarea{height:140px;padding:14px 16px;resize:vertical;line-height:1.7;font-family:inherit;} .ct_grid input:focus,.ct_grid textarea:focus{border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 4px rgba(255,241,0,.45);} .ct_full{grid-column:1 / -1;} .ct_code em{display:flex;gap:10px;font-style:normal;} .ct_code img{flex:none;height:50px;width:110px;border-radius:10px;border:1px solid #e3e3e3;cursor:pointer;object-fit:contain;background:#fff;} .ct_submit{display:inline-flex;align-items:center;gap:12px;margin-top:28px;height:56px;padding:0 44px;border:none;border-radius:28px;background:#fff100;font-size:17px;font-weight:bold;color:#1a1a1a;cursor:pointer;transition:background-color .3s,color .3s,transform .3s;} .ct_submit i{width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain;} .ct_submit:hover{background:#1a1a1a;color:#fff100;transform:translateY(-2px);} .ct_submit:hover i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff100' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");} .ct_side{display:flex;flex-direction:column;gap:24px;} .ct_loc{padding:30px 28px;background:#1f1f1f;border-radius:18px;} .ct_loc_map{position:relative;height:130px;margin:-30px -28px 22px;border-radius:18px 18px 0 0;overflow:hidden;background:#2b2b2b;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:26px 26px;} .ct_loc_map i{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#fff100;box-shadow:0 0 0 10px rgba(255,241,0,.18),0 0 0 22px rgba(255,241,0,.08);} .ct_loc h4{font-size:18px;font-weight:bold;color:#fff;} .ct_loc p{margin-top:8px;font-size:15px;line-height:1.75;color:rgba(255,255,255,.7);} .ct_loc_btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;} .ct_loc_btns a{display:flex;align-items:center;justify-content:center;height:42px;border-radius:21px;background:#fff100;font-size:14px;font-weight:bold;color:#1a1a1a;transition:background-color .25s,color .25s;} .ct_loc_btns a+a{background:transparent;border:1px solid rgba(255,241,0,.6);color:#fff100;} .ct_loc_btns a:hover{background:#fff;color:#1a1a1a;} .ct_site{display:flex;align-items:center;gap:18px;padding:22px;background:#fff;border-radius:18px;} .ct_site img{flex:none;width:92px;height:92px;object-fit:contain;} .ct_site h4{font-size:17px;font-weight:bold;color:#1a1a1a;} .ct_site p{margin-top:6px;font-size:13px;color:#999;} @media screen and (max-width:1200px){.ct_hero_in{flex-direction:column;align-items:flex-start;}.ct_main{grid-template-columns:1fr;}} /* 2026-09-27 圆圈里的数字垂直居中：DIN Condensed 自带行高上 19/下 7（26px 时），而数字几乎没有下沉，导致数字整体偏上约 3px。 用 @font-face 覆盖它的上下行高，让数字墨迹在行框里居中；只对 DIN Condensed 生效，Windows 回退的 Bahnschrift 不受影响 */ @font-face{font-family:"DINC Num";src:local("DIN Condensed Bold"),local("DINCondensed-Bold"),local("DIN Condensed");font-weight:bold;ascent-override:86%;descent-override:14%;line-gap-override:0%;} .sp_steps b,.sm_card h3 i{font-family:"DINC Num","Bahnschrift","Arial Narrow",sans-serif;} /* 2026-09-27 地址卡改浅色（原黑卡在浅灰页面里太重） */ .ct_loc{background:#fff;} .ct_loc_map{background-color:#f3f4f6;background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);} .ct_loc_map i{box-shadow:0 0 0 10px rgba(255,241,0,.35),0 0 0 22px rgba(255,241,0,.15);} .ct_loc h4{color:#1a1a1a;} .ct_loc p{color:#666;} .ct_loc_btns a+a{border-color:#1a1a1a;color:#1a1a1a;} .ct_loc_btns a:hover{background:#1a1a1a;color:#fff100;} /* 2026-09-27 高德实时地图（填了 Key 才出现） */ .ct_loc_map .ct_amap{position:absolute;inset:0;z-index:2;} .ct_loc_map.map_ok{height:240px;} .ct_loc_map.map_ok > i{display:none;} .ct_amap_lb{padding:4px 10px;background:#1a1a1a;border-radius:4px;font-size:12px;color:#fff100;white-space:nowrap;} .amap-marker-label{padding:0;border:none;background:transparent;} .ct_loc_map.has_amap{height:240px;} .ct_loc_map.has_amap > i{display:none;} .ct_hero_txt p{max-width:760px;} /* 2026-09-27 顶部导航指示条：从文字上方移到文字下方（与全站页签的底部黄线统一），宽度同文字，悬停从中间展开 */ .nav_ul_big > li > a::after{content:"";position:absolute;left:15px;right:15px;top:auto;bottom:0;height:3px;background-color:#fff100;transform:scaleX(0);transition:transform .3s ease;} .nav_ul_big > li:hover > a::after,.nav_ul_big li.curr .menu_1::after{top:auto;bottom:0;left:15px;right:15px;transform:scaleX(1);} /* 2026-09-27 产品视频弹窗：最大 800×600，按视频自身比例（横版 4:3 正好 800×600，竖版 9:16 为 338×600），不再拉大到 70% 屏宽导致画质发虚 */ .pd_video_mask{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);} .pd_video_box{width:auto;max-width:none;padding:0;border-radius:14px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:visible;} .pd_video_box video{width:auto;height:auto;max-width:min(800px,92vw);max-height:min(600px,82vh);min-width:240px;border-radius:14px;object-fit:contain;} .pd_video_close{right:-6px;top:-50px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14);font-size:28px;line-height:1;transition:background-color .25s,color .25s;} .pd_video_close:hover{background:#fff100;color:#1a1a1a;} /* 2026-09-27 产品参数表圆角：collapse 模式下圆角无效，改 separate + 只画右/下内边线，外框统一圆角；去掉顶部黑粗线 */ .pd_rich table{border-collapse:separate;border-spacing:0;border:1px solid #e3e3e3;border-top:1px solid #e3e3e3;border-radius:12px;overflow:hidden;} .pd_rich td,.pd_rich th{border:none!important;border-right:1px solid #e3e3e3!important;border-bottom:1px solid #e3e3e3!important;} .pd_rich tr > td:last-child,.pd_rich tr > th:last-child{border-right:none!important;} .pd_rich tr:last-child > td,.pd_rich tr:last-child > th{border-bottom:none!important;} /* ===== 2026-09-27 首页改版 .hm_（大气：全屏大图 + 压边数字条 + 大标题分区） ===== */ .hm_page{background:#fff;} .hm_eb{display:inline-flex;align-items:center;gap:12px;font-size:16px;font-style:normal;letter-spacing:2px;color:#fff100;} .hm_eb::before{content:"";width:36px;height:3px;background:#fff100;} .hm_eb2{display:inline-flex;align-items:center;gap:10px;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:15px;font-style:normal;letter-spacing:4px;color:#999;} .hm_eb2::before{content:"";width:28px;height:3px;background:#fff100;} /* 大图 */ .hm_hero{position:relative;height:calc(100vh - 80px);min-height:620px;max-height:920px;margin-top:80px;overflow:hidden;background:#1a1a1a;} .hm_slide{position:absolute;inset:0;background:no-repeat center/cover;opacity:0;visibility:hidden;transform:scale(1.06);transition:opacity 1s ease,transform 7s ease-out,visibility 1s;} .hm_slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,.05) 100%);} .hm_slide.on{opacity:1;visibility:visible;transform:scale(1);} .hm_slide_in{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 60px 60px;box-sizing:border-box;} .hm_slide h2{max-width:900px;margin-top:22px;font-size:64px;font-weight:bold;line-height:1.2;color:#fff;letter-spacing:1px;} .hm_slide p{max-width:680px;margin-top:22px;font-size:18px;line-height:1.8;color:rgba(255,255,255,.78);} .hm_slide .hm_eb,.hm_slide h2,.hm_slide p,.hm_slide .hm_btns{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s;} .hm_slide.on .hm_eb,.hm_slide.on h2,.hm_slide.on p,.hm_slide.on .hm_btns{opacity:1;transform:none;} .hm_slide.on h2{transition-delay:.15s;}.hm_slide.on p{transition-delay:.3s;}.hm_slide.on .hm_btns{transition-delay:.45s;} .hm_btns{display:flex;gap:16px;margin-top:40px;} .hm_btn{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 34px;border-radius:28px;font-size:16px;font-weight:bold;transition:background-color .3s,color .3s,border-color .3s,transform .3s;} .hm_btn i{width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .3s;} .hm_btn:hover{transform:translateY(-2px);} .hm_btn:hover i{transform:translateX(4px);} .hm_btn_y{background:#fff100;color:#1a1a1a;} .hm_btn_o{border:2px solid rgba(255,255,255,.7);color:#fff;} .hm_btn_o:hover{background:#fff;color:#1a1a1a;border-color:#fff;} .hm_btn_d{margin-top:34px;background:#1a1a1a;color:#fff100;} .hm_btn_d i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff100' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");} .hm_dots{position:absolute;left:0;right:0;bottom:120px;z-index:2;display:flex;gap:26px;padding:0 60px;box-sizing:content-box;} .hm_dots a{display:flex;flex-direction:column;gap:8px;width:90px;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:16px;color:rgba(255,255,255,.5);} .hm_dots a.on{color:#fff;} .hm_dots i{position:relative;display:block;height:3px;background:rgba(255,255,255,.25);overflow:hidden;} .hm_dots s{position:absolute;left:0;top:0;bottom:0;width:0;background:#fff100;} .hm_dots a.on s{animation:hmBar 6s linear forwards;} @keyframes hmBar{from{width:0}to{width:100%}} .hm_scroll{position:absolute;right:60px;bottom:120px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;letter-spacing:2px;color:rgba(255,255,255,.6);} .hm_scroll i{position:relative;width:22px;height:36px;border:2px solid rgba(255,255,255,.6);border-radius:12px;} .hm_scroll i::after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff100;animation:hmMouse 1.6s infinite;} @keyframes hmMouse{0%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:0}} /* 数字条（压大图下沿） */ .hm_stats_w{position:relative;z-index:3;margin-top:-70px;padding:0 60px;box-sizing:content-box;} .hm_stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.1);overflow:hidden;} .hm_stats li{position:relative;padding:34px 16px 30px;list-style:none;text-align:center;} .hm_stats li+li::before{content:"";position:absolute;left:0;top:34%;height:32%;width:1px;background:#eee;} .hm_stats p{display:flex;align-items:baseline;justify-content:center;min-height:52px;line-height:1;} .hm_stats b{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:52px;font-weight:bold;color:#1a1a1a;} .hm_stats li.is_txt b{font-family:inherit;font-size:24px;line-height:1.3;} .hm_stats em{margin-left:3px;font-size:18px;font-style:normal;font-weight:bold;color:#1a1a1a;} .hm_stats span{display:block;margin-top:10px;font-size:14px;color:#888;} .hm_stats li:first-child{background:#fff100;} .hm_stats li:first-child span{color:#555;} /* 分区通用 */ .hm_sec{padding:110px 0;} .hm_in{padding:0 60px;box-sizing:content-box;} .hm_head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px;} .hm_head h2,.hm_ab_txt h2{margin-top:14px;font-size:44px;font-weight:bold;line-height:1.2;color:#1a1a1a;} .hm_head p{max-width:640px;margin-top:16px;font-size:16px;line-height:1.8;color:#777;} .hm_head_r{display:flex;align-items:center;gap:24px;flex:none;} .hm_head_r .hm_nav{position:static;} .hm_all{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:bold;color:#1a1a1a;} .hm_all i{width:34px;height:34px;border-radius:50%;background:#fff100 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/14px;transition:transform .3s;} .hm_all:hover i{transform:translateX(4px);} /* 产品横滑 */ .hm_pro{padding-top:120px;} .hm_pro_track{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;} .hm_pro_track::-webkit-scrollbar{display:none;} .hm_pro_track li{flex:0 0 calc((100% - 60px) / 3);width:auto;margin-bottom:0;scroll-snap-align:start;} /* 关于 */ .hm_about{background:#f6f6f6;} .hm_ab_grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;} .hm_ab_p{margin-top:26px;font-size:16px;line-height:2;color:#555;} .hm_ab_img{position:relative;border-radius:18px;overflow:hidden;} .hm_ab_img::after{content:"";position:absolute;right:0;bottom:0;width:36%;height:8px;background:#fff100;} .hm_ab_img img{display:block;width:100%;height:440px;object-fit:cover;} .hm_adv{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px;padding:0;} .hm_adv li{padding:30px 28px;list-style:none;background:#fff;border-radius:14px;transition:transform .35s,box-shadow .35s,background-color .35s;} .hm_adv li:hover{transform:translateY(-4px);background:#fff100;box-shadow:0 14px 34px rgba(0,0,0,.08);} .hm_adv b{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:36px;font-weight:bold;line-height:1;color:#e2e2e2;transition:color .35s;} .hm_adv li:hover b{color:#1a1a1a;} .hm_adv h3{margin-top:14px;font-size:19px;font-weight:bold;color:#1a1a1a;} .hm_adv p{margin-top:10px;font-size:14px;line-height:1.75;color:#777;} .hm_adv li:hover p{color:#333;} /* 应用领域、新闻 */ .hm_app{background:#fff;} .hm_news{background:#f6f6f6;} .hm_news .nw_grid a{background:#fff;} @media screen and (max-width:1200px){.hm_slide h2{font-size:48px;}.hm_pro_track li{flex-basis:calc((100% - 30px) / 2);}.hm_ab_grid{grid-template-columns:1fr;}.hm_adv{grid-template-columns:repeat(2,1fr);}} @media (prefers-reduced-motion:reduce){.hm_slide{transition:opacity .3s;transform:none;}} /* 2026-09-27 首页大图·浅色画册版（后台 banner 标题含「浅色」即启用）：白底产品图 + 深色文字 + 黄色马克笔高亮 */ .hm_lt1{background-color:#f7f7f7;background-position:right center;} .hm_lt1::before{background:linear-gradient(90deg,rgba(250,250,250,.92) 0%,rgba(250,250,250,.7) 34%,rgba(250,250,250,0) 56%);} .hm_lt1 .hm_eb{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:17px;letter-spacing:4px;color:#777;} .hm_lt1 h2{color:#1a1a1a;font-size:66px;letter-spacing:3px;} .hm_h_a{font-weight:300;color:#444;} .hm_h_b{margin-left:.35em;padding:0 .12em;font-weight:bold;color:#1a1a1a;background:linear-gradient(transparent 56%,#fff100 56%,#fff100 90%,transparent 90%);} .hm_h_a+br+.hm_h_b{margin-left:-.12em;} .hm_lt1 p{color:#555;} .hm_lt1 .hm_btn_y{background:#1a1a1a;color:#fff100;} .hm_lt1 .hm_btn_y i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff100' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");} .hm_lt1 .hm_btn_o{border-color:#1a1a1a;color:#1a1a1a;} .hm_lt1 .hm_btn_o:hover{background:#1a1a1a;color:#fff;border-color:#1a1a1a;} .hm_hero.is_light .hm_dots a{color:rgba(0,0,0,.35);} .hm_hero.is_light .hm_dots a.on{color:#1a1a1a;} .hm_hero.is_light .hm_dots i{background:rgba(0,0,0,.12);} .hm_hero.is_light .hm_dots s{background:#1a1a1a;} .hm_hero.is_light .hm_scroll{color:rgba(0,0,0,.5);} .hm_hero.is_light .hm_scroll i{border-color:rgba(0,0,0,.45);} .hm_hero.is_light .hm_scroll i::after{background:#1a1a1a;} .hm_dots a,.hm_dots i,.hm_scroll,.hm_scroll i{transition:color .6s,background-color .6s,border-color .6s;} .hm_lt1 p{max-width:520px;} .hm_lt1 h2.hm_h_en{font-size:52px;letter-spacing:0;line-height:1.15;} .hm_h_en .hm_h_b{white-space:nowrap;} @media screen and (max-width:1600px){.hm_lt1{background-position:right -160px center;}} @media screen and (max-width:1200px){.hm_lt1 h2{font-size:50px;}.hm_lt1 h2.hm_h_en{font-size:42px;}.hm_lt1{background-position:right -260px center;}} /* 2026-09-27 首页删掉数字条后：大图底部圆点/滚动提示下移，产品区恢复常规上边距 */ .hm_dots,.hm_scroll{bottom:60px;} .hm_pro{padding-top:110px;} /* 2026-09-27 产品卡灰条只显示当前语言；英文名长，字号收小+单行省略兜底 */ .bc_bar span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .bc_bar_en span{font-size:15px;letter-spacing:0;} .pd_rel_list .bc_bar_en span{font-size:13px;} /* 2026-09-27 英文首页：去掉与大标题重复的小字标签，标题用 Bahnschrift（Mac 无此字体→同为 DIN 1451 系的 DIN Alternate） */ .hm_en .hm_head h2,.hm_en .hm_ab_txt h2{display:flex;align-items:center;gap:18px;margin-top:0;font-family:"Bahnschrift","DIN Alternate","Barlow","Arial Narrow",sans-serif;font-size:48px;font-weight:600;letter-spacing:.5px;line-height:1.1;} .hm_en .hm_head h2::before,.hm_en .hm_ab_txt h2::before{content:"";flex:none;width:36px;height:4px;background:#fff100;} /* 2026-09-27 英文首页：连字符词不拆行（配合 e_index 的 nobr 脚本）；版块说明放宽到一行 */ .nobr{white-space:nowrap;} .hm_en .hm_head p{max-width:820px;text-wrap:balance;} .hm_page p{text-wrap:pretty;} /* 2026-09-27 英文顶部下拉：单词长短不一，改左对齐；框从导航项左侧展开，首字母与一级菜单文字对齐（一级菜单左内边距15px） */ .nav .sub_box_en{left:-9px;transform:none;min-width:200px;} .nav .sub_box_en #nav_ul_small{text-align:left;} .nav .sub_box_en #nav_ul_small li .menu_2{padding:0 24px;} /* 2026-09-27 英文版顶部导航不要下拉（用户决定）。只隐藏不删结构：导航"当前栏目高亮"靠下拉里的链接匹配子页面，且保留链接供搜索引擎抓取 */ .nav .sub_box_en{display:none !important;} /* 2026-09-27 英文页标题统一 Bahnschrift（Windows 自带；Mac/iOS 回退同为 DIN 1451 系的 DIN Alternate）。lang_en 由 e_head.html 挂到 上 */ .lang_en :is(h1,h2,h3,h4,h5),.lang_en .page_banner .text .gg_t,.lang_en .page_t{font-family:"Bahnschrift","DIN Alternate","Barlow","Segoe UI",Arial,sans-serif;} /* 例外：产品型号大字保持窄体 DIN Condensed；首页大图主标题保留原字体（细体+粗体高亮对比，Mac 的 DIN Alternate 没有细体） */ .lang_en .bc_model,.lang_en .pd_name{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;} .lang_en .hm_slide h2{font-family:inherit;} /* 2026-09-27 英文页防孤词：en_text.js 负责兼容所有浏览器；新浏览器再用 text-wrap 做更均匀的折行 */ .lang_en :is(h1,h2,h3,h4,.ab_lead){text-wrap:balance;} .lang_en :is(p,li,dd){text-wrap:pretty;} /* 2026-09-27 新闻日期：中文保留窄体数字但换成校正过上下边距的 DINC Num（与黄色标签垂直居中）；英文改 May 20, 2023 格式 + 正文字体 */ .nw_meta time,.nd_new_txt time{font-family:"DINC Num","Bahnschrift","Arial Narrow",sans-serif;line-height:1;} .lang_en .nw_meta time,.lang_en .nd_new_txt time{font-family:inherit;font-size:13px;letter-spacing:0;line-height:inherit;} /* 2026-09-27 新闻卡片：日期从标题上方移到卡片底部，与"了解更多/Learn More"左右对齐；顶部只留分类标签 */ .nw_meta:empty{display:none;} .nw_foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:6px;} .nw_body .nw_foot .nw_more{margin-top:0;padding-top:0;} .nw_feat_txt .nw_foot{margin-top:6px;padding-top:0;} .nw_foot time{font-size:14px;line-height:1;color:#aaa;} .lang_en .nw_foot time{font-size:13px;} .hm_news .nw_body{min-height:0;} /* 2026-09-27 英文防拆行的 .nobr 只是普通文字，不能被 ".xx span" 这类规则加上内边距/底色 */ span.nobr{display:inline !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;gap:0 !important;} /* 2026-09-27 页脚上方已有黄色行动条时隐藏页脚"在线留言"按钮（判断脚本在 [ce]_foot.html） */ .ft.ft_nobtn .ft_btn{display:none;} /* 2026-09-27 页脚"联系我们"：先公司全称，再 服务热线(带标签) / 地址 / 邮箱，标签列对齐 */ .ft_co{margin-bottom:16px;font-size:16px;font-weight:bold;line-height:1.5;color:#fff;} .ft .ft_tel{margin-bottom:12px;} .ft .ft_tel em{display:block;margin:0 0 4px;font-family:inherit;font-size:12px;font-weight:normal;letter-spacing:0;line-height:1.4;color:rgba(255,255,255,.35);} .ft_contact .ft_row{display:flex;gap:12px;margin-bottom:8px;} .ft_contact .ft_row em{flex:none;width:2.4em;margin-right:0;} .lang_en .ft_contact .ft_row em{width:4.2em;} .ft_contact .ft_row a{color:inherit;} /* 2026-09-27 页脚联系栏第二版：公司名当标题（大字 + 黄短线），下面 地址 / 电话(黄色大号) / 网址 / 邮箱 四行，标签列对齐 */ .ft h4.ft_co{margin-bottom:22px;font-size:26px;line-height:1.3;letter-spacing:.5px;} .lang_en .ft h4.ft_co{font-size:22px;} .ft_contact .ft_row{align-items:baseline;margin-bottom:10px;} .ft_contact .ft_row em{width:2.4em;} .lang_en .ft_contact .ft_row em{width:4.6em;} .ft_contact .ft_row_tel{align-items:center;margin:4px 0 12px;} .ft_contact .ft_row_tel a{font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:32px;font-weight:bold;line-height:1.1;letter-spacing:1px;color:#fff100;} /* 2026-09-27 页脚联系栏第三版：标题回到"联系我们"（与其他栏统一），公司名放在黄线下面作第一行大字 */ .ft_contact p.ft_co{margin:0 0 18px;font-size:24px;font-weight:bold;line-height:1.35;letter-spacing:.5px;color:#fff;} .lang_en .ft_contact p.ft_co{font-size:20px;} /* 2026-09-27 .nobr 也不能继承 ".xx span" 的透明度/颜色/字号（例：页脚版权行 .ft_bot span{opacity:.5} 把 2026-2029 变暗） */ span.nobr{opacity:1 !important;color:inherit !important;font-size:inherit !important;font-weight:inherit !important;letter-spacing:inherit !important;} /* 2026-09-27 顶部语言切换的地球改成会自转的矢量图标（SVG 动画：经线依次从左扫到右，6 秒一圈；颜色 #666 同原图 lang.png）。参考用户另一站 china-zccd.com 的 lang.gif，但用矢量，高清屏不发虚 */ .lang .lang_ico{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23666%22 stroke-width=%221.5%22 stroke-linecap=%22round%22%3E%3Cdefs%3E%3CclipPath id=%22g%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18M4.2 8h15.6M4.2 16h15.6%22/%3E%3Cg clip-path=%22url(%23g)%22%3E%3Cpath fill=%22none%22 d=%22M12 3Q-6 12 12 21%22%3E%3Canimate attributeName=%22d%22 dur=%226s%22 begin=%22-0s%22 repeatCount=%22indefinite%22 values=%22M12 3Q-6 12 12 21;M12 3Q12 12 12 21;M12 3Q30 12 12 21%22 keyTimes=%220;0.5;1%22/%3E%3Canimate attributeName=%22opacity%22 dur=%226s%22 begin=%22-0s%22 repeatCount=%22indefinite%22 values=%220;1;1;0%22 keyTimes=%220;0.15;0.85;1%22/%3E%3C/path%3E%3Cpath fill=%22none%22 d=%22M12 3Q-6 12 12 21%22%3E%3Canimate attributeName=%22d%22 dur=%226s%22 begin=%22-2s%22 repeatCount=%22indefinite%22 values=%22M12 3Q-6 12 12 21;M12 3Q12 12 12 21;M12 3Q30 12 12 21%22 keyTimes=%220;0.5;1%22/%3E%3Canimate attributeName=%22opacity%22 dur=%226s%22 begin=%22-2s%22 repeatCount=%22indefinite%22 values=%220;1;1;0%22 keyTimes=%220;0.15;0.85;1%22/%3E%3C/path%3E%3Cpath fill=%22none%22 d=%22M12 3Q-6 12 12 21%22%3E%3Canimate attributeName=%22d%22 dur=%226s%22 begin=%22-4s%22 repeatCount=%22indefinite%22 values=%22M12 3Q-6 12 12 21;M12 3Q12 12 12 21;M12 3Q30 12 12 21%22 keyTimes=%220;0.5;1%22/%3E%3Canimate attributeName=%22opacity%22 dur=%226s%22 begin=%22-4s%22 repeatCount=%22indefinite%22 values=%220;1;1;0%22 keyTimes=%220;0.15;0.85;1%22/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-size:22px 22px;} @media (prefers-reduced-motion:reduce){.lang .lang_ico{background-image:url(../images/lang.png);}} /* 2026-09-27 地球改用用户另一站 china-zccd.com 的 lang.gif（大陆轮廓自转，46 帧、一圈约 3.2 秒）：原图是白色（配深色顶栏），已重新上色成 #666、缩到 66px 宽（显示 22px，高清屏清晰）、白底抗锯齿 → images/lang_globe.gif（约 30KB）。替换上面那版 SVG 线条地球 */ .lang .lang_ico{background-image:url(../images/lang_globe.gif);background-size:22px auto;} /* 2026-09-27 地球看不清 → 黄色实心圆底 + 深色地球（同手机悬浮联系按钮的做法）；GIF 已按黄底重做抗锯齿 */ .lang .lang_ico{padding-left:38px;background:url(../images/lang_globe.gif) no-repeat 6px center / 18px auto,radial-gradient(circle,#fff100 14px,transparent 14.5px) no-repeat 0 center / 30px 30px;} .lang .lang_ico:hover{background:url(../images/lang_globe.gif) no-repeat 6px center / 18px auto,radial-gradient(circle,#ffe600 14px,transparent 14.5px) no-repeat 0 center / 30px 30px;} /* 2026-09-27 黄圆贴合地球：GIF 已裁掉四周留白（只剩地球本身，60×60），地球显示 20px，黄圆 24px（每边只多 2px） */ .lang .lang_ico,.lang .lang_ico:hover{padding-left:32px;background-size:20px 20px,24px 24px;background-position:2px center,0 center;} .lang .lang_ico{background-image:url(../images/lang_globe.gif),radial-gradient(circle,#fff100 11.5px,transparent 12px);} .lang .lang_ico:hover{background-image:url(../images/lang_globe.gif),radial-gradient(circle,#ffe600 11.5px,transparent 12px);} /* 2026-09-27 语言切换改为分段切换 .lang_sw（模板 default/Public/[ce]_head.html）：黄色转动地球 + 「中文 | EN」胶囊，当前语言黄底，一步切换 */ .lang_sw{display:flex;align-items:center;gap:10px;height:80px;margin-left:20px;} .lang_globe{display:block;width:24px;height:24px;flex:none;background:url(../images/lang_globe.gif) no-repeat 2px center / 20px 20px,radial-gradient(circle,#fff100 11.5px,transparent 12px) no-repeat 0 center / 24px 24px;} .lang_pill{display:flex;padding:3px;border:1px solid #e3e3e3;border-radius:17px;background:#fff;} .lang_pill a{min-width:44px;padding:0 12px;border-radius:14px;font-size:13px;font-weight:bold;line-height:26px;text-align:center;color:#888;box-sizing:border-box;transition:background-color .2s,color .2s;} .lang_pill a:hover{color:#1a1a1a;} .lang_pill a.on{background:#fff100;color:#1a1a1a;cursor:default;} @media (prefers-reduced-motion:reduce){.lang_globe{background-image:url(../images/lang.png),none;}} /* 2026-09-27 电脑版顶栏优化：去搜索、右侧黄色「获取报价」按钮、下滑时收缩（html.hd_mini，脚本在 [ce]_head.html 末尾） */ .hd_quote{display:inline-flex;align-items:center;gap:8px;align-self:center;flex:none;height:40px;margin-left:22px;padding:0 20px;border-radius:20px;background:#fff100;font-size:14px;font-weight:bold;color:#1a1a1a;white-space:nowrap;transition:background-color .25s,color .25s,height .3s;} .hd_quote i{width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center/contain;transition:transform .25s;} .hd_quote:hover{background:#1a1a1a;color:#fff100;} .hd_quote:hover i{transform:translateX(3px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff100' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");} .menu{padding-right:40px;} .header,.menu,.nav_ul_big > li > a,.lang_sw,.header .logo,.header .logo img{transition:height .3s,line-height .3s,padding .3s,box-shadow .3s;} html.hd_mini .header{height:64px;box-shadow:0 4px 18px rgba(0,0,0,.06);} html.hd_mini .menu,html.hd_mini .lang_sw{height:64px;} html.hd_mini .nav_ul_big > li > a{height:64px;line-height:64px;} html.hd_mini .header .logo{padding:19px 0;} html.hd_mini .header .logo img{height:26px;} html.hd_mini .nav .sub_box{top:64px;} html.hd_mini .hd_quote{height:36px;} html.hd_mini .pd_crumb.is_fixed{top:64px;} @media screen and (max-width:1400px){.hd_quote{margin-left:16px;padding:0 16px;}} /* ===== 2026-09-27 站内搜索（新版）：顶栏放大镜 + 下拉搜索条 .hd_search/.hd_sp；结果页 .sr_（模板 default/Search/[ce]_index.html） ===== */ .hd_search{flex:none;align-self:center;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:10px;padding:0;border:0;border-radius:50%;background:none;color:#1a1a1a;cursor:pointer;transition:background-color .2s;} .hd_search svg,.hd_sp svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .hd_search:hover,html.hd_sp_open .hd_search{background:#f2f2f2;} .hd_sp{position:absolute;left:0;right:0;top:100%;z-index:9;background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 18px 40px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s;} html.hd_sp_open .hd_sp{opacity:1;visibility:visible;transform:none;} .hd_sp_in{position:relative;max-width:880px;margin:0 auto;padding:28px 60px 24px;} .hd_sp_form{display:flex;align-items:center;gap:12px;height:56px;padding:0 8px 0 20px;border:2px solid #1a1a1a;border-radius:28px;} .hd_sp_form svg{flex:none;color:#999;} .hd_sp_form input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:16px;color:#1a1a1a;} .hd_sp_form button{flex:none;height:42px;padding:0 26px;border:0;border-radius:21px;background:#fff100;font-size:15px;font-weight:bold;color:#1a1a1a;cursor:pointer;} .hd_sp_form button:hover{background:#1a1a1a;color:#fff100;} .hd_sp_hot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:#999;} .hd_sp_hot span{margin-right:4px;} .hd_sp_hot a{padding:4px 14px;border-radius:14px;background:#f4f4f4;color:#555;transition:background-color .2s,color .2s;} .hd_sp_hot a:hover{background:#fff100;color:#1a1a1a;} .hd_sp_x{position:absolute;right:10px;top:34px;width:44px;height:44px;padding:0;border:0;background:none;color:#999;cursor:pointer;} .hd_sp_x:hover{color:#1a1a1a;} /* 结果页 */ .sr_page .container{padding-top:80px;} .sr_hero{padding:48px 0 40px;background-color:#f6f6f6;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1.3px);background-size:14px 14px;border-bottom:1px solid #eee;} .sr_in{max-width:900px;padding:0 60px;box-sizing:content-box;} .sr_path{display:flex;align-items:center;gap:8px;font-size:13px;color:#999;} .sr_path a{color:#999;} .sr_path i{width:5px;height:5px;border-top:1px solid #bbb;border-right:1px solid #bbb;transform:rotate(45deg);} .sr_form{display:flex;align-items:center;gap:12px;height:62px;margin-top:18px;padding:0 8px 0 26px;border:2px solid #1a1a1a;border-radius:31px;background:#fff;} .sr_form input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:17px;color:#1a1a1a;} .sr_form button{flex:none;height:46px;padding:0 32px;border:0;border-radius:23px;background:#fff100;font-size:16px;font-weight:bold;color:#1a1a1a;cursor:pointer;} .sr_form button:hover{background:#1a1a1a;color:#fff100;} .sr_sum{margin-top:16px;font-size:15px;color:#666;} .sr_sum b{color:#1a1a1a;} .sr_fb{margin-top:6px;font-size:13px;color:#999;} .sr_fb b{color:#1a1a1a;} .sr_body{padding:10px 60px 70px;box-sizing:content-box;} .sr_sec{margin-top:46px;} .sr_h{display:flex;align-items:center;gap:10px;margin-bottom:26px;font-size:24px;font-weight:bold;color:#1a1a1a;} .sr_h::before{content:"";width:4px;height:22px;background:#fff100;} .sr_h em{padding:2px 10px;border-radius:12px;background:#f2f2f2;font-size:13px;font-style:normal;font-weight:bold;color:#666;} .sr_pro{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 30px;} .sr_pro li{margin:0;width:auto;float:none;} mark{padding:0 2px;border-radius:2px;background:#fff100;color:inherit;} .bc_bar mark{background:#fff100;color:#1a1a1a;} .sr_news{margin:0;padding:0;border-top:1px solid #eee;} .sr_news li{list-style:none;border-bottom:1px solid #eee;} .sr_news a{display:flex;gap:24px;padding:22px 0;} .sr_nimg{position:relative;flex:none;width:200px;height:125px;border-radius:10px;overflow:hidden;background:#f1f1f1;} .sr_nimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s;} .sr_news a:hover .sr_nimg img{transform:scale(1.05);} .sr_ntxt{display:flex;flex-direction:column;gap:8px;min-width:0;} .sr_ntxt strong{font-size:18px;font-weight:bold;line-height:1.5;color:#1a1a1a;} .sr_news a:hover strong{text-decoration:underline;text-decoration-color:#fff100;text-decoration-thickness:3px;text-underline-offset:4px;} .sr_ntxt p{font-size:14px;line-height:1.75;color:#888;} .sr_empty{margin-top:46px;padding:40px 44px;border-radius:16px;background:#f7f7f7;} .sr_empty h3{font-size:22px;font-weight:bold;color:#1a1a1a;} .sr_empty p{max-width:720px;margin-top:10px;font-size:15px;line-height:1.8;color:#666;} .sr_chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;font-size:14px;color:#999;} .sr_chips a{padding:6px 16px;border:1px solid #e3e3e3;border-radius:17px;background:#fff;color:#555;transition:all .2s;} .sr_chips a:hover{border-color:#fff100;background:#fff100;color:#1a1a1a;} @media screen and (max-width:1200px){.sr_pro{grid-template-columns:repeat(2,1fr);}} .hd_sp_in{max-width:980px;} /* 2026-09-27 视觉隐藏的页面主标题 H1（SEO / 读屏可读，不占版面） */ .seo_h1{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;} /* ===== 2026-09-27 404 页 .e404（模板 default/Public/[ce]_404.html） ===== */ .e404_page .container{padding-top:80px;} .e404{padding:90px 60px 110px;background-color:#f6f6f6;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1.3px);background-size:14px 14px;text-align:center;} .e404_in{max-width:760px;margin:0 auto;} .e404_num{display:flex;justify-content:center;gap:6px;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:170px;font-weight:bold;line-height:1;letter-spacing:4px;color:#1a1a1a;} .e404_num mark{padding:0 .06em;background:linear-gradient(transparent 58%,#fff100 58%,#fff100 88%,transparent 88%);color:#1a1a1a;} .e404 h1{margin-top:22px;font-size:30px;font-weight:bold;color:#1a1a1a;} .e404_p{margin-top:12px;font-size:16px;line-height:1.8;color:#777;} .e404_btns{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:34px;} .e404_btn{display:inline-flex;align-items:center;height:48px;padding:0 30px;border-radius:24px;font-size:15px;font-weight:bold;transition:background-color .25s,color .25s,border-color .25s;} .e404_btn_d{background:#1a1a1a;color:#fff100;} .e404_btn_d:hover{background:#fff100;color:#1a1a1a;} .e404_btn_o{border:2px solid #1a1a1a;color:#1a1a1a;} .e404_btn_o:hover{background:#1a1a1a;color:#fff;} .e404_btn_t{color:#1a1a1a;text-decoration:underline;text-decoration-color:#fff100;text-decoration-thickness:3px;text-underline-offset:5px;} .e404_form{display:flex;align-items:center;gap:10px;max-width:560px;height:54px;margin:42px auto 0;padding:0 6px 0 22px;border:2px solid #1a1a1a;border-radius:27px;background:#fff;} .e404_form input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:15px;color:#1a1a1a;} .e404_form button{flex:none;height:40px;padding:0 24px;border:0;border-radius:20px;background:#fff100;font-size:14px;font-weight:bold;color:#1a1a1a;cursor:pointer;} .e404_hot{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:13px;color:#999;} .e404_hot a{padding:4px 14px;border-radius:14px;background:#fff;border:1px solid #e6e6e6;color:#555;} .e404_hot a:hover{background:#fff100;border-color:#fff100;color:#1a1a1a;} .e404_in{max-width:900px;} /* 2026-09-27 缺图统一用品牌占位图 images/error.jpg（浅灰点阵 + 灰色 SZBCBK，无文字，中英通用） */ .nw_img.noimg,.nw_feat_img.noimg,.sr_nimg.noimg{background:#f3f3f3 url(../images/error.jpg?v=20260927) no-repeat center/cover;filter:none;opacity:1;} /* 2026-09-27 视频弹窗关闭按钮：从"悬在视频框右上方"改为固定在屏幕右上角（同 Apple / Vimeo 等灯箱习惯），圆形描边 + 纯 CSS 画的 ×，悬停变品牌黄 */ .pd_video_close{position:fixed;top:28px;right:32px;left:auto;z-index:2;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);font-size:0;color:transparent;transition:background-color .25s,border-color .25s,transform .25s;} .pd_video_close::before,.pd_video_close::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;margin:-1px 0 0 -10px;background:#fff;border-radius:1px;transform:rotate(45deg);transition:background-color .25s;} .pd_video_close::after{transform:rotate(-45deg);} .pd_video_close:hover{background:#fff100;border-color:#fff100;transform:rotate(90deg);} .pd_video_close:hover::before,.pd_video_close:hover::after{background:#1a1a1a;} /* 2026-09-27 新闻详情：分类标签放大；发布时间挪到概述下面 + 分享按钮 .nd_info；正文里的后台空行 .nd_gap 只留一点间隔（news_clean_body() 生成） */ .nd_head .nw_tag{padding:0 18px;line-height:34px;border-radius:17px;font-size:15px;font-weight:bold;letter-spacing:.5px;} .nd_head h1{margin-top:20px;} .nd_info{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;} .nd_date{font-size:14px;color:#999;} .nd_date time{margin-left:2px;font-family:"DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;font-size:16px;letter-spacing:.5px;color:#666;} html.lang_en .nd_date time{font-family:inherit;font-size:14px;letter-spacing:0;} .nd_share{position:relative;display:flex;align-items:center;gap:10px;} .nd_share_l{margin-right:4px;font-size:14px;color:#999;} .nd_sh{--bg:#f3f3f3;--fg:#666;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--bg);color:var(--fg);transition:background-color .25s,color .25s,transform .25s;} .nd_sh svg{width:19px;height:19px;fill:currentColor;} .nd_sh .nd_eye{fill:var(--bg);transition:fill .25s;} .nd_sh:hover{--fg:#fff;transform:translateY(-2px);} .nd_sh_wx:hover{--bg:#07c160;} .nd_sh_wb:hover{--bg:#e6162d;} .nd_sh_fb:hover{--bg:#1877f2;} .nd_sh_li:hover{--bg:#0a66c2;} .nd_wxpop{position:absolute;right:0;top:52px;z-index:20;width:168px;padding:18px 18px 14px;background:#fff;border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.14);text-align:center;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s,transform .25s,visibility .25s;} .nd_wxpop::before{content:"";position:absolute;top:-6px;right:var(--arr,100px);width:12px;height:12px;background:#fff;transform:rotate(45deg);} .nd_wxpop.on{opacity:1;visibility:visible;transform:none;} .nd_wxqr{width:132px;height:132px;margin:0 auto;} .nd_wxqr img,.nd_wxqr canvas{display:block;width:132px!important;height:132px!important;} .nd_wxpop p{margin-top:10px;font-size:13px;line-height:1.6;color:#666;} .nd_body{margin-top:24px;} .nd_body .nd_gap{height:6px;margin:0;} /* 2026-09-27 新闻详情「发布时间」日期改用系统字体（DIN 窄体跟前面的中文放一起显得怪），颜色字号同标签文字 */ .nd_date time,html.lang_en .nd_date time{margin-left:0;font-family:inherit;font-size:14px;letter-spacing:0;color:#666;} /* 2026-09-27 新闻详情：发布时间后面加阅读时长（news_read_minutes()） */ .nd_sep{margin:0 8px;color:#ccc;} .nd_rt{color:#999;} /* 2026-09-27 新闻正文视频：自适应宽度、圆角；没封面时底色深灰（不再是一块白） */ .nd_body video{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:10px;background:#1a1a1a;} /* 2026-09-27 新验证码图是 264x120 高清图（原来 48x22），所有旧式 .codeimg 位置统一限定显示高度，按比例缩放 */ img.codeimg{width:auto;height:32px;border-radius:4px;cursor:pointer;vertical-align:middle;} .pdt_inquiry dd .codeimg{top:3px;right:3px;height:28px;} /* 2026-09-27 右侧客服条从垂直居中改为贴底：距底部 100px */ .kf_bar{top:auto;bottom:100px;transform:none;} /* 2026-09-27 苹果内核下 DIN 窄体数字偏上的补偿（html.no_fmo 由 file.html 里的检测脚本添加；DIN Condensed 原生 ascent .712/descent .288，比居中高 .144em） */ html.no_fmo .sp_steps b,html.no_fmo .sm_card h3 i{box-sizing:border-box;padding-top:.288em;} html.no_fmo .nw_meta time,html.no_fmo .nd_new_txt time{position:relative;top:.144em;} /* 2026-09-27 产品页在线询价改用 .ct_grid（同联系我们页）：去掉旧版左右分栏的定位；简介里的型号加粗 */ .pd_inq{padding:60px 0 20px;} .pd_inq .ct_fp{margin:0 0 26px;} .pd_inq .ct_fp b{color:#1a1a1a;} /* 2026-09-27 询价/留言表单（产品页 + 联系我们页）：提交按钮放进网格，和验证码同一行、靠右，按钮高度对齐输入框 */ .ct_grid .ct_submit{align-self:end;justify-self:end;height:50px;margin-top:0;} /* 2026-09-27 内页子导航（产品详情/关于/服务支持/新闻等通用的 .pd_anchor）：当前项从黄色下划线改成黄色胶囊 （和主导航下划线区分层级；与语言切换、标题胶囊同一设计语言）。li 保持 60px 高，下拉 .sub_drop 位置不变 */ .pd_anchor{margin-right:-16px;} .pd_anchor li{display:flex;align-items:center;} .pd_anchor li+li{margin-left:14px;padding-left:14px;} .pd_anchor a{height:34px;line-height:34px;padding:0 16px;border-bottom:none;border-radius:17px;transition:color .2s,background-color .2s;} .pd_anchor a:hover{background:rgba(255,241,0,.35);color:#1a1a1a;} .pd_anchor a.on{background:#fff100;color:#1a1a1a;} .pd_anchor .sub_drop li{display:block;} .pd_anchor .sub_drop a{border-radius:0;} /* 2026-09-27 电脑版产品详情页：各版块（产品特点/技术参数/图纸/选装/规格/安装/询价/相关产品）改成浅灰底上的白色圆角卡片， 取代原来"整页白底 + 细线分隔"。卡片内边距 48px，外层 .pd_body 左右内边距相应从 60 减到 12，里面内容宽度与原来一致 */ body.pd_page{background:#f4f4f4;} .pd_body{padding:8px 12px 80px;} .pd_body .pd_sec{margin-top:24px;padding:48px 48px 52px;background:#fff;border:none;border-radius:24px;} .pd_rel_nav{right:48px;top:51px;} /* 2026-09-27 联系我们顶部介绍语：模板里按意思手动断行（
），容器放宽避免再被自动折行 */ .ct_hero_txt p{max-width:900px;} /* 英文句子长短随屏宽变化，改用均衡断行（各行长度自动均分，不会剩一两个词单独一行） */ html.lang_en .ct_hero_txt p{text-wrap:balance;} /* 2026-09-27 右侧客服条微信二维码弹窗：固定宽度（贴着 46px 窄条时会被压成一条竖线，二维码缩没、文字一字一行） */ .kf_pop_qr{width:144px;box-sizing:border-box;white-space:normal;} .kf_pop_qr img{max-width:none;margin:0 auto;} /* 2026-09-27 新闻日期（列表卡片/详情页侧栏"最新动态"）中文也改用系统字体，与英文、详情页"发布时间"一致；取消 DIN 窄体及苹果下的补偿位移 */ .nw_meta time,.nd_new_txt time{position:static;top:auto;font-family:inherit;font-size:13px;letter-spacing:0;line-height:inherit;} /* 2026-09-27 产品黄卡片型号大字没有垂直居中（贴黄块上沿）：原生 DIN Condensed 数字画在字框上部（偏上 .144em）， 改用校正过上下边距的 DINC Num（Chrome/Firefox 居中）；苹果内核不支持校正，用 html.no_fmo 下移补偿 */ .bc_model,.lang_en .bc_model{font-family:"DINC Num","DIN Condensed","Bahnschrift","Arial Narrow",sans-serif;} html.no_fmo .bc_model{margin-top:.144em;} /* 2026-09-27 产品详情页「运行演示」卡片：通用俯视线稿动画 Uploads/video/bc_anim.mp4（4 秒无缝循环，进入视口才加载播放） */ .pd_anim_p{margin:-14px 0 26px;font-size:15px;line-height:1.7;color:#888;} .pd_anim_v{border:1px solid #eee;border-radius:16px;overflow:hidden;background:#fff;} .pd_anim_v video{display:block;width:100%;height:auto;aspect-ratio:8/3;object-fit:contain;background:#fff;} /* 运行演示改成左文右图：左 标题+说明+三条原理要点，右 动画 */ .pd_anim{display:grid;grid-template-columns:5fr 7fr;column-gap:56px;align-items:center;} .pd_anim_txt .pd_h2{margin-bottom:22px;} .pd_anim_txt .pd_anim_p{margin:0 0 22px;} .pd_anim_ul{margin:0;padding:0;} .pd_anim_ul li{list-style:none;display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid #eee;} .pd_anim_ul li:first-child{padding-top:0;border-top:0;} .pd_anim_ul i{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff100;font-family:"DINC Num","Bahnschrift","Arial Narrow",sans-serif;font-size:14px;font-weight:bold;font-style:normal;line-height:1;color:#1a1a1a;} html.no_fmo .pd_anim_ul i{box-sizing:border-box;padding-top:.288em;} .pd_anim_ul b{display:block;font-size:16px;line-height:1.5;color:#1a1a1a;} .pd_anim_ul span{display:block;margin-top:2px;font-size:14px;line-height:1.6;color:#888;} @media screen and (max-width:1200px){.pd_anim{grid-template-columns:1fr;row-gap:28px;}} /* 2026-09-27 关于/服务支持等页的版块导语：最大宽度 760 → 1000px，短导语（英文 800~990px）不再被折成"一行半" */ .ab_lead{max-width:1000px;}