@charset "utf-8"; /* ========================================================================== bundle.css —— IDEEDA 主题唯一样式表（第 11 批） 由 _diag/build_b11_bundle.py 生成，请勿手工编辑；改样式请改源文件后重新构建。 源文件 12 个保留在 assets/skin/css/ 与 assets/css/，仅供回滚与素材引用。 层叠顺序 = 原 12 个 的加载顺序；Index.css 段落用 :where(body.home) 限定首页作用域（:where 权重 0，不影响后置层覆盖）。 ========================================================================== */ /* ===== assets/skin/css/reset.css ===== */ /* CSS reset for c_b */ body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} table th , table td {padding:5px;} fieldset , img {border:0;} address , caption , cite , code , dfn , em , th , var {font-style:normal; font-weight:normal;} ol , ul {list-style:none;} ception , th{text-align:left;} q:before , q:after{content:'';} abbr , acronym{border:0;} a {color:#666; text-decoration:none;} /*for ie f6n.net*/ a:focus{outline:none;} /*for ff f6n.net*/ a:hover { color:#0e7ad5;text-decoration: none;} /*定位*/ .tl {text-align:left;} .tc {text-align:center;} .tr {text-align:right;} .bc {margin-left:auto; margin-right:auto;} .fl {float:left; display:inline;} .fr {float:right; display:inline;} .zoom {zoom:1} .hidden {visibility:hidden;} .vam {vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ word-spacing:-1.5px;} /*其他*/ .curp{cursor:pointer}; /*原reset*/ sup{vertical-align:baseline;} sub{vertical-align:baseline;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} input,select{vertical-align:middle;} body{font:12px/1.231 arial,helvetica,clean,sans-serif;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%; border-collapse:collapse;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*title*/ h1 { font-size:32px;} h2 { font-size:26px;} h3 { font-size:20px;} h4 { font-size:14px;} h5 { font-size:12px;} h6 { font-size:10px;} /*回到顶部*/ #rocket-to-top div { left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 149px; } #rocket-to-top .level-2 { background:url(../skin/Skins/Default/Img/Common/gobackTop.png) no-repeat scroll -149px 0 transparent; display: none; height: 250px; opacity: 0; z-index: 1; } #rocket-to-top .level-3 { background: none repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 150px; z-index: 2; } #rocket-to-top { background:url(../skin/Skins/Default/Img/Common/gobackTop.png) no-repeat scroll 0 0 transparent; cursor: default; display: block; height: 250px; margin: -125px 0 0; overflow: hidden; padding: 0; position: fixed; right: 5%; top: 80%; width: 149px; z-index: 11; } /* ===== assets/skin/css/Common.css ===== */ /* CSS Document */ body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; position:relative;}/*网站字体颜色*/ .header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:980px; font-family:microsoft yahei;} li{ list-style:none;} .width{margin:0 auto;width:1190px;} /*页眉*/ .header{width:100%; overflow:hidden; background-color:#fff;} .header .header_top{ height:30px; background-color:#ebebeb; width:100%;} .header .header_top p{ font-size:13px; float:left; line-height:30px;} .header .header_top ul{ float:right; overflow:hidden; margin-top:7px;} .header .header_top li{ float:left; border-right:1px solid #8e8e8e; width:70px; text-align:center; font-size:13px;} .header .header_top .last{ border:none; width:60px; text-align:right} .header .header_center{ overflow:hidden; height:135px;} .header .header_center dl{ float:left; overflow:hidden; margin-top:25px;} .header .header_center dt{ float:left; padding-right:18px; border-right:1px solid #e5e5e5; margin-right:15px; height:88px;} .header .header_center dt img{ width:199px; height:88px;} .header .header_center dd{ float:left; padding-top:15px; line-height:2.5em;} .header .header_center h2{ color:#e53030;} .header .header_center p{ color:#666;} .header .header_center .phone{ float:right; margin-top:35px; width:auto} .header .header_center .phone img{ margin-right:40px; float:left} .header .header_center .phone h3{ background:url(../skin/images/phone.png) no-repeat left center; padding-left:45px; float:right; font-weight:normal} .header .header_center .phone p{ font-size:13px; padding-top:10px;} .header .header_center .phone span{ font-size:20px; color:#e53030;padding-top:5px; display:block;} .header .header_nav{ width:100%; height:50px;background:url(../skin/images/nav_bg00.png) repeat-x left bottom; z-index:9999} .header .header_nav ul{ width:980px; height:50px; padding-left:15px;} .header .header_nav li{ float:left; font-size:14px; line-height:45px; padding-top:5px;} .header .header_nav li a{ color:#fff; padding:0 15px; text-decoration:none; font-size:15px; text-shadow:#333 2px 1px 1px;} .header .header_nav li:hover,.header .header_nav .cur{ cursor:pointer; background: #ffa200 url(../skin/images/nav_bg.png) no-repeat center; } .header .header_nav .cur a{font-size:16px;} .header .header_nav li .nav_son{ display:none; width:970px; height:250px; background:rgba(241,242,242,0.96); border:1px solid #fff; box-shadow:1px 1px 0px #bebebe; position: absolute; top:215px; left:50%; margin-left:-485px; z-index:999; overflow:hidden; } .header .header_nav li .nav_son dl{ width:210px; height:auto; background:url(../skin/images/nav_line.png) no-repeat right center; float:left; padding:5px 10px 5px 20px;} .header .header_nav li .nav_son dt img{ width:80px; height:80px; border:none; float:left} .header .header_nav li .nav_son dt{ width:auto; height:40px; line-height:40px; } .header .header_nav li .nav_son dd{ clear:both; background:url(../skin/images/arrowSub.png) no-repeat left center; line-height:30px; height:30px; font-size:13px; padding-left:20px; margin-left:15px} .header .header_nav li .nav_son .nav_end{ background:none; text-align:center; padding-top:10px} .header .header_nav li .nav_son .nav_list{ width:211px; float:left; height:auto; overflow:hidden;background:url(../skin/images/nav_line.png) no-repeat right center; padding:5px 16px; text-align:center; } .header .header_nav li .nav_son .nav_list a{ padding:0} .header .header_nav li .nav_son .nav_list a b{color:#0e7ad5; text-align:center;; display:block; } .header .header_nav li .nav_son .nav_list a p{ width:100%; line-height:1.5em; font-size:12px; clear:both; text-indent:10px ; text-shadow:0px 0px 0px ; text-align:left} .header .header_nav li .nav_son .nav_list img{ max-width:180px; max-height:130px; padding-top:15px; margin:0 auto; } .header .header_nav li .nav_son .nav_pr img{ max-width:130px; max-height:130px; padding-top:15px; margin:0 auto; } .header .header_nav li .nav_son a{ color:#666; text-shadow:1px 1px 0px #fff} .header .header_nav li .nav_son dt b a{ padding-top:20px; color:#0e7ad5;font-size:18px;} .header .header_nav li .nav_son a:hover{ color:#0e7ad5; text-decoration:none;text-shadow:1px 1px 0px #ccc} .header .header_nav li .nav_son .nav_list a:hover b{ color:#0e7ad5; text-decoration:underline;text-shadow:1px 1px 0px #ccc} .header .header_nav li .nav_son .nav_list a:hover p{ color:#666; text-decoration:none; text-shadow:0px 0px 0px} /*Search*/ .Search{ overflow:hidden; width:100%; height:48px; background-color:#fff} .Search p{ font-size:13px; color:#666; line-height:48px; float:left;} .Search p a{ margin:0 5px;} .Search .Search_box{ float:right; overflow:hidden; margin-top:11px; width:266px; height:26px; background-color:#eee;} .Search .Search_box input{ width:210px; float:left; height:26px; line-height:26px; margin-left:10px; background:none; border:none; outline:none; color:#666} .Search .Search_box .search-submit{ font-size:0; cursor:pointer; display:block; width:40px; height:26px; float:right; background:url(../skin/images/sousuo.png) no-repeat center} /*footer*/ #footer_bj{width: 100%;background:url(../skin/images/footbj_09.gif); clear:both;margin-top: 0px;} #footer{width: 1100px;margin: auto;padding: 35px 0px} .fnav{float: left;width: 800px} .fnav ul{margin-right: 46px;float: left;} .fnav ul p{font-size: 14px;color: #fff;margin-bottom: 10px} .fnav ul li{line-height: 24px} .fnav ul a{font-size: 12px;color: #8a8a8a;} .fnav ul a:hover{text-decoration: underline;color: #fff} .foot_right{float: right;width: 290px} .foot_right .fphone{font-size: 30px;color: #ff8a00;background: url(../skin/images/fphone.png) no-repeat;height: 42px;padding-left: 44px;line-height: 28px} .foot_right dl{width: 176px;margin: 18px 0px} .foot_right dl dt{float: left;} .foot_right dl dt img{ width:73px; height:73px;} .foot_right dl dd{float: left;margin-left: 15px;font-size: 12px;color: #b9b9b9;line-height: 22px} .foot_right dl dd.fmore{background:url(../skin/images/wx_12.gif) no-repeat left;padding-left:15px} .foot_right ul p{font-size: 12px;color: #666666;line-height: 24px} .foot_right ul a{color: #ff8a00;} .foot_right ul a:hover{text-decoration: underline;} .bottom{width: 100%;background-color:#000;height: 46px} ul.bnav{float: left;font-size: 13px;color: #aaa;line-height: 46px;float: left;margin-left: 0px;} ul.bnav a{line-height: 46px;margin-right: 20px;font-size: 13px;color: #aaa} ul.bnav a:hover{text-decoration: underline;} .bottom p{font-size: 12px;color: #aaa;line-height: 46px;float: left;margin-left: 25px;float: right;} .bottom p img{ max-height:45px; line-height:1.5em; border:0; } .gotop { width:67px; height:67px;font-size: 0px; color: #fff; right:150px; background: url(../skin/images/backTop.png) no-repeat 1px 0;} /* ===== assets/skin/css/Style.css ===== */ .location_bj{background-color: #efefef;margin-top: 1px;margin-bottom: 24px} .location{width:980px;height: 45px;line-height: 45px;margin: auto;} .location p{background:url(../skin/images/index_5.png) no-repeat left center;padding-left:35px;font-size: 16px;color: #484848;float: left;} .location p span{font-size: 22px;color: #0e7ad5; padding-left:15px;} .location ul{float: right;font-size: 12px;color: #888} .location ul a{font-size: 12px;color: #666;} .location ul a:hover{color: #0e7ad5} .location ul span{font-size: 14px;color: #666} .cpMain{ background:#ececec; overflow:hidden;} .cpMain .container{ margin-top:20px;padding-bottom:30px; height:auto; overflow:hidden} /*cpright*/ .nlist{ float:left; width:230px; background:#fff;} .cpright{ width:700px; padding:0 20px; background:#fff; float:right;padding-bottom: 20px;} .cpright h2{ width:100%; height:50px; line-height:50px; text-align:center; padding:10px 0 10px; font-size:20px;} .nlist .nt{ font-weight:normal; padding:18px 0; padding-left:20px; background:#0e7ad5 url(../skin/images/hhBg.png) no-repeat 190px center;} .nlist .nt a{ font-size:20px; color:#fff; text-decoration:none;} .nlist .nt p{ font-size:12px; color:#fff; font-family:"Arial"; margin-top:1px;} .nlist ul{ padding:20px; } .nlist li{} .nlist li a{ display:block; height:40px; line-height:40px; background:url(../skin/images/liBg2.png) no-repeat 167px center; font-size:14px; color:#333; padding:0 18px; text-decoration:none;} .nlist li a:hover,.nlist li.cur a{ background:url(../skin/images/liaBg.png) no-repeat -30px center; color:#fff;} .nlist .dphone{ overflow:hidden; background:#0e7ad5; padding:20px 0;} .nlist .dphone dt{ float:left; background:url(../skin/images/phImg.png) no-repeat center; margin-left:5px; width:62px; height:50px;} .nlist .dphone dd{ margin-left:66px; color:#fff; padding:5px 13px; border-left:1px dotted #5c5c5c;} .nlist .dphone dd span{ font-size:13px;} .nlist .dphone dd p{ font-size:20px; font-family:"Arial";} .rtop{ overflow:hidden; padding-top:28px; padding-bottom:9px; border-bottom:1px solid #dbdbdb; margin-bottom:20px} .rtop h5{ float:left; padding-left:10px; border-left:3px solid #0e7ad5; font-weight:normal; line-height:16px;font-size:16px; color:#0e7ad5;} .rtop span{ float:right;} .rtop span em{ color:#999;} .rtop span a{ color:#999;} .story{ margin:15px 0;} .story img{ max-width:700px; } .agent_con { width:700px; padding-top:0px; line-height:24px; overflow:hidden} .agent_con p { font-size:14px;} /*about*/ .pro_title2 .subnav{ float:right;} .pro_title2 .subnav li{ float:left; position:relative; padding-bottom:5px; padding-right:5px} .pro_title2 .subnav li a{ padding:0 15px; font-size:15px;} .pro_title2 .subnav li a:hover{ text-decoration:none} .pro_title2 .subnav li:hover { background:url(../skin/images/subnavBg.gif) no-repeat center bottom;} .pro_title2 .subnav li.cur{background:url(../skin/images/subnavBg.gif) no-repeat center bottom;} .pro_title2 .subnav li.cur a{ color:#0e7ad5;} .pro_title2{height: 56px;border-bottom: 1px solid #d8d8d8} .pro_title2 .tit{display: inline-block;float: left;font-size: 22px;color: #0e7ad5;line-height: 56px;border-bottom: 1px solid #00418b;height: 56px;font-weight: normal;} .pro_title2 .tit span{font-size: 12px;color: #666;} .pro_title2 a{float: right;font-size: 12px;color: #616060;line-height: 50px} .pro_title2 a:hover{color: #01468f} .about{padding-top: 40px} .about_left{float: left;width: 467px;padding-top: 60px} .about_left .m{ width:465px; height:315px;} .about_right{float: left;width: 480px;margin-left:30px;height: 425px;} .about_right h3{font-size: 24px;color: #0e7ad5; text-align:center} .about_right p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 12px} /*team*/ .teamli{ padding:35px 0; width:1100px;} .teamli li{ margin-bottom:20px; margin-right:15px; border:#e4e4e4 solid 1px; padding:15px 15px 0 15px; width:206px; float:left;height:260px;} .teamli li h3.tit{ height:35px; line-height:1.8em; padding:5px 0; font-size:12px; border-bottom:#e4e4e4 solid 1px; text-align:center; font-weight:500} .teamli li img{ width:206px; height:206px;} #picSlideWrap{ background:#F5F8FD; border:1px solid #A9BFD6; padding-bottom:30px; margin-top:50px} .titleh3{ height:70px; line-height:70px; text-align:center; background:url(../skin/images/ico/dot.gif) repeat-x left bottom; width:910px; margin:0 auto; font-size:26px; color:#000;} .titleh4{text-align:center; font-size:12px; color:#000; font-weight:normal; padding:10px 0 20px 0px;} #content{margin:0px auto; line-height:19px;} #content p{ text-indent:2em; color:#333;} .imgnav{ position:relative; margin:0 auto; width:900px;} .imgnav h3{ width:900px; text-align:center; padding:20px 0 50px 0;} #img{ z-index:10; width:900px; position:relative; text-align:center;} #img img{ max-width:900px;max-height:570px; display:none; border:4px solid #000;} #front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer; width:394px; height:578px; background:url(../skin/images/ico/blank.gif); } #front a{ position:absolute; left:20px; top:224px;display:block; background:url(../skin/images/ico/imgSlideLeft.png) no-repeat; width:104px; height:104px; display:none;} #next{ position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:394px; height:578px; background:url(../skin/images/ico/blank.gif);} #next a{ position:absolute; right:20px; top:224px; display:block; background:url(../skin/images/ico/imgSlideRight.png) no-repeat; width:104px; height:104px; display:none;} #cbtn{background:#EAEBF0; position:relative; height:122px; border:1px solid #D6D9DC; margin-top:12px; } #cbtn ul{position:relative; width:10000px; height:122px;} #cbtn ul li{ float:left; padding:8px 3px 3px 3px; width:116px; height:86px; cursor:pointer; text-align:center; margin-right:16px; position:relative;} #cbtn ul li img{ width:116px; height:86px; display:block;} #cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;} #cbtn li.hov{ background:url(../skin/images/ico/imgHoverBg.gif) no-repeat;} .ctrl div{ clear:both;} #cSlideUl{width:812px; height:116px;overflow:hidden; position:relative; top:10px; margin:0 auto;} .picSildeLeft{cursor:pointer; position:absolute; top:32px; left:10px; z-index:9;} .picSildeRight{cursor:pointer; position:absolute; top:32px; right:10px; z-index:9;} /*news*/ .newslist{ width:690px; float:left; margin-top:30px} .newslist .listinfo li {height: 160px;border-bottom: 1px solid #dedede;position: relative;padding-bottom: 0px;margin: 20px 0px; cursor:pointer;} .newslist .listinfo li img{float: left; border-radius:10px; max-width:150px; max-height:120px; margin-top:10px} .newslist .listinfo li .img{ width:150px; height:120px; overflow:hidden;} .newslist .listinfo li div{float: left;width: 400px;margin-left: 45px} .newslist .listinfo li div h2 a{font-size: 18px;color: #333;font-weight: normal;margin-bottom: 6px;display: block;} .newslist .listinfo li div h2 a:hover{color: #275897} .newslist .listinfo li div p{font-size: 14px;color: #666;line-height: 22px;text-align: left; height:65px; text-indent:15px; overflow:hidden;} .newslist .listinfo li div .more{display: block;width: 108px;line-height: 30px;color: #7d7d7d;text-align: center;font-size: 12px;border-radius: 3px;margin-top: 8px;border: 1px solid #7d7d7d} .newslist .listinfo li span{display: inline-block;width: 65px;height: 55px;background-color: #ababab;color: #fff;text-align: right;padding: 15px 8px ;font-size: 22px;position: absolute;right: 0px;top: 30px; text-align:center;} .newslist .listinfo li span b{font-size: 18px} .newslist .listinfo li :hover div .more{border-color: #275897;color: #0e7ad5} .newslist .listinfo li :hover span{background-color: #275897} .newslist .listinfo li :hover h2 a{color: #275897; font-weight:600} .newsRight { width:245px; float:right;} .news_right_ct{ height:30px; font-size:16px; font-weight:600; padding:0 0 10px 0; margin:0 0 10px;color: #275897;border-bottom: 1px solid #275897; margin-top:20px } .news_right_ct i{ padding:10px 10px 10px 0; color:#ffa200} .news_right_ct .N{ font-size:16px;} .tj_news_list{ padding-bottom:20px;} .tj_news_list ul li{ margin-bottom:10px;border-bottom: 1px solid #dedede; padding:10px 0} .tj_news_list ul li .title a{ font-size: 14px;color: #333;font-weight: normal;margin-bottom: 6px;display: block;overflow: hidden;} .tj_news_list ul li .title a:hover{ color: #275897; font-weight:500; text-decoration:underline} .tj_news_list ul li .text{ font-size:12px; text-indent:15px;color:#898989; line-height:1.5em} .tj_news_list ul li i{ color:#275897} h2.news_title{font-size: 24px;color: #232323;text-align: center;font-weight: normal;padding-top: 30px;margin: auto;width:95%} p.time{font-size: 12px;color: #999999;text-align: center;padding: 20px 0px;border-bottom: 1px solid #dbdbdb;margin: auto;width:95%} .news_word{padding: 25px 0px;width: 900px;margin: auto; margin:0 auto;} .news_word img{ max-width:850px; max-height:auto;} .news_word m{ width:780px; height:470px; margin:0 auto; padding:15px 0 30px 0;} .news_word p{font-size: 14px;color: #333333;line-height: 26px} .prev_n{background: url(../skin/images/dian_03.gif) repeat-x top;padding: 25px 0px} .prev_n li{font-size: 14px;color: #1e4ca7;line-height: 30px} .prev_n li a{color: #333333} .prev_n li a:hover{ color:#0e7ad5;text-decoration: underline;} .pro_title{height: 42px;border-bottom: 2px solid #d8d8d8; margin-top:50px} .pro_title .tit{display: inline-block;float: left;font-size: 24px;color: #00418b;line-height: 35px;border-bottom: 2px solid #00418b;height: 42px;font-weight: normal;} .pro_title .tit a{font-size: 24px;color: #00418b;line-height: 35px;} .pro_title .tit span{font-size: 12px;color: #999999;border-bottom: 2px solid #d8d8d8;padding-bottom: 2px;display: inline-block;} .pro_title .tit2 span{font-size: 18px;color: #787878;padding-bottom: 10px} .pro_title a{float: right;font-size: 12px;color: #616060;line-height: 50px} .pro_title a:hover{color: #0c53aa} .tjxw ul{padding-top: 16px} .tjxw ul li{float: left;width: 46%;height: 48px;border-bottom: 1px dashed #b2b2b2;line-height: 48px;margin-left: 32px;} .tjxw ul li:nth-of-type(2n+1){margin-left: 0px} .tjxw ul li a{font-size: 14px;color: #333333;padding-left: 12px;background: url(../skin/images/pro.png) no-repeat left;} .tjxw ul li a:hover{color: #0c53aa} .tjxw ul li span{font-size: 12px;color: #969797;float: right;} .pro_news ul li{width: 48%} .pro_news ul li span{float: right;} .tjcp{width: 100%} .tjcp ul{} .tjcp ul li{float: left;width:300px;height: 430px;padding: 9px 10px;margin: 20px 3px;overflow: hidden;} .tjcp ul li div{display: table-cell;width: 300px;height: 208px;vertical-align: middle;text-align: center;;border: 1px solid #e3e3e3;background-color: #fff} .tjcp ul li div img{width: 300px;height: 300px} .tjcp ul li h3{font-size: 18px;color: #111111;text-align: center;line-height: 60px;} .tjcp ul li p{font-size: 12px;color: #666666;line-height: 24px;padding: 0px 5px} .tjcp ul li:hover{border-color: #1960a8;background-color: #1960a8} .tjcp ul li:hover h3{color: #fff} .tjcp ul li:hover p{color: #fff} /*xzCont*/ .xzCont{ margin-top:20px; padding-bottom:54px;} .xzCont dl{ overflow:hidden; padding:20px; background:#ececec;} .xzCont dt{ float:left;} .xzCont dt img{ display:block;} .xzCont dd{ margin-left:234px;} .xzCont dd h5{ font-weight:normal; line-height:16px; margin-bottom:12px;} .xzCont dd h5 a{ font-size:16px; color:#133a58;} .xzCont dd p{ font-size:13px; line-height:23px; height:69px; overflow:hidden;} .xzCont dd>a{ display:block; width:90px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#ececec; text-decoration:none; background:#777777; margin-top:32px;} .xzCont ul{ overflow:hidden;} .xzCont li{ float:left; width:421px; padding:20px; border:1px solid #ececec; border-left-width:3px; margin-right:10px; margin-top:10px;} .xzCont li.noMl{ margin-right:0;} .xzCont li h5{ font-weight:normal; line-height:16px; margin-bottom:15px;} .xzCont li h5 a{ font-size:16px; color:#003366;} .xzCont li p{ font-size:13px; color:#666; line-height:23px; height:46px; overflow:hidden;} .xzCont li:hover{ border-color:#0c4da1;} /*下载页面*/ .downList li{ width:960px; background:url(../skin/images/pdf_icon.gif) no-repeat left; height:44px; line-height:44px; border-bottom:#6a6a6a dotted 1px; color:#6a6a6a; padding-left:40px; } .downList li span{ float:left;} .downList li a{ display:inline-block; float:right; background:url(../skin/images/pdf_icon2.gif) no-repeat left; padding-left:16px;} /*合作伙伴*/ dl.dl_2s { float:left; display:inline-block;padding:10px 9px;} dl.dl_2s dt { width:210px; overflow:hidden;padding:1px; border:1px solid #d7d7d7; display:block;} /*图片边框*/ dl.dl_2s dt a { width:210px; } /*dl.dl_2s dt a:hover {border:1px solid #A10000;}图片边框,点击时的状态*/ dl.dl_2s img { display:block;width:210px; } dl.dl_2s dd { width:210px; height:24px; line-height:24px;overflow:hidden;} dl.dl_2s dd h4 { color:#666; height:22px; line-height:22px; overflow:hidden;font-weight:normal;font-size:12px;text-align:center} /*.news_con2{ background:#f5fafe; width:730px; margin:0 auto;display:inline-block;padding:6px 0 25px 5px;}*/ dl.dl_42{ height:168px ; margin-bottom:20px; overflow:hidden; border-bottom:1px dotted #d7d7d7 } .dl_42 dt{width:204px; float:left;} .dl_42 dt a{width:200px; padding:1px; border:1px solid #d7d7d7; display:block;} .dl_42 dt a:hover {border:1px solid #0e7ad5;}/*图片边框,点击时的状态*/ .dl_42 dt img{ display:block;width:200px; height:141px;} .dl_42 dd{ padding-left:15px; float:left; width:474px; line-height:24px; overflow:hidden; color:#666;} .dl_42 dd h4{ font-size:14px; padding-bottom:5px; height:24px; line-height:24px; overflow:hidden;} .dl_42 dd h4 a{color:#0e7ad5;} .dl_42 dd span{} dl.gongc{ height:165px ; margin-bottom:20px; border-bottom:1px dotted #d7d7d7 } .gongc dt{width:204px; float:left;} .gongc dt a{width:200px; height:155px; padding:1px; border:1px solid #d7d7d7; display:block;} .gongc dt a:hover {border:1px solid #0e7ad5;}/*图片边框,点击时的状态*/ .gongc dt img{ display:block;width:200px;height:155px;} .gongc dd{ padding-left:15px; float:left; width:470px; line-height:24px; height:155px; overflow:hidden; color:#666;} .gongc dd h4{ font-size:14px; padding-bottom:5px; height:24px; line-height:24px; overflow:hidden;} .gongc dd h4 a{color:#0e7ad5;} /*资讯中心列表页面（图片列表）--dl_5*/ dl.dl_2s { float:left; display:inline-block;padding:10px 9px;} dl.dl_2s dt { width:210px; overflow:hidden;padding:1px; border:1px solid #d7d7d7; display:block;} /*图片边框*/ dl.dl_2s dt a { width:210px; } /*dl.dl_2s dt a:hover {border:1px solid #A10000;}图片边框,点击时的状态*/ dl.dl_2s img { display:block;width:210px; } dl.dl_2s dd { width:210px; height:24px; line-height:24px;overflow:hidden;} dl.dl_2s dd h4 { color:#666; height:22px; line-height:22px; overflow:hidden;font-weight:normal;font-size:12px;text-align:center} /*product*/ .pro_nav{float: left;width: 257px;background-color: #fff} .pro_nav .tel400{background:url(../skin/images/phone_03.jpg);height:113px;font-size:26px;color:#fff;line-height:150px;text-align:center;margin-top:24px} .pro_nav ul{width: 95%;margin: auto} .pro_nav ul li{height: 55px;border-bottom: 1px solid #e4e4e4;line-height: 55px;padding-left: 45px;margin-top: 8px} .pro_nav ul li a{font-size: 14px;color: #555555;padding-left: 15px;background: url(../skin/images/pro.png) no-repeat left;display: block;} .pro_nav ul li a:hover{color: #01468f;background: url(../skin/images/prohover.png) no-repeat left;} .nav_color{background-color: #efefef} .main_right{width: 700px;float: right;} .prolist{width: 100%} .prolist ul{padding-top: 39px} .prolist ul li{float: left;width: 310px;height: 400px;margin-left: 20px;margin-bottom: 47px;padding: 9px 11px;border: 1px solid #e3e3e3;} .prolist ul li:nth-of-type(2n+1){margin-left: 0px} .prolist ul li div{display: table-cell;width: 358px;height: 210px;vertical-align: middle;text-align: center;background-color: #fff} .prolist ul li div img{width: 280px;height: 280px} .prolist ul li h3{font-size: 18px;color: #111111;text-align: center;line-height: 40px;} .prolist ul li p{font-size: 12px;color: #666666;line-height: 24px;padding: 0px 5px} .prolist ul li:hover{border-color: #1960a8;background-color: #1960a8} .prolist ul li:hover div{width: 356px;height: 208px;border: 1px solid #d1d6dc} .prolist ul li:hover h3{color: #fff} .prolist ul li:hover p{color: #fff} .prolist ul li:hover a{ text-decoration:none} .rxcp_list_left{width:450px;height: 450px;float: left;position: relative;} .rxcp_list_left .oUlplay img{width: 450px;height: 450px} #divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;} #playBox{ width:450px; height:450px; margin:0px auto; background:#333; position:relative; overflow:hidden;} #playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;} #playBox .oUlplay li{ float:left;} #playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../skin/images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;} #playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../skin/images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;} #playBox .smalltitle {width:450px; height:10px; position:absolute; bottom:15px; z-index:10} #playBox .smalltitle ul{ width:120px; margin:0 auto;} #playBox .smalltitle ul li{ width:12px; height:12px; margin:0 5px; border-radius:12px; background:#69aaec; float:left; overflow:hidden;*display:inline;*zoom:1; cursor:pointer;} #playBox .smalltitle .thistitle{ background:#1260b4;} .rxcp_list_right{width: 460px;float: right; margin:20px 10px 0 0} .rxcp_list_right ul{padding: 18px 0px} .rxcp_list_right ul p{font-size: 16px;color: #6e6e6e;line-height: 26px} .rxcp_list_right .desc{font-size: 14px;color: #444444;line-height: 24px;border-top: 1px dashed #e4e4e4;padding-top: 15px;padding-bottom: 30px} .pro_view{padding: 12px;border: 1px solid #e3e3e3;margin: 20px 0px} .pro_view .rxcp_list_right h1{font-size: 34px;color: #1260b4;padding-bottom: 10px;border-bottom: 1px solid #e4e4e4} .pro_view .qq{display: inline-block;width: 164px;height: 44px;background: url(../skin/images/proview_03.png);float: left;} .pro_view .qq:hover{background: url(../skin/images/proview_031.png);} .pro_view .dh{font-size: 18px;color: #e98f1b;display: inline-block;width: 160px;height: 24px;background: url(../skin/images/proview_05.jpg);font-weight: bold;padding-top: 20px;padding-left: 48px;float: right;} .video_list ul{ width:100%;} .video_list ul li{width: 206px;height: 160px;margin:30px 20px} .video_list ul li p{font-size: 14px; line-height:2em;color: #666;text-align: center;} .pro_info{padding: 15px 20px 45px} .pro_info .cpcp{font-size: 18px;color: #00418b;line-height: 50px;margin-top: 20px} .cptd{line-height: 30px; font-size:14px} /*page*/ .pages{ width:auto; height:auto; overflow:hidden; margin-bottom:50px;} .pages ul{float:left;padding:12px 0px 12px 16px; text-align:center;width:95%;} .pages ul li{display:inline-block;font-family: "微软雅黑", "宋体";line-height: 28px;margin-right:6px;border:1px solid #E9E9E9;} .pages ul li a{display:inline-block;padding: 3px 6px 3px;color:#555;} .pages ul li a:hover{color:#fff;text-decoration:none;padding:3px 6px 3px;background-color:#008AE2;;} .pages ul li.thisclass, .pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ color:#fff;background-color:#008AE2;padding:3px 6px 3px;font-weight:bold;} .pages .pageinfo{line-height:35px;padding:12px 10px 12px 16px;color:#999;} .pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;} /*page*/ .page { clear:both; padding:25px 0px; } .page .page-con { width:100%; height:auto; text-align:center; white-space:nowrap; line-height:0; font-size:0; _padding-bottom:1px;} .page .page-con li a, .page .page-con li strong, .page .page-con li .total { display:inline-block; width:auto; height:28px; line-height:28px; font-size:12px; padding:0px 10px; border:#dddddd 1px solid; overflow:hidden; margin-left:5px; *margin-left:-2px; color:#333!important; vertical-align:middle; white-space:nowrap; } .page .page-con li a:hover { background-color:#008AE2; color:#fff!important; } .page .page-con li a.prev,.page .page-con li a.next { margin:0px 10px; } .page .page-con li .total { border:0; } .page .pageslect{ font-size: 12px;border: #dddddd 1px solid; margin-left: 10px;} .left { width:220px; float:left; overflow:hidden;} .left2 { width:680px; float:left; overflow:hidden;} .left3 { width:754px; float:left; overflow:hidden; color:#666;} .lefttop { background:url(../skin/images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;} .left2top { height:3px; font-size:0; overflow:hidden;} .leftbot { background:url(../skin/images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;} .left2bot { height:3px; font-size:0; overflow:hidden; margin-bottom:10px; } .rightbot{ height:3px; font-size:0; overflow:hidden; margin-bottom:10px; } .right { width:735px; float:right; display:inline; overflow:hidden;} .rights { width:760px; float:right; display:inline; overflow:hidden;} .right2 { width:275px; float:right; overflow:hidden;} .right3 { width:201px; float:right; overflow:hidden; color:#666;} .right2top { background:url(../skin/images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;} .right2bot { font-size:0; overflow:hidden; margin-bottom:10px;} .right_main { width:733px; min-height:458px; border:solid 1px #d5d5d5; padding-bottom:15px; overflow:hidden;background:#fff;} .right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; padding-bottom:15px; overflow:hidden;background:#fff} .left2_main { width:678px; border:solid 1px #d5d5d5; padding-bottom:15px; overflow:hidden;background:#fff;} .t01 , .t02 , .t03 , .t05 , .t06 , .t07 , .t08 , .t09 , .plc , .plc2 , .rtit , .rtit1 , .pro_lc , .lc1 , .lc2 , .lc3 , .lc4 , .lnav h3 , .userleftnav h4 , .leftsearch , .topsearch , .ljob , .jointel, .club_lin2, .procom h4, .caigou, .comments h4{ background:url(../skin/images/SkinsVIBar.png) no-repeat;} .b01 , .b02 , .b03 , .b04 , .b05 , .b06 , .b07 , .b08 , .b09 , .b10 , .b11 , .b12 , .b13 , .b14 , .b15 , .b16 , .b17 , .b18 , .b19 , .b20 , .b21 , .b22 , .b23, .b24, .b25, .b26 , .b27 , .b28 , .b29 , .b30 , .b31 , .b32 , .b33 , .b34 , .b35 , .b36 , .b37 , .b38 , .b39, .b40, .b41, .b42, .b43, .b44, .b45, .b46, .b47, .b48, .b49, .b49b, .b59, .b60, .b61, .b62, ul.n_rt_ul {background: url(../skin/images/SkinsVIBtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; } .login_tab .txtboxcs{ border:solid 1px #d7d7d7; height:22px;} /*.zc_tab2{border:solid 1px #d7d7d7;}*/ .topadcs{ height:320px; } .topadcs img{ height:320px;} .nrcs{ border:1px solid #d7d7d7; border-top:0; margin-bottom:10px; background:#fff; width:752px; padding-top:10px} .prs .t05{background:#0e7ad5;height:63px;line-height:63px;font-size:18px;padding-left: 16px;} .prs .t05_con{padding:0;border:1px solid #ccc;} .prs li{line-height:45px;padding:0 0 0 15px;background:url(../skin/images/cpMuDt.png) no-repeat 15px center;border-bottom:1px solid #ccc;} .prs li.cur a{ color:#ff4200;} .prs li a{color:#333333;font-size:14px;padding-left: 20px;} .nchange{width:100%; background:#a2aebc; height:38px; margin-top:20px; } .nchange ul{ overflow:hidden;} .nchange li{ float:left; height:38px; line-height:38px;} .nchange li a{ display:block; padding:0 18px; font-size:14px; color:#fff; text-decoration:none;} .nchange li:hover,.nchange li.cur{ background:#0e7ad5;} .hottel{color:Red;font-weight:normal;} p sub{ vertical-align:sub} p sup{ vertical-align:top} .xiangc {height: 217px; overflow: hidden;} .xiangc dl {float: left; height:207px; padding: 10px 10px 0 0; width:202px;} .xiangc dt {font-size: 0;line-height: 0; width:202px;} .xiangc dt img { border: 1px solid #CCCCCC; padding: 1px; width:198px;} .xiangc dd { color: #666666; height: 20px; line-height: 20px; overflow: hidden; padding-top: 5px; text-align: center; } .cpMuBox{width:201px; overflow:hidden; background-color:#fff;margin-bottom:10px;} .cpMuBox dl{padding-bottom:10px; border-bottom:1px solid #d0e1da;} .cpMuBox dt{margin-bottom:10px; padding-left:20px; height:38px; line-height:38px; border-bottom:1px solid #d0e1da; font-size:14px; font-weight:bold;} .cpMuBox dt a{color:#126a44;} .cpMuBox dd{padding-left:12px; margin-right:10px; height:26px; line-height:26px; overflow:hidden;} .cpMuBox dd.cur a{color:#0e7ad5;} .cpMuBox dd a{color:#767676;} .tjwtBox{padding:22px; width:648px; background-color:#fff; font-family:微软雅黑;} .tjwtBox h4{padding-bottom:14px; margin-bottom:22px; font-size:14px; color:#676364; border-bottom:1px solid #e8e8e8; font-weight:normal;} .tjwtBox .m_form{} .tjwtBox .m_form li{margin-bottom:13px; color:#777;height:38px;} .tjwtBox .m_form label{display:inline-block; float:left; line-height:36px; height:36px; width:77px; border:1px solid #dedede; border-right-width:0; text-align:center; background:#fff;} .tjwtBox .m_form .iptTxt{float:left; width:252px; border:1px solid #dedede; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;} .tjwtBox .m_form .btnTjly{width:93px; height:31px; background:#9d2737; border:none; cursor:pointer; color:#fff;} .tjwtBox .m_form li.yzm .iptTxt{float:left; width:180px; margin-right:11px;} .tjwtBox .m_form .areLi label{height:132px;} .tjwtBox .m_form .txtAre{float:left; width:343px; height:104px; border:1px solid #dedede; outline:none; resize:none; padding:14px; color:#333; line-height:18px;} .tjwtBox .m_form .btnSubmit , .tjwtBox .m_form .btnReset{width:161px; text-align:center; height:36px; line-height:36px; color:#fff; border:none; background-color:#b3b3b3;} .tjwtBox .m_form .btnSubmit{margin-right:10px; background-color:#0e7ad5;} .tjwtBox .m_form .areLi{height:138px;} .rycon{border:1px solid #DDD0BD;width:197px; height:160px;margin-bottom:10px;} .rycon{padding-left:2px;background:#fff;} .rycon dl{width:166px;overflow:hidden;padding:5px 19px;} .rycon dl dt{width:166px;height:227px;overflow:hidden;} .rycon dl dt img{width:164px;height:225px;overflow:hidden;border:1px solid #ccc;} .rycon dl dd{width:166px;text-align:center;margin-top:10px;} .dgxxBox{padding:0 34px; width:645px; height:330px; font-family:微软雅黑;} .dgxxBox p{font-size:16px; padding:25px 0; color:#666;} .dgxxBox .m_form{} .dgxxBox .m_form li{width:310px; height:38px; float:left; margin-bottom:13px; color:#777;} .dgxxBox .m_form label{float:left; border:1px solid #dedede; line-height:36px; height:36px; width:77px; display:inline-block; text-align:center; background:#fff;} .dgxxBox .m_form .iptTxt{float:right; width:230px; border:1px solid #dedede; border-left-width:0; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;} .dgxxBox .m_form .txtAre{margin-left:12px; width:296px; height:161px; border:1px solid #dedede; outline:none; resize:none; padding:14px; color:#333; line-height:18px;} .dgxxBox .m_form .btnTjly{width:310px; height:38px; background:#0e7ad5; border:none; cursor:pointer; color:#fff;} .dgxxBox .m_form .areLi{height:205px; float:right; display:inline;} .dgxxBox .m_form .btnLi{background:none; height:60px;} .cpMu{ width:210px; overflow:hidden;margin-bottom:10px;} .cpMu h4{height:54px;color:#fff; line-height:54px; background:#0e7ad5 url(../skin/images/cpMuTit.png) no-repeat 36px center; text-align:center;} .cpMu h4 a{color:#fff;} .cpMu ul{} .cpMu li{background:url(../skin/images/cpMuLi_ico.png) no-repeat 176px center;} .cpMu li a{padding-left:10px; margin:0 6px; display:block; height:37px; line-height:37px; border-bottom:1px dotted #b2bcc8; font-size:13px; color:#333; text-decoration:none;} .cpMu li:hover,.cpMu li.cur{background-color:#546a85;} .cpMu li:hover a,.cpMu li.cur a{color:#fff;} .cpMuCont{margin-top:2px; padding-bottom:12px; border:1px solid #e2e2e2;} .cpMuCont p{margin:16px 8px; line-height:22px; font-size:13px; color:#546a85;} .cpMuCont .mu_phone{margin-left:10px; padding-left:36px; background:url(../skin/images/Common/hdPhoen_ico.png) no-repeat left center; color:#546a85;} .cpMuCont .mu_phone dd{font-size:24px; font-family:Arial, Helvetica, sans-serif;} .abouts{padding:10px;border:1px solid #ccc;margin-bottom:10px;} .abouts .gyCont{ overflow:hidden;} .abouts .gyCont ul{overflow:hidden;} .abouts .gyCont li{margin:10px 13px; float:left; width:300px; text-align:center;} .abouts .gyCont li h5{ width:100%; height:30px; line-height:30px; font-size:16px; overflow:hidden;} .abouts .gyCont li:hover h5{ } .abouts .gyCont h5 a{display:block;} .contactn .tits {background:#0e7ad5; color: #fff; height: 32px;line-height: 32px;padding-left: 13px;} .contactn .tits a { color: #fff;} .contactn .subnr { background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; overflow: hidden;padding: 5px 9px;width: 190px;} .contactn .subnr p {line-height: 25px;overflow: hidden;} .contactn .subnr span {color: #333333;} .contactn .subnr h5 {line-height: 28px;overflow: hidden;} .sp-title{ margin-top:50px; height:50px; font-size:22px; color:#555; font-weight:100;} .sp-title .more { float:right; padding-right:15px; font-size:16px; color:#666;} .linkbox{ width:auto; height:auto; overflow:hidden; padding:15px; margin-top:5px;} .linkbox h3{ font-size:16px; color:#666;} .linkbox .f6{ font-size:12px; color:#666; margin-top:30px; } .linkbox .f6 li{ float:left;line-height:25px; height:25px; width:120px; padding:5px 10px} /*改版样式*/ .bg_gray{padding:1px 0 35px 0;background:#fafafa} h2.tit{position:relative;overflow:hidden;width:100%;height:30px;color:#555;text-align:center;font-weight:400;font-size:24px;line-height:30px} .mt20{margin-top:20px} p.desc{overflow:hidden;width:100%;height:28px;color:#B7B7B7;text-align:center;font-size:14px;line-height:28px} .home_nav{text-align:center} .mt40{margin-top:40px} .home_nav ul{margin:25px auto} .home_nav ul li{position:relative;display:inline;width:auto} .home_nav ul li a{display:inline;margin:0 2px;padding:10px 30px;border:1px solid #E7E7E7;border-radius:2px;background:#fff;color:#333;font-size:14px} .home_nav ul li a:hover{border:1px solid #2384D5;color:#2384D5} .home_nav ul .hover a{display:inline;margin:0 2px;padding:10px 30px;border:1px solid #2384D5;border-radius:2px;border-radius:0;color:#2384D5;font-size:14px} .clear{clear:both} .home_pro{clear:both;margin:40px 0 0 0;width:1206px} ul{margin:0;padding:0;list-style:none} .home_pro ul li{float:left;margin:0 1% 1% 0;width:24%} .home_pro ul li a{display:block;padding:4px;border:1px solid #ededed;background:#fff} .home_pro ul li a div{overflow:hidden;width:100%;height:100%} .home_pro ul li a div img{display:block;width:279px;height:279px;border:0;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s} .home_pro ul li:hover{box-shadow:0 1px 10px rgba(0,0,0,.1)} .home_pro ul li a:hover div img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)} .home_pro ul li a p{margin:0;padding:10px;color:#333;font-size:14px} .home_pro ul li a:hover p{color:#f30} .home_pro ul li a .title{ height:auto;text-align:center; font-size:15px; line-height:3em;} .home_pro ul li a .price{padding:0 10px 10px 10px;color:#f60;font-family:Lucida Grande,Arial,微软雅黑,宋体} .home_pro ul li a .price span{ text-align:left; text-indent:20px;color:#999;font-size:13px; display:block; letter-spacing:1px;} a.more-h{display:block;margin:40px auto 0;width:300px;height:50px;border:1px solid #dfdfdf;background:0 0;color:#9f9f9f;text-align:center;text-indent:0;font-size:14px;line-height:50px;transition:all .3s ease-out 0s} a.more-h:hover {border: 1px solid #236ffb;color: #0072d4;} /* ===== assets/skin/css/Index.css [首页作用域 201 条规则] ===== */ :where(body.home) .in_pro {margin-top:26px} :where(body.home) .in_pro .nTab {position:relative} :where(body.home) .none {display:none} :where(body.home) .in_pro .nTab .TabTitle {position:relative;height:54px;line-height:54px;overflow:hidden;border:1px #d3d2d2 solid;background:#fff;background:-moz-linear-gradient(top,#fff 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:-o-linear-gradient(top,#fff 0,#efefef 100%);background:-ms-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#efefef',GradientType=0)} :root .in_pro .nTab .TabTitle {filter:none} :where(body.home) .in_pro .nTab .TabTitle h2 {float:left;width:180px;padding-left:15px;font-size:20px;font-weight:normal;color:#2e2e2e} :where(body.home) .in_pro .nTab .TabTitle h2 span {padding-left:10px;font-size:14px;color:#858585} :where(body.home) .in_pro .nTab .TabTitle ul {float:right;width:780px} :where(body.home) .in_pro .nTab .TabTitle li {position:relative;float:left;margin:0 10px;font-size:14px;color:#111} :where(body.home) .in_pro .nTab .TabTitle li a {color:#111} :where(body.home) .in_pro .nTab .TabTitle .current a {color:#008ae2} :where(body.home) .tabcon {position:relative;height:434px;overflow:hidden} :where(body.home) .tabcon .subbox {position:absolute;left:0;top:0} :where(body.home) .tabcon div {height:434px;overflow:hidden;position:relative;overflow:hidden} :where(body.home) .tabcon div h4, :where(body.home) .tabcon div p, :where(body.home) .tabcon div h5 {width: 252px;padding-left: 18px; float:left;} :where(body.home) .tabcon div h4 {width:252px;height:28px;line-height:28px;text-overflow:ellipsis;overflow:hidden; padding-top:18px;} :where(body.home) .tabcon div h4 a {font-size:16px;font-weight:500;color:#008ae2} :where(body.home) .tabcon div h4 a:hover {text-decoration:underline} :where(body.home) .tabcon div p {display:block;height:75px;line-height:25px;text-overflow:ellipsis;overflow:hidden;margin-top:10px;color:#111} :where(body.home) .tabcon div h5 {margin-top:10px} :where(body.home) .tabcon div h5 a {display:block;width:61px;height:22px;line-height:22px;overflow:hidden;background-color:#008ae2;font-size:12px;font-weight:normal;color:#fff;text-align:center} :where(body.home) .tabcon div img { width:182px;height:182px} :where(body.home) .tabcon div.current {opacity:1;filter:alpha(opacity=100);} :where(body.home) .tabcon div ul {height:398px;overflow:hidden} :where(body.home) .tabcon div ul {overflow:hidden;zoom:1} :where(body.home) .tabcon div ul li {position:relative;float:left;width:480px;height:182px;margin:0 4px;margin-top:15px;background:#fff;background:-moz-linear-gradient(top,#fff 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:-o-linear-gradient(top,#fff 0,#efefef 100%);background:-ms-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#efefef',GradientType=0);border:1px #d3d2d2 solid} :where(body.home) .tabcon div ul li div.fl {width:252px;padding-left:18px;padding-top:18px} :where(body.home) .bg_gray {padding:1px 0 35px 0;background:#fafafa} :where(body.home) h2.tit {position:relative;overflow:hidden;width:100%;height:30px;color:#555;text-align:center;font-weight:400;font-size:24px;line-height:30px} :where(body.home) .mt20 {margin-top:20px} :where(body.home) p.desc {overflow:hidden;width:100%;height:28px;color:#B7B7B7;text-align:center;font-size:14px;line-height:28px} :where(body.home) .home_nav {text-align:center} :where(body.home) .mt40 {margin-top:40px} :where(body.home) .home_nav ul {margin:25px auto} :where(body.home) .home_nav ul li {position:relative;display:inline;width:auto} :where(body.home) .home_nav ul li a {display:inline;margin:0 2px;padding:10px 30px;border:1px solid #E7E7E7;border-radius:2px;background:#fff;color:#333;font-size:14px} :where(body.home) .home_nav ul li a:hover {border:1px solid #2384D5;color:#2384D5} :where(body.home) .home_nav ul .hover a {display:inline;margin:0 2px;padding:10px 30px;border:1px solid #2384D5;border-radius:2px;border-radius:0;color:#2384D5;font-size:14px} :where(body.home) .clear {clear:both} :where(body.home) .home_pro {clear:both;margin:40px 0 0 0;width:1206px} :where(body.home) ul {margin:0;padding:0;list-style:none} :where(body.home) .home_pro ul li {float:left;margin:0 1% 1% 0;width:24%} :where(body.home) .home_pro ul li a {display:block;padding:4px;border:1px solid #ededed;background:#fff} :where(body.home) .home_pro ul li a div {overflow:hidden;width:100%;height:100%} :where(body.home) .home_pro ul li a div img {display:block;width:279px;height:279px;border:0;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s} :where(body.home) .home_pro ul li:hover {box-shadow:0 1px 10px rgba(0,0,0,.1)} :where(body.home) .home_pro ul li a:hover div img {-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)} :where(body.home) .home_pro ul li a p {margin:0;padding:10px;color:#333;font-size:14px} :where(body.home) .home_pro ul li a:hover p {color:#236ffb} :where(body.home) .home_pro ul li a .title { height:auto;text-align:center; font-size:15px; line-height:3em;} :where(body.home) .home_pro ul li a .price {padding:0 10px 10px 10px;color:#f60;font-family:Lucida Grande,Arial,微软雅黑,宋体} :where(body.home) .home_pro ul li a .price span { text-align:left; text-indent:20px;color:#999;font-size:13px; display:block; letter-spacing:1px;} :where(body.home) a.more-h {display:block;margin:40px auto 0;width:300px;height:50px;border:1px solid #dfdfdf;background:0 0;color:#9f9f9f;text-align:center;text-indent:0;font-size:14px;line-height:50px;transition:all .3s ease-out 0s} :where(body.home) a.more-h:hover {border: 1px solid #236ffb;color: #0072d4;} :where(body.home) .tabcon div ul li.on div.fr img {width:auto;height:auto} :where(body.home) .tabcon div ul li.on div.in {position:absolute;z-index:100;width:auto} :where(body.home) .xiao-banner {height:201px;margin-top:45px;background-position:center top;cursor:pointer} :where(body.home) .ad01 { overflow:hidden; width:100%; height:180px; background:url(../skin/images/ad01.jpg) no-repeat center;} :where(body.home) .ad01 .zixun { float:right; width:390px; margin-top:25px;} :where(body.home) .ad01 input { width:220px; height:35px; background:url(../skin/images/ad01_input.png) no-repeat center; border:none; float:left; padding-left:55px; padding-right:15px; line-height:35px; color:#9ba2a8; font-size:14px; outline:none; margin-bottom:5px;} :where(body.home) .ad01 textarea { width:220px; height:42px; background:url(../skin/images/ad01_text.png) no-repeat left center; padding:6px 15px 5px 55px; font-size:14px; color:#9ba2a8; line-height:21px; border:none; outline:none; resize:none; float:left;} :where(body.home) .ad01 .coolbg { display:block; width:87px; height:93px; color:#fff; font-size:18px; text-align:center; line-height:93px; float:right; background:url(../skin/images/ad01_tijiao.png) no-repeat center; text-decoration:none; margin-top:-40px; padding:0 0; cursor:pointer;} :where(body.home) .ad01 p { font-size:13px; color:#fff; background:url(../skin/images/ad01_phone.png) no-repeat left center; padding-left:26px; float:right; margin-top:20px;} :where(body.home) .ad01 p em { font-size:22px; color:#ffa200;} :where(body.home) .fangan { overflow:hidden; width:100%; height:790px; background:url(../skin/images/fangan_bg.png) repeat center} :where(body.home) .fangan p { font-size:20px; color:#757575; text-align:center; margin-top:45px; margin-bottom:10px;} :where(body.home) .fangan h3 { font-size:30px; text-align:center; padding-bottom:20px; background:url(../skin/images/title.png) no-repeat center bottom; font-weight:normal; margin-bottom:45px;} :where(body.home) .fangan h3 { color:#3a3a3e; text-decoration:none;} :where(body.home) .fangan h3 b { color:#0e7ad5;} :where(body.home) .fangan ul { overflow:hidden; width:1120px;} :where(body.home) .fangan li { float:left; width:215px; height:267px; background:url(../skin/images/fangan_b.png) no-repeat center bottom; position:relative; margin-right:40px; margin-bottom:30px;} :where(body.home) .fangan li img { display:block; margin:0 auto; margin-top:11px; width:155px; height:155px;} :where(body.home) .fangan li b { display:block; width:215px; height:176px; background:url(../skin/images/fangan_tu_k.png) no-repeat center; position:absolute; left:0; top:0; z-index:998} :where(body.home) .fangan li em { display:block; text-align:center; margin-top:30px; font-size:16px; color:#777; margin-bottom:5px;} :where(body.home) .fangan li .fangan_a1 { display:block; font-size:18px; color:#333; text-align:center; padding-bottom:10px; background:url(../skin/images/fangan_j.png) no-repeat center bottom} :where(body.home) .hezuo { overflow:hidden; margin-top:40px; margin-bottom:30px;} :where(body.home) .hezuo .title { overflow:hidden; width:100%; margin-bottom:25px;} :where(body.home) .hezuo h3 { font-size:18px; float:left; padding-left:5px; border-left:5px solid #0e7ad5; color:#333;} :where(body.home) .hezuo .more { float:right; margin-right:20px;} :where(body.home) .hezuo .hezuo_window { width:940px; overflow:hidden; height:120px; margin:0 auto; position:relative} :where(body.home) .hezuo ul { overflow:hidden; position:absolute} :where(body.home) .hezuo li { float:left; width:170px; margin-right:22px; text-align:center} :where(body.home) .hezuo li img { border:4px solid #e5e5e5; display:block; margin-bottom:10px; width:162px; height:72px} :where(body.home) .hezuo li p { font-size:14px; color:#4e4e4e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} :where(body.home) .youshi { overflow:hidden; background:url(../skin/images/youshi_bg.png) no-repeat center top; padding-top:65px;} :where(body.home) .youshi h3, :where(body.home) .pingjia h3, :where(body.home) .about h3 { font-size:32px; color:#0e7ad5; text-align:center; margin-bottom:10px;} :where(body.home) .youshi .p0, :where(body.home) .about .p0, :where(body.home) .pingjia .p0 { font-size:14px; color:#7c7c7c; text-align:center; padding-bottom:15px; padding-top:10px; background:url(../skin/images/title.png) no-repeat center bottom; margin-bottom:60px;} :where(body.home) .youshi .youshi_wen { overflow:hidden; width:100%; height:730px; position:relative} :where(body.home) .youshi dl dt {float:left} :where(body.home) .youshi dl dd {float:right} :where(body.home) .ys_1 dt {width:484px} :where(body.home) .ys_1 dd {width:496px} :where(body.home) .ys_1 dd li {height:120px;overflow:hidden; list-style:none;} :where(body.home) .ys_1 dd li div.fl {width:65px;font-size:50px;color:#353535;text-align:center} :where(body.home) .ys_1 dd li div.fl span {font-size:8px;-webkit-text-size-adjust:none} :where(body.home) .ys_1 dd li div.fr {width:425px} :where(body.home) .ys_1 dd li div.fr h4 {height:24px;line-height:24px;overflow:hidden;font-size:18px;color:#008ae2} :where(body.home) .ys_1 dd li div.fr p {height:85px;line-height:21px;overflow:hidden;text-overflow:ellipsis;margin-top:5px;font-size:14px;color:#000} :where(body.home) .ys_2 dt {width:515px} :where(body.home) .ys_2 dt li {height:120px;overflow:hidden} :where(body.home) .ys_2 dt li div.fl {width:65px;font-size:50px;color:#353535;text-align:center} :where(body.home) .ys_2 dt li div.fl span {font-size:8px;-webkit-text-size-adjust:none} :where(body.home) .ys_2 dt li div.fr {width:440px} :where(body.home) .ys_2 dt li div.fr h4 {height:24px;line-height:24px;overflow:hidden;font-size:18px;color:#008ae2} :where(body.home) .ys_2 dt li div.fr p {height:85px;line-height:21px;overflow:hidden;text-overflow:ellipsis;margin-top:5px;font-size:14px;color:#000} :where(body.home) .ys_2 dd {width:443px} :where(body.home) .ad02 { overflow:hidden; width:100%; height:200px; background:url(../skin/images/banner/ad2.jpg) no-repeat center; margin-bottom:45px; font-size:0;} :where(body.home) .pingjia { overflow:hidden; margin-top:50px; margin-bottom:15px;} :where(body.home) .pingjia ul { overflow:hidden} :where(body.home) .pingjia li { float:left; width:50%; height:145px; margin-bottom:25px;} :where(body.home) .pingjia li img { display:block; float:left; margin-right:15px; width:205px; height:145px;} :where(body.home) .pingjia li .wen { float:left; width:255px; overflow:hidden} :where(body.home) .pingjia li h4 { font-size:16px; overflow:hidden; margin-top:5px; margin-bottom:15px;} :where(body.home) .pingjia li h4 a { color:#4f4f4f;} :where(body.home) .pingjia li h4 a:hover { color:#0e7ad5} :where(body.home) .pingjia li p { font-size:14px; line-height:22px; height:66px; overflow:hidden; color:#666; text-align:justify} :where(body.home) .pingjia li .more { display:block; width:79px; height:26px; text-align:center; line-height:26px; font-size:13px; color:#fff; margin-top:10px; background-color:#0e7ad5;} :where(body.home) .fuwu { overflow:hidden; width:100%; height:340px; background-color:#0e7ad5;} :where(body.home) .fuwu h3 { font-size:30px; font-weight:normal; text-align:center; color:#fff; margin-top:40px; background:url(../skin/images/fuwu.png) no-repeat center} :where(body.home) .fuwu p { text-align:center; color:#dee8f7; font-size:14px; margin-bottom:30px; margin-top:15px;} :where(body.home) .fuwu .list { overflow:hidden; padding-bottom:40px; background:url(../skin/images/fuwu_shuzi.png) no-repeat center bottom; width:990px; margin-left:-11px} :where(body.home) .fuwu .list li { width:110px; height:53px; background:url(../skin/images/fuwu01.png) no-repeat center top; text-align:center; font-size:14px; color:#585858; float:left; padding-top:35px;} :where(body.home) .fuwu .list .cur { background:url(../skin/images/fuwu02.png) no-repeat center top; color:#fff;} :where(body.home) .fuwu .fuwu_content { width:100%; height:50px; background-color:#0870c8; margin-top:24px} :where(body.home) .fuwu .wen { width:210px; height:34px; padding:8px 15px; background-color:#ffa200; position:relative} :where(body.home) .fuwu .wen b { display:block; width:14px; height:7px; background:url(../skin/images/fuwu_s.png) no-repeat center; position:absolute; left:35px; top:-7px;} :where(body.home) .fuwu .wen p { font-size:14px; color:#fff; text-align:left; padding:0; margin:0} :where(body.home) .about { overflow:hidden; margin-top:40px; margin-bottom:40px;} :where(body.home) .about dl { overflow:hidden; margin-top:30px; width:100%; height:auto; margin-bottom:30px} :where(body.home) .about dt { float:left; width:408px; height:auto;position:relative; margin-right:20px;} :where(body.home) .about dt .m { width:auto; height:230px} :where(body.home) .about dt b { display:block; width:86px; height:86px; background:url(../skin/images/about_bf.png) no-repeat center; left:161px; top:110px; position:absolute} :where(body.home) .about dd { float:left; width:550px;; overflow:hidden} :where(body.home) .about h4 { font-size:16px; float:left; font-size:18px; padding-left:10px; border-left:5px solid #0e7ad5;} :where(body.home) .about dd h4 a { color:#0e7ad5;} :where(body.home) .about dd p { font-size:13px; line-height:2em; text-indent:20px; height:230px; overflow:hidden;} :where(body.home) .about dd p a { color:#0e7ad5; font-size:12px; float:right; padding-right:20px; } :where(body.home) .about .wen { overflow:hidden; margin-bottom:15px;} :where(body.home) .about .scjd { overflow:hidden} :where(body.home) .about .scjd_t h4 p {font-size: 16px;color: #666;font-weight: normal;} :where(body.home) .about .scjd_t { overflow:hidden; width:100%; margin-bottom:30px;border-bottom:1px solid #d6d6d6; padding-bottom:5px;} :where(body.home) .about .scjd_t h4 { float:left; font-size:18px; padding-left:10px; border-left:5px solid #0e7ad5; line-height: 1.6em;} :where(body.home) .about .scjd_t .more { float:right} :where(body.home) .about .scjd .scjd_content { overflow:hidden; position:relative; width:100%; height:180px;} :where(body.home) .about .scjd .scjd_left, :where(body.home) .about .scjd .scjd_right { position:absolute; top:70px;cursor:pointer} :where(body.home) .about .scjd .scjd_left { left:5px} :where(body.home) .about .scjd .scjd_right {right:5px;} :where(body.home) .about .scjd .scjd_window { overflow:hidden; width:927px; margin:0 auto; height:180px; position:relative} :where(body.home) .about .scjd .scjd_window ul { position:absolute; overflow:hidden} :where(body.home) .about .scjd .scjd_window li { float:left; width:222px; height:180px; margin-right:13px; text-align:center} :where(body.home) .about .scjd .scjd_window li img { display:block; border:1px solid #e5e5e5; margin-bottom:8px;} :where(body.home) .about .scjd .scjd_window li p { font-size:14px;} :where(body.home) .ad03 { overflow:hidden; width:100%; height:200px; background:url(../skin/images/ad03.jpg) no-repeat center; margin-bottom:45px;} :where(body.home) .ad03 p { background:url(../skin/images/ad02_phone.png) no-repeat center top; width:150px; float:right; margin-top:60px; padding-top:60px; font-size:22px; color:#ffa200; text-align:center;} :where(body.home) .ad03 em { display:block; font-size:13px; color:#fff} :where(body.home) .dongtai { overflow:hidden; margin-bottom:40px;} :where(body.home) .dongtai .dt_news, :where(body.home) .dongtai .hy_news, :where(body.home) .dongtai .wenda { overflow:hidden; width:310px; float:left; margin-right:25px} :where(body.home) .dongtai .wenda { margin-right:0} :where(body.home) .dongtai .news_t { width:100%; overflow:hidden; padding-bottom:5px; border-bottom:2px solid #bfbfbf;} :where(body.home) .dongtai .news_t h3 { font-size:18px; float:left; font-weight:normal; padding-left:10px; border-left:4px solid #0e7ad5;} :where(body.home) .dongtai .news_t h3 a { color:#333;} :where(body.home) .dongtai .news_t .more { float:right; margin-top:10px;} :where(body.home) .dongtai .news_content { overflow:hidden; width:285px; margin:0 auto; margin-top:20px; height:225px} :where(body.home) .dongtai .news_content .tu_wen { overflow:hidden; margin-bottom:20px;} :where(body.home) .dongtai .news_content .tu_wen img { float:left; display:block; margin-right:10px;} :where(body.home) .dongtai .news_content .tu_wen p { width:120px; float:left; font-size:13px; line-height:20px; height:100px; overflow:hidden; margin-top:10px;} :where(body.home) .dongtai .news_content ul { overflow:hidden; width:100%;} :where(body.home) .dongtai .news_content li { float:left; width:275px; font-size:13px; line-height:35px; background:url(../skin/images/dt_1.png) no-repeat left center; padding-left:10px} :where(body.home) .dongtai .news_content li p { border-bottom:1px solid #eee; overflow:hidden} :where(body.home) .dongtai .news_content .last p { border:none} :where(body.home) .dongtai .news_content li a { display:block; float:left; width:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} :where(body.home) .dongtai .news_content li span { float:right;} :where(body.home) .dongtai .news_content .wen { overflow:hidden; margin-bottom:28px;} :where(body.home) .dongtai .news_content .wen h5 { font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px; margin-top:10px;} :where(body.home) .dongtai .news_content .wen h5 a { color:#434343;} :where(body.home) .dongtai .news_content .wen p { font-size:13px; line-height:20px; height:80px; width:100%; overflow:hidden} :where(body.home) .dongtai .news_content .wenda_list { overflow:hidden; margin-bottom:1px;} :where(body.home) .dongtai .news_content .wenda_list h4 { font-size:14px; line-height:22px; background:url(../skin/images/wen.png) no-repeat left center; padding-left:28px; width:252px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;} :where(body.home) .dongtai .news_content .wenda_list h4 a { color:#0e7ad5;} :where(body.home) .dongtai .news_content .wenda_list p { font-size:12px; line-height:20px; height:90px; background:url(../skin/images/da.png) no-repeat left 4px; line-height:30px; overflow:hidden; width:252px; padding-left:28px;} :where(body.home) .zixun0 { overflow:hidden; border-bottom:1px solid #e5e5e5;} :where(body.home) .zixun0 .zixun_left { float:left; margin-left:-60px; background:url(../skin/images/zixun_bg.jpg) no-repeat center; width:663px; height:380px;} :where(body.home) .zixun0 .zixun_left p { background:url(../skin/images/zixun.png) no-repeat left center; font-size:14px; color:#362c24; padding-left:60px; margin-bottom:20px; margin-top:202px; margin-left:311px; line-height:30px;} :where(body.home) .zixun0 .zixun_left em { display:block; font-size:24px; color:#646464; line-height:30px;} :where(body.home) .zixun0 .zixun_left a { display:block; width:144px; height:44px; text-align:center; line-height:44px; font-size:16px; color:#fff; background:url(../skin/images/zixun0.png) no-repeat center; margin-left:311px;} :where(body.home) .zixun0 .zixun_right { float:right; width:348px; height:380px;} :where(body.home) .zixun0 .zixun_right input { padding-left:55px; width:280px; padding-right:13px; height:46px; border:none; color:#aaa; font-size:14px; line-height:46px; outline:none} :where(body.home) .zixun0 .zixun_right textarea { padding-left:55px; width:280px; padding-right:13px; height:70px; padding-bottom:4px; padding-top:5px; background:url(../skin/images/zixun_liuyan.png) no-repeat left center; border:none; outline:none; resize:none; color:#aaa; font-size:14px;} :where(body.home) .zixun0 .zixun_right .name { background:url(../skin/images/zixun_name.png) no-repeat center} :where(body.home) .zixun0 .zixun_right .phone { background:url(../skin/images/zixun_phone.png) no-repeat center} :where(body.home) .zixun0 .zixun_right .email { background:url(../skin/images/zixun_email.png) no-repeat center} :where(body.home) .zixun0 .zixun_right li { overflow:hidden; margin-bottom:5px;} :where(body.home) .zixun0 .zixun_right .last input { width:90px; padding:0 5px; border:1px solid #b7b7b7; height:44px; line-height:44px; float:left; margin-right:10px; color:#aaa; font-size:16px;} :where(body.home) .zixun0 .zixun_right .last em { display:block; width:98px; height:38px; margin-top:3px; float:left;} :where(body.home) .zixun0 .zixun_right .last .coolbg { display:block; width:112px; height:44px; line-height:44px; text-align:center; color:#fff; font-size:16px; background-color:#0e7ad5; float:right} :where(body.home) .links { overflow:hidden; margin-top:12px; margin-bottom:10px;} :where(body.home) .links h3 { float:left; width:120px; height:55px; background:url(../skin/images/link.png) no-repeat center top; font-size:28px; text-align:center; font-weight:normal; padding-top:20px;} :where(body.home) .links h3 { color:#0e7ad5;} :where(body.home) .links h3 p { font-size:13px; color:#ffa200;} :where(body.home) .links ul { overflow:hidden; float:left; margin-left:60px; width:800px; margin-top:10px;} :where(body.home) .links li { float:left; margin:10px 18px; font-size:13px;} /* ===== assets/css/site.css ===== */ /* ========================================================================== site.css —— 原站样式之上的「组件补充层」 仅新增原站没有的东西（轮播控件、移动抽屉、表单状态、可访问性）， 不修改 skin/css 里任何既有声明。 加载顺序：skin/*.css → site.css → responsive.css ========================================================================== */ /* ---------------------------------------------------- 可访问性基础 */ .skip-link{ position:absolute; left:0; top:-100px; z-index:100000; padding:10px 18px; background:#0e7ad5; color:#fff; font-size:14px; border-radius:0 0 3px 0; } .skip-link:focus{ top:0; color:#fff; } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [tabindex]:focus-visible{ outline:2px solid #0e7ad5; outline-offset:2px; } /* 屏幕阅读器专用 */ .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; } /* 第17批 SEO：归档 / 单页 / 搜索 / 网站地图的主标题由

改为

。 浏览器默认给 h1 加 margin 与加粗，这里抹平，保证视觉与原 p 版本逐像素一致。 */ h1.tit{ margin:0; font-weight:normal; } /* 图片防溢出（正文里的宽图在老站会撑破容器） */ .news_word img, .pro_info img, .page-copy img, .about_right img, .agent_con img{ max-width:100% !important; height:auto !important; } /* ---------------------------------------------------- 首页横幅（替代 kinMaxShow） */ #kinMaxShow.banner{ position:relative; width:100%; height:470px; overflow:hidden; background:#f2f3f5; } #kinMaxShow .banner-item{ position:absolute; inset:0; opacity:0; transition:opacity .55s ease; pointer-events:none; } #kinMaxShow .banner-item.is-active{ opacity:1; pointer-events:auto; z-index:1; } #kinMaxShow .banner-item a{ display:block; width:100%; height:100%; } #kinMaxShow .banner-item img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center center; } /* 指示条：长条进度式（类似 vmall），激活条内填充随停留时间滚进 */ #kinMaxShow .banner-dots{ position:absolute; left:50%; bottom:18px; transform:translateX(-50%); z-index:5; display:flex; gap:8px; } #kinMaxShow .banner-dots button{ position:relative; width:40px; height:5px; padding:0; border:0; border-radius:5px; background:rgba(0,0,0,.28); box-shadow:0 0 0 1px rgba(255,255,255,.28); cursor:pointer; overflow:hidden; transition:background .2s; } #kinMaxShow .banner-dots button.is-on{ background:rgba(0,0,0,.4); } #kinMaxShow .banner-dots button .fill{ position:absolute; left:0; top:0; bottom:0; width:100%; background:#fff; border-radius:inherit; transform:scaleX(0); transform-origin:left center; } /* 仅在自动轮播时让激活条滚进；悬停时与轮播同步暂停 */ #kinMaxShow:not(.reduce-motion) .banner-dots button.is-on .fill{ animation:bannerFill var(--banner-interval,5000ms) linear forwards; } #kinMaxShow:hover .banner-dots button.is-on .fill{ animation-play-state:paused; } /* 降低动效偏好：激活条静态置满，不进行滚动 */ #kinMaxShow.reduce-motion .banner-dots button.is-on .fill{ transform:scaleX(1); } @keyframes bannerFill{ from{ transform:scaleX(0); } to{ transform:scaleX(1); } } /* 左右箭头（仅悬停显示，不打扰原站观感） */ #kinMaxShow .banner-arrow{ position:absolute; top:50%; z-index:6; width:46px; height:64px; margin-top:-32px; border:0; padding:0; background:rgba(0,0,0,.28); color:#fff; font-size:22px; line-height:64px; text-align:center; cursor:pointer; opacity:0; transition:opacity .25s, background .25s; } #kinMaxShow:hover .banner-arrow{ opacity:1; } #kinMaxShow .banner-arrow:hover{ background:rgba(14,122,213,.85); } #kinMaxShow .banner-arrow.prev{ left:0; } #kinMaxShow .banner-arrow.next{ right:0; } /* ---------------------------------------------------- 产品图：等比不变形 */ .home_pro ul li a div, .tjcp ul li div, .prolist ul li div{ background:#fff; } .home_pro ul li a div img, .tjcp ul li div img, .prolist ul li div img{ object-fit:contain; background:#fff; } /* 产品详情图集：450 方框内等比显示 */ #playBox .oUlplay img{ object-fit:contain; background:#fff; } #playBox{ background:#fff; } /* 新闻列表缩略图 */ .newslist .listinfo li .img img{ object-fit:cover; width:150px; height:120px; } /* ---------------------------------------------------- 表单 */ input::placeholder, textarea::placeholder{ color:#9ba2a8; opacity:1; } /* 首页 ad01 询价条 */ .ad01 input[type="tel"]{ font-family:"Microsoft YaHei",sans-serif; } .ad01 textarea{ font-family:"Microsoft YaHei",sans-serif; } .ad01 .coolbg{ font-family:"Microsoft YaHei",sans-serif; border:0; cursor:pointer; } .ad01 form{ overflow:hidden; } /* 首页 zixun 表单 */ .zixun0 .zixun_right .coolbg{ font-family:"Microsoft YaHei",sans-serif; border:0; cursor:pointer; } .zixun0 .zixun_right form{ overflow:hidden; } /* 内页 tjwtBox */ .tjwtBox .m_form .btnSubmit{ cursor:pointer; } .tjwtBox .form-note{ float:left; width:100%; margin-top:10px; font-size:12px; color:#999; line-height:1.8; } .tjwtBox .hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; } /* 提交结果提示（AJAX 插入） */ .form-toast{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:99999; min-width:260px; max-width:80vw; padding:18px 24px; background:rgba(0,0,0,.86); color:#fff; font-size:15px; line-height:1.7; text-align:center; border-radius:6px; animation:toastIn .22s ease; } .form-toast.is-err{ background:rgba(196,42,42,.94); } @keyframes toastIn{ from{ opacity:0; transform:translate(-50%,-46%); } to{ opacity:1; transform:translate(-50%,-50%); } } /* 按钮提交中 */ button[disabled], .is-loading{ opacity:.65; cursor:not-allowed; } /* ---------------------------------------------------- 视频弹层 */ .video-modal{ position:fixed; inset:0; z-index:99998; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.82); padding:24px; } .video-modal video{ max-width:min(1100px,92vw); max-height:82vh; background:#000; box-shadow:0 12px 48px rgba(0,0,0,.5); } .video-modal .vm-close{ position:absolute; top:18px; right:22px; width:44px; height:44px; border:0; border-radius:50%; background:rgba(255,255,255,.16); color:#fff; font-size:26px; line-height:44px; cursor:pointer; } .video-modal .vm-close:hover{ background:rgba(255,255,255,.3); } /* ---------------------------------------------------- 右侧客服条（原件在 kefu.css） */ .izl-rmenu .consult .phone{ z-index:9999; } .izl-rmenu a{ cursor:pointer; } /* ---------------------------------------------------- 移动导航抽屉 */ .m-nav{ position:fixed; top:0; right:0; bottom:0; width:82vw; max-width:360px; background:#fff; z-index:100001; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .28s ease; box-shadow:-8px 0 32px rgba(0,0,0,.18); } .m-nav.is-open{ transform:translateX(0); } .m-nav-head{ display:flex; align-items:center; justify-content:space-between; height:52px; padding:0 16px; background:#0e7ad5; color:#fff; font-size:16px; } .m-nav-head .m-close{ width:36px; height:36px; border:0; background:transparent; color:#fff; font-size:28px; line-height:1; cursor:pointer; } .m-nav-body{ flex:1; overflow-y:auto; -webkit-overflow-scrolling:touch; } .m-nav-main{ padding:0; margin:0; } .m-nav-main > li{ border-bottom:1px solid #eee; } .m-row{ display:flex; align-items:center; justify-content:space-between; min-height:50px; padding:0 16px; } .m-row > a{ flex:1; font-size:15px; color:#333; line-height:50px; } .m-toggle{ width:44px; height:44px; border:0; background:transparent; font-size:22px; color:#888; cursor:pointer; transition:transform .25s; } .m-toggle[aria-expanded="true"]{ transform:rotate(45deg); color:#0e7ad5; } .m-sub{ display:none; padding:4px 0 10px; background:#f7f8fa; } .m-sub.is-open{ display:block; } .m-sub li a{ display:block; padding:11px 16px 11px 30px; font-size:14px; color:#555; border-top:1px solid #eef0f3; } .m-nav-tel{ padding:18px 16px 26px; background:#f7f8fa; border-top:1px solid #eee; text-align:center; } .m-nav-tel span{ display:block; font-size:12px; color:#888; margin-bottom:6px; } .m-nav-tel a{ font-size:24px; color:#e53030; font-weight:700; letter-spacing:.5px; } .m-mask{ position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:100000; opacity:0; pointer-events:none; transition:opacity .28s; } .m-mask.is-open{ opacity:1; pointer-events:auto; } /* 桌面端隐藏移动件 */ .m-bar{ display:none; } @media (min-width:1024px){ .m-nav, .m-mask, .m-bar{ display:none !important; } } /* ---------------------------------------------------- 404 */ .p404{ padding:60px 20px 80px; text-align:center; } .p404-code{ font-size:96px; line-height:1; font-weight:700; color:#e6ebf2; font-family:Arial,Helvetica,sans-serif; } .p404 h1{ font-size:26px; color:#333; margin:12px 0 10px; font-weight:400; } .p404 p{ font-size:14px; color:#777; line-height:2; } .p404-links{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:24px 0 28px; } .p404-links a{ display:inline-block; padding:9px 22px; border:1px solid #dfe3e8; border-radius:2px; font-size:14px; color:#333; transition:.2s; } .p404-links a:hover{ border-color:#0e7ad5; color:#0e7ad5; } .p404-search{ display:flex; justify-content:center; gap:0; max-width:460px; margin:0 auto; } .p404-search input{ flex:1; height:42px; padding:0 14px; border:1px solid #dfe3e8; border-right:0; outline:none; font-size:14px; color:#333; } .p404-search button{ width:92px; height:42px; border:0; background:#0e7ad5; color:#fff; font-size:14px; cursor:pointer; } .p404-tel{ margin-top:26px; font-size:14px; color:#666; } .p404-tel a{ color:#e53030; font-size:18px; } /* 搜索页「再搜一次」 */ .search-again{ float:right; display:flex; margin-top:14px; } .search-again input{ width:190px; height:30px; padding:0 10px; border:1px solid #ddd; border-right:0; outline:none; font-size:13px; } .search-again button{ width:62px; height:30px; border:0; background:#0e7ad5; color:#fff; font-size:13px; cursor:pointer; } /* ---------------------------------------------------- 页脚副容器 */ .bottom .bottom-in{ width:1100px; margin:0 auto; } /* ---------------------------------------------------- 分页补充 */ .pages ul li.thisclass{ background-color:#008AE2; } .pages ul li.thisclass a{ color:#fff; } /* ---------------------------------------------------- 服务流程交互增强 */ .fuwu .list li{ cursor:pointer; } .fuwu .list li:focus-visible{ outline:2px solid #fff; outline-offset:2px; } /* ---------------------------------------------------- 平滑滚动（尊重系统设置） */ @media (prefers-reduced-motion:no-preference){ html{ scroll-behavior:smooth; } } @media (prefers-reduced-motion:reduce){ *{ animation-duration:.01ms !important; transition-duration:.01ms !important; } } /* ---------------------------------------------------- 桌面导航下拉（替代 jQuery slideDown） 原站：li:hover → ul.nav_son 以 180ms slideDown 出现。 此处用 CSS 直接显示，去掉动画延迟，减少一次 jQuery 依赖。 */ .header .header_nav > ul > li:hover > .nav_son, .header .header_nav > ul > li:focus-within > .nav_son{ display:block; } /* 行业应用下拉子项较多，让容器按内容撑高，避免被裁切 */ .header .header_nav li .nav_son{ height:auto; min-height:250px; max-height:none; padding-bottom:6px; } /* 下拉里 dl 的标题行 */ .header .header_nav li .nav_son dt b{ color:#0e7ad5; font-size:18px; font-weight:normal; } /* 卡片标题两行截断，避免破坏对齐 */ .header .header_nav li .nav_son .nav_list a b{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; height:auto; } .header .header_nav li .nav_son .nav_list a p{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:auto !important; max-height:36px; } /* ---------------------------------------------------- 公司简介视频（首页 .about dt .m） */ .about dt .m{ height:230px; overflow:hidden; background:#000; } .about dt .m video{ display:block; height:230px; width:auto; max-width:100%; background:#000; } /* 内页公司简介（.about_left .m 原站 465×315） */ .about_left .m{ width:465px; height:315px; overflow:hidden; background:#000; } .about_left .m video{ display:block; width:100%; height:100%; object-fit:cover; background:#000; } /* 行业应用区：内容不足 8 个时不出现大片空白，超出时不裁切 */ .fangan{ height:auto; min-height:790px; } /* 团队风采缩略图统一比例 */ .about .scjd .scjd_window li img{ width:222px; height:140px; object-fit:cover; } /* hidden 属性必须真正不占位（否则抽屉会撑出横向滚动条） */ .m-nav[hidden], .m-mask[hidden]{ display:none !important; } /* ---------------------------------------------------- 移动端菜单按钮 */ .m-menu-btn{ display:none; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:46px; height:46px; padding:0; border:0; background:transparent; cursor:pointer; } .m-menu-btn i{ display:block; width:23px; height:2px; background:#0e7ad5; border-radius:2px; } /* ------------------------------------------- 产品详情参数区（1:1 还原原站版式） * 迁移时正文的内联样式与 class（.cpcp/.cptd/.info-i/.row/.col-13-24）被清洗， * 这里按原站 DOM 实测值重建等价版式： * 小标题 .cpcp 18px / #00418b / line-height 50px / word-spacing -1.5px * 正文段 .cptd 14px / #666 / line-height 30px * 分组 .info-i 宽 740px / 上下 padding 45px / 底部 1px solid #ddd * 分组标题 h1 20px / weight 400 / height 48px / line-height 24px * 参数行 li 宽 700px / line-height 32px / 14px / #515151 * 标签列 span float:left / width:auto * 数值列 p margin-left 232px（= 原站固定缩进，剩余 468px） */ .pro_info{ font-size:14px; line-height:30px; color:#666; } .pro_info > p{ font-size:18px; color:#00418b; line-height:50px; margin:20px 0 0; word-spacing:-1.5px; } /* 详情图段落：wpautop 会把连续的 包进

，若沿用上面的 18px/50px * 行高，每张图下方会多出约 18px 的基线留白（9 张即 162px）。这里归零， * 使图片纵向紧密排列，与原站
+ 的排布一致。 */ .pro_info > p:has(> img){ font-size:0; line-height:0; margin:0; color:#666; word-spacing:normal; } .pro_info > p:has(> img) img{ vertical-align:bottom; } .pro_info h1, .pro_info h2, .pro_info h3{ font-size:20px; font-weight:400; line-height:24px; height:48px; color:#515151; margin:45px 0 0; } .pro_info h2, .pro_info h3{ font-size:18px; height:auto; padding-bottom:10px; } .pro_info h1 + div, .pro_info h2 + div, .pro_info h3 + div{ width:740px; max-width:100%; padding-bottom:45px; border-bottom:1px solid #ddd; } .pro_info ul{ margin:0; padding:0; list-style:none; } .pro_info li{ width:700px; max-width:100%; line-height:32px; font-size:14px; color:#515151; overflow:hidden; } .pro_info li span{ float:left; width:auto; } .pro_info li p{ margin:0 0 0 232px; line-height:32px; color:#515151; } /* ------------------------------------------- 侧栏小标题星标（对齐原站 fa-star-half-full 的观感） * 原站用 FontAwesome 图标字体，本站不引入外部图标库，改用 ★ 文本 + 同色 */ .news_right_ct .ico-star{ display:inline-block; font-style:normal; font-size:14px; line-height:1; color:#ffa200; padding:0 8px 0 0; transform:translateY(-1px); } /* ------------------------------------------- 客户 LOGO 无缝滚动（修正折行） * Index.css 用 float:left 排 10 个 170px 的 li，容器 940px 会折成多行， * 导致一屏只露出 3 个、右侧大片留白。这里改成单行 flex + max-content 铺开， * 让 site.js 的 transform 无缝滚动正常工作（原站一屏 5 个）。 */ .hezuo .hezuo_window > ul{ display:flex; flex-wrap:nowrap; width:max-content; position:absolute; left:0; top:0; will-change:transform; } .hezuo .hezuo_window > ul > li{ float:none; flex:0 0 170px; margin-right:22px; } /* ------------------------------------------- 团队风采无缝滚动（修正折行） * Index.css 的 ul 是 position:absolute，宽度被压缩成容器宽 927， * 13 个 222px 的 li 会在 float 下折成多行，一屏只见 3 张。 * 原站 ul 实际宽 3055px（单行铺开），这里用 flex + max-content 还原。 */ .about .scjd .scjd_window ul{ display:flex; flex-wrap:nowrap; width:max-content; will-change:transform; } .about .scjd .scjd_window li{ float:none; flex:0 0 222px; } /* ================================================================ 二次优化层 v1.0 ---------------------------------------------------------------- 约束：不改动任何静态盒模型尺寸，只作用在 transform / opacity / box-shadow / color / border-color 上，因此不影响与原站的 像素级版式一致性（前面所有几何比对结果保持有效）。 内容：统一设计令牌 / 交互反馈 / 焦点可见 / 图片过渡 / 中间断点补齐 / 减少动效偏好 / 触控目标尺寸 ================================================================ */ /* ---------- ① 设计令牌 ---------- */ :root{ --idd-brand:#0e7ad5; --idd-brand-dk:#0a5fa8; --idd-accent:#ffa200; --idd-ink:#333; --idd-ink-2:#666; --idd-line:#e5e5e5; --idd-ease:cubic-bezier(.22,.61,.36,1); --idd-fast:.18s; --idd-mid:.3s; --idd-slow:.55s; --idd-sh-1:0 2px 8px rgba(14,122,213,.07); --idd-sh-2:0 12px 28px rgba(14,122,213,.14); } /* ---------- ② 全局渲染质感 ---------- */ html{ scroll-behavior:smooth; } body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } ::selection{ background:rgba(14,122,213,.15); color:inherit; } /* 键盘操作才出现焦点环，鼠标点击不出现（不影响视觉整洁） */ :focus-visible{ outline:2px solid var(--idd-brand); outline-offset:2px; border-radius:2px; } a,button,input,textarea,select{ -webkit-tap-highlight-color:rgba(14,122,213,.12); } /* ---------- ③ 图片过渡与占位 ---------- */ .home_pro ul li a div, .news_content li img, .pingjia li img, .scjd_window li img, .hezuo li img{ background:#f5f7f9; } .home_pro ul li a div img, .scjd_window li img, .hezuo li img{ transition:transform var(--idd-slow) var(--idd-ease); will-change:transform; } /* ---------- ④ 产品卡交互（原站 hover 放大 1.3 过于夸张，收到 1.06 + 轻上浮） ---------- */ .home_pro ul li{ background:#fff; transition:transform var(--idd-mid) var(--idd-ease), box-shadow var(--idd-mid) var(--idd-ease); } .home_pro ul li:hover{ transform:translateY(-6px); box-shadow:var(--idd-sh-2); } .home_pro ul li a:hover div img{ transform:scale(1.06) !important; } .home_pro ul li a{ transition:border-color var(--idd-mid) var(--idd-ease); } .home_pro ul li:hover a{ border-color:#dbe7f5; } /* ---------- ⑤ 桌面导航下拉：淡入 + 轻微下滑 ---------- */ @keyframes iddDropIn{ from{ opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } } .header .header_nav > ul > li:hover > .nav_son, .header .header_nav > ul > li:focus-within > .nav_son{ animation:iddDropIn var(--idd-mid) var(--idd-ease) both; } .header .header_nav li .nav_son dd, .header .header_nav li .nav_son .nav_list{ transition:color var(--idd-fast) var(--idd-ease); } /* 一级导航：原站用整块橙色高亮（nav_bg.png）表达选中态， 这里不再叠加下划线伪元素 —— 橙底上的蓝线属于错误视觉。 */ .header .header_nav > ul > li > a{ transition:color var(--idd-fast) var(--idd-ease); } /* ---------- ⑥ 列表条目反馈 ---------- */ .news_content li, .wenda_list{ transition:background-color var(--idd-fast) var(--idd-ease), padding-left var(--idd-fast) var(--idd-ease); } .news_content li:hover, .wenda_list:hover{ background:#f7fafd; } .news_content li a, .wenda_list h4 a{ transition:color var(--idd-fast) var(--idd-ease); } .news_content li:hover a, .wenda_list:hover h4 a{ color:var(--idd-brand); } /* ---------- ⑦ 按钮/链接反馈 ---------- */ .more, a.more-h, .btn-submit, .zixun_btn, .banner-arrow, .scjd_left, .scjd_right{ transition:color var(--idd-fast) var(--idd-ease), border-color var(--idd-fast) var(--idd-ease), background-color var(--idd-fast) var(--idd-ease), transform var(--idd-fast) var(--idd-ease), opacity var(--idd-fast) var(--idd-ease); } .banner-arrow:hover, .scjd_left:hover, .scjd_right:hover{ transform:scale(1.12); opacity:1; } a.more-h:hover{ transform:translateY(-2px); box-shadow:var(--idd-sh-1); } /* ---------- ⑧ 服务流程步骤 ---------- */ .fuwu .list li{ transition:transform var(--idd-mid) var(--idd-ease), box-shadow var(--idd-mid) var(--idd-ease); } .fuwu .list li:hover{ transform:translateY(-4px); box-shadow:var(--idd-sh-1); } /* ---------- ⑨ 产品参数行斑马纹（极轻） ---------- */ .pro_info li{ transition:background-color var(--idd-fast) var(--idd-ease); } .pro_info li:hover{ background:#fafcfe; } /* ---------- ⑩ 表单焦点态 ---------- */ .msg_form input:focus, .msg_form textarea:focus, .form input:focus, .form textarea:focus{ border-color:var(--idd-brand) !important; box-shadow:0 0 0 3px rgba(14,122,213,.12); outline:none; } /* ---------- ⑪ 滚动显现（首屏外区块，JS 打标） ---------- */ .idd-reveal{ opacity:0; transform:translateY(18px); transition:opacity .6s var(--idd-ease), transform .6s var(--idd-ease); } .idd-reveal.is-in{ opacity:1; transform:none; } /* ---------- ⑫ 中间断点补齐（1200–1365 略窄屏） ---------- */ @media (min-width:1200px) and (max-width:1365px){ .banner-item img{ width:100%; height:auto; } } /* ---------- ⑬ 超宽屏：内容保持原宽，背景居中不出滚动条 ---------- */ @media (min-width:1920px){ body{ overflow-x:hidden; } } /* ---------- ⑭ 减少动效偏好 ---------- */ @media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; } .idd-reveal{ opacity:1; transform:none; } } /* ---------- ⑮ 触控目标尺寸（移动端可点区域不小于 40px） ---------- */ @media (max-width:767px){ .header_nav a, .m-nav a, .news_content li a, .wenda_list h4 a{ min-height:40px; } } /* ========================================================================= 第二批修正（2026-11-07） ② 首页产品中心：推荐位 8 / 12 + 展开 ③ 服务流程橙色块跟随步骤 ④ 公司新闻 / 行业资讯标题宽度 ⑤ 常见问题条目高度 ========================================================================= */ /* ---------- ② 首页产品中心：展示全部推荐产品（展开按钮已移除） ---------- */ /* 旧版「展开更多」按钮的样式已废弃，保留此说明以免规则遗漏 */ /* ---------- ③ 服务流程：橙色说明块横向跟随选中步骤 ---------- */ /* 位移已限制在容器宽度内，不需要 overflow:hidden（否则会裁掉顶部小三角） */ .fuwu .fuwu_content{ position:relative; } .fuwu .wen{ display:inline-block; vertical-align:top; width:auto; min-width:240px; max-width:520px; white-space:nowrap; will-change:transform; transition:transform .38s cubic-bezier(.22,.61,.36,1); } .fuwu .wen p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .fuwu .wen b{ transition:left .38s cubic-bezier(.22,.61,.36,1); } /* 步骤可点区域提示（原站只有 .cur 换图） */ .fuwu .list li{ transition:transform .3s ease, box-shadow .3s ease, color .2s ease; } .fuwu .list li:hover{ color:#fff; } .fuwu .list li:focus-visible{ outline:2px solid #fff; outline-offset:3px; } /* ---------- ④ 公司新闻 / 行业资讯：标题占满剩余宽度，日期固定右侧 ---------- */ .dongtai .news_content li p{ display:flex; align-items:center; gap:10px; } .dongtai .news_content li a{ flex:1 1 auto; min-width:0; width:auto; float:none; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .dongtai .news_content li span{ flex:0 0 auto; float:none; font-size:12px; color:#999; } .dongtai .news_content li:hover span{ color:#0e7ad5; } /* ---------- ⑤ 常见问题：答图标完整显示 + 三栏等高 ---------- */ .dongtai #faq{ height:auto; overflow:visible; } .dongtai #faq .wenda_list{ margin-bottom:0; padding:3px 0 5px; } /* 问号图标 22×22，行高 22 刚好不裁 */ .dongtai #faq .wenda_list h4{ line-height:22px; margin-bottom:3px; background-size:18px 18px; background-position:left center; padding-left:26px; width:auto; } /* 「答」图标 22×22，缩到 16×16 并在 20px 行高内垂直居中，四边都不再被裁 */ .dongtai #faq .wenda_list p{ height:20px; line-height:20px; font-size:12px; color:#8b8b8b; width:auto; padding-left:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-size:16px 16px; background-position:left center; } .dongtai #faq .wenda_list:hover p{ color:#5a6b7d; } /* 移动端：三栏堆叠 */ @media (max-width:767px){ .dongtai #faq .wenda_list p{ height:auto; white-space:normal; } .dongtai .news_content li a{ min-height:0; } } /* 步骤折行时（窄屏）橙色块不再横向跟随，小三角居中指示 */ @media (max-width:899px){ .fuwu .wen b{ left:50%; margin-left:-7px; } .fuwu .wen{ max-width:100%; } } /* ========================================================================= 第三批修正（2026-11-07 · 2） A 服务流程：橙色说明块内容居中 B 动态三栏：公司新闻 / 行业资讯 / 常见问题 顶部与底部齐平 C 全站版心：统一 1200px，所有区块左右边界对齐 ========================================================================= */ /* ---------- A 服务流程：橙色块内文字居中 ---------- */ .fuwu .wen{ min-width:190px; max-width:560px; padding:8px 24px; text-align:center; } .fuwu .wen p{ text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* ---------- B 动态三栏等高：统一高度由左栏新闻条数决定 ---------- */ .dongtai{ display:flex; align-items:stretch; gap:25px; } .dongtai .dt_news, .dongtai .hy_news, .dongtai .wenda{ width:auto; flex:1 1 0; min-width:0; float:none; margin-right:0; display:flex; flex-direction:column; } .dongtai .news_t{ flex:0 0 auto; } .dongtai .news_content{ width:100%; height:auto; flex:1 1 auto; display:flex; flex-direction:column; } .dongtai .news_content ul{ flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between; } .dongtai .news_content li{ width:100%; float:none; } /* 常见问题：5 条在同等高度内均匀分布 */ .dongtai #faq{ display:flex; flex-direction:column; justify-content:space-between; } .dongtai #faq .wenda_list{ flex:0 0 auto; } /* ---------- C 全站版心统一 1200px ---------- */ :root{ --idd-wrap:1200px; } /* 1. 通用容器：页头 / 页脚 / 列表 / 详情页全部对齐同一条窄边 */ .container, .content, .header .container, .header_center.container, .location, .width{ width:var(--idd-wrap); } #footer, .bottom-in{ width:var(--idd-wrap); } /* 2. 主导航：与版心等宽，菜单项居中均分 */ .header .header_nav > ul.container{ width:var(--idd-wrap); padding-left:0; display:flex; justify-content:center; } .header .header_nav > ul.container > li{ float:none; flex:0 1 auto; } /* 3. 首页产品网格：4 列随版心自适应 */ .home_pro{ width:100%; } .home_pro ul li a div img{ width:100%; height:auto; aspect-ratio:1 / 1; object-fit:cover; } /* 同一行卡片等高：标题/描述行数不同也不会高低错落 */ @media (min-width:1024px){ .home_pro ul{ display:flex; flex-wrap:wrap; align-items:stretch; } .home_pro ul li{ display:flex; } .home_pro ul li > a{ display:flex; flex-direction:column; width:100%; } .home_pro ul li > a .price{ flex:1 1 auto; } } /* 4. 行业应用：8 宫格居中分布 */ .fangan ul{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:30px 32px; } .fangan li{ float:none; margin:0; } /* 5. 客户 LOGO 与团队风采：窗口随版心变宽 */ .hezuo .hezuo_window{ width:100%; } .about .scjd .scjd_window{ width:calc(100% - 56px); } /* 6. 选择爱迪达：左右两栏按比例分配 */ .youshi .youshi_wen{ height:auto; } .youshi dl{ display:flex; align-items:flex-start; gap:36px; } .ys_1 dt{ width:46%; flex:0 0 46%; } .ys_1 dd{ width:auto; flex:1 1 0; min-width:0; } .ys_1 dd li{ display:flex; align-items:flex-start; } .ys_1 dd li div.fl{ flex:0 0 65px; width:65px; } .ys_1 dd li div.fr{ width:auto; flex:1 1 0; min-width:0; } .ys_2 dt{ width:auto; flex:1 1 0; min-width:0; } .ys_2 dd{ width:40%; flex:0 0 40%; } .ys_2 dt li{ display:flex; align-items:flex-start; } .ys_2 dt li div.fl{ flex:0 0 65px; width:65px; } .ys_2 dt li div.fr{ width:auto; flex:1 1 0; min-width:0; } /* 7. 服务流程：桌面端九个步骤等分整行（窄屏交给 responsive.css 折行） */ @media (min-width:1024px){ .fuwu .list{ width:100%; margin-left:0; display:flex; padding-bottom:40px; } .fuwu .list li{ flex:1 1 0; min-width:0; float:none; } } /* 8. 关于我们：视频与文字两栏按比例 */ .about dt{ width:41%; } .about dd{ width:calc(59% - 20px); } .about dd p{ height:auto; max-height:230px; } /* 9. 评价：卡片文字宽度自适应 */ .pingjia li .wen{ width:auto; flex:1 1 0; min-width:0; } .pingjia li{ display:flex; align-items:flex-start; } .pingjia li img{ flex:0 0 205px; } /* 10. 咨询表单：左侧图 + 右侧表单横向铺满 */ .zixun0 .container{ display:flex; align-items:flex-start; gap:30px; } .zixun0 .zixun_left{ width:auto; flex:1 1 auto; min-width:0; margin-left:0; float:none; } .zixun0 .zixun_right{ width:348px; flex:0 0 348px; float:none; } /* 11. 友情链接 */ .links ul{ width:calc(100% - 160px); margin-left:0; } /* 12. 页脚：栏目地图与联系方式横向铺满 */ #footer{ display:flex; align-items:flex-start; justify-content:space-between; gap:30px; } .fnav{ width:auto; flex:1 1 auto; min-width:0; display:flex; justify-content:space-between; gap:24px; } .fnav ul{ float:none; margin-right:0; flex:1 1 0; min-width:0; } .foot_right{ width:290px; flex:0 0 290px; } /* 13. 内页：列表 + 侧栏、正文 + 侧栏都按剩余宽度分配 */ .newslist{ width:calc(100% - 275px); } .newsRight{ width:245px; } .newslist .listinfo li div{ width:calc(100% - 300px); } /* 列表缩略图铺满 150×120 的图位，去掉图与标题之间的空档 */ .newslist .listinfo li .img img{ width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; margin-top:0; } .cpright{ width:calc(100% - 270px); } .nlist{ width:230px; } .news_word{ width:100%; } .news_word img{ max-width:100%; } .story img{ max-width:100%; } .agent_con{ width:100%; } .titleh3{ width:100%; } .teamli{ width:100%; } .imgnav, #img{ width:100%; } #img img{ max-width:100%; } .about_left{ width:calc(50% - 15px); } .about_left .m{ width:100%; } .about_right{ width:calc(50% - 15px); margin-left:30px; } /* ---------- D 窄屏回退：把上面新增的 flex 布局还原成原站的块级堆叠 ---------- */ @media (max-width:1023px){ /* 服务流程：橙色块在窄屏时整体居中，三角始终指向块中心 */ .fuwu .wen{ display:block; width:fit-content; margin:0 auto !important; transform:none !important; } .fuwu .wen b{ left:50% !important; margin-left:-7px; } /* 动态三栏：单列堆叠 */ .dongtai{ display:block; } .dongtai .dt_news, .dongtai .hy_news, .dongtai .wenda{ display:block; } .dongtai #faq{ display:block; } .dongtai .news_content{ display:block; } .dongtai .news_content ul{ display:block; } /* 选择爱迪达：上下堆叠 */ .youshi dl{ display:block; } .ys_1 dt,.ys_1 dd,.ys_2 dt,.ys_2 dd{ width:100% !important; } .ys_1 dd li,.ys_2 dt li{ display:block; } .ys_1 dd li div.fr,.ys_2 dt li div.fr{ width:100% !important; } /* 咨询表单：图在上、表在下 */ .zixun0 .container{ display:block; } .zixun0 .zixun_left{ width:100% !important; margin:0 auto; } .zixun0 .zixun_right{ width:348px; margin:0 auto; } /* 页脚：栏目地图与联系方式堆叠 */ #footer{ display:block; } .fnav{ display:block; } .fnav ul{ width:49%; margin:0 0 18px; float:left; } .foot_right{ width:auto; margin-top:20px; } /* 评价：单列 */ .pingjia li{ display:block; } .pingjia li .wen{ width:auto; } .pingjia li img{ float:left; } /* 内页：侧栏落到正文下方 */ .newslist,.newsRight,.cpright,.nlist{ width:100% !important; float:none !important; } .newslist .listinfo li div{ width:calc(100% - 245px) !important; } .about dt,.about dd{ width:100% !important; } .about dd{ margin-top:20px; } .about_left,.about_right{ width:100% !important; margin-left:0 !important; } } /* ========================================================================= 第四批修正（2026-11-07 · 3） A 服务流程：中间行数字与第一行圆形垂直居中对齐 B 服务流程：橙色矩形框内文字上下左右居中 C 常见问题：答案文字占满块宽，尽量多显示预览文字 ========================================================================= */ @media (min-width:1024px){ /* A 九个步骤等分整行。数字条原图 907px，9 个数字的实际中心间距约 112px； 缩放为整行宽度的 90% 后，数字间距恰好等于每格宽度（1/9）， 1~9 与上方圆形一一垂直居中，同时消除原站 907 vs 990 造成的累积偏移。 */ .fuwu .list{ background-size:90% auto; background-position:center bottom; } /* B 橙色块：固定 50px 与 .fuwu_content 等高，flex 双向居中 */ .fuwu .wen{ display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 24px; box-sizing:border-box; } .fuwu .wen p{ margin:0; line-height:20px; } } /* C 常见问题：问答两行都按块宽铺满，右侧不再预留无意义空档 */ .dongtai #faq .wenda_list h4, .dongtai #faq .wenda_list p{ width:100%; box-sizing:border-box; padding-right:0; } /* ========================================================================= D 关于我们 / 联系我们：还原原站静态页后的版式 ========================================================================= */ /* 关于我们：左视频 46% / 右简介自适应 */ .about.about-page{ display:flex; align-items:flex-start; gap:44px; margin-top:36px; margin-bottom:56px; } .about.about-page .about_left{ width:46%; flex:0 0 46%; float:none; margin:0; } .about.about-page .about_left .m{ width:100%; height:auto; aspect-ratio:16 / 9; border-radius:14px; overflow:hidden; background:#0b1b2b; box-shadow:0 14px 38px rgba(9,32,58,.16); } .about.about-page .about_left video{ display:block; width:100%; height:100%; object-fit:cover; } .about.about-page .about_right{ width:auto; flex:1 1 0; min-width:0; float:none; margin:0; } .about.about-page .about_right p{ font-size:15px; line-height:2.05; color:#4d5a68; margin-bottom:16px; text-align:justify; text-indent:2em; } .about.about-page .about_right p:last-child{ margin-bottom:0; } .about.about-page .about_sign{ color:var(--idd-brand, #0e7ad5); font-weight:600; text-indent:0; padding-left:14px; border-left:4px solid var(--idd-brand, #0e7ad5); line-height:1.6 !important; margin-top:22px; } /* 联系我们：两栏信息卡 */ .contact-page{ margin-top:36px; margin-bottom:60px; } .contact-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28px; } .contact-card{ background:#fff; border:1px solid #e6eef7; border-radius:16px; padding:30px 34px; box-shadow:0 8px 28px rgba(14,122,213,.06); transition:box-shadow .3s ease, transform .3s ease; } .contact-card:hover{ transform:translateY(-2px); box-shadow:0 12px 34px rgba(14,122,213,.1); } .contact-card h4{ font-size:19px; font-weight:600; color:#12325a; line-height:1.3; padding-left:12px; border-left:4px solid var(--idd-brand, #0e7ad5); margin-bottom:18px; } .contact-card ul li{ display:flex; align-items:flex-start; gap:16px; padding:13px 0; border-bottom:1px dashed #eaf0f7; font-size:15px; line-height:1.7; color:#33404f; } .contact-card ul li:last-child{ border-bottom:0; padding-bottom:0; } .contact-card ul li:first-of-type{ padding-top:0; } .contact-card li em{ flex:0 0 74px; font-style:normal; font-size:14px; color:#8c99a8; } .contact-card li a, .contact-card li span{ flex:1 1 auto; min-width:0; word-break:break-word; } .contact-card li a{ color:var(--idd-brand, #0e7ad5); } .contact-card li a:hover{ text-decoration:underline; } .contact-welcome{ text-align:center; font-size:15px; color:#6b7a8a; margin-top:34px; letter-spacing:.5px; } /* ========================================================================= 第四批 C（2026-11-07 · 4） 1200 版心下的整体版式梳理 ------------------------------------------------------------------------- 原则：保留原站「蓝白 + 橙色点缀」的视觉语言与模块顺序， 只重排栅格、统一间距/字号/圆角、把零散的固定像素盒改成自适应盒， 让整页纵向节奏一致、局部构图平衡。 ========================================================================= */ /* ---------- C1 版式令牌 ---------- */ :root{ --idd-ink-strong:#12325a; --idd-ink-soft:#4d5a68; --idd-sub:#8291a1; --idd-hair:#e9f0f8; --idd-radius:14px; --idd-card-sh:0 10px 30px rgba(14,122,213,.07); --idd-sec:64px; /* 区块上下主间距 */ } /* ---------- C2 居中区块标题统一（产品中心 / 行业应用 / 选择爱迪达 / 评价爱迪达） ---------- */ h2.tit{ height:auto; font-size:30px; font-weight:600; line-height:1.3; color:var(--idd-ink-strong); letter-spacing:1px; } p.desc{ height:auto; margin-top:10px; font-size:14px; line-height:1.7; color:var(--idd-sub); } .youshi h3, .pingjia h3, .about > h3{ font-size:30px; font-weight:600; letter-spacing:1px; } .youshi .p0, .about .p0, .pingjia .p0{ color:var(--idd-sub); letter-spacing:2px; } .fangan p{ margin-top:0; font-size:15px; letter-spacing:4px; color:var(--idd-sub); } .fangan h3{ font-size:28px; font-weight:600; line-height:1.55; padding-bottom:22px; margin-bottom:40px; } /* ---------- C3 产品中心：4 列栅格 + 胶囊分类导航 + 卡片化 ---------- */ .bg_gray{ padding:56px 0 64px; } .home_nav{ margin-top:30px !important; } .home_nav ul{ margin:0 auto; } .home_nav ul li a{ display:inline-block; margin:0 5px 10px; padding:9px 22px; border:1px solid var(--idd-hair); border-radius:999px; background:#fff; color:#4a5a6a; font-size:14px; line-height:1.5; transition:background-color .2s ease, border-color .2s ease, color .2s ease; } .home_nav ul li a:hover, .home_nav ul .hover a{ border-color:var(--idd-brand); background:var(--idd-brand); border-radius:999px; color:#fff; } .home_pro{ width:100%; margin-top:34px; } .home_pro ul{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:22px; } .home_pro ul li{ float:none; width:auto; margin:0; border-radius:var(--idd-radius); } .home_pro ul li a{ display:flex; flex-direction:column; height:100%; padding:0; border:1px solid var(--idd-hair); border-radius:var(--idd-radius); overflow:hidden; background:#fff; } .home_pro ul li a div{ width:100%; height:auto; aspect-ratio:1 / 1; background:#f6f9fd; } .home_pro ul li a div img{ width:100%; height:100%; object-fit:cover; } .home_pro ul li a .title{ padding:16px 16px 6px; font-size:15px; font-weight:600; line-height:1.5; color:#1b2d45; } .home_pro ul li a .price{ padding:0 16px 18px; margin-top:auto; } .home_pro ul li a .price span{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:44px; font-size:13px; line-height:1.7; letter-spacing:0; text-indent:0; color:var(--idd-sub); } .home_pro_empty{ padding:56px 0; text-align:center; font-size:14px; color:var(--idd-sub); } /* 「查看更多」改成与版心协调的胶囊按钮 */ a.more-h{ width:220px; height:46px; margin-top:44px; border:1px solid #d7e4f2; border-radius:999px; background:#fff; color:#3d6a99; font-size:14px; line-height:44px; letter-spacing:1px; } a.more-h:hover{ border-color:var(--idd-brand); background:var(--idd-brand); color:#fff; } /* ---------- C4 行业应用：卡片等高、编号/名称层次清晰 ---------- */ .fangan{ height:auto; padding:60px 0 68px; background-size:cover; } .fangan ul{ display:flex; flex-wrap:wrap; justify-content:center; width:100%; gap:26px 24px; } .fangan li{ float:none; width:236px; height:auto; min-height:262px; margin:0; background:none; background-color:#fff; border:1px solid var(--idd-hair); border-radius:var(--idd-radius); box-shadow:0 8px 22px rgba(14,122,213,.06); overflow:hidden; text-align:center; transition:transform .3s ease, box-shadow .3s ease; } .fangan li:hover{ transform:translateY(-4px); box-shadow:var(--idd-card-sh); } .fangan li img{ width:150px; height:150px; margin-top:14px; } .fangan li b{ display:none; } .fangan li em{ display:block; margin-top:22px; font-size:15px; letter-spacing:1px; color:#8d9aa8; } .fangan li .fangan_a1{ font-size:17px; font-weight:600; padding-bottom:14px; } /* ---------- C5 走进爱迪达：视频满宽 + 两栏垂直居中 ---------- */ .about{ margin:var(--idd-sec) auto; } .about dl{ display:flex; align-items:center; gap:44px; margin:30px 0 0; } .about dt{ float:none; width:46%; flex:0 0 46%; margin:0; } .about dt .m{ width:100%; height:auto; aspect-ratio:16 / 9; border-radius:var(--idd-radius); overflow:hidden; background:#0c1c2c; box-shadow:0 16px 40px rgba(9,32,58,.18); } .about dt .m video{ display:block; width:100%; height:100%; object-fit:cover; } .about dt b{ display:none; } .about dd{ float:none; width:auto; flex:1 1 0; min-width:0; } .about dd .wen{ overflow:visible; } .about dd p{ height:auto; max-height:none; font-size:15px; line-height:2.05; color:var(--idd-ink-soft); text-indent:2em; text-align:justify; } .about dd p a{ float:none; display:inline-block; margin-top:8px; padding:7px 18px; border:1px solid #d7e4f2; border-radius:999px; font-size:13px; padding-right:18px; text-indent:0; transition:background-color .2s ease, color .2s ease, border-color .2s ease; } .about dd p a:hover{ background:var(--idd-brand); border-color:var(--idd-brand); color:#fff; } /* 栏目标题（公司简介 / 团队风采）：蓝色竖条 + 右侧 more */ .about .scjd_t, .about .scjd_t h4{ display:flex; align-items:center; } .about .scjd_t{ justify-content:space-between; padding-bottom:12px; margin-bottom:0; border-bottom:1px solid var(--idd-hair); } .about .scjd_t h4{ float:none; gap:10px; padding-left:12px; border-left:4px solid var(--idd-brand); font-size:18px; line-height:1.4; } .about .scjd_t h4 p{ font-size:12px; font-weight:400; letter-spacing:1px; color:var(--idd-sub); } .about .scjd_t .more{ float:none; } /* 团队风采：图片等高裁切，横向滚动保持原逻辑 */ .about .scjd{ margin-top:40px; } .about .scjd .scjd_window li img{ width:100%; height:132px; object-fit:cover; border:0; border-radius:10px; margin-bottom:10px; } .about .scjd .scjd_window li{ height:auto; } .about .scjd .scjd_window li p{ font-size:13px; color:#5f6d7c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* ---------- C6 选择爱迪达：左右两栏内部对齐 ---------- */ .youshi{ padding:64px 0 72px; background-size:cover; } .youshi .youshi_wen{ height:auto; } .youshi dl{ display:flex; align-items:center; gap:40px; margin-bottom:34px; } .youshi dl:last-child{ margin-bottom:0; } .youshi .ys_1 dt{ width:44%; flex:0 0 44%; float:none; } .youshi .ys_1 dd{ width:auto; flex:1 1 0; float:none; } .youshi .ys_2 dt{ width:auto; flex:1 1 0; float:none; } .youshi .ys_2 dd{ width:44%; flex:0 0 44%; float:none; } .youshi dt img, .youshi dd img{ width:100%; height:auto; border-radius:var(--idd-radius); display:block; } .youshi .ys_1 dd li, .youshi .ys_2 dt li{ padding:16px 0; border-bottom:1px dashed var(--idd-hair); } .youshi .ys_1 dd li:last-child, .youshi .ys_2 dt li:last-child{ border-bottom:0; } .youshi li .fl{ flex:0 0 60px; width:60px; font-size:30px; font-weight:700; line-height:1; color:#cfe0f1; letter-spacing:-1px; } .youshi li .fr h4{ font-size:17px; font-weight:600; line-height:1.5; margin-bottom:6px; color:var(--idd-ink-strong); } .youshi li .fr p{ font-size:14px; line-height:1.85; color:var(--idd-ink-soft); } /* ---------- C7 评价爱迪达：3 列等宽卡片 ---------- */ .pingjia{ margin:var(--idd-sec) auto 56px; } .pingjia ul{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; } .pingjia li{ float:none; display:flex; flex-direction:column; width:auto; height:auto; margin:0; background:#fff; border:1px solid var(--idd-hair); border-radius:var(--idd-radius); overflow:hidden; box-shadow:var(--idd-card-sh); } .pingjia li img{ float:none; flex:0 0 auto; width:100%; height:186px; margin:0; object-fit:cover; } .pingjia li .wen{ display:flex; flex-direction:column; width:auto; flex:1 1 auto; padding:20px 22px 22px; overflow:visible; } .pingjia li h4{ margin:0 0 10px; font-size:16px; font-weight:600; line-height:1.5; color:var(--idd-ink-strong); } .pingjia li p{ height:auto; flex:1 1 auto; font-size:14px; line-height:1.8; color:var(--idd-ink-soft); } .pingjia li .more{ align-self:flex-start; width:96px; height:32px; margin-top:16px; border-radius:999px; font-size:13px; line-height:32px; } /* ---------- C8 合作伙伴：标题与 logo 卡片齐整 ---------- */ .hezuo{ margin:56px auto var(--idd-sec); } .hezuo .title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; } .hezuo h3{ float:none; padding-left:12px; border-left:4px solid var(--idd-brand); font-size:18px; font-weight:600; color:var(--idd-ink-strong); } .hezuo .more{ float:none; margin:0; } .hezuo li img{ width:100%; height:82px; object-fit:contain; padding:10px 14px; border:1px solid var(--idd-hair); border-radius:10px; background:#fff; } .hezuo li p{ margin-top:8px; font-size:13px; color:#6a7787; } /* ---------- C9 动态三栏：标题与栏间距 ---------- */ .dongtai{ margin:0 auto var(--idd-sec); gap:30px; } .dongtai .news_t{ padding-bottom:10px; } .dongtai .news_t h3{ padding-left:12px; border-left-color:var(--idd-brand); font-size:18px; font-weight:600; } .dongtai .news_content{ margin-top:16px; } /* ---------- C10 咨询表单：左右块纵向居中 ---------- */ .zixun0{ padding:52px 0 60px; } .zixun0 .container{ align-items:center; gap:52px; } .zixun0 .zixun_left{ height:360px; } .zixun0 .zixun_right{ height:auto; } /* ---------- C11 友情链接：标题与链接同一行自适应 ---------- */ .links{ display:flex; align-items:center; gap:44px; padding:26px 0 30px; margin:0 auto; border-top:1px solid #eef3f9; } .links h3{ float:none; width:auto; height:auto; padding:0; background:none; font-size:20px; font-weight:600; line-height:1.3; text-align:left; color:var(--idd-ink-strong); white-space:nowrap; } .links h3 p{ margin-top:4px; font-size:11px; font-weight:400; letter-spacing:3px; color:var(--idd-accent); } .links ul{ float:none; display:flex; flex-wrap:wrap; gap:10px 30px; width:auto; flex:1 1 auto; margin:0; } .links li{ float:none; margin:0; font-size:14px; color:#5f6d7c; } .links li a:hover{ color:var(--idd-brand); } /* ---------- C12 页脚：五列顶部对齐、行距放松 ---------- */ #footer{ padding-top:52px; padding-bottom:40px; } #footer .fnav{ gap:20px; } #footer .fnav ul a p{ margin-bottom:14px; font-size:15px; font-weight:600; color:#fff; } #footer .fnav ul li{ margin-bottom:8px; line-height:1.7; } #footer .fnav ul li a{ font-size:13px; color:#9fb0c2; } #footer .fnav ul li a:hover{ color:#fff; } #footer .foot_right .fphone{ font-size:26px; font-weight:600; letter-spacing:.5px; } /* ---------- C13 通用卡片 hover 统一（避免各处反馈不一致） ---------- */ .home_pro ul li a, .pingjia li, .hezuo li img{ transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease; } .home_pro ul li a:hover{ border-color:#cfe2f5; } /* ========================================================================= 第四批 C2（2026-11-07 · 4） 首轮版式调整后的细节校正 ========================================================================= */ /* 分类导航胶囊之间留出呼吸感 */ .home_nav ul li a{ margin:0 6px 12px; } /* 行业应用：与产品中心同宽的四列栅格（原来固定 215px 两侧留 90px） */ .fangan ul{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:26px 24px; width:100%; } .fangan li{ width:auto; min-height:270px; } /* 评价配图：客户 LOGO / 产品图比例不一，改用 contain + 统一底色，避免被裁成横条 */ .pingjia li img{ height:190px; padding:16px; object-fit:contain; background:#f6f9fd; border-bottom:1px solid var(--idd-hair); } /* 合作伙伴：7 个 LOGO 一行铺满，取消横向滚动（原逻辑在 ul 绝对定位时才启动） */ .hezuo .hezuo_window{ width:100%; height:auto; overflow:visible; } .hezuo .hezuo_window > ul{ position:static; display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); gap:18px; width:100%; transform:none !important; } .hezuo .hezuo_window > ul > li{ float:none; flex:none; width:auto; margin:0; } .hezuo li img:hover{ border-color:#cfe2f5; } /* 团队风采：左右箭头改成半透明圆形按钮，不再直接压在照片上 */ .about .scjd .scjd_left, .about .scjd .scjd_right{ width:34px; height:34px; top:50%; margin-top:-17px; border-radius:50%; background:rgba(18,50,90,.42); display:flex; align-items:center; justify-content:center; transition:background-color .25s ease, opacity .25s ease; opacity:.85; } .about .scjd .scjd_left{ left:8px; } .about .scjd .scjd_right{ right:8px; } .about .scjd .scjd_left:hover, .about .scjd .scjd_right:hover{ background:rgba(14,122,213,.9); opacity:1; } .about .scjd .scjd_left img, .about .scjd .scjd_right img{ width:14px; height:auto; } /* 友情链接：链接做成浅底胶囊，填补右侧空白 */ .links ul{ gap:10px 12px; } .links li{ padding:7px 18px; border:1px solid var(--idd-hair); border-radius:999px; background:#fff; transition:border-color .2s ease, color .2s ease, background-color .2s ease; } .links li:hover{ border-color:var(--idd-brand); background:#f4f9ff; } .links li a{ color:#54637a; } .links li:hover a{ color:var(--idd-brand); } /* 咨询区人物图：桌面用背景图，窄屏换成 （见 responsive.css） */ .zixun-photo{ display:none; } /* ---------- C14 细节收口 ---------- */ /* 行业应用图标：原图是「蓝底方形 + 圆形实拍」，圆角裁切后与卡片更贴合 */ .fangan li img{ border-radius:50%; } /* 团队风采左右箭头：白箭头在深色圆底上更清晰 */ .about .scjd .scjd_left img, .about .scjd .scjd_right img{ filter:brightness(0) invert(1); width:16px; opacity:.95; } .about .scjd .scjd_left:hover img, .about .scjd .scjd_right:hover img{ opacity:1; } /* 询价条文案：桌面已画在背景图里，只有窄屏才输出文字 */ .ad01-tip{ display:none; } /* ===== assets/css/pages.css ===== */ /* ========================================================================== pages.css —— 内页频道版式（子栏目导航 / 资讯 / 行业应用 / 服务专区 / 关于我们） 加载顺序：skin/*.css → site.css → pages.css → responsive.css 只描述新组件，不改动 skin 里既有的原站声明。 ========================================================================== */ :root{ --idd-blue:#0e7ad5; --idd-blue-d:#0a54a2; --idd-blue-l:#eaf4ff; --idd-orange:#ffa200; --idd-ink:#16283a; --idd-txt:#3d5165; --idd-sub:#6b7f92; --idd-line:#e6eef7; --idd-bg:#f4f9fe; --idd-shadow:0 10px 26px rgba(16,58,105,.09); } /* ------------------------------------------------ 1. 主体与页脚之间的间隔 */ /* 原站 #footer_bj 直接贴着最后一个区块，长页面看起来像被页脚压住 */ #main{ padding-bottom:64px; } #main > .container:last-child{ padding-bottom:0; } /* .about_right 在原站写死 height:425px，简介文字一多就溢出压到页脚 */ .about_right{ height:auto !important; min-height:0 !important; } .ch-wrap{ padding-bottom:14px; } .ch-body{ padding-top:4px; } /* 新组件统一 border-box，避免内边距把 100% 宽度撑出视口 */ .ch-wrap, .ch-wrap *{ box-sizing:border-box; } /* 频道引言 */ .ch-lead{ margin:0 0 26px; padding:16px 20px; font-size:14px; line-height:1.9; color:#4a6073; background:linear-gradient(90deg,#f2f8ff,#fbfdff); border-left:3px solid var(--idd-blue); border-radius:0 10px 10px 0; } .empty-tip{ margin:29px 0 0; padding:44px 20px; text-align:center; font-size:15px; color:var(--idd-sub); background:#fbfdff; border:1px dashed #dbe7f3; border-radius:14px; } .empty-tip a{ color:var(--idd-blue); } /* ------------------------------------------------ 2. 子栏目入口条 .chnav */ .chnav{ margin:24px 0 28px; padding:12px; background:linear-gradient(180deg,#fbfdff,#f3f9ff); border:1px solid var(--idd-line); border-radius:14px; } .chnav-list{ display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; } .chnav-list li{ margin:0; padding:0; float:none; } .chnav-list a{ display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 16px; font-size:14px; line-height:1; color:var(--idd-txt); text-decoration:none; background:#fff; border:1px solid #e3edf8; border-radius:9px; transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .2s; white-space:nowrap; } .chnav-list a:hover{ color:var(--idd-blue); border-color:#b8d8f5; background:#f7fbff; text-decoration:none; transform:translateY(-1px); } .chnav-list a em{ font-style:normal; font-size:11px; line-height:1; padding:3px 6px; color:#8ea3b7; background:#eff5fc; border-radius:20px; } .chnav-list .is-cur a{ color:#fff; background:linear-gradient(135deg,#1787e2,#0a55a5); border-color:transparent; box-shadow:0 6px 14px rgba(14,122,213,.26); } .chnav-list .is-cur a em{ color:#fff; background:rgba(255,255,255,.24); } /* ------------------------------------------------ 3. 资讯卡片 .post-grid */ .post-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; } .post-grid > li{ margin:0; padding:0; float:none; width:auto; height:auto; } .post-grid > li > a{ display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid #e7eff8; border-radius:14px; overflow:hidden; text-decoration:none; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; } .post-grid > li > a:hover{ transform:translateY(-4px); border-color:#cfe4f8; box-shadow:var(--idd-shadow); text-decoration:none; } .post-thumb{ position:relative; aspect-ratio:16/10; background:#eef5fc; overflow:hidden; } .post-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .45s ease; } .post-grid > li > a:hover .post-thumb img{ transform:scale(1.045); } .post-cat{ position:absolute; left:12px; top:12px; padding:4px 10px; font-size:12px; line-height:1; color:#fff; background:rgba(6,52,100,.68); border-radius:20px; backdrop-filter:blur(3px); } .post-body{ display:flex; flex-direction:column; flex:1; padding:16px 18px 16px; } .post-body h3{ margin:0 0 9px; font-size:17px; font-weight:600; line-height:1.6; color:var(--idd-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .post-body p{ margin:0 0 14px; font-size:13px; line-height:1.8; color:var(--idd-sub); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .post-meta{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; padding-top:12px; font-size:12px; color:#96a8b9; border-top:1px dashed #ecf3fa; } .post-more{ color:var(--idd-blue); font-weight:600; } .post-more i{ font-style:normal; display:inline-block; margin-left:4px; transition:transform .25s; } .post-grid > li > a:hover .post-more i{ transform:translateX(4px); } /* ------------------------------------------------ 4. 图片专区 .gal-grid */ .gal-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; } .gal-item{ position:relative; display:block; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#eef5fc; text-decoration:none; } .gal-item img{ width:100%; height:100%; object-fit:cover; transition:transform .45s ease; } .gal-item:hover img{ transform:scale(1.06); } .gal-t{ position:absolute; left:0; right:0; bottom:0; padding:26px 12px 11px; font-size:13px; line-height:1.5; color:#fff; background:linear-gradient(180deg,rgba(4,28,54,0),rgba(4,28,54,.78)); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .gal-item:hover .gal-t{ text-decoration:none; } /* ------------------------------------------------ 5. 视频专区 .vid-grid */ .vid-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; } .vid-grid > li{ margin:0; float:none; width:auto; } .vid-grid > li > a{ display:block; height:100%; padding-bottom:18px; background:#fff; border:1px solid #e7eff8; border-radius:14px; overflow:hidden; text-decoration:none; transition:transform .25s,box-shadow .25s; } .vid-grid > li > a:hover{ transform:translateY(-4px); box-shadow:var(--idd-shadow); } .vid-thumb{ position:relative; aspect-ratio:16/9; background:#eaf2fa; overflow:hidden; } .vid-thumb img{ width:100%; height:100%; object-fit:cover; } .vid-play{ position:absolute; left:50%; top:50%; width:54px; height:54px; margin:-27px 0 0 -27px; border-radius:50%; background:rgba(10,84,162,.82); box-shadow:0 0 0 6px rgba(255,255,255,.22); transition:background .25s,transform .25s; } .vid-play::after{ content:""; position:absolute; left:22px; top:17px; border-style:solid; border-width:10px 0 10px 16px; border-color:transparent transparent transparent #fff; } .vid-grid > li > a:hover .vid-play{ background:var(--idd-orange); transform:scale(1.06); } .vid-grid h3{ margin:14px 18px 6px; font-size:16px; font-weight:600; line-height:1.55; color:var(--idd-ink); } .vid-grid p{ margin:0 18px; font-size:13px; line-height:1.7; color:var(--idd-sub); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } /* ------------------------------------------------ 6. 行业应用 .ind-grid */ .ind-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; } .ind-card{ position:relative; display:flex; flex-direction:column; padding:24px 20px 20px; background:#fff; border:1px solid #e7eff8; border-radius:14px; text-decoration:none; overflow:hidden; transition:transform .25s,border-color .25s,box-shadow .25s; } .ind-card:hover{ transform:translateY(-4px); border-color:#bfdcf7; box-shadow:var(--idd-shadow); text-decoration:none; } .ind-no{ position:absolute; right:14px; top:10px; font-size:30px; font-weight:700; line-height:1; color:#eef6ff; letter-spacing:-1px; } .ind-ico{ width:62px; height:62px; margin-bottom:14px; border-radius:50%; overflow:hidden; background:#eaf4ff; display:flex; align-items:center; justify-content:center; color:var(--idd-blue); font-size:22px; font-weight:700; border:1px solid #dcebfa; } .ind-ico img{ width:100%; height:100%; object-fit:cover; } .ind-card h3{ margin:0 0 8px; font-size:17px; font-weight:600; color:var(--idd-ink); } .ind-card p{ margin:0 0 16px; font-size:13px; line-height:1.75; color:var(--idd-sub); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .ind-link{ margin-top:auto; font-size:12px; font-weight:600; color:var(--idd-blue); } .ind-link i{ font-style:normal; margin-left:4px; transition:transform .25s; } .ind-card:hover .ind-link i{ transform:translateX(4px); } /* ------------------------------------------------ 7. 通用区块 .ch-sec */ .ch-sec{ margin-top:48px; } .ch-sec-head{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:20px; padding-bottom:14px; border-bottom:1px solid var(--idd-line); } .ch-sec-head h2{ position:relative; margin:0; padding-left:14px; font-size:20px; font-weight:600; color:var(--idd-ink); } .ch-sec-head h2::before{ content:""; position:absolute; left:0; top:50%; width:4px; height:18px; margin-top:-9px; border-radius:3px; background:linear-gradient(180deg,#2b93e8,#0a55a5); } .ch-sec-head p{ margin:6px 0 0; font-size:13px; color:var(--idd-sub); } .ch-sec-head a{ flex:none; font-size:13px; color:var(--idd-blue); text-decoration:none; } .ch-sec-head a i{ font-style:normal; margin-left:3px; } /* CTA 条 */ .ch-cta{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:48px; padding:30px 34px; color:#fff; background:linear-gradient(120deg,#1683e0 0%,#0a4a90 100%); border-radius:16px; box-shadow:0 12px 28px rgba(10,74,144,.22); } .ch-cta h3{ margin:0 0 6px; font-size:20px; font-weight:600; color:#fff; } .ch-cta p{ margin:0; font-size:13px; line-height:1.7; color:rgba(255,255,255,.86); } .ch-cta-btn{ flex:none; display:inline-flex; align-items:center; height:46px; padding:0 30px; font-size:15px; font-weight:600; color:#8a4a00; background:linear-gradient(180deg,#ffc247,#ffa200); border-radius:23px; text-decoration:none; box-shadow:0 8px 18px rgba(0,0,0,.18); transition:transform .2s,box-shadow .2s; } .ch-cta-btn:hover{ color:#6f3c00; transform:translateY(-2px); box-shadow:0 12px 22px rgba(0,0,0,.24); text-decoration:none; } /* ------------------------------------------------ 8. 服务专区 */ .svc-promise{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; } .svc-pcard{ padding:26px 22px; background:#fff; border:1px solid #e7eff8; border-radius:14px; transition:transform .25s,box-shadow .25s; } .svc-pcard:hover{ transform:translateY(-3px); box-shadow:var(--idd-shadow); } .svc-pico{ display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin-bottom:16px; color:#0a63b8; background:linear-gradient(135deg,#e4f1ff,#cfe4fb); border:1px solid #d3e7fb; border-radius:15px; } .svc-pico svg{ width:26px; height:26px; } .svc-pcard h3{ margin:0 0 8px; font-size:16px; font-weight:600; color:var(--idd-ink); } .svc-pcard p{ margin:0; font-size:13px; line-height:1.75; color:var(--idd-sub); } /* 步骤 */ .step-list{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:0; padding:0; list-style:none; counter-reset:s; } .step-list li{ position:relative; margin:0; padding:22px 14px 18px; text-align:center; background:#fff; border:1px solid #e7eff8; border-radius:12px; } .step-list li span{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin-bottom:10px; font-size:14px; font-weight:700; color:#fff; background:linear-gradient(135deg,#2b93e8,#0a55a5); border-radius:50%; } .step-list li:not(:last-child)::after{ content:""; position:absolute; right:-12px; top:50%; width:12px; height:2px; margin-top:-1px; background:#d6e7f7; } .step-list li p{ margin:0; font-size:13px; line-height:1.6; color:var(--idd-txt); } /* 服务栏目入口 */ .svc-entry{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; } .svc-entry > a{ display:block; padding:24px 20px; background:linear-gradient(160deg,#fbfdff,#f2f8ff); border:1px solid #e3eef9; border-radius:14px; text-decoration:none; transition:transform .25s,border-color .25s,box-shadow .25s; } .svc-entry > a:hover{ transform:translateY(-4px); border-color:#bfdcf7; box-shadow:var(--idd-shadow); text-decoration:none; } .svc-entry b{ display:inline-block; font-size:17px; font-weight:600; color:var(--idd-ink); } .svc-entry em{ font-style:normal; font-size:11px; color:#8ea3b7; margin-left:6px; } .svc-entry p{ margin:9px 0 0; font-size:13px; line-height:1.75; color:var(--idd-sub); } /* 常见问题手风琴 */ .faq-list{ display:flex; flex-direction:column; gap:10px; } .faq-item{ background:#fff; border:1px solid #e7eff8; border-radius:12px; overflow:hidden; transition:border-color .2s,box-shadow .2s; } .faq-item[open]{ border-color:#c9e2f8; box-shadow:0 8px 20px rgba(16,58,105,.07); } .faq-item summary{ display:flex; align-items:center; gap:12px; padding:16px 18px; cursor:pointer; list-style:none; font-size:15px; color:var(--idd-ink); } .faq-item summary::-webkit-details-marker{ display:none; } .faq-q{ flex:none; display:flex; align-items:center; justify-content:center; width:24px; height:24px; font-size:12px; font-weight:700; color:#fff; background:linear-gradient(135deg,#2b93e8,#0a55a5); border-radius:7px; } .faq-t{ flex:1; line-height:1.6; } .faq-ico{ flex:none; position:relative; width:16px; height:16px; } .faq-ico::before, .faq-ico::after{ content:""; position:absolute; background:#9db2c6; border-radius:2px; transition:transform .25s,background .25s; } .faq-ico::before{ left:0; top:7px; width:16px; height:2px; } .faq-ico::after{ left:7px; top:0; width:2px; height:16px; } .faq-item[open] .faq-ico::after{ transform:scaleY(0); } .faq-item[open] .faq-ico::before{ background:var(--idd-blue); } .faq-a{ padding:0 18px 18px 54px; font-size:14px; line-height:1.9; color:var(--idd-sub); } .faq-a p{ margin:0 0 10px; } .faq-more{ font-size:13px; font-weight:600; color:var(--idd-blue); text-decoration:none; } .faq-more i{ font-style:normal; } /* 下载列表 */ .dl-list{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:12px; } .dl-list > li{ display:flex; align-items:center; gap:16px; margin:0; padding:16px 20px; background:#fff; border:1px solid #e7eff8; border-radius:12px; float:none; width:auto; transition:border-color .2s,box-shadow .2s; } .dl-list > li:hover{ border-color:#c9e2f8; box-shadow:0 6px 16px rgba(16,58,105,.06); } .dl-ico{ flex:none; display:flex; align-items:center; justify-content:center; width:46px; height:46px; font-size:11px; font-weight:700; letter-spacing:.5px; color:var(--idd-blue); background:#eaf4ff; border-radius:10px; } .dl-main{ flex:1; min-width:0; } .dl-main h3{ margin:0 0 4px; font-size:15px; font-weight:600; } .dl-main h3 a{ color:var(--idd-ink); text-decoration:none; } .dl-main h3 a:hover{ color:var(--idd-blue); } .dl-main p{ margin:0; font-size:13px; color:var(--idd-sub); line-height:1.6; } .dl-list time{ flex:none; font-size:12px; color:#9aabbd; } .dl-btn{ flex:none; display:inline-flex; align-items:center; height:36px; padding:0 18px; font-size:13px; color:#fff; background:linear-gradient(135deg,#1787e2,#0a55a5); border-radius:18px; text-decoration:none; transition:opacity .2s; } .dl-btn:hover{ color:#fff; opacity:.88; text-decoration:none; } /* 服务政策 / 培训 / 技术实力 卡片 */ .policy-grid, .train-grid, .tech-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } .policy-card, .train-card, .tech-card{ position:relative; padding:26px 24px; background:#fff; border:1px solid #e7eff8; border-radius:14px; transition:transform .25s,box-shadow .25s,border-color .25s; } .policy-card:hover, .train-card:hover, .tech-card:hover{ transform:translateY(-3px); border-color:#cfe4f8; box-shadow:var(--idd-shadow); } .policy-no{ display:inline-block; margin-bottom:12px; font-size:13px; font-weight:700; letter-spacing:1px; color:#b9cfe3; } .policy-card h3, .train-card h3, .tech-card h3{ margin:0 0 10px; font-size:17px; font-weight:600; color:var(--idd-ink); } .policy-card p, .train-card p, .tech-card p{ margin:0; font-size:13px; line-height:1.85; color:var(--idd-sub); } .train-tag{ display:inline-block; margin-bottom:12px; padding:4px 10px; font-size:12px; color:var(--idd-blue); background:#eaf4ff; border-radius:20px; } .tech-badge{ position:absolute; right:20px; top:18px; font-size:12px; font-weight:700; letter-spacing:.5px; color:#dbe9f7; } .tech-card h3{ padding-right:48px; } .tech-card h3 em{ font-style:normal; margin-right:8px; font-size:13px; color:#b9cfe3; } /* 数据条 */ .stat-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:34px; } .stat-item{ padding:24px 18px; text-align:center; background:linear-gradient(180deg,#fbfdff,#f1f8ff); border:1px solid #e3eef9; border-radius:14px; } .stat-item b{ display:block; font-size:30px; font-weight:700; line-height:1.1; color:var(--idd-blue); letter-spacing:-1px; } .stat-item span{ display:block; margin-top:6px; font-size:13px; color:var(--idd-sub); } /* 发展历程 */ .timeline{ margin:0; padding:0 0 0 4px; list-style:none; } .timeline li{ position:relative; margin:0; padding:0 0 24px 26px; border-left:1px solid #dbe9f7; } .timeline li:last-child{ padding-bottom:0; border-left-color:transparent; } .timeline li::before{ content:""; position:absolute; left:-5px; top:5px; width:9px; height:9px; background:#fff; border:2px solid var(--idd-blue); border-radius:50%; } .timeline b{ display:block; font-size:15px; color:var(--idd-blue); margin-bottom:4px; } .timeline p{ margin:0; font-size:14px; line-height:1.8; color:var(--idd-sub); } /* 入口卡片（关于我们总览） */ .entry-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:34px; } .entry-card{ display:block; padding:26px 22px; background:#fff; border:1px solid #e7eff8; border-radius:14px; text-decoration:none; transition:transform .25s,border-color .25s,box-shadow .25s; } .entry-card:hover{ transform:translateY(-4px); border-color:#bfdcf7; box-shadow:var(--idd-shadow); text-decoration:none; } .entry-card h3{ margin:0 0 8px; font-size:17px; font-weight:600; color:var(--idd-ink); } .entry-card p{ margin:0 0 16px; font-size:13px; line-height:1.75; color:var(--idd-sub); } .entry-card span{ font-size:12px; font-weight:600; color:var(--idd-blue); } .entry-card span i{ font-style:normal; margin-left:3px; } /* 团队风采 */ .team-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .team-card{ position:relative; display:block; aspect-ratio:4/3; border-radius:12px; overflow:hidden; background:#eef5fc; text-decoration:none; } .team-card img{ width:100%; height:100%; object-fit:cover; transition:transform .45s; } .team-card:hover img{ transform:scale(1.05); } .team-t{ position:absolute; left:0; right:0; bottom:0; padding:24px 12px 10px; font-size:13px; line-height:1.5; color:#fff; background:linear-gradient(180deg,rgba(4,28,54,0),rgba(4,28,54,.76)); display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } /* 合作伙伴 */ .partner-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .partner-item{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; height:150px; padding:16px; background:#fff; border:1px solid #e7eff8; border-radius:12px; text-decoration:none; transition:transform .25s,border-color .25s,box-shadow .25s; } .partner-item:hover{ transform:translateY(-3px); border-color:#cfe4f8; box-shadow:var(--idd-shadow); text-decoration:none; } .partner-item img{ max-width:100%; max-height:78px; width:auto; object-fit:contain; filter:grayscale(1); opacity:.82; transition:filter .25s,opacity .25s; } .partner-item:hover img{ filter:grayscale(0); opacity:1; } .partner-item span{ font-size:12px; color:var(--idd-sub); text-align:center; } /* ------------------------------------------------ 9. 关于我们：视频与简介 */ .about.about-page{ align-items:flex-start; } .about.about-page .about_right p{ margin-top:0; margin-bottom:14px; } .about.about-page .about_right p:last-child{ margin-bottom:0; } .about-intro{ padding-top:0; } .about-intro .about_left{ padding-top:0; } /* 联系页 */ .contact-grid{ margin-top:0; } .contact-page .contact-welcome{ margin-top:28px; } /* ------------------------------------------------ 10. 内页分页 */ /* 结构：nav.ipager > .ipager-btn / .ipager-num / .ipager-gap / .ipager-total 扁平单层，不再有「外框 + 内框」叠出来的双边框 */ .ipager{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:38px 0 0; padding:0; list-style:none; } .ipager-num, .ipager-btn{ display:inline-flex; align-items:center; justify-content:center; gap:4px; height:40px; min-width:40px; padding:0 14px; border:1px solid #dfe6ef; border-radius:10px; background:#fff; color:#33475b; font-size:14px; line-height:1; text-decoration:none; transition:color .18s, border-color .18s, background .18s, box-shadow .18s; } .ipager-num{ font-variant-numeric:tabular-nums; } .ipager-btn i{ font-style:normal; font-size:16px; line-height:1; opacity:.75; } .ipager-num:hover, .ipager-btn:hover{ color:var(--idd-blue); border-color:#a9cdf0; background:#f6fafe; text-decoration:none; } .ipager-num.is-cur{ border-color:transparent; background:linear-gradient(135deg,#1787e2,#0a55a5); color:#fff; font-weight:700; box-shadow:0 6px 16px rgba(14,122,213,.26); } .ipager-btn.is-disabled{ color:#c0cbd8; border-color:#edf1f6; background:#fafcfe; cursor:not-allowed; } .ipager-gap{ display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:40px; border:0; background:none; color:#9fb0c2; font-size:14px; letter-spacing:1px; user-select:none; } .ipager-total{ margin-left:6px; padding:0 2px; border:0; background:none; color:#8195a8; font-size:13px; white-space:nowrap; } .ipager-total b{ color:#33475b; font-weight:600; margin:0 2px; } /* ------------------------------------------------ 11. 响应式（组件级） */ @media (max-width:1199px){ .ind-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } .svc-entry{ grid-template-columns:repeat(2,minmax(0,1fr)); } .partner-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (max-width:1023px){ #main{ padding-bottom:48px; } /* 关于我们：左右两栏在窄屏必须竖排，否则正文被挤成 6 字宽 */ .about.about-page{ display:block; padding-top:0 !important; } .about.about-page .about_left, .about.about-page .about_right{ width:100% !important; max-width:100%; flex:none !important; margin-left:0 !important; padding-top:0; } .about.about-page .about_left{ margin-bottom:22px; } .about.about-page .about_right p{ text-align:left !important; } .post-grid, .vid-grid, .policy-grid, .train-grid, .tech-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .gal-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .svc-promise{ grid-template-columns:repeat(2,minmax(0,1fr)); } .step-list{ grid-template-columns:repeat(3,minmax(0,1fr)); } .step-list li::after{ display:none; } .ind-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .team-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } .stat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .entry-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .chnav{ padding:10px; margin:18px 0 22px; } .chnav-list a{ height:36px; padding:0 13px; font-size:13px; } .ch-sec{ margin-top:38px; } .ch-cta{ flex-direction:column; align-items:flex-start; padding:24px; } } @media (max-width:767px){ #main{ padding-bottom:76px; } /* 让出底部快捷条 */ .ch-lead{ font-size:13px; padding:14px 16px; margin-bottom:20px; } .post-grid, .vid-grid, .policy-grid, .train-grid, .tech-grid, .entry-grid{ grid-template-columns:1fr !important; gap:16px; } /* 服务承诺：手机上两列紧凑卡片，避免 4 张大卡把首屏全占满 */ .svc-promise{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px; } .svc-pcard{ padding:15px 13px 14px; } .svc-pico{ width:38px; height:38px; margin-bottom:10px; border-radius:11px; } .svc-pico svg{ width:20px; height:20px; } .svc-pcard h3{ font-size:14px; margin-bottom:6px; } .svc-pcard p{ font-size:12px; line-height:1.65; } .post-body h3{ font-size:16px; } .post-body p{ -webkit-line-clamp:3; } .gal-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .ind-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px; } .ind-card{ padding:18px 14px 16px; } .ind-ico{ width:50px; height:50px; font-size:18px; margin-bottom:10px; } .ind-card h3{ font-size:15px; } .ind-card p{ font-size:12px; -webkit-line-clamp:3; } .ind-no{ font-size:24px; } .team-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px; } .partner-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px; } .partner-item{ height:126px; } .step-list{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .svc-entry{ grid-template-columns:1fr !important; } .stat-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px; } .stat-item{ padding:18px 12px; } .stat-item b{ font-size:24px; } .ch-sec{ margin-top:32px; } .ch-sec-head{ flex-wrap:wrap; gap:8px; } .ch-sec-head h2{ font-size:17px; } .ch-cta{ margin-top:32px; padding:22px 20px; border-radius:12px; } .ch-cta h3{ font-size:17px; } .ch-cta-btn{ width:100%; justify-content:center; } .dl-list > li{ flex-wrap:wrap; gap:12px; padding:14px 16px; } .dl-main{ flex:1 1 100%; order:3; } .dl-btn{ order:4; width:100%; justify-content:center; } .dl-list time{ order:2; margin-left:auto; } .faq-item summary{ padding:14px; font-size:14px; gap:9px; } .faq-a{ padding:0 14px 14px 47px; font-size:13px; } .timeline li{ padding-left:20px; } } /* 子栏目条：小屏单行横向滚动，手指滑动选择 */ @media (max-width:600px){ .chnav{ position:relative; padding:8px; margin:14px 0 18px; border-radius:12px; overflow:hidden; } /* 右侧渐隐：提示还有栏目可以往右滑 */ .chnav.is-scroll::after{ content:""; position:absolute; right:0; top:1px; bottom:1px; width:46px; background:linear-gradient(90deg,rgba(243,249,255,0),rgba(243,249,255,.96)); border-radius:0 12px 12px 0; pointer-events:none; } .chnav-list{ flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; padding-bottom:4px; margin-bottom:-4px; } .chnav-list li{ flex:0 0 auto; scroll-snap-align:start; } .chnav-list a{ height:34px; padding:0 12px; font-size:13px; border-radius:8px; } .chnav-list a em{ font-size:10px; padding:2px 5px; } .chnav-list::-webkit-scrollbar{ height:3px; } .chnav-list::-webkit-scrollbar-thumb{ background:#cfe0f0; border-radius:3px; } .chnav-list::-webkit-scrollbar-track{ background:transparent; } /* 标题栏右侧的辅助链接在手机上让位给子栏目条，避免和 chips 挤在同一行 */ .ch-wrap .pro_title2 > a{ display:none; } .ch-wrap .pro_title2{ margin-bottom:0; } } /* 分页：小屏收紧，页码不换行成两排 */ @media (max-width:767px){ .ipager{ gap:6px; margin-top:28px; } .ipager-num, .ipager-btn{ height:36px; min-width:36px; padding:0 10px; font-size:13px; border-radius:9px; } .ipager-btn i{ font-size:14px; } .ipager-gap{ min-width:16px; height:36px; font-size:13px; } .ipager-total{ width:100%; margin:2px 0 0; text-align:center; } } /* ===== assets/css/responsive.css ===== */ /* ========================================================================== responsive.css —— 断点增强层 ┌ 所有规则都写在 @media 内，≥1200px 时不产生任何影响（桌面端与原站逐像素一致） └ 只做「重排 / 等比 / 流式」，不改配色、字号层级、模块顺序与元素外观 断点：1199（窄桌面）1023（平板横）900（平板竖）767（手机）479（小屏） ========================================================================== */ /* ========================================================================== ① ≤1199px —— 窄桌面：容器从固定宽改为流式，保留原栅格比例 ========================================================================== */ @media (max-width:1199px){ /* 版心统一 1200：窄屏时等比收缩 */ .width{ width:100% !important; max-width:1200px; padding-left:16px; padding-right:16px; box-sizing:border-box; } .width .home_pro{ width:100% !important; } .fangan ul{ width:100% !important; } .fangan li{ margin:0 !important; } .hezuo .hezuo_window{ width:100% !important; } /* 通用容器（原 980） */ .container, .header .container, .header .header_nav ul{ width:100% !important; max-width:1200px; padding-left:12px; padding-right:12px; box-sizing:border-box; } .location{ width:100% !important; padding:0 12px; box-sizing:border-box; } /* 页脚 / 底部条 */ #footer{ width:100% !important; max-width:1200px; padding-left:16px; padding-right:16px; box-sizing:border-box; } .bottom .bottom-in{ width:100% !important; max-width:1200px; padding:0 16px; box-sizing:border-box; } /* 导航压缩内边距，保证 10 项一行放得下 */ .header .header_nav ul{ padding-left:6px; } .header .header_nav li a{ padding:0 10px; font-size:14px; } .header .header_nav .cur a{ font-size:15px; } /* mega 下拉宽度跟随视口 */ .header .header_nav li .nav_son{ width:min(970px, calc(100vw - 24px)); margin-left:calc(min(970px, 100vw - 24px) / -2); } /* 首页横幅按比例缩，但不低于 340 */ #kinMaxShow.banner{ height:clamp(340px, 39vw, 470px); } /* 产品网格：4 列改按比例 */ .home_pro ul li{ width:24% !important; margin:0 1% 1.2% 0 !important; } .home_pro ul li:nth-child(4n){ margin-right:0 !important; } .home_pro ul li a div img, .tjcp ul li div img, .prolist ul li div img{ width:100% !important; height:auto !important; aspect-ratio:1 / 1; } /* 内页双栏（内容 + 右栏）等比收缩 */ .pro_view .rxcp_list_left{ width:46% !important; height:auto !important; } .pro_view .rxcp_list_right{ width:50% !important; margin-right:0 !important; } #playBox{ width:100% !important; height:auto !important; aspect-ratio:1 / 1; } .rxcp_list_left .oUlplay img{ width:100% !important; height:100% !important; } #playBox .pre,#playBox .next{ top:44%; } /* 图集：原站 ul 用 width:99999px + float，缩窄后每屏必须等于容器宽，否则整张图溢出 */ #playBox .oUlplay{ width:100% !important; display:flex; position:absolute; } #playBox .oUlplay li{ width:100% !important; flex:0 0 100%; float:none !important; } #playBox .oUlplay img{ display:block; width:100% !important; height:auto !important; object-fit:contain; } #playBox .smalltitle{ width:100% !important; left:0; } .pro_info{ padding-left:0; padding-right:0; } .pro_info h1 + div, .pro_info h2 + div, .pro_info h3 + div{ width:auto !important; } .pro_info li{ width:auto !important; } .pro_info img{ max-width:100% !important; height:auto !important; } /* 文章正文 900 容器 */ .news_word{ width:100% !important; padding:0 12px; box-sizing:border-box; } .news_word img{ max-width:100% !important; height:auto !important; } /* 侧栏 / 列表 */ .newslist{ width:calc(100% - 260px) !important; } .newsRight{ width:245px !important; } .newslist .listinfo li div{ width:auto !important; margin-left:30px !important; float:none !important; overflow:hidden; } .newslist .listinfo li .img{ float:left; } /* 表单盒子 */ .tjwtBox{ width:100% !important; box-sizing:border-box; } .tjwtBox .m_form .iptTxt{ width:calc(100% - 80px) !important; box-sizing:border-box; } .tjwtBox .m_form .txtAre{ width:calc(100% - 80px) !important; box-sizing:border-box; } /* 咨询条 */ .zixun0 .zixun_left{ width:60% !important; margin-left:0 !important; } .zixun0 .zixun_right{ width:36% !important; } .zixun0 .zixun_right input, .zixun0 .zixun_right textarea{ width:100% !important; box-sizing:border-box; } .zixun0 .zixun_left p{ margin-left:40% !important; } .zixun0 .zixun_left a{ margin-left:40% !important; } /* 优势区 */ .youshi .youshi_wen{ height:auto !important; } .ys_1 dt{ width:44% !important; } .ys_1 dt img,.ys_2 dd img{ width:100% !important; height:auto !important; } .ys_1 dd{ width:52% !important; } .ys_2 dt{ width:52% !important; } .ys_2 dd{ width:44% !important; } .ys_1 dd li div.fr,.ys_2 dt li div.fr{ width:auto !important; } .ys_1 dd li div.fr p,.ys_2 dt li div.fr p{ height:auto !important; } /* 关于 */ .about dl dt{ width:40% !important; margin-right:2% !important; } .about dl dt .m,.about dl dt video{ width:100% !important; height:auto !important; } .about dd{ width:58% !important; } .about dd p{ height:auto !important; } .about .scjd .scjd_window{ width:100% !important; } /* 合作客户 */ .hezuo li{ width:17% !important; margin-right:2% !important; } .hezuo li img{ width:100% !important; height:auto !important; } /* 动态三栏 */ .dongtai .dt_news,.dongtai .hy_news,.dongtai .wenda{ width:31.5% !important; margin-right:2.75% !important; } .dongtai .wenda{ margin-right:0 !important; } .dongtai .news_content{ width:100% !important; } .dongtai .news_content li{ width:100% !important; box-sizing:border-box; } } /* ========================================================================== ② ≤1023px —— 平板横屏：切到抽屉导航，双栏开始堆叠 ========================================================================== */ @media (max-width:1023px){ body{ font-size:13px; } /* ---- 页头 ---- */ .header .header_top{ display:none; } .header .header_center{ height:auto !important; padding:14px 0; display:flex; align-items:center; justify-content:space-between; } .header .header_center dl{ float:none !important; margin-top:0 !important; display:flex; align-items:center; } .header .header_center dt{ padding-right:14px; margin-right:14px; height:auto !important; } .header .header_center dt img{ width:150px !important; height:auto !important; } .header .header_center dd h2{ font-size:18px !important; } .header .header_center dd p{ font-size:13px !important; } .header .header_center .phone{ display:none; } /* 主导航隐藏，改用抽屉 + 底部条 */ .header .header_nav{ display:none; } /* ---- 首页 ---- */ #kinMaxShow.banner{ height:clamp(220px, 42vw, 360px); } #kinMaxShow .banner-arrow{ display:none; } .home_pro ul li{ width:32% !important; } .home_pro ul li:nth-child(4n){ margin-right:1% !important; } .home_pro ul li:nth-child(3n){ margin-right:0 !important; } .ad01{ height:auto !important; background-size:cover !important; padding:20px 0; } .ad01 .zixun{ float:none !important; width:100% !important; margin-top:0 !important; } .ad01 input{ width:calc(100% - 70px) !important; box-sizing:border-box; } .ad01 textarea{ width:calc(100% - 70px) !important; box-sizing:border-box; } .ad01 .coolbg{ width:60px !important; height:93px !important; background-size:contain !important; } .ad01 p{ float:none !important; margin-top:14px !important; } .fangan{ height:auto !important; padding-bottom:30px; } .fangan li{ width:30% !important; margin-right:2.5% !important; } .fangan ul{ display:flex; flex-wrap:wrap; } .youshi{ background-size:cover !important; padding-top:40px; } .youshi .p0{ margin-bottom:30px !important; } .ys_1,.ys_2{ display:block; } .ys_1 dt,.ys_1 dd,.ys_2 dt,.ys_2 dd{ float:none !important; width:100% !important; } .ys_1 dt img,.ys_2 dd img{ display:block; margin:0 auto 20px; max-width:520px; } .ys_1 dd li,.ys_2 dt li{ height:auto !important; margin-bottom:16px; } .fuwu{ height:auto !important; padding-bottom:0; } .fuwu .list{ width:100% !important; margin-left:0 !important; display:flex; flex-wrap:wrap; background:none; padding-bottom:10px; } .fuwu .list li{ width:30% !important; height:88px; margin:6px 1.5%; box-sizing:border-box; } .fuwu_content{ height:auto !important; padding-bottom:14px; } .fuwu .wen{ width:auto !important; max-width:320px; } .pingjia li{ width:100% !important; height:auto !important; margin-bottom:18px; } .pingjia li img{ width:150px !important; height:auto !important; } .pingjia li .wen{ width:calc(100% - 170px) !important; } .pingjia li p{ height:auto !important; } .hezuo li{ width:22% !important; } .hezuo .hezuo_window{ height:auto !important; } .hezuo ul{ position:static !important; display:flex; flex-wrap:wrap; gap:2%; } .hezuo li{ margin-right:0 !important; margin-bottom:14px; } .ad02{ height:auto !important; padding:26px 0; background-size:cover !important; } .ad02 p{ float:none !important; text-align:center; margin:0 auto !important; } .dongtai .dt_news,.dongtai .hy_news,.dongtai .wenda{ width:100% !important; margin-right:0 !important; margin-bottom:26px; } .dongtai .news_content{ height:auto !important; } .zixun0{ border-bottom:0; } .zixun0 .container{ display:block; } .zixun0 .zixun_left{ float:none !important; width:100% !important; height:auto !important; background-size:cover !important; padding:40px 0; } .zixun0 .zixun_left p{ margin:0 0 18px 0 !important; text-align:center; background-position:center top; padding:56px 0 0; } .zixun0 .zixun_left a{ margin:0 auto !important; } .zixun0 .zixun_right{ float:none !important; width:100% !important; height:auto !important; padding:20px 0 10px; } .zixun0 .zixun_right input, .zixun0 .zixun_right textarea{ width:100% !important; box-sizing:border-box; background-size:auto 26px !important; background-position:14px center !important; } .zixun0 .zixun_right textarea{ padding-top:14px; background-position:14px 16px !important; } .zixun0 .zixun_right .last{ display:flex; gap:10px; } .zixun0 .zixun_right .last .coolbg{ float:none !important; flex:1; } .links{ display:block; } .links h3{ float:none !important; width:auto !important; height:auto !important; padding:0 0 10px; background:none !important; text-align:left; } .links ul{ float:none !important; width:100% !important; margin:0 !important; display:flex; flex-wrap:wrap; } .links li{ margin:6px 14px 6px 0 !important; } /* ---- 页脚 ---- */ #footer_bj{ margin-top:0; } #footer{ padding:26px 0; } .fnav{ float:none !important; width:100% !important; display:flex; flex-wrap:wrap; } .fnav ul{ float:none !important; width:31% !important; margin:0 3.5% 18px 0 !important; } .fnav ul:nth-child(3n){ margin-right:0 !important; } .foot_right{ float:none !important; width:100% !important; margin-top:10px; border-top:1px solid rgba(255,255,255,.1); padding-top:18px; } .bottom{ height:auto !important; padding:10px 0; } .bottom .bottom-in{ display:flex; flex-wrap:wrap; align-items:center; } ul.bnav{ float:none !important; width:100%; margin:0 0 6px !important; } ul.bnav a{ line-height:2 !important; } .bottom p{ float:none !important; margin:0 14px 0 0 !important; line-height:2 !important; } /* ---- 内页 ---- */ .topadcs{ height:180px !important; background-size:cover !important; } .location{ height:auto !important; padding:8px 0; } .location p{ float:none !important; font-size:14px !important; line-height:1.8; padding-left:26px; background-size:20px auto; } .location p span{ font-size:17px !important; padding-left:8px; } .location ul{ float:none !important; line-height:1.8; padding:4px 0 8px; } .pro_title2{ height:auto !important; padding-bottom:8px; } .pro_title2 .tit{ float:none !important; display:block; font-size:19px !important; line-height:1.8 !important; height:auto !important; } .pro_title2 .subnav{ float:none !important; display:flex; flex-wrap:wrap; gap:6px; padding-top:10px; } .pro_title2 .subnav li{ padding:0 !important; background:none !important; } .pro_title2 .subnav li a{ display:block; padding:6px 14px !important; border:1px solid #e0e0e0; font-size:13px !important; color:#555; } .pro_title2 .subnav li.cur a{ border-color:#0e7ad5; color:#0e7ad5; } /* 产品详情 */ .pro_view{ padding:10px 0 !important; } .pro_view .rxcp_list_left, .pro_view .rxcp_list_right{ float:none !important; width:100% !important; } .pro_view .rxcp_list_right{ margin-top:18px; } .pro_view .rxcp_list_right h1{ font-size:24px !important; } .pro_view .qq{ float:none !important; display:block; margin:14px 0; } .pro_view .dh{ float:none !important; display:block; margin-top:10px; background:#f7f8fa; padding:12px 16px; width:auto !important; } /* 产品列表 */ .prolist ul li{ width:47% !important; margin-left:2% !important; margin-bottom:22px !important; } .prolist ul li:nth-of-type(2n+1){ margin-left:0 !important; } .prolist ul li div{ width:100% !important; } /* 新闻列表 */ .newslist{ width:100% !important; margin-top:16px; } .newsRight{ width:100% !important; float:none !important; margin-top:24px; } .newslist .listinfo li{ height:auto !important; padding-bottom:16px; } .newslist .listinfo li span{ position:static !important; display:inline-block; margin-top:8px; } /* 下载列表 */ .downList li{ width:100% !important; box-sizing:border-box; } .xzCont li{ width:100% !important; box-sizing:border-box; margin-right:0 !important; } /* 单页 */ .about_left,.about_right{ float:none !important; width:100% !important; height:auto !important; margin-left:0 !important; padding-top:0 !important; } .about_left .m{ width:100% !important; height:auto !important; } .about_right{ margin-top:20px; } /* 正文表格横向滚动 */ .news_word table,.pro_info table,.page-copy table{ display:block; width:100% !important; overflow-x:auto; -webkit-overflow-scrolling:touch; } } /* ========================================================================== ③ ≤900px —— 平板竖屏 ========================================================================== */ @media (max-width:900px){ .home_pro ul li{ width:48% !important; } .home_pro ul li:nth-child(3n){ margin-right:1% !important; } .home_pro ul li:nth-child(2n){ margin-right:0 !important; } .fangan li{ width:47% !important; margin-right:3% !important; } .fangan li:nth-child(2n){ margin-right:0 !important; } .hezuo li{ width:30% !important; } .prolist ul li{ width:100% !important; margin-left:0 !important; } .prolist ul li:nth-of-type(2n+1){ margin-left:0 !important; } } /* ========================================================================== ④ ≤767px —— 手机 ========================================================================== */ @media (max-width:767px){ body{ font-size:14px; } /* 页头 */ .header .header_center{ padding:10px 0; } .header .header_center dt{ border:0 !important; margin-right:0 !important; padding-right:0 !important; } .header .header_center dt img{ width:132px !important; } .header .header_center dd{ display:none; } /* 首页 */ #kinMaxShow.banner{ height:clamp(170px, 44vw, 260px); } #kinMaxShow .banner-dots{ bottom:12px; gap:6px; } #kinMaxShow .banner-dots button{ width:26px; height:4px; } #kinMaxShow .banner-dots button.is-on{ width:26px; } h2.tit{ font-size:20px !important; height:auto !important; } /* width:100% 为原文样式，加 padding 后必须走 border-box，否则右侧溢出 4px */ p.desc{ font-size:13px !important; height:auto !important; padding:0 10px; box-sizing:border-box; max-width:100%; } .home_nav ul{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:16px auto !important; } .home_nav ul li{ display:block !important; } .home_nav ul li a{ display:block !important; padding:7px 14px !important; font-size:13px !important; margin:0 !important; } .home_pro{ margin-top:16px !important; } .home_pro ul li{ width:48% !important; margin-bottom:10px !important; } .home_pro ul li a{ padding:3px !important; } .home_pro ul li a .title{ font-size:13px !important; line-height:1.5 !important; padding:8px 4px 2px !important; } .home_pro ul li a .price{ display:none; } a.more-h{ width:200px !important; height:42px !important; line-height:42px !important; margin-top:20px !important; font-size:13px !important; } .ad01{ padding:16px 0; background:#1b6fa8; } .ad01 input,.ad01 textarea{ width:100% !important; background:#fff !important; border-radius:2px; padding:10px 12px !important; height:auto !important; } .ad01 textarea{ min-height:70px; } .ad01 .coolbg{ float:none !important; width:100% !important; height:44px !important; line-height:44px !important; margin-top:-36px !important; background:#ffa200 !important; border-radius:2px; font-size:16px !important; } .ad01 p{ float:left !important; font-size:13px !important; background:none !important; padding-left:0 !important; margin-top:12px !important; } .ad01 p em{ font-size:16px !important; } .fangan{ padding:26px 0 16px; } .fangan p{ font-size:16px !important; margin-top:0 !important; } .fangan h3{ font-size:19px !important; line-height:1.6; padding-bottom:14px; margin-bottom:20px !important; background-size:auto 4px !important; } .fangan li{ width:47% !important; height:auto !important; margin-right:6% !important; margin-bottom:8px !important; padding-bottom:10px; background-size:100% auto; } .fangan li:nth-child(2n){ margin-right:0 !important; } .fangan li img{ width:100% !important; height:auto !important; margin-top:6px; } .fangan li b{ display:none !important; } .fangan li em{ font-size:12px !important; margin-top:6px !important; } .fangan li .fangan_a1{ font-size:14px !important; padding-bottom:6px; background-size:auto 8px; } .about{ padding-top:24px; } .about h3,.youshi h3,.pingjia h3{ font-size:22px !important; } .about .p0,.youshi .p0,.pingjia .p0{ font-size:12px !important; margin-bottom:22px !important; } .about dl{ margin-top:14px !important; } .about dl dt{ width:100% !important; margin-right:0 !important; } .about dd{ width:100% !important; } .about dd p{ font-size:13px !important; line-height:1.9 !important; } .about .scjd_t h4{ font-size:16px !important; } .about .scjd_content{ height:auto !important; } .about .scjd_window{ height:auto !important; } .about .scjd_window ul{ position:static !important; display:flex; overflow-x:auto; gap:10px; padding-bottom:8px; -webkit-overflow-scrolling:touch; } .about .scjd_window li{ flex:0 0 46%; margin-right:0 !important; } .about .scjd_window li img{ width:100% !important; height:auto !important; } .about .scjd_left,.about .scjd_right{ display:none !important; } .youshi{ padding-top:26px; } .ys_1 dd li div.fl,.ys_2 dt li div.fl{ font-size:34px !important; width:46px !important; } .ys_1 dd li div.fr h4,.ys_2 dt li div.fr h4{ font-size:15px !important; height:auto !important; } .ys_1 dd li div.fr p,.ys_2 dt li div.fr p{ font-size:13px !important; line-height:1.85 !important; } .fuwu h3{ font-size:20px !important; margin-top:24px !important; background-size:auto 40px !important; padding-top:44px; } .fuwu .list li{ width:30% !important; margin:5px 1.5% !important; font-size:12px !important; padding-top:46px; height:auto !important; background-size:auto 40px !important; color:#dfeafb; } .fuwu .list li.cur{ color:#fff; } .fuwu .list{ padding-bottom:6px !important; } .fuwu .fuwu_content{ margin-top:12px !important; } .pingjia li img{ float:none !important; width:100% !important; height:auto !important; margin:0 0 10px !important; } .pingjia li .wen{ width:100% !important; } .pingjia li h4{ margin-bottom:8px !important; } .pingjia li h4 a{ font-size:15px !important; } .hezuo h3{ font-size:16px !important; } .hezuo li{ width:47% !important; } .hezuo li img{ border-width:3px !important; } .ad02{ padding:20px 0; } .ad02 p{ font-size:16px !important; background:none !important; padding:0 !important; } .ad02 p em{ display:block; font-size:12px !important; margin-top:4px; } .dongtai{ margin-bottom:20px; } .dongtai .news_t h3{ font-size:16px !important; } .dongtai .news_content li{ font-size:13px !important; line-height:2.2 !important; } .dongtai .news_content .wenda_list h4,.dongtai .news_content .wenda_list p{ width:100% !important; } .dongtai .news_content .wenda_list p{ height:auto !important; font-size:12px !important; } .zixun0 .zixun_left{ padding:26px 0 !important; } .zixun0 .zixun_left p{ font-size:13px !important; padding-top:50px !important; } .zixun0 .zixun_left em{ font-size:20px !important; } .zixun0 .zixun_left a{ width:130px !important; height:40px !important; line-height:40px !important; } .links h3{ font-size:18px !important; } /* 页脚 */ .fnav ul{ width:47% !important; margin:0 6% 16px 0 !important; } .fnav ul:nth-child(2n){ margin-right:0 !important; } .fnav ul:nth-child(3n){ margin-right:6% !important; } .fnav ul a p,.fnav ul p{ font-size:13px !important; } .fnav ul li{ line-height:2 !important; } .foot_right .fphone{ font-size:24px !important; } ul.bnav{ display:flex; flex-wrap:wrap; gap:16px; } ul.bnav a{ margin-right:0 !important; font-size:12px !important; } /* 内页 */ .topadcs{ height:120px !important; } .container{ padding-left:12px !important; padding-right:12px !important; } .pro_view .rxcp_list_right h1{ font-size:20px !important; } .pro_view .rxcp_list_right ul p{ font-size:14px !important; } .pro_info > p{ font-size:16px !important; line-height:1.8 !important; margin-top:16px !important; } .pro_info h1, .pro_info h2, .pro_info h3{ font-size:16px !important; height:auto !important; line-height:1.6 !important; margin-top:26px !important; padding-bottom:6px; } .pro_info h1 + div, .pro_info h2 + div, .pro_info h3 + div{ padding-bottom:20px !important; } .pro_info li span{ float:none !important; display:block; color:#999; font-size:12px; } .pro_info li p{ margin-left:0 !important; font-size:14px !important; } .pro_info li{ line-height:1.6 !important; } .news_title{ font-size:19px !important; width:100% !important; padding:18px 12px 0 !important; box-sizing:border-box; line-height:1.6; } p.time{ width:100% !important; padding:12px 0 !important; font-size:12px !important; } .news_word{ padding:0 !important; } .news_word p{ font-size:14px !important; line-height:1.9 !important; } .prev_n{ padding:16px 0 !important; } .prev_n li{ font-size:13px !important; line-height:1.9 !important; } .prolist ul li{ height:auto !important; padding:8px !important; } .prolist ul li h3{ font-size:15px !important; line-height:1.5 !important; padding:6px 0; } .prolist ul li p{ font-size:12px !important; } .newslist .listinfo li .img{ float:none !important; width:100% !important; height:auto !important; } .newslist .listinfo li .img img{ width:100% !important; height:auto !important; max-height:200px; border-radius:6px; } .newslist .listinfo li div{ width:100% !important; margin-left:0 !important; margin-top:10px; } .newslist .listinfo li div h2 a{ font-size:16px !important; } .newslist .listinfo li div p{ text-indent:0 !important; height:auto !important; } .newslist .listinfo li span{ display:inline-block !important; margin-top:8px; width:auto !important; height:auto !important; padding:4px 10px !important; font-size:13px !important; border-radius:3px; } .newslist .listinfo li span b{ font-size:13px !important; } .pro_title{ height:auto !important; margin-top:26px !important; } .pro_title .tit{ float:none !important; display:block; font-size:18px !important; height:auto !important; line-height:1.8 !important; } .pro_title .tit span{ font-size:11px !important; } .tjxw ul li{ width:100% !important; margin-left:0 !important; height:auto !important; line-height:2 !important; } .tjxw ul li a{ font-size:13px !important; } .pages{ margin-bottom:26px !important; } .pages ul{ padding:10px 0 !important; width:100% !important; } /* 表单 */ .tjwtBox{ padding:16px !important; } .tjwtBox h4{ font-size:14px !important; margin-bottom:14px !important; padding-bottom:10px !important; } .tjwtBox .m_form label{ width:64px !important; flex:0 0 64px; } .tjwtBox .m_form li{ display:flex; height:auto !important; margin-bottom:10px; } .tjwtBox .m_form .iptTxt{ width:auto !important; flex:1; height:40px !important; } .tjwtBox .m_form .txtAre{ width:auto !important; flex:1; height:96px !important; } .tjwtBox .m_form .areLi{ height:auto !important; } .tjwtBox .m_form .areLi label{ height:96px !important; line-height:96px !important; } .tjwtBox .m_form .btnSubmit{ width:100% !important; height:42px; font-size:15px; } /* 404 */ .p404{ padding:36px 12px 60px; } .p404-code{ font-size:64px; } .p404 h1{ font-size:20px; } .p404-links{ gap:8px; } .p404-links a{ padding:7px 14px; font-size:13px; } .p404-search input{ height:40px; } .p404-search button{ width:74px; height:40px; } .search-again{ float:none !important; margin-top:10px; } .search-again input{ flex:1; width:auto; } } /* ========================================================================== ⑤ ≤479px —— 小屏手机 ========================================================================== */ @media (max-width:479px){ .home_pro ul li{ width:48% !important; } /* 行业应用：左图右字列表，文字左对齐并占满剩余宽度（避免文字右顶到边界） */ .fangan li{ display:flex !important; align-items:center; gap:12px; width:100% !important; margin-right:0 !important; height:auto !important; padding:10px 0 !important; border-bottom:1px dashed #e6e6e6; background:none !important; } .fangan li img{ width:76px !important; height:76px !important; object-fit:cover; border-radius:4px; flex:0 0 76px; margin:0 !important; } .fangan li em{ display:none; } .fangan li .fangan_a1{ flex:1; text-align:left !important; background:none !important; padding:0 !important; font-size:15px !important; line-height:1.5; } .hezuo li{ width:100% !important; display:flex; align-items:center; gap:12px; } .hezuo li img{ width:110px !important; flex:0 0 110px; } .hezuo li p{ font-size:14px; text-align:left; } .fuwu .list li{ width:28% !important; color:#dfeafb; } .fuwu .list li.cur{ color:#fff; } .home_pro ul li a .title{ font-size:12px !important; } .m-nav{ width:88vw; } } /* ========================================================================== ⑥ 打印 —— 去掉装饰，保留内容 ========================================================================== */ @media print{ .header,.header_nav,.izl-rmenu,.m-bar,.m-nav,.m-mask,.banner,.ad01,.ad02,.ad03,.zixun0,.links,.footer,.gotop,.pro_title .tit span{ display:none !important; } body{ background:#fff; color:#000; font-size:12pt; } a{ color:#000; text-decoration:underline; } .container,.width{ width:100% !important; max-width:none !important; } } /* ========================================================================== ⑦ 移动端专项修正（追加） ========================================================================== */ @media (max-width:1023px){ /* 右侧客服浮窗在手机上会遮挡正文，改用底部快捷条 */ .izl-rmenu{ display:none !important; } /* 顶栏出现汉堡按钮 */ .m-menu-btn{ display:flex !important; } /* 桌面端为还原原站固定高度而设的 min-height，在窄屏会造成大片空白 */ .fangan{ min-height:0 !important; } /* 横幅：手机端保留画面左侧的主体文字，避免裁掉核心信息 */ #kinMaxShow .banner-item img{ object-position:left center; } #kinMaxShow .banner-dots{ bottom:8px; } } @media (max-width:767px){ #kinMaxShow .banner-item img{ object-position:18% center; } } /* ========================================================================== ⑧ 1200 版心重构后的移动端适配（第四批 2026-11-07） -------------------------------------------------------------------------- 桌面端用 grid/flex 重排了产品、行业应用、评价、合作伙伴等区块， 窄屏必须同步改写列数与盒模型，否则会退化成 4 列 80px 的不可用版式。 ========================================================================== */ /* ---------- 平板及以下：列数减半、间距收紧 ---------- */ @media (max-width:1023px){ h2.tit{ font-size:26px; } .youshi h3, .pingjia h3, .about > h3{ font-size:26px; } .fangan h3{ font-size:21px; line-height:1.65; margin-bottom:28px; padding-bottom:18px; } .fangan p{ font-size:13px; letter-spacing:3px; } .bg_gray{ padding:40px 0 44px; } .fangan{ padding:42px 0 46px; } .youshi{ padding:42px 0 46px; } .zixun0{ padding:34px 0 40px; } .about{ margin:40px auto; } .pingjia{ margin:42px auto 32px; } .hezuo{ margin:36px auto 40px; } .dongtai{ margin-bottom:36px; } /* 产品中心：3 列（767 以下再降为 2 列） */ .home_pro ul{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; } .home_pro ul li a .title{ padding:12px 12px 4px; font-size:14px; } .home_pro ul li a .price{ padding:0 12px 14px; } .home_pro ul li a .price span{ min-height:0; font-size:12px; -webkit-line-clamp:2; } .home_nav ul li a{ padding:7px 15px; font-size:13px; margin:0 4px 10px; } a.more-h{ width:190px; height:42px; line-height:40px; margin-top:32px; } /* 行业应用：3 列（767 以下降为 2 列） */ .fangan ul{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; } .fangan li{ min-height:0; padding-bottom:14px; } .fangan li img{ width:104px; height:104px; margin-top:12px; } .fangan li em{ margin-top:14px; font-size:13px; } .fangan li .fangan_a1{ font-size:15px; padding-bottom:8px; } /* 走进爱迪达：视频在上、文字在下 */ .about dl{ display:block; } .about dt{ width:100%; flex:none; } .about dd{ margin-top:22px; } .about dd p{ font-size:14px; line-height:1.95; } /* 选择爱迪达：改为上下堆叠，保留「图 → 文」的阅读顺序 */ .youshi dl{ display:block; margin-bottom:30px; } .youshi .ys_1 dt, .youshi .ys_1 dd, .youshi .ys_2 dt, .youshi .ys_2 dd{ width:100%; flex:none; margin:0; } .youshi .ys_1 dd{ margin-top:18px; } .youshi .ys_2 dt{ margin-bottom:18px; } .youshi li .fl{ flex:0 0 52px; width:52px; font-size:26px; } .youshi li .fr h4{ font-size:16px; } .youshi li .fr p{ font-size:13px; line-height:1.8; } /* 评价：两列（767 以下单列） */ .pingjia ul{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; } .pingjia li img{ height:180px; } /* 合作伙伴：4 列 */ .hezuo .hezuo_window > ul{ grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; } .hezuo li img{ height:70px; padding:8px 10px; } .hezuo li p{ font-size:12px; } /* 友情链接：标题独占一行 */ .links{ display:block; padding:22px 0 26px; } .links h3{ margin-bottom:14px; font-size:17px; } .links ul{ gap:8px 10px; } .links li{ padding:6px 14px; font-size:13px; } /* 页脚：两列排布，联系方式置顶 */ #footer{ padding-top:36px; padding-bottom:28px; } #footer .fnav{ gap:0; } #footer .fnav ul{ width:33.333%; float:left; margin-bottom:18px; } #footer .foot_right{ margin-top:8px; } } /* ---------- 手机 767 以下：字号与留白进一步下探 ---------- */ @media (max-width:767px){ h2.tit{ font-size:22px; } .youshi h3, .pingjia h3, .about > h3{ font-size:22px; } .fangan h3{ font-size:18px; } p.desc{ font-size:13px; } .bg_gray{ padding:32px 0 36px; } .fangan{ padding:34px 0 38px; } .youshi{ padding:34px 0 38px; } /* 产品：2 列 */ .home_pro ul{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:12px; } .home_pro ul li a .title{ padding:10px 10px 3px; font-size:13px; line-height:1.45; } .home_pro ul li a .price{ padding:0 10px 12px; } .home_pro ul li a .price span{ font-size:12px; line-height:1.6; } /* 行业应用：两列 */ .fangan ul{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; } .fangan li img{ width:88px; height:88px; } .fangan li em{ margin-top:10px; font-size:12px; } .fangan li .fangan_a1{ font-size:14px; } /* 团队风采卡片窄一点，一屏露出 2.5 张提示可滑动 */ .about .scjd .scjd_window li{ flex:0 0 168px; } .about .scjd .scjd_window li img{ height:104px; } .about .scjd .scjd_left, .about .scjd .scjd_right{ width:30px; height:30px; margin-top:-15px; } /* 评价：单列 + 配图加高 */ .pingjia ul{ grid-template-columns:1fr !important; } .pingjia li img{ height:190px; padding:12px; } /* 合作伙伴：2 列 */ .hezuo .hezuo_window > ul{ grid-template-columns:repeat(2, minmax(0, 1fr)); } /* 咨询表单：图与表都居中，输入框加大到 46px 便于点按 */ .zixun0 .container{ display:block; } .zixun0 .zixun_left{ height:auto; min-height:280px; margin:0 auto; background-size:contain; background-position:center top; } .zixun0 .zixun_left p{ margin:190px 0 10px; text-align:center; padding-left:0; background:none; } .zixun0 .zixun_left em{ font-size:22px; } .zixun0 .zixun_left a{ margin:0 auto; width:180px; height:46px; line-height:46px; } .zixun0 .zixun_right{ width:100%; max-width:420px; margin:26px auto 0; } .zixun0 .zixun_right input, .zixun0 .zixun_right textarea{ width:100%; box-sizing:border-box; height:48px; line-height:48px; font-size:14px; } .zixun0 .zixun_right textarea{ height:88px; line-height:1.6; padding-top:14px; } .zixun0 .zixun_right .last .coolbg{ width:100%; height:48px; line-height:48px; float:none; border-radius:8px; } /* 页脚：两列 */ #footer .fnav ul{ width:50%; } #footer .foot_right{ width:100%; } #footer .foot_right .fphone{ font-size:24px; } } /* ---------- 小屏 479 以下 ---------- */ @media (max-width:479px){ h2.tit{ font-size:20px; } .youshi h3, .pingjia h3, .about > h3{ font-size:20px; } .fangan h3{ font-size:17px; line-height:1.6; } .home_pro ul{ gap:10px; } .home_pro ul li a .title{ font-size:12.5px; } /* 行业应用在小屏仍是两列，但缩小图片与字号 */ .fangan ul{ gap:10px; } .fangan li img{ width:76px; height:76px; } .fangan li .fangan_a1{ font-size:13px; } .links li{ font-size:12.5px; padding:6px 12px; } .contact-grid{ grid-template-columns:1fr; } } /* ========================================================================== ⑨ 栅格化区块的旧规则清理 -------------------------------------------------------------------------- 上面多个断点用「百分比宽度 + float」写过产品 / 行业应用 / 评价 / 合作 伙伴的列宽，改造成 grid 后这些 !important 宽度会让卡片撑不满栅格列 （表现为两列之间出现大空隙）。这里统一归位，只保留栅格列宽。 ========================================================================== */ @media (max-width:1023px){ .home_pro ul li, .fangan li, .pingjia li, .hezuo .hezuo_window > ul > li{ float:none !important; width:auto !important; margin:0 !important; } .home_pro ul li a{ padding:0 !important; } .home_pro ul li a div img{ height:100% !important; } .fangan ul{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:14px !important; width:100% !important; } .fangan li{ display:block !important; height:auto !important; text-align:center; padding-bottom:16px !important; } .fangan li img{ margin:12px auto 0 !important; } .pingjia li img{ width:100% !important; height:180px !important; } .pingjia li .wen{ width:auto !important; } .hezuo li img{ width:100% !important; height:70px !important; } } @media (max-width:767px){ .home_pro ul li{ width:auto !important; margin:0 !important; } .fangan li{ margin:0 !important; } .hezuo li{ width:auto !important; margin:0 !important; } .pingjia li{ width:auto !important; } } /* 行业应用卡片：小屏恢复序号，卡片内文字居中 */ @media (max-width:1023px){ .fangan li{ background:none !important; background-color:#fff !important; border:1px solid #e9f0f8; border-radius:12px; box-shadow:0 6px 18px rgba(14,122,213,.06); } .fangan li em{ display:block !important; } .fangan li .fangan_a1{ text-align:center !important; } } @media (max-width:479px){ .fangan li em{ display:block !important; margin-top:8px !important; font-size:12px !important; } .fangan li .fangan_a1{ flex:none !important; padding:0 0 10px !important; } } /* ========================================================================== ⑩ 咨询表单与页脚：窄屏最终形态 -------------------------------------------------------------------------- 原站 .zixun_left 是 663×380 的背景图（人物在左、文字压在右侧空白处）， 窄屏按比例缩放后文字会落到人物身上，因此改成「图在上、文字居中在下」。 页脚 .fnav 在桌面是 flex，窄屏需要显式回到 block + 百分比两列。 ========================================================================== */ @media (max-width:1023px){ #footer{ display:block !important; box-sizing:border-box; padding-left:16px; padding-right:16px; } #footer .fnav{ display:block !important; } #footer .fnav ul{ float:left !important; width:33.333% !important; margin:0 0 16px !important; flex:none; min-width:0; padding-right:12px; box-sizing:border-box; } #footer .foot_right{ width:100% !important; float:none !important; } } @media (max-width:767px){ /* 人像改成通栏 ，文字与按钮在下方居中（不再依赖背景图定位） */ .zixun0 .zixun_left{ height:auto !important; min-height:0 !important; padding:0 !important; margin-left:0 !important; background:none !important; text-align:center; } .zixun0 .zixun-photo{ display:block; width:100%; height:auto; border-radius:12px; margin-bottom:20px; } .zixun0 .zixun_left p{ display:block; margin:0 auto 14px !important; padding:0 !important; background:none !important; text-align:center !important; line-height:1.6 !important; font-size:13px !important; } .zixun0 .zixun_left p{ padding-top:0 !important; } .zixun0 .zixun_left em{ display:block; margin-top:4px; font-size:22px; line-height:1.4; } .zixun0 .zixun_left a{ display:block; margin:0 auto !important; width:180px !important; height:46px !important; line-height:46px !important; font-size:15px; } .zixun0 .zixun_right{ width:100% !important; max-width:none !important; margin:24px auto 0 !important; height:auto !important; } .zixun0 .zixun_right li{ margin-bottom:10px !important; } .zixun0 .zixun_right input, .zixun0 .zixun_right textarea{ width:100% !important; box-sizing:border-box; height:48px; line-height:48px; font-size:14px; padding-left:52px; padding-right:12px; } .zixun0 .zixun_right textarea{ height:92px; line-height:1.7; padding-top:12px; } .zixun0 .zixun_right .last .coolbg{ width:100%; height:48px; line-height:48px; float:none; border-radius:8px; } #footer .fnav ul{ width:50% !important; margin:0 0 14px !important; } } /* 手机端表单控件：原站输入框是「图标 + 边框」一整张切图，宽屏铺满时右侧会断掉， 窄屏改用纯 CSS 输入框，图标位置留给内边距，保证整行可点、视觉不断裂。 */ @media (max-width:767px){ .zixun0 .zixun_right input, .zixun0 .zixun_right textarea{ background-image:none !important; background-color:#f7fafd !important; border:1px solid #e2ebf5 !important; border-radius:10px !important; padding-left:16px !important; padding-right:14px !important; color:#33404f !important; font-size:14px !important; } .zixun0 .zixun_right textarea{ padding-top:12px !important; line-height:1.7 !important; } .zixun0 .zixun_right input:focus, .zixun0 .zixun_right textarea:focus{ background-color:#fff !important; border-color:#0e7ad5 !important; box-shadow:0 0 0 3px rgba(14,122,213,.12); } .zixun0 .zixun_right .last .coolbg{ border-radius:10px !important; font-size:15px !important; letter-spacing:2px; } } /* ========================================================================== ⑪ 窄屏询价条（ad01）：改为「上表单、下电话」的竖排卡片 -------------------------------------------------------------------------- 原站在 180px 高的横幅里左右并排放输入框与提交按钮，窄屏下输入框被压到 100px 以内、按钮与文案互相遮挡。这里统一改成整行输入框 + 满宽按钮。 ========================================================================== */ @media (max-width:1023px){ .ad01{ height:auto !important; padding:24px 0 22px; background-size:cover !important; background-position:center !important; } .ad01 .zixun{ float:none !important; width:100% !important; max-width:440px; margin:0 auto !important; } .ad01 form{ display:block; } .ad01 input, .ad01 textarea{ display:block; float:none !important; width:100% !important; box-sizing:border-box; margin:0 0 10px !important; padding:0 14px !important; border-radius:8px; background-image:none !important; background-color:rgba(255,255,255,.96) !important; color:#33404f !important; font-size:14px !important; } .ad01 textarea{ height:68px !important; padding:10px 14px !important; line-height:1.6 !important; resize:none; } .ad01 .coolbg{ display:block; float:none !important; width:100% !important; height:44px !important; line-height:44px !important; margin:2px 0 0 !important; padding:0 !important; border-radius:8px; background:#ffa200 !important; background-image:none !important; font-size:16px; letter-spacing:4px; } .ad01 p{ float:none !important; display:block; margin-top:16px !important; text-align:center; font-size:13px; } .ad01 p em{ font-size:20px; } } @media (max-width:1023px){ /* 窄屏询价条：背景图裁切后文案会被切掉，改用真实文本 + 纯色底 */ .ad01{ background-image:none !important; background-color:#0f6fc4 !important; background-image:linear-gradient(135deg,#0f6fc4 0%,#0a4f92 100%) !important; } .ad01 .ad01-tip{ display:block; margin:0 0 18px; text-align:center; color:#fff; font-size:15px; line-height:1.6; } .ad01 .ad01-tip em{ display:block; margin-top:6px; font-style:normal; font-size:13px; color:#cfe4f7; } } /* ===== assets/css/chrome.css ===== */ /*! * chrome.css —— 全站框架层 * 页头（信息条 / 品牌区 / 主导航 mega）/ 面包屑定位条 / 右侧快捷悬浮条 / * 网站地图页 / 关于我们概览页 * 加载顺序：site → pages → responsive → chrome（最后，可直接覆盖旧版） */ :root{ --idd-blue:#0e7ad5; --idd-blue-d:#0a5ea9; --idd-blue-l:#eaf4ff; --idd-ink:#16324f; --idd-ink-2:#3d5266; --idd-sub:#6b7c8f; --idd-line:#e7eef7; --idd-org:#ffa200; } /* ============================================================ 1. 页头骨架 */ .header{ width:100% !important; margin:0 !important; overflow:visible !important; /* 原站 overflow:hidden 会裁掉 mega 下拉 */ background:#fff; position:relative; z-index:600; box-shadow:0 1px 0 rgba(15,58,98,.06); } .header .container{ width:var(--idd-wrap); margin:0 auto; } /* ---------------------------------------------------- 1.1 顶部信息条 */ .hd-top{ height:36px; background:#f5f8fc; border-bottom:1px solid #e9f0f8; } .hd-top .container{ height:36px; display:flex; align-items:center; justify-content:space-between; gap:20px; } .hd-hello{ display:flex; align-items:center; gap:7px; margin:0; font-size:12.5px; color:#7b8b9c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .hd-hello-dot{ width:6px; height:6px; border-radius:50%; background:#37c26a; box-shadow:0 0 0 3px rgba(55,194,106,.15); flex:0 0 auto; } .hd-links{ display:flex; align-items:center; margin:0; padding:0; list-style:none; } .hd-links li{ position:relative; padding:0 13px; font-size:12.5px; line-height:1; } .hd-links li + li::before{ content:""; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#dbe4ee; } .hd-links a{ color:#6b7c8f; transition:color .18s; } .hd-links a:hover{ color:var(--idd-blue); } .hd-links li.last{ padding-right:0; } .hd-links li.last a{ color:var(--idd-blue); font-weight:600; } /* ---------------------------------------------------- 1.2 品牌区 */ .hd-mid{ background:#fff; } .hd-mid .container{ display:flex; align-items:center; gap:28px; padding:20px 0 18px; } .hd-logo{ flex:0 0 auto; display:block; line-height:0; } .hd-logo img{ width:186px; height:auto; } .hd-slogan{ flex:1 1 auto; min-width:0; padding-left:28px; border-left:1px solid #e8eff7; } .hd-slogan h2{ margin:0 0 6px; font-size:24px; line-height:1.25; font-weight:700; color:#d8342c; letter-spacing:.4px; } .hd-slogan p{ margin:0; font-size:13px; color:#7b8b9c; letter-spacing:.6px; } .hd-tel{ flex:0 0 auto; display:flex; align-items:center; gap:12px; } .hd-tel-ico{ display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; color:#fff; background:linear-gradient(135deg,#1a8ce8,#0a5ea9); box-shadow:0 6px 14px rgba(14,122,213,.25); } .hd-tel-body{ display:flex; flex-direction:column; line-height:1.2; } .hd-tel-body em{ font-style:normal; font-size:12px; color:#8a99a8; letter-spacing:.5px; } .hd-tel-body a{ font-size:25px; font-weight:700; color:var(--idd-blue); letter-spacing:.5px; font-family:Arial,Helvetica,"Microsoft YaHei",sans-serif; } .hd-tel-body a:hover{ color:var(--idd-blue-d); } .hd-tel-body i{ font-style:normal; font-size:11.5px; color:#a3b1bf; margin-top:3px; } /* ---------------------------------------------------- 1.3 主导航 */ .hd-nav{ position:relative; background:linear-gradient(180deg,#0f6cc0 0%,#0c5da8 100%); box-shadow:0 3px 12px rgba(8,58,104,.14); } .hd-nav .container{ position:static; } .hd-menu{ display:flex; align-items:stretch; justify-content:space-between; height:54px; margin:0 auto; padding:0; list-style:none; } .hd-item{ position:static; /* 下拉以 .hd-nav 为定位父级，才能与版心对齐 */ display:flex; align-items:stretch; } .hd-link{ position:relative; display:flex; align-items:center; gap:4px; padding:0 14px; font-size:15.5px; font-weight:500; color:#fff; letter-spacing:.3px; white-space:nowrap; transition:background .2s; } .hd-link:hover, .hd-item.is-cur .hd-link{ background:rgba(255,255,255,.12); color:#fff; } .hd-item.is-cur .hd-link::after{ content:""; position:absolute; left:14px; right:14px; bottom:0; height:3px; background:var(--idd-org); border-radius:3px 3px 0 0; } .hd-caret{ width:0; height:0; margin-top:2px; border:4px solid transparent; border-top-color:rgba(255,255,255,.72); transition:transform .2s; } .hd-item.has-son:hover .hd-caret{ transform:rotate(180deg); } /* ---------------------------------------------------- 1.4 mega 下拉 */ .hd-drop{ position:absolute; top:100%; left:50%; width:var(--idd-wrap); max-width:calc(100vw - 24px); padding-top:0; opacity:0; visibility:hidden; transform:translateX(-50%) translateY(-4px); transition:opacity .2s ease, transform .2s ease, visibility .2s; z-index:20; } .hd-item.has-son:hover .hd-drop, .hd-item.has-son:focus-within .hd-drop{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); } .hd-drop-in{ display:grid; grid-template-columns:288px minmax(0,1fr); align-items:start; gap:26px 34px; padding:24px 28px 28px; background:#fff; border-top:3px solid var(--idd-org); border-radius:0 0 14px 14px; box-shadow:0 22px 48px rgba(9,38,66,.18), 0 2px 0 rgba(9,38,66,.04); } .hd-drop.no-cards .hd-drop-in{ grid-template-columns:minmax(0,1fr); } .hd-drop-head{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:0 0 12px; padding-bottom:10px; border-bottom:1px solid #eef3f9; } .hd-drop-head a{ font-size:16px; font-weight:700; color:var(--idd-ink); } .hd-drop-head a:hover{ color:var(--idd-blue); } .hd-drop-head span{ font-size:11.5px; color:#a3b1bf; } .hd-drop-list{ display:grid; grid-template-columns:1fr; gap:2px; margin:0; padding:0; list-style:none; } .hd-drop.no-cards .hd-drop-list{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px 18px; } .hd-drop-list a{ position:relative; display:block; padding:8px 10px 8px 16px; font-size:13.5px; color:var(--idd-ink-2); border-radius:7px; transition:.16s; } .hd-drop-list a::before{ content:""; position:absolute; left:5px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#c6d3e1; transition:background .16s; } .hd-drop-list a:hover{ background:var(--idd-blue-l); color:var(--idd-blue); } .hd-drop-list a:hover::before{ background:var(--idd-blue); } .hd-drop-all{ display:inline-flex; align-items:center; gap:5px; margin-top:12px; padding:7px 14px; font-size:12.5px; color:var(--idd-blue); background:#f2f8ff; border-radius:16px; transition:.18s; } .hd-drop-all:hover{ background:var(--idd-blue); color:#fff; } .hd-drop-all i{ font-style:normal; } .hd-drop-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:start; gap:14px; } .hd-card{ display:grid; grid-template-columns:78px minmax(0,1fr); grid-template-areas:"img t" "img p"; gap:2px 12px; padding:12px; background:#fbfdff; border:1px solid #eef4fa; border-radius:10px; transition:.18s; } .hd-card:hover{ background:#fff; border-color:#cfe4f8; box-shadow:0 8px 20px rgba(14,122,213,.1); transform:translateY(-2px); } .hd-card-img{ grid-area:img; display:flex; align-items:center; justify-content:center; width:78px; height:78px; border-radius:8px; background:#fff; overflow:hidden; } .hd-card-img img{ max-width:100%; max-height:100%; object-fit:contain; } .hd-card b{ grid-area:t; font-size:13px; font-weight:600; line-height:1.45; color:var(--idd-ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .hd-card em{ grid-area:p; font-style:normal; font-size:12px; line-height:1.55; color:#8a99a8; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } /* ============================================================ 2. 面包屑定位条 */ .location_bj{ background:#f6f9fd; border-bottom:1px solid #e9f0f8; margin:0 0 26px !important; } .location{ width:var(--idd-wrap) !important; height:auto !important; min-height:52px; margin:0 auto !important; display:flex !important; align-items:center; justify-content:space-between; gap:18px; line-height:normal !important; } .loc-wrap{ min-width:0; flex:1 1 auto; } .loc{ display:flex; align-items:center; flex-wrap:wrap; gap:5px; font-size:13px; color:#8595a6; line-height:1.6; } .loc a{ color:#5c6b7b; padding:3px 2px; border-radius:4px; transition:color .16s; } .loc a:hover{ color:var(--idd-blue); } .loc-home{ display:inline-flex; align-items:center; gap:5px; font-weight:500; color:#5c6b7b !important; } .loc-home svg{ opacity:.75; } .loc-home:hover svg{ opacity:1; } .loc-sep{ display:inline-flex; align-items:center; color:#c3cddb; } .loc-cur{ color:var(--idd-blue); font-weight:700; padding:3px 2px; } .loc-tel{ flex:0 0 auto; display:flex; align-items:center; gap:6px; margin:0 !important; float:none !important; padding:0 !important; background:none !important; font-size:13px !important; color:#8595a6; white-space:nowrap; } /* 旧版 .location p span 会把图标撑成椭圆，这里显式归位 */ .loc-tel .loc-tel-ico{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:26px !important; height:26px !important; padding:0 !important; margin:0 !important; border-radius:50%; color:#fff; background:var(--idd-blue); font-size:0 !important; line-height:0; box-sizing:border-box; } .loc-tel a{ font-size:16px; font-weight:700; color:var(--idd-blue); letter-spacing:.4px; } .loc-tel a:hover{ color:var(--idd-blue-d); } /* ============================================================ 3. 右侧快捷悬浮条 */ .sbar{ position:fixed; right:16px; top:50%; transform:translateY(-50%); z-index:900; display:flex; flex-direction:column; gap:4px; padding:7px; background:#fff; border:1px solid #e7eef7; border-radius:14px; box-shadow:0 10px 32px rgba(12,54,94,.13); } .sbar-item{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:52px; height:52px; padding:0; border:0; border-radius:10px; background:transparent; color:#5a6b7c; font-size:11px; line-height:1; text-align:center; text-decoration:none; cursor:pointer; transition:background .18s, color .18s; } .sbar-item:hover{ background:var(--idd-blue); color:#fff; text-decoration:none; } .sbar-ico{ display:flex; align-items:center; justify-content:center; height:21px; color:var(--idd-blue); transition:color .18s; } .sbar-item:hover .sbar-ico{ color:#fff; } .sbar-txt{ white-space:nowrap; letter-spacing:.5px; } /* 悬浮提示 */ .sbar-pop{ position:absolute; right:calc(100% + 15px); top:50%; display:flex; flex-direction:column; gap:3px; padding:10px 15px; border-radius:10px; background:#0c2f52; color:#fff; white-space:nowrap; text-align:left; opacity:0; visibility:hidden; transform:translateY(-50%) translateX(8px); transition:opacity .18s, transform .18s, visibility .18s; pointer-events:none; box-shadow:0 12px 26px rgba(4,28,52,.24); } .sbar-pop::after{ content:""; position:absolute; left:100%; top:50%; margin-top:-6px; border:6px solid transparent; border-left-color:#0c2f52; } .sbar-item:hover .sbar-pop, .sbar-item:focus-visible .sbar-pop, .sbar-item.is-open .sbar-pop{ opacity:1; visibility:visible; transform:translateY(-50%) translateX(0); pointer-events:auto; } .sbar-pop b{ font-size:16px; font-weight:700; letter-spacing:.4px; } .sbar-pop em{ font-style:normal; font-size:11.5px; color:rgba(255,255,255,.7); } .sbar-pop i{ font-style:normal; font-size:11px; color:#ffb43d; margin-top:2px; } /* 二维码卡 */ .sbar-pop-qr{ width:170px; padding:10px 10px 12px; align-items:center; text-align:center; white-space:normal; gap:4px; } .sbar-pop-qr img{ display:block; width:140px; height:140px; border-radius:6px; background:#fff; object-fit:contain; padding:3px; } .sbar-pop-qr b{ font-size:13px; margin-top:2px; } .sbar-pop-qr i{ font-size:11px; color:rgba(255,255,255,.62); } /* 微信号（图片下方）+ 复制 */ .sbar-wxid{ display:block; margin-top:1px; font-size:12.5px; font-style:normal; letter-spacing:.6px; color:#ffd27a; } .sbar-copy{ margin-top:5px; padding:4px 12px; border:1px solid rgba(255,255,255,.32); border-radius:20px; background:transparent; color:#fff; font-size:11px; line-height:1.4; cursor:pointer; transition:background .16s, border-color .16s; } .sbar-copy:hover{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.55); } .sbar-copy.is-done{ border-color:#4ecb8d; color:#8ff0bd; } /* 返回顶部：滚动后才出现 */ .sbar-top{ display:none; } .sbar.is-scrolled .sbar-top{ display:flex; } /* ============================================================ 4. 网站地图页 */ .smap{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:10px; } .smap-sec{ padding:22px 24px 24px; background:#fff; border:1px solid #e9f0f8; border-radius:14px; transition:box-shadow .2s; } .smap-sec:hover{ box-shadow:0 10px 26px rgba(14,86,150,.07); } .smap-head{ display:flex; align-items:baseline; gap:9px; padding-bottom:13px; margin-bottom:14px; border-bottom:1px dashed #e6eef7; } .smap-head h2{ margin:0; font-size:18px; font-weight:700; } .smap-head h2 a{ color:var(--idd-ink); } .smap-head h2 a:hover{ color:var(--idd-blue); } .smap-head span{ font-size:11px; color:#aab7c4; letter-spacing:.8px; text-transform:uppercase; } .smap-group + .smap-group{ margin-top:16px; } .smap-group-t{ display:inline-flex; align-items:center; gap:7px; margin-bottom:8px; font-size:14px; font-weight:600; color:var(--idd-blue); } .smap-group-t em{ font-style:normal; font-size:11px; font-weight:400; color:#8a99a8; background:#f2f6fb; border-radius:9px; padding:1px 7px; } .smap-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(158px,1fr)); gap:3px 12px; margin:0; padding:0; list-style:none; } .smap-list li a{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:6px 9px; border-radius:7px; font-size:13px; color:var(--idd-ink-2); transition:.15s; } .smap-list li a:hover{ background:#f2f8ff; color:var(--idd-blue); } .smap-list em{ flex:0 0 auto; font-style:normal; font-size:11px; color:#9aa9b8; background:#f2f6fb; border-radius:9px; padding:1px 6px; } .smap-list li a:hover em{ background:#e4f1ff; color:var(--idd-blue); } .smap-contact{ display:flex; align-items:center; gap:28px; margin-top:22px; padding:24px 28px; border-radius:14px; background:linear-gradient(120deg,#0c4f8c 0%,#0e7ad5 100%); color:#fff; } .smap-contact-t{ flex:1 1 auto; min-width:0; } .smap-contact-t h3{ margin:0 0 6px; font-size:19px; font-weight:600; } .smap-contact-t p{ margin:0; font-size:13px; line-height:1.7; color:rgba(255,255,255,.82); } .smap-contact-l{ flex:0 0 auto; text-align:right; } .smap-tel{ display:block; font-size:26px; font-weight:700; color:#ffd27a; letter-spacing:.5px; line-height:1.2; } .smap-contact-l span{ font-size:12px; color:rgba(255,255,255,.66); } /* ============================================================ 5. 关于我们概览 */ .about-hero{ padding:6px 0 4px; } .about-eyebrow{ margin:0 0 10px; font-size:12px; letter-spacing:1.4px; color:var(--idd-blue); font-weight:600; } .about-hero h2{ margin:0 0 14px; font-size:34px; line-height:1.3; font-weight:700; color:var(--idd-ink); letter-spacing:.5px; } .about-lead{ max-width:860px; margin:0 0 26px; font-size:15px; line-height:2; color:var(--idd-ink-2); } .about-hero .stat-grid{ margin-top:0; } .why-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; } .why-item{ position:relative; padding:24px 22px 24px; background:#fff; border:1px solid #e9f0f8; border-radius:14px; overflow:hidden; transition:.2s; } .why-item:hover{ border-color:#cfe4f8; box-shadow:0 12px 26px rgba(14,86,150,.08); transform:translateY(-3px); } .why-no{ position:absolute; right:16px; top:12px; font-size:34px; font-weight:800; line-height:1; color:#f0f6fc; letter-spacing:-1px; } .why-item h3{ position:relative; margin:0 0 10px; font-size:15.5px; font-weight:700; color:var(--idd-ink); } .why-item h3::before{ content:""; display:block; width:22px; height:3px; margin-bottom:10px; border-radius:2px; background:var(--idd-org); } .why-item p{ position:relative; margin:0; font-size:13px; line-height:1.85; color:var(--idd-sub); } /* ============================================================ 6. 响应式 */ @media (max-width:1199px){ /* 1024~1199 之间容器退化为 100%，补回左右内边距，避免 logo/文字贴边 */ .header .container, .location, .container, #footer, .bottom .bottom-in{ width:100% !important; max-width:100% !important; padding-left:16px; padding-right:16px; box-sizing:border-box; } .hd-link{ padding:0 10px; font-size:14.5px; } .hd-drop-in{ padding:20px 22px 24px; gap:20px 26px; grid-template-columns:250px minmax(0,1fr); } .hd-card{ grid-template-columns:64px minmax(0,1fr); } .hd-card-img{ width:64px; height:64px; } .sbar{ right:10px; } } @media (max-width:1023px){ /* 顶部条与主导航收起，改由汉堡抽屉承担 */ .hd-top{ display:none; } .hd-mid .container{ padding:12px 16px; gap:14px; justify-content:space-between; } .hd-logo img{ width:158px; } .hd-slogan{ display:none; } .hd-tel{ display:none; } .hd-nav{ display:none; } .location{ width:100% !important; max-width:100%; padding:0 16px; min-height:46px; gap:10px; } .loc{ font-size:12.5px; gap:3px; } .loc-tel{ font-size:12px; } .loc-tel a{ font-size:14px; } .sbar{ display:none; } .smap{ grid-template-columns:1fr; } .why-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .about-hero h2{ font-size:26px; } .about-lead{ font-size:14px; line-height:1.95; } } @media (max-width:767px){ .hd-logo img{ width:142px; } .location_bj{ margin-bottom:18px !important; } .location{ flex-direction:column; align-items:flex-start; gap:0; padding:10px 16px 11px; min-height:0; } .loc{ width:100%; font-size:12px; line-height:1.5; white-space:nowrap; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; padding-bottom:2px; scrollbar-width:none; } .loc::-webkit-scrollbar{ display:none; } .loc > *{ flex:0 0 auto; } .loc-tel{ display:none; } .smap-sec{ padding:18px 16px 20px; } .smap-list{ grid-template-columns:1fr 1fr; gap:2px 8px; } .smap-contact{ flex-direction:column; align-items:flex-start; gap:16px; padding:20px; } .smap-contact-l{ text-align:left; } .smap-tel{ font-size:23px; } .why-grid{ grid-template-columns:1fr; gap:12px; } .why-item{ padding:18px 18px 20px; } .about-hero h2{ font-size:22px; } .about-eyebrow{ font-size:11px; letter-spacing:1px; } } @media (max-width:480px){ .smap-list{ grid-template-columns:1fr; } .loc-home span{ display:none; } /* 极窄屏只留首页图标，避免挤成两行 */ } /* ===== assets/css/detail.css ===== */ /*! * detail.css —— 详情页层 * 1. 媒体图集（图片专区 / 产品详情共用） * 2. 视频播放器 * 3. 上一篇 / 下一篇（左右两栏） * 4. 相关内容列表（两列，标题按列宽截断） * 5. 产品详情页（京东式：主图 + 缩略图 / 信息区 / 详情 Tab） * 加载顺序：… → chrome.css → detail.css（最后覆盖） */ /* ============================================================ 1. 媒体图集 */ .mgal{ margin:24px 0 6px; min-width:0; max-width:100%; } .mgal-stage{ position:relative; display:flex; align-items:center; justify-content:center; background:#f6f8fb; border:1px solid var(--idd-line); border-radius:14px; overflow:hidden; aspect-ratio:4 / 3; } .mgal-stage .mgal-img{ display:block; max-width:100%; max-height:100%; min-width:0; width:auto; height:auto; object-fit:contain; transition:transform .25s var(--idd-ease), opacity .18s ease; } .mgal-stage .mgal-video{ display:block; width:100%; height:100%; min-width:0; max-width:100%; object-fit:contain; background:#000; } /* 视频模式：16:9 素材放进 1:1 舞台，用封面做模糊底，避免大片黑边 */ .pd-media .mgal-stage.is-video{ background:#0c1a28; } /* 视频自带黑底会挡住模糊背景，视频模式下让视频透明，画面外的留白透出封面 */ .pd-media .mgal-stage.is-video .mgal-video{ background:transparent; } .pd-media .mgal-stage.is-video::before{ content:""; position:absolute; inset:-24px; background:var(--pd-poster) center / cover no-repeat; filter:blur(24px) saturate(1.1); opacity:.55; transform:scale(1.06); } .pd-media .mgal-stage.is-video .mgal-video{ position:relative; z-index:1; } .pd-media .mgal-stage.is-video .mgal-sound{ z-index:2; } .pd-media .mgal-stage.is-video .mgal-img{ position:relative; z-index:1; } /* hidden 属性会被 display:block 覆盖，这里显式补一刀，避免视频与图片叠在一起 */ .mgal-stage [hidden]{ display:none !important; } .mgal-nav{ position:absolute; top:50%; margin-top:-19px; width:38px; height:38px; padding:0; border:0; border-radius:50%; background:rgba(12,47,82,.42); color:#fff; font-size:22px; line-height:1; cursor:pointer; opacity:0; z-index:3; transition:opacity .18s, background .18s; } .mgal-nav i{ font-style:normal; display:block; margin-top:-2px; } .mgal-prev{ left:14px; } .mgal-next{ right:14px; } .mgal-stage:hover .mgal-nav, .mgal-nav:focus-visible{ opacity:1; } .mgal-nav:hover{ background:rgba(12,47,82,.72); } .mgal-count{ position:absolute; right:14px; bottom:12px; padding:3px 10px; border-radius:20px; background:rgba(12,47,82,.5); color:#fff; font-size:12px; letter-spacing:.5px; z-index:3; } .mgal-count b{ font-weight:600; } /* 视频声音开关 */ .mgal-sound{ position:absolute; right:14px; top:14px; padding:5px 12px; border:1px solid rgba(255,255,255,.42); border-radius:20px; background:rgba(12,47,82,.42); color:#fff; font-size:12px; line-height:1.4; cursor:pointer; transition:background .16s; } .mgal-sound:hover{ background:rgba(12,47,82,.66); } /* 图片专区：图集不要占满整个版心，否则单张图放到 900px 高 */ .mgal-pic{ max-width:900px; margin:24px auto 4px; } .mgal-pic .mgal-stage{ aspect-ratio:4 / 3; } /* 缩略图：主图下方，横向排列，超出可滑 */ .mgal-thumbs{ display:flex; gap:10px; margin-top:12px; padding-bottom:2px; max-width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; } .mgal-thumb{ position:relative; flex:0 0 auto; width:82px; height:82px; padding:0; border:2px solid #e6edf6; border-radius:10px; background:#fff; overflow:hidden; cursor:pointer; transition:border-color .16s, box-shadow .16s; } .mgal-thumb img{ display:block; width:100%; height:100%; object-fit:cover; } .mgal-thumb:hover{ border-color:#a9cdf0; } .mgal-thumb.is-on{ border-color:var(--idd-blue); box-shadow:0 4px 12px rgba(14,122,213,.2); } .mgal-thumb .mgal-play{ position:absolute; left:50%; top:50%; width:28px; height:28px; margin:-14px 0 0 -14px; border-radius:50%; background:rgba(12,47,82,.62); } .mgal-thumb .mgal-play::after{ content:""; position:absolute; left:10px; top:8px; border:6px solid transparent; border-left:9px solid #fff; } /* ============================================================ 2. 视频播放器 */ .vplay{ margin:24px 0 0; border-radius:14px; overflow:hidden; background:#000; line-height:0; } .vplay-video{ display:block; width:100%; max-height:620px; background:#000; } .vplay-tip{ margin:10px 0 0; font-size:12.5px; color:var(--idd-sub); } /* ============================================================ 3. 上一篇 / 下一篇 */ .pn-nav{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:40px 0 0; padding:24px 0 0; border-top:1px solid var(--idd-line); } .pn-item{ display:flex; flex-direction:column; gap:6px; min-width:0; padding:16px 20px; border:1px solid var(--idd-line); border-radius:12px; background:#fff; text-decoration:none; transition:border-color .18s, box-shadow .18s, transform .18s; } .pn-item em{ display:flex; align-items:center; gap:4px; font-style:normal; font-size:12px; letter-spacing:.5px; color:var(--idd-blue); } .pn-item em i{ font-style:normal; font-size:15px; line-height:1; } .pn-item span{ display:block; font-size:14px; line-height:1.6; color:var(--idd-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pn-next{ text-align:right; align-items:flex-end; } .pn-next em{ flex-direction:row-reverse; } a.pn-item:hover{ border-color:#a9cdf0; box-shadow:0 8px 22px rgba(14,122,213,.1); transform:translateY(-1px); text-decoration:none; } a.pn-item:hover span{ color:var(--idd-blue); } .pn-item.is-empty{ background:#fafbfd; } .pn-item.is-empty span{ color:#a8b6c5; } .pn-item.is-empty em{ color:#a8b6c5; } /* ============================================================ 4. 相关内容 */ .rel-box{ margin-top:46px; } .rel-head{ display:flex; align-items:baseline; gap:8px; padding-bottom:12px; border-bottom:1px solid var(--idd-line); } .rel-head h2{ margin:0; font-size:19px; font-weight:600; color:var(--idd-ink); line-height:1.4; } .rel-head span{ font-size:12px; color:#a9b7c6; letter-spacing:1px; } .rel-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:44px; margin:6px 0 0; padding:0; list-style:none; } .rel-list li{ margin:0; min-width:0; } .rel-list a{ display:flex; align-items:center; gap:10px; min-width:0; padding:14px 2px; border-bottom:1px dashed #e3eaf3; text-decoration:none; transition:color .16s; } .rel-list a i{ flex:0 0 auto; font-style:normal; font-size:14px; color:#c3d0de; transition:color .16s, transform .16s; } .rel-list .rel-t{ flex:1 1 auto; min-width:0; font-size:14px; line-height:1.6; color:var(--idd-ink-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .rel-list time{ flex:0 0 84px; text-align:right; font-size:12.5px; color:#98a8b8; font-variant-numeric:tabular-nums; } .rel-list a:hover .rel-t{ color:var(--idd-blue); } .rel-list a:hover i{ color:var(--idd-blue); transform:translateX(2px); } /* ============================================================ 5. 产品详情页 */ .pd{ padding:32px 0 8px; } /* ---------- 5.1 首屏：左图集 / 右信息 ---------- */ .pd-hero{ display:grid; grid-template-columns:520px minmax(0,1fr); gap:40px; align-items:start; } .pd-hero > *{ min-width:0; } .pd-media{ min-width:0; max-width:100%; } .pd-media .mgal{ margin:0; } .pd-media .mgal-stage{ aspect-ratio:1 / 1; cursor:zoom-in; background:#fff; border-color:#e9eff7; } .pd-media .mgal-stage .mgal-img{ transform-origin:center center; will-change:transform; } .pd-media .mgal-stage.is-zoom .mgal-img{ transform:scale(1.8); } .pd-media .mgal-thumbs{ gap:9px; } .pd-media .mgal-thumb{ width:78px; height:78px; } /* 右信息 */ .pd-info{ min-width:0; } .pd-title{ margin:0 0 12px; font-size:25px; line-height:1.4; font-weight:600; color:#0d2b4a; letter-spacing:-.2px; } .pd-lead{ margin:0 0 18px; font-size:14px; line-height:1.9; color:#5c6d7e; } .pd-facts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:0 0 20px; padding:0; list-style:none; background:#eaf1f9; border:1px solid #eaf1f9; border-radius:10px; overflow:hidden; } .pd-facts li{ display:flex; align-items:baseline; gap:8px; min-width:0; padding:11px 14px; background:#f8fbfe; font-size:13px; } .pd-facts em{ flex:0 0 auto; font-style:normal; color:#8195a8; } .pd-facts b{ min-width:0; font-weight:600; color:#17354f; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /* 可选规格 */ .pd-opt{ margin:0 0 20px; } .pd-opt-row{ display:flex; align-items:center; gap:12px; margin-bottom:10px; } .pd-opt-name{ flex:0 0 auto; min-width:72px; font-size:13px; white-space:nowrap; color:#8195a8; } .pd-opt-vals{ display:flex; flex-wrap:wrap; gap:8px; } .pd-chip{ padding:6px 14px; border:1px solid #dbe5f0; border-radius:6px; background:#fff; color:#3d5266; font-size:13px; line-height:1.5; cursor:pointer; transition:border-color .16s, color .16s, background .16s; } .pd-chip:hover{ border-color:#9cc4e8; color:var(--idd-blue); } .pd-chip.is-on{ border-color:var(--idd-blue); background:#eaf4ff; color:var(--idd-blue); font-weight:600; } .pd-opt-note{ margin:2px 0 0; font-size:12px; line-height:1.7; color:#93a4b5; } /* 优势 */ .pd-hl{ margin:0 0 22px; padding:0; list-style:none; display:grid; gap:9px; } .pd-hl li{ position:relative; padding-left:24px; font-size:13.5px; line-height:1.75; color:#3d5266; } .pd-hl li::before{ content:""; position:absolute; left:0; top:5px; width:15px; height:15px; border-radius:50%; background:#e8f3ff; } .pd-hl li::after{ content:""; position:absolute; left:4px; top:9px; width:6px; height:3px; border-left:1.8px solid var(--idd-blue); border-bottom:1.8px solid var(--idd-blue); transform:rotate(-45deg); } /* 资料 */ .pd-docs{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 22px; padding:14px 0 0; border-top:1px dashed #e3eaf3; } .pd-docs a{ display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border:1px solid #dbe5f0; border-radius:8px; background:#fff; color:#3d5266; font-size:13px; text-decoration:none; transition:border-color .16s, color .16s, background .16s; } .pd-docs a::before{ content:"PDF"; padding:1px 4px; border-radius:3px; background:#ffeceb; color:#e0493c; font-size:9px; font-weight:700; letter-spacing:.5px; } .pd-docs a:hover{ border-color:#9cc4e8; color:var(--idd-blue); background:#f7fbff; } /* 联系 */ .pd-cta{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 16px; } .pd-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; padding:0 22px; border:1px solid transparent; border-radius:9px; font-size:14px; line-height:1; text-decoration:none; transition:background .18s, border-color .18s, color .18s, box-shadow .18s; } .pd-btn-primary{ flex:1 1 210px; background:linear-gradient(135deg,#1787e2,#0a55a5); color:#fff; font-weight:600; box-shadow:0 8px 20px rgba(14,122,213,.24); } .pd-btn-primary b{ font-weight:700; letter-spacing:.6px; } .pd-btn-primary:hover{ color:#fff; box-shadow:0 10px 24px rgba(14,122,213,.32); text-decoration:none; } .pd-btn-ghost{ flex:0 1 auto; border-color:#d7e2ee; background:#fff; color:#3d5266; } .pd-btn-ghost:hover{ border-color:var(--idd-blue); color:var(--idd-blue); background:#f7fbff; text-decoration:none; } .pd-assure{ display:flex; flex-wrap:wrap; gap:6px 18px; margin:0; padding:12px 0 0; border-top:1px dashed #e3eaf3; list-style:none; } .pd-assure li{ position:relative; padding-left:14px; font-size:12.5px; color:#7b8fa2; } .pd-assure li::before{ content:""; position:absolute; left:0; top:50%; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:#b9d6f2; } /* ---------- 5.2 详情 Tab ---------- */ .pd-tabs{ margin-top:46px; } .pd-tabbar{ display:flex; flex-wrap:wrap; gap:6px; border-bottom:1px solid var(--idd-line); } .pd-tab{ position:relative; padding:12px 22px; border:0; border-radius:8px 8px 0 0; background:transparent; color:#51677d; font-size:15px; line-height:1.5; cursor:pointer; transition:color .16s, background .16s; } .pd-tab:hover{ color:var(--idd-blue); background:#f4f9ff; } .pd-tab[aria-selected="true"]{ color:var(--idd-blue); font-weight:600; background:#fff; } .pd-tab[aria-selected="true"]::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--idd-blue); } .pd-panel{ padding:30px 0 6px; animation:pdFade .22s ease; } .pd-panel[hidden]{ display:none; } @keyframes pdFade{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } } /* 详情正文 */ .pd-desc{ font-size:14.5px; line-height:2; color:#3d5266; } .pd-desc p{ margin:0 0 14px; } .pd-desc img{ display:block; max-width:100%; height:auto; margin:18px auto; border-radius:10px; } /* 参数表 */ .pd-specs{ display:grid; gap:26px; } .pd-spec-group h3{ display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:15px; font-weight:600; color:#0d2b4a; } .pd-spec-group h3::before{ content:""; width:3px; height:15px; border-radius:2px; background:var(--idd-blue); } .pd-spec-table{ width:100%; border-collapse:collapse; font-size:13.5px; } .pd-spec-table th, .pd-spec-table td{ padding:11px 16px; border:1px solid #e8eef6; text-align:left; vertical-align:top; line-height:1.7; } .pd-spec-table th{ width:34%; background:#f7fafd; color:#51677d; font-weight:500; } .pd-spec-table td{ color:#17354f; } .pd-spec-table tr:hover td{ background:#fbfdff; } /* 空态 */ .pd-empty{ padding:34px 0; text-align:center; font-size:14px; color:#93a4b5; } /* ---------- 5.3 相关产品 ---------- */ .pd-rel{ margin-top:52px; } .pd-rel-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:18px 0 0; padding:0; list-style:none; } .pd-rel-card{ display:block; padding:12px; border:1px solid var(--idd-line); border-radius:12px; background:#fff; text-decoration:none; transition:border-color .18s, box-shadow .18s, transform .18s; } .pd-rel-card:hover{ border-color:#bcd9f2; box-shadow:0 10px 26px rgba(14,122,213,.1); transform:translateY(-2px); text-decoration:none; } .pd-rel-card .pd-rel-img{ display:flex; align-items:center; justify-content:center; aspect-ratio:1 / 1; border-radius:8px; background:#f7fafd; overflow:hidden; } .pd-rel-card img{ max-width:88%; max-height:88%; object-fit:contain; } .pd-rel-card h3{ margin:10px 0 0; font-size:13.5px; font-weight:500; line-height:1.6; color:#3d5266; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } /* ---------- 5.4 响应式 ---------- */ @media (max-width:1199px){ /* 版心在 1200 以下不再留边，产品页补一点内边距，避免内容贴屏幕边 */ .container.pd{ padding-left:20px; padding-right:20px; } .pd-hero{ grid-template-columns:440px minmax(0,1fr); gap:30px; } .pd-media .mgal-thumb{ width:70px; height:70px; } .pd-rel-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } /* 电话按钮独占一行，右侧两个按钮下移，且给悬浮条留出位置 */ .pd-btn-primary{ flex:1 1 100%; } .pd-cta{ padding-right:66px; } } @media (max-width:1023px){ .pd-hero{ grid-template-columns:1fr; gap:26px; } .pd-media .mgal-stage{ aspect-ratio:4 / 3; } .pd-media .mgal-stage.is-zoom .mgal-img{ transform:none; } .pd-media .mgal-stage{ cursor:default; } .pd-title{ font-size:22px; } .pd-tabs{ margin-top:34px; } .pd-tab{ padding:11px 16px; font-size:14px; } } @media (max-width:767px){ .pd{ padding:20px 0 4px; } .pd-title{ font-size:19px; margin-bottom:10px; } .pd-lead{ font-size:13.5px; margin-bottom:14px; } .pd-facts{ grid-template-columns:1fr; } .pd-facts li{ padding:9px 12px; } .pd-opt-name{ flex:0 0 60px; font-size:12.5px; } .pd-chip{ padding:5px 11px; font-size:12.5px; } .pd-btn{ height:44px; padding:0 16px; font-size:13.5px; } .pd-btn-primary{ flex:1 1 100%; } .pd-cta{ padding-right:0; } .pd-rel-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .pd-spec-table th, .pd-spec-table td{ padding:9px 12px; font-size:13px; } /* 图集 */ .mgal-thumb{ width:66px; height:66px; } .mgal-nav{ opacity:1; width:32px; height:32px; margin-top:-16px; font-size:19px; } .mgal-prev{ left:8px; } .mgal-next{ right:8px; } .mgal-count{ right:8px; bottom:8px; font-size:11px; } /* 上下篇 / 相关内容 */ .pn-nav{ grid-template-columns:minmax(0,1fr); gap:12px; margin-top:30px; padding-top:18px; } .pn-item{ padding:13px 16px; } .pn-next{ text-align:left; align-items:flex-start; } .pn-next em{ flex-direction:row; } .rel-box{ margin-top:34px; } .rel-head h2{ font-size:17px; } .rel-list{ grid-template-columns:minmax(0,1fr); column-gap:0; } .rel-list a{ padding:12px 2px; } .rel-list time{ flex:0 0 74px; font-size:12px; } } /* ============================================================ * 第 9 批 · 文章内容页主标题居中 * 旧站 Style.css 只定义了 h2.news_title（模板实际输出 h1）， * 导致标题左对齐、而下方 .time 元信息行居中，视觉割裂。 * 这里用与标签无关的 .news_title 接管，覆盖全部文章内容页： * 图片 / 视频 / 公司新闻 / 行业资讯 / 展会 / FAQ / 资料等。 * 产品详情页 .pd-title 属电商式右栏信息区，保持左对齐。 * ========================================================= */ .main > .news_title{ display:block; width:95%; max-width:100%; box-sizing:border-box; margin:0 auto; padding:32px 0 0; text-align:center; font-size:26px; line-height:1.55; font-weight:600; letter-spacing:.3px; color:#1d2b3a; overflow-wrap:anywhere; word-break:break-word; } .main > p.time{ width:95%; max-width:100%; box-sizing:border-box; margin:0 auto; padding:14px 0 18px; text-align:center; border-bottom:1px solid #e4ebf2; color:#8a9aab; font-size:12.5px; line-height:1.7; } .main > p.time small{ color:#a8b5c2; } .main > p.time a{ color:#8a9aab; text-decoration:none; } .main > p.time a:hover{ color:var(--idd-blue); } /* responsive.css 的 .news_title 在小屏用了 !important，这里同权重后置覆盖 */ @media (max-width:767px){ .main > .news_title{ width:100% !important; padding:20px 12px 0 !important; font-size:20px !important; line-height:1.55; text-align:center !important; } .main > p.time{ width:100% !important; padding:12px 10px 16px !important; text-align:center !important; } } /* 老站迁移正文里残留 

（white-space:pre 不换行），在小屏会撑出横向滚动 */
.news_word pre,
.page-copy pre{
  max-width:100%;
  box-sizing:border-box;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere;
  word-break:break-word;
  margin:0;
  padding:0;
  border:0;
  background:none;
  font-family:inherit;
  font-size:14px;
  line-height:1.9;
  color:inherit;
}

/* ===== assets/css/footer.css ===== */
/*!
 * footer.css —— 第 8 批：页脚二次重设计（2026-11-09）
 *
 * 目标：消除「5 列栏目地图」因列内容条数不等（10 条 vs 2~4 条）被 flex 等高
 * 拉伸后出现的大片空白。改为「品牌联系 ｜ 行式栏目地图 ｜ 双二维码」横向分组，
 * 栏目以「行」为单位排布，不再产生跨列的垂直空白。
 *
 * 加载顺序：skin/*.css → site.css → pages.css → responsive.css → chrome.css
 *           → detail.css → footer.css（最后，可直接覆盖旧版声明）
 * 所有选择器都用 #footer.ft / .ft-* 命名，避开旧版 .fnav / .foot_right / .bottom
 * 的 !important 规则。
 */

#footer_bj{
  width:100%;
  margin-top:0;
  clear:both;
  border-top:3px solid #0e7ad5;
  background:
    radial-gradient(760px 300px at 10% -20%, rgba(24,104,190,.34), transparent 72%),
    radial-gradient(620px 280px at 92% 120%, rgba(15,90,160,.22), transparent 70%),
    linear-gradient(112deg,#13263c 0%,#0d1b2d 52%,#132437 100%);
  color:#c4d4e4;
}

/* 旧版 site.css 把 #footer 设成 flex 并给了 52/40 的内边距；这里统一接管 */
#footer.ft,
#footer.ft *{ box-sizing:border-box; }
#footer.ft{
  display:block;
  width:var(--idd-wrap);
  max-width:100%;
  margin:0 auto;
  padding:38px 0 0;
}

/* ---------------------------------------------------------- ① 三栏骨架 */
.ft-main{
  display:grid;
  grid-template-columns:270px minmax(0,1fr) 208px;
  gap:34px;
  /* 三列等高拉伸，配合下方 space-between，把「列高差」变成均匀行距而不是空白 */
  align-items:stretch;
  min-width:0;
}
.ft-brand,.ft-nav,.ft-qr{ min-width:0; }

/* ---------------------------------------------------------- ② 品牌区 */
.ft-logo{
  display:inline-flex;
  flex-direction:column;
  gap:5px;
  line-height:1;
  text-decoration:none;
}
.ft-logo b{
  font-size:24px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:2px;
  color:#fff;
}
.ft-logo span{
  font-size:10px;
  letter-spacing:3.6px;
  color:#7fa2c6;
}
.ft-slogan{
  margin:12px 0 18px;
  font-size:12.5px;
  letter-spacing:.6px;
  color:#8ba4bd;
}
.ft-hotline{
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:10px;
  background:rgba(255,255,255,.055);
  text-decoration:none;
  transition:background .2s, border-color .2s;
}
.ft-hotline:hover{ background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.22); }
.ft-hotline > svg{ flex:0 0 26px; color:#ffa200; }
.ft-hotline > span{ min-width:0; }
.ft-hotline b{
  display:block;
  font-size:20px;
  line-height:1.25;
  letter-spacing:.6px;
  color:#ffa200;
}
.ft-hotline small{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:#9db3c9;
}
.ft-contact{
  list-style:none;
  margin:16px 0 0;
  padding:0;
}
.ft-contact li{
  display:flex;
  gap:10px;
  font-size:12.5px;
  line-height:1.95;
}
.ft-contact em{
  flex:0 0 34px;
  font-style:normal;
  color:#7590aa;
}
.ft-contact span{
  min-width:0;
  color:#c3d3e2;
  overflow-wrap:anywhere;
}
.ft-contact a{ color:#ffa200; text-decoration:none; }
.ft-contact a:hover{ color:#ffc45c; }
.ft-contact a.ft-nobr{ white-space:nowrap; }

/* ---------------------------------------------------------- ③ 行式栏目地图 */
.ft-nav{ display:flex; flex-direction:column; justify-content:space-between; }
.ft-row{
  display:flex;
  align-items:baseline;
  gap:16px;
  /* 5 行 × 58px ≈ 290px，与左侧品牌区等高，右侧不再留空档 */
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.ft-row:last-child{ border-bottom:0; }
.ft-row-t{
  flex:0 0 88px;
  font-size:13.5px;
  font-weight:600;
  color:#fff;
  white-space:nowrap;
  text-decoration:none;
}
.ft-row-t::before{
  content:"";
  display:inline-block;
  width:3px;
  height:12px;
  margin-right:8px;
  border-radius:2px;
  background:#2f9bf0;
  vertical-align:-1px;
}
.ft-row-t:hover{ color:#8ecbff; }
.ft-row-links{
  display:flex;
  flex-wrap:wrap;
  gap:5px 16px;
  min-width:0;
}
.ft-row-links a{
  font-size:12.5px;
  line-height:1.7;
  color:#9fb5ca;
  white-space:nowrap;
  text-decoration:none;
  transition:color .16s;
}
.ft-row-links a:hover{ color:#fff; }
.ft-row-links .ft-more{ color:#5fb3ff; }
.ft-row-links .ft-more:hover{ color:#a9d8ff; }

/* ---------------------------------------------------------- ④ 二维码 */
.ft-qr{ display:flex; flex-direction:column; justify-content:space-between; gap:12px; }
.ft-qr-card{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.05);
}
.ft-qr-card img{
  flex:0 0 62px;
  width:62px;
  height:62px;
  border-radius:6px;
  background:#fff;
  object-fit:cover;
}
.ft-qr-card > div{ min-width:0; }
.ft-qr-card b{
  display:block;
  margin-bottom:4px;
  font-size:12.5px;
  color:#fff;
}
.ft-qr-card span{
  display:block;
  font-size:11px;
  line-height:1.6;
  color:#94aac0;
}
.ft-qr-card i{ font-style:normal; color:#ffa200; }
/* 第三张信息卡：通栏排版，让二维码列与左侧品牌区等高，消除列底空白 */
.ft-qr-info{
  display:block;
  background:rgba(47,155,240,.09);
  border-color:rgba(95,179,255,.20);
}
.ft-qr-info-top{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:5px;
  color:#64b6f5;
}
.ft-qr-info-top b{ margin:0; font-size:12.5px; color:#fff; }
.ft-qr-info > span{ display:block; font-size:11px; line-height:1.6; color:#a8c1d7; }

/* ---------------------------------------------------------- ⑤ 底部条 */
.ft-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:26px;
  padding:17px 0 20px;
  border-top:1px solid rgba(255,255,255,.13);
  font-size:12px;
  color:#8199b0;
}
.ft-bnav{
  display:flex;
  flex-wrap:wrap;
  gap:6px 20px;
}
.ft-bnav a{ color:#c8d8e8; text-decoration:none; }
.ft-bnav a:hover{ color:#fff; }
.ft-legal{
  display:flex;
  flex-wrap:wrap;
  gap:6px 18px;
  margin:0;
}
.ft-legal a{ color:#8199b0; text-decoration:none; }
.ft-legal a:hover{ color:#fff; }

/* ============================================================ 响应式 */
@media (max-width:1199px){
  .ft-main{ grid-template-columns:236px minmax(0,1fr) 190px; gap:24px; }
  .ft-row-t{ flex-basis:80px; }
  .ft-row-links{ gap:5px 13px; }
}

/* 平板：改为单列顺序堆叠，二维码卡横排，彻底去掉「列与列比高度」这一空白来源 */
@media (max-width:1023px){
  #footer.ft{ padding-top:30px; }
  .ft-main{
    grid-template-columns:minmax(0,1fr);
    gap:18px;
    align-items:start;
  }
  /* 品牌区自身左右分栏：左 logo/热线，右联系方式，铺满整行不留右上空白 */
  .ft-brand{
    grid-column:auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px 28px;
    align-items:start;
  }
  .ft-logo{ grid-column:1; grid-row:1; }
  .ft-slogan{ grid-column:1; grid-row:2; margin:0 0 4px; }
  .ft-hotline{ grid-column:1; grid-row:3; max-width:none; }
  .ft-brand .ft-contact{
    grid-column:2;
    grid-row:1 / 4;
    display:block;
    margin:0;
  }
  .ft-brand .ft-contact li{ min-width:0; }
  .ft-nav{ justify-content:flex-start; }
  .ft-row{ padding:12px 0; }
  .ft-qr{
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:10px;
  }
  .ft-qr-card{ flex:1 1 210px; }
}

@media (max-width:767px){
  #footer.ft{ padding-top:26px; }
  .ft-main{ grid-template-columns:minmax(0,1fr); gap:18px; }
  .ft-brand{ display:block; }
  .ft-slogan{ margin:12px 0 18px; }
  .ft-brand .ft-contact{ display:block; margin:16px 0 0; }
  .ft-logo b{ font-size:22px; }
  .ft-hotline{ display:flex; max-width:none; }
  .ft-row{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding:11px 0;
  }
  .ft-row-t{ flex:0 0 auto; }
  .ft-row-links{ gap:4px 14px; }
  .ft-qr{ flex-direction:row; flex-wrap:wrap; }
  .ft-qr-card{ flex:1 1 190px; }
  .ft-bottom{
    margin-top:18px;
    padding:15px 0 22px;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
  .ft-bnav{ gap:6px 16px; }
}

@media (max-width:420px){
  .ft-qr{ flex-direction:column; }
  .ft-qr-card{ flex:0 0 auto; }
  .ft-hotline b{ font-size:18px; }
}

/* ===== assets/css/legacy.css ===== */
/* ==========================================================================
   legacy.css —— 旧站 CSS 收口层（第 10 批）
   --------------------------------------------------------------------------
   审计结论（_diag/b10_css_static.py + b10_css_audit.js，22 页 × 1440/1024/768/390）：
   1) skin/css/Style.css 共 383 条规则，0 个 @media —— 它完全不含自适应代码，
      移动端全靠后置 6 个 CSS 层的 679 个 !important 压制，属于架构性冲突；
   2) 2 处浏览器会直接丢弃的错误语法（Style.css:281 `width: px`、
      :293 `.page .page-con li .` 无效选择器使整条 hover 规则失效）；
   3) 旧站 Common.css / Style.css / Index.css 共 48 条 >=640px 固定尺寸，
      其中 .container/.location/.home_pro/.news_word/.tjwtBox/.about_right
      仍作用在现有 DOM 上，必须逐断点中和；
   4) 408 组「同选择器同属性」跨层覆盖；4 组 responsive.css 断点规则被
      后置的 chrome/detail/footer 桌面层同权重反覆盖，移动端存在失效风险；
   5) 实测：22 页 4 断点文档级横向溢出均为 0（旧覆盖总体有效），但首页
      .pingjia 卡片图片在 1024/768/390 下右溢出 11~15px，属真实缺陷。

   本层在 footer.css 之后最后加载，用「精确选择器 + 断点内同权重」一次性收口，
   不再往更多层里堆 !important。原站 skin/css 文件保持原样（不改一值）。
   ========================================================================== */

/* ---------------------------------------------------------------- 1. 语法错误补偿
   Style.css:293 的 `.page .page-con li a:hover, .page .page-con li . {…}`
   因第二个选择器结尾是孤立的 `.` 被整条丢弃。旧分页 DOM 已由 .ipager 取代，
   这里补回一条等价且合法的正确规则，避免后台/历史内容里仍用旧结构时 hover 失效。 */
.page .page-con li a:hover{ background-color:#008AE2; color:#fff !important; }

/* ---------------------------------------------------------------- 2. 仍生效的旧固定尺寸（PC） */
/* 2.1 版心：Common.css 写死 980px，site.css 已改 1200px，这里再钉一次并加盒模型 */
.container,
.content,
.width,
.location{ box-sizing:border-box; max-width:100%; }

/* 2.2 首页产品网格：Style.css + Index.css 都写死 1206px */
.home_pro{ width:100%; max-width:100%; box-sizing:border-box; }
.home_pro ul{ box-sizing:border-box; }

/* 2.3 文章正文：Style.css 写死 900px，在 1200 版心里偏窄、窄屏会撑破 */
.news_word{ width:100%; max-width:100%; box-sizing:border-box; }
.news_word img{ max-width:100% !important; height:auto !important; }
.news_word pre{ white-space:pre-wrap; overflow-wrap:anywhere; overflow-x:auto; max-width:100%; }

/* 2.4 询盘表单：Style.css 写死 648px，联系页/方案页新增表单必须能收缩 */
.tjwtBox{ width:100%; max-width:100%; box-sizing:border-box; padding:22px; }
.tjwtBox .m_form .iptTxt,
.tjwtBox .m_form .txtAre{ max-width:100%; box-sizing:border-box; }

/* 2.5 关于页右栏旧固定高度 425px 会与 footer 重叠（第 5 批已修，这里兜底） */
.about_right{ height:auto !important; min-height:0; }

/* 2.6 旧 inline 大图宽度限制 */
.story img,
#img img{ max-width:100% !important; height:auto !important; }

/* ---------------------------------------------------------------- 3. 实测缺陷修复 */
/* 首页「评价爱迪达」卡片图片在 1024/768/390 下右溢出 11~15px：
   旧站 img 有固有 410px 宽，叠加 li 的 padding 后超出栅格列。 */
.pingjia ul{ width:100%; max-width:100%; box-sizing:border-box; }
.pingjia li{ min-width:0; max-width:100%; box-sizing:border-box; }
.pingjia li img{
  display:block;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box;
  object-fit:cover;
}

/* ---------------------------------------------------------------- 4. 断点反覆盖补偿
   responsive.css 在 chrome/detail/footer 之前加载，其断点规则会被后置桌面层
   同权重覆盖。这里在最后层按同一断点重写关键 4 条，并统一移动端盒模型。 */
@media (max-width:1199px){
  .header .container,
  .location{ width:100% !important; max-width:100% !important; box-sizing:border-box; }
  .hd-drop{ width:100% !important; max-width:100% !important; }
}
@media (max-width:1023px){
  .location{ height:auto !important; min-height:0; }
  #footer_bj{ margin-top:0; }
  /* 旧 float 布局残留：内页通用组件全部回到正常流 */
  .pro_title2 .tit,
  .pro_title2 a{ float:none; }
  .about_left,
  .about_right{ float:none; width:auto; max-width:100%; }
}
@media (max-width:767px){
  .container,
  .content,
  .width,
  .ch-wrap{ width:100% !important; max-width:100% !important; padding-left:12px !important; padding-right:12px !important; box-sizing:border-box; }
  /* 移动端子栏目条：横向可滑，但滑动区内元素不得顶到视口外产生视觉断层 */
  .chnav.is-scroll{ max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .chnav.is-scroll::-webkit-scrollbar{ display:none; }
  .chnav.is-scroll .chnav-list{ padding-right:12px; }
  .chnav.is-scroll .chnav-list > li{ scroll-snap-align:start; flex:0 0 auto; }
  .chnav.is-scroll .chnav-list{ scroll-snap-type:x proximity; }
  /* 旧站分页 DOM（历史内容里可能出现）在窄屏不撑宽 */
  .pages,
  .page .page-con{ max-width:100%; overflow-x:auto; white-space:nowrap; }
  /* 表单双列在手机上单列 */
  .tjwtBox .m_form label,
  .tjwtBox .m_form .iptTxt,
  .tjwtBox .m_form .txtAre{ float:none; width:100%; max-width:100%; }
  .tjwtBox .m_form li,
  .tjwtBox .m_form li.areLi{ height:auto; }
}
@media (max-width:479px){
  .news_word{ padding:18px 0; }
  .tjwtBox{ padding:16px; }
  .home_pro ul li a .price span{ text-indent:0; letter-spacing:0; overflow-wrap:anywhere; }
}

/* ---------------------------------------------------------------- 5. 全局 ul 归位
   Style.css:439 `ul{margin:0;padding:0;list-style:none}` 是裸标签选择器，
   会波及所有后加组件。第 10 批新增组件统一在这里显式归位，避免继承歧义。 */
.ia-page ul,
.ia-page ol,
.nv-menu,
.nv-sub,
.chnav-list{ margin:0; padding:0; list-style:none; box-sizing:border-box; }

/* ===== assets/css/ia10.css ===== */
/* ==========================================================================
   ia10.css —— 第 10 批：8 项主导航 / 新增信息架构页面 / 图片·视频专区重排
   最后加载（legacy.css 之后），用 .nv-* 与 .ia-* 独立命名空间，
   不修改原站任何既有选择器，保证旧页面视觉零变化。
   ========================================================================== */

/* ============================================================ A. 8 项主导航 */
.nv{
  position:relative;
  background:linear-gradient(180deg,#0f6cc0 0%,#0a5aa2 100%);
  box-shadow:0 3px 12px rgba(8,58,104,.14);
}
.nv .container{ position:static; }
.nv-menu{
  display:flex; align-items:stretch; justify-content:space-between;
  height:62px; margin:0 auto; padding:0; list-style:none;
}
.nv-item{ position:static; flex:1 1 0; min-width:0; display:flex; }
.nv-link{
  position:relative; width:100%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:2px; padding:6px 4px;
  color:#fff; text-decoration:none;
  border-right:1px solid rgba(255,255,255,.1);
  transition:background .2s;
}
.nv-item:first-child .nv-link{ border-left:1px solid rgba(255,255,255,.1); }
.nv-link b{ font-size:15.5px; font-weight:600; letter-spacing:.4px; white-space:nowrap; line-height:1.25; }
.nv-link small{
  font-size:10px; font-weight:400; letter-spacing:.9px; text-transform:uppercase;
  color:rgba(255,255,255,.62); white-space:nowrap; line-height:1.1;
}
.nv-link:hover,
.nv-item.is-cur .nv-link{ background:rgba(255,255,255,.13); color:#fff; text-decoration:none; }
.nv-item.is-cur .nv-link::after{
  content:""; position:absolute; left:18%; right:18%; bottom:0;
  height:3px; background:var(--idd-org,#ffa200); border-radius:3px 3px 0 0;
}
.nv-link:hover small{ color:rgba(255,255,255,.9); }

/* mega 下拉：三栏 —— 子栏目 / 视觉入口 / 转化位 */
.nv-drop{
  position:absolute; top:100%; left:50%;
  width:var(--idd-wrap,1200px); max-width:calc(100vw - 24px);
  padding-top:0; opacity:0; visibility:hidden;
  transform:translateX(-50%) translateY(-5px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
  z-index:30;
}
.nv-item.has-son:hover .nv-drop,
.nv-item.has-son:focus-within .nv-drop{
  opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);
}
.nv-drop-in{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) 210px;
  gap:0; align-items:stretch;
  background:#fff; border-top:3px solid var(--idd-org,#ffa200);
  border-radius:0 0 14px 14px;
  box-shadow:0 22px 48px rgba(9,38,66,.18);
  overflow:hidden;
}
.nv-drop.no-side .nv-drop-in{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.nv-drop.no-visual .nv-drop-in{ grid-template-columns:minmax(0,1fr) 210px; }
.nv-drop.no-side.no-visual .nv-drop-in{ grid-template-columns:minmax(0,1fr); }
.nv-drop-col{ padding:22px 26px 26px; min-width:0; }
.nv-drop-col + .nv-drop-col{ border-left:1px solid #eef3f9; }
.nv-drop-head{
  display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  margin:0 0 14px; padding-bottom:10px; border-bottom:1px solid #eef3f9;
}
.nv-drop-head a{ font-size:15.5px; font-weight:700; color:var(--idd-ink,#152b45); text-decoration:none; }
.nv-drop-head a:hover{ color:var(--idd-blue,#0e7ad5); }
.nv-drop-head span{ font-size:11px; color:#a3b1bf; letter-spacing:.5px; }
.nv-drop-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px 14px; }
.nv-drop.one-col .nv-drop-list{ grid-template-columns:minmax(0,1fr); }
.nv-drop-list a{
  position:relative; display:block; padding:8px 9px 8px 17px;
  font-size:13.5px; color:#4b5c6e; border-radius:7px; text-decoration:none;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  transition:.16s;
}
.nv-drop-list a::before{
  content:""; position:absolute; left:6px; top:50%; width:4px; height:4px;
  margin-top:-2px; border-radius:50%; background:#c6d3e1;
}
.nv-drop-list a:hover{ background:var(--idd-blue-l,#eaf4ff); color:var(--idd-blue,#0e7ad5); }
.nv-drop-list a:hover::before{ background:var(--idd-blue,#0e7ad5); }

/* 视觉入口：图片专区 / 视频专区 / 工艺方案卡片 */
.nv-visual{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.nv-visual.is-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.nv-visual a{
  display:block; border:1px solid #eef4fa; border-radius:10px; overflow:hidden;
  background:#fbfdff; text-decoration:none; transition:.18s;
}
.nv-visual a:hover{ border-color:#cfe4f8; box-shadow:0 8px 20px rgba(14,122,213,.12); transform:translateY(-2px); }
.nv-visual i{ display:block; height:76px; background:#eef5fc center/cover no-repeat; }
.nv-visual b{ display:block; padding:8px 10px 2px; font-size:13px; font-weight:600; color:#152b45; }
.nv-visual em{ display:block; padding:0 10px 9px; font-style:normal; font-size:11px; color:#8a99a8; }

/* 右侧转化位 */
.nv-side{
  padding:22px 20px; background:linear-gradient(160deg,#f3f9ff,#eaf4ff);
  display:flex; flex-direction:column; justify-content:center; gap:9px;
  border-left:1px solid #e3eef9;
}
.nv-side .nv-side-t{ font-size:14px; font-weight:700; color:#0a5aa2; line-height:1.5; }
.nv-side p{ margin:0; font-size:12px; line-height:1.65; color:#5d7186; }
.nv-side a.nv-side-btn{
  display:block; margin-top:4px; padding:9px 12px; text-align:center;
  font-size:13px; font-weight:600; color:#fff; background:#0e7ad5;
  border-radius:7px; text-decoration:none;
}
.nv-side a.nv-side-btn:hover{ background:#0a5aa2; }
.nv-side .nv-side-tel{ font-size:15px; font-weight:700; color:#0a5aa2; text-align:center; }

/* 移动端抽屉（沿用原 .m-* 结构与 site.js，只补 8 项版的副标题与转化位） */
.m-row > a{ display:block; padding:11px 4px; line-height:1.25; }
.m-row > a small{
  display:block; margin-top:2px; font-size:10px; font-weight:400;
  letter-spacing:.7px; text-transform:uppercase; color:#93a5b7;
}
.m-nav-cta{ display:flex; gap:10px; margin:18px 0 4px; }
.m-nav-cta a{
  flex:1; padding:11px 8px; text-align:center; font-size:13px; font-weight:600;
  border-radius:8px; text-decoration:none;
}
.m-nav-cta a:first-child{ background:#0e7ad5; color:#fff; }
.m-nav-cta a:last-child{ background:#fff2dc; color:#a86400; }
.m-nav-sec-t{ margin:18px 0 4px; font-size:11px; letter-spacing:1px; color:#93a5b7; }

@media (max-width:1199px){
  .nv-link b{ font-size:14px; }
  .nv-link small{ font-size:9px; letter-spacing:.5px; }
  .nv-menu{ height:58px; }
  .nv-drop{ width:100%; }
  .nv-drop-in{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) 180px; }
  .nv-drop-col{ padding:18px 18px 22px; }
}
@media (max-width:1023px){ .nv{ display:none; } }
@media (max-width:480px){
  .nv-visual.is-3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ============================================================ B. 新增 IA 页面 */
.ia-page .ch-body{ padding-bottom:8px; }
.ia-page .pro_title2{ height:auto; min-height:56px; }

/* 章节锚点条 */
.ia-anchor{
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 26px; padding:12px 14px;
  background:#f5f9fe; border:1px solid #e6f0fa; border-radius:10px;
}
.ia-anchor a{
  padding:7px 14px; font-size:13px; color:#31506e; background:#fff;
  border:1px solid #dfeaf5; border-radius:18px; text-decoration:none; transition:.16s;
}
.ia-anchor a:hover{ background:#0e7ad5; color:#fff; border-color:#0e7ad5; }
.ia-anchor a.is-cta{ margin-left:auto; background:#fff3df; border-color:#ffdca3; color:#a86400; font-weight:600; }
.ia-anchor a.is-cta:hover{ background:#f0a500; color:#fff; border-color:#f0a500; }
.ia-anchor-6{ position:sticky; top:0; z-index:5; }

/* 产品大类 */
.ia-cat{ margin:0 0 34px; scroll-margin-top:70px; }
.ia-cat-head{
  display:flex; align-items:baseline; gap:12px; flex-wrap:wrap;
  padding:0 0 12px; border-bottom:2px solid #e8eff7; margin-bottom:14px;
}
.ia-cat-head h2{ margin:0; font-size:20px; font-weight:700; color:#0a5aa2; }
.ia-cat-head h2 a{ color:inherit; text-decoration:none; }
.ia-cat-head span{ font-size:12px; color:#8a99a8; }
.ia-cat-head .ia-cat-more{ margin-left:auto; font-size:12.5px; color:#0e7ad5; text-decoration:none; }
.ia-chips{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.ia-chips a{
  padding:5px 12px; font-size:12.5px; color:#4b5c6e;
  background:#f4f8fc; border:1px solid #e6eef7; border-radius:14px; text-decoration:none;
}
.ia-chips a:hover{ color:#0e7ad5; border-color:#b9d9f5; }
.ia-pro-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ia-pro-grid li{ min-width:0; }
.ia-pro-grid a{
  display:block; padding:8px; background:#fff; border:1px solid #e9eff6;
  border-radius:10px; text-decoration:none; transition:.18s;
}
.ia-pro-grid a:hover{ border-color:#b9d9f5; box-shadow:0 8px 20px rgba(14,122,213,.1); transform:translateY(-2px); }
.ia-pro-img{
  display:block; aspect-ratio:1/1; background:#f7fafd; border-radius:7px; overflow:hidden;
}
.ia-pro-img img{ display:block; width:100%; height:100%; object-fit:contain; }
.ia-pro-grid b{
  display:block; margin:9px 4px 2px; font-size:13.5px; font-weight:600; color:#152b45;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ia-pro-grid em{
  display:block; margin:0 4px 5px; font-style:normal; font-size:11.5px; color:#8a99a8;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* 方案总览 */
.ia-sec{ margin:0 0 38px; scroll-margin-top:70px; }
.ia-sec-head{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  padding-bottom:12px; margin-bottom:18px; border-bottom:2px solid #e8eff7;
}
.ia-sec-head h2{ margin:0; font-size:20px; font-weight:700; color:#0a5aa2; }
.ia-sec-head span{ font-size:11px; letter-spacing:1.2px; color:#a3b1bf; }
.ia-sec-head p{ flex:1 1 100%; margin:2px 0 0; font-size:12.5px; color:#8a99a8; }
.ia-sol-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.ia-sol-card{
  position:relative; display:flex; align-items:flex-start; gap:14px;
  padding:18px 44px 18px 18px; min-width:0;
  background:#fff; border:1px solid #e9eff6; border-radius:12px;
  text-decoration:none; transition:.18s; overflow:hidden;
}
.ia-sol-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:#0e7ad5;
}
.ia-sol-card.tone-violet::before{ background:#7c5cd6; }
.ia-sol-card.tone-orange::before{ background:#e98a1b; }
.ia-sol-card.tone-slate::before{ background:#64748b; }
.ia-sol-card.tone-indigo::before{ background:#4f46e5; }
.ia-sol-card.tone-teal::before{ background:#0d9488; }
.ia-sol-card.tone-green::before{ background:#16a34a; }
.ia-sol-card.tone-cyan::before{ background:#0891b2; }
.ia-sol-card:hover{ border-color:#b9d9f5; box-shadow:0 10px 26px rgba(14,122,213,.12); transform:translateY(-2px); }
.ia-sol-no{ flex:0 0 auto; font-size:22px; font-weight:800; line-height:1; color:#dbe7f3; }
.ia-sol-body{ min-width:0; display:block; }
.ia-sol-body b{ display:block; font-size:15.5px; font-weight:700; color:#152b45; }
.ia-sol-body em{ display:block; margin:3px 0 7px; font-style:normal; font-size:11px; letter-spacing:.4px; color:#0e7ad5; }
.ia-sol-body i{ display:block; font-style:normal; font-size:12.5px; line-height:1.7; color:#718295; }
.ia-sol-arrow{ position:absolute; right:16px; top:50%; transform:translateY(-50%); font-size:18px; color:#c3d3e3; }
.ia-sol-card:hover .ia-sol-arrow{ color:#0e7ad5; }

.ia-ind-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ia-ind-grid a{
  display:flex; align-items:center; gap:9px; padding:13px 12px; min-width:0;
  background:#f8fbfe; border:1px solid #e9eff6; border-radius:9px; text-decoration:none; transition:.16s;
}
.ia-ind-grid a:hover{ background:#eaf4ff; border-color:#b9d9f5; }
.ia-ind-grid span{ font-size:12px; font-weight:700; color:#b7cadd; }
.ia-ind-grid b{ flex:1; min-width:0; font-size:13.5px; color:#31506e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ia-ind-grid em{ flex:0 0 auto; font-style:normal; font-size:11px; color:#9aacbd; }

/* 工艺详情 */
.ia-sol-hero{
  position:relative; display:flex; align-items:center; gap:22px; flex-wrap:wrap;
  padding:28px 30px; margin-bottom:24px; border-radius:14px;
  background:linear-gradient(120deg,#eaf4ff 0%,#f7fbff 100%);
  border:1px solid #dbeaf8; overflow:hidden;
}
.ia-sol-hero.tone-violet{ background:linear-gradient(120deg,#f2eeff,#faf8ff); border-color:#e5dcfa; }
.ia-sol-hero.tone-orange{ background:linear-gradient(120deg,#fff3e6,#fffaf4); border-color:#f6ddbd; }
.ia-sol-hero.tone-slate{ background:linear-gradient(120deg,#eef2f6,#fafcfd); border-color:#dde5ed; }
.ia-sol-hero.tone-indigo{ background:linear-gradient(120deg,#eeefff,#f9f9ff); border-color:#dcdfef; }
.ia-sol-hero.tone-teal{ background:linear-gradient(120deg,#e8f7f5,#f6fdfc); border-color:#cfeae6; }
.ia-sol-hero.tone-green{ background:linear-gradient(120deg,#e9f8ee,#f7fdf9); border-color:#d3eedd; }
.ia-sol-hero.tone-cyan{ background:linear-gradient(120deg,#e6f6fb,#f5fdff); border-color:#cfe9f2; }
.ia-sol-hero-no{ font-size:54px; font-weight:800; line-height:1; color:rgba(14,122,213,.16); }
.ia-sol-hero > div{ flex:1 1 320px; min-width:0; }
.ia-sol-hero-en{ margin:0 0 4px; font-size:11px; letter-spacing:1.2px; text-transform:uppercase; color:#0e7ad5; }
.ia-sol-hero h1{ margin:0 0 8px; font-size:25px; font-weight:700; color:#152b45; }
.ia-sol-hero-lead{ margin:0; font-size:13.5px; line-height:1.8; color:#5d7186; }
.ia-sol-hero .ch-cta-btn{ flex:0 0 auto; }

.ia-block{ margin:0 0 30px; scroll-margin-top:70px; }
.ia-block > h2{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  margin:0 0 14px; padding-bottom:10px; border-bottom:1px solid #e8eff7;
  font-size:18px; font-weight:700; color:#0a5aa2;
}
.ia-block > h2 > span{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; font-size:12px; font-weight:700; color:#fff;
  background:#0e7ad5; border-radius:7px;
}
.ia-block > h2 small{ margin-left:auto; font-size:11.5px; font-weight:400; color:#9aacbd; }
.ia-block > p{ margin:0; font-size:14px; line-height:1.95; color:#4b5c6e; }
.ia-steps{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0 0; }
.ia-steps li{ display:flex; align-items:flex-start; gap:10px; padding:12px 14px; background:#f8fbfe; border:1px solid #e9eff6; border-radius:9px; }
.ia-steps b{ flex:0 0 auto; font-size:12px; font-weight:700; color:#0e7ad5; }
.ia-steps span{ font-size:13px; line-height:1.7; color:#4b5c6e; }

.ia-machine-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ia-machine{ padding:18px; background:#fff; border:1px solid #e9eff6; border-radius:11px; }
.ia-machine-model{
  display:inline-block; margin-bottom:9px; padding:4px 10px;
  font-size:11.5px; font-weight:700; letter-spacing:.5px; color:#0a5aa2;
  background:#eaf4ff; border-radius:5px;
}
.ia-machine b{ display:block; font-size:14.5px; font-weight:700; color:#152b45; }
.ia-machine em{ display:block; margin:5px 0 9px; font-style:normal; font-size:12px; line-height:1.6; color:#0e7ad5; }
.ia-machine p{ margin:0; font-size:12.5px; line-height:1.8; color:#718295; }
.ia-inline-link{ display:inline-block; margin-top:12px; font-size:13px; color:#0e7ad5; text-decoration:none; }

.ia-scope-row{ display:flex; gap:14px; padding:12px 0; border-bottom:1px dashed #e4ecf5; font-size:13.5px; }
.ia-scope-row b{ flex:0 0 76px; color:#0a5aa2; }
.ia-scope-row span{ color:#4b5c6e; line-height:1.8; }
.ia-related{ margin-top:16px; padding:14px 16px; background:#f8fbfe; border-radius:9px; }
.ia-related > b{ display:block; margin-bottom:8px; font-size:13px; color:#0a5aa2; }
.ia-related ul{ display:flex; flex-wrap:wrap; gap:8px 18px; }
.ia-related a{ font-size:13px; color:#31506e; text-decoration:none; }
.ia-related a:hover{ color:#0e7ad5; text-decoration:underline; }

.ia-inquiry{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; align-items:start; }
.ia-inquiry-txt .ia-inquiry-tel{ margin-top:12px; font-size:13px; color:#718295; }
.ia-inquiry-txt .ia-inquiry-tel a{ font-weight:700; color:#0e7ad5; text-decoration:none; }
.ia-inquiry .tjwtBox{ background:#f8fbfe; border:1px solid #e6eef7; border-radius:12px; }
.ia-other-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ia-other-grid a{ display:block; padding:14px; background:#f8fbfe; border:1px solid #e9eff6; border-radius:9px; text-decoration:none; }
.ia-other-grid a:hover{ background:#eaf4ff; border-color:#b9d9f5; }
.ia-other-grid b{ display:block; font-size:13.5px; color:#31506e; }
.ia-other-grid em{ display:block; margin-top:3px; font-style:normal; font-size:11px; color:#9aacbd; }

/* 打样页 */
.ia-sample-flow{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:28px; }
.ia-flow-item{ position:relative; padding:18px 16px; background:#f8fbfe; border:1px solid #e9eff6; border-radius:11px; }
.ia-flow-item b{ display:block; font-size:20px; font-weight:800; color:#dbe7f3; line-height:1; }
.ia-flow-item strong{ display:block; margin:7px 0 5px; font-size:14.5px; color:#0a5aa2; }
.ia-flow-item span{ font-size:12.5px; line-height:1.7; color:#718295; }
.ia-sample-cols{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:24px; align-items:start; }
.ia-sample-form .tjwtBox{ background:#f8fbfe; border:1px solid #e6eef7; border-radius:12px; }
.ia-promise{ display:grid; gap:8px; }
.ia-promise li{ position:relative; padding-left:18px; font-size:13px; line-height:1.75; color:#4b5c6e; }
.ia-promise li::before{ content:""; position:absolute; left:2px; top:9px; width:6px; height:6px; border-radius:50%; background:#0e7ad5; }
.ia-contact-card{ margin-top:20px; padding:16px; background:#fff7ea; border:1px solid #f5e2c2; border-radius:10px; }
.ia-contact-card h3{ margin:0 0 10px; font-size:14px; color:#a86400; }
.ia-contact-card p{ display:flex; gap:10px; margin:0 0 8px; font-size:12.5px; line-height:1.6; }
.ia-contact-card em{ flex:0 0 68px; font-style:normal; color:#9a7a49; }
.ia-contact-card a{ color:#0e7ad5; text-decoration:none; font-weight:600; }
.ia-contact-card span{ color:#5d7186; }

/* 选型对比 */
.ia-cmp-wrap{ overflow-x:auto; border:1px solid #e6eef7; border-radius:10px; }
.ia-cmp-table{ width:100%; min-width:720px; border-collapse:collapse; font-size:13px; }
.ia-cmp-table th,.ia-cmp-table td{ padding:13px 14px; text-align:left; border-bottom:1px solid #eef3f9; vertical-align:middle; }
.ia-cmp-table thead th{ background:#f2f8ff; font-size:12.5px; font-weight:700; color:#0a5aa2; white-space:nowrap; }
.ia-cmp-table tbody th{ font-size:13.5px; color:#152b45; white-space:nowrap; }
.ia-cmp-table tbody th a,.ia-cmp-table td a{ color:#0e7ad5; text-decoration:none; }
.ia-cmp-table tbody tr:hover{ background:#fafdff; }
.ia-cmp-table td{ color:#5d7186; line-height:1.65; }

/* CTA 带 */
.ia-cta-band{
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  margin:32px 0 8px; padding:24px 28px; border-radius:12px;
  background:linear-gradient(110deg,#0b62b4,#1287dc); color:#fff;
}
.ia-cta-band h3{ margin:0 0 6px; font-size:18px; font-weight:700; }
.ia-cta-band p{ margin:0; font-size:12.5px; opacity:.85; line-height:1.7; }
.ia-cta-btns{ display:flex; gap:10px; flex-wrap:wrap; }
.ia-cta-band .ch-cta-btn{ background:#fff; color:#0a5aa2; border-color:#fff; }
.ia-cta-band .ch-cta-btn.is-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.6); }

/* P2：后台可编辑的栏目文案块（不改动既有版式，只作为可维护的正文补充） */
.ia-copy-block{
  margin:0 0 22px; padding:16px 20px;
  background:#f8fbfe; border:1px solid #e6eef7; border-left:3px solid #0e7ad5; border-radius:0 10px 10px 0;
}
.ia-copy-block h3{ margin:0 0 10px; font-size:15px; font-weight:700; color:#0a5aa2; }
.ia-copy-block p{ margin:0 0 6px; font-size:13px; line-height:1.85; color:#4b5c6e; }
.ia-copy-block p:last-child{ margin-bottom:0; }

/* ============================================================ C. 图片 / 视频专区布局重排 */
/* 图片专区： irregular masonry 风格图墙，标题用底部渐变遮罩，不再叠在图片外面 */
.gal-grid{ columns:4; column-gap:14px; }
.gal-item{
  position:relative; display:block; break-inside:avoid; margin:0 0 14px;
  border-radius:10px; overflow:hidden; background:#f1f5f9;
  box-shadow:0 1px 3px rgba(20,45,75,.06); transition:.2s;
}
.gal-item img{ display:block; width:100%; height:auto; }
.gal-item .gal-t{
  position:absolute; left:0; right:0; bottom:0;
  padding:24px 12px 11px; font-size:13px; line-height:1.5; color:#fff;
  background:linear-gradient(180deg,transparent,rgba(6,28,50,.82));
  text-decoration:none;
}
.gal-item:hover{ box-shadow:0 10px 26px rgba(14,122,213,.18); transform:translateY(-2px); }
.gal-item:hover img{ transform:scale(1.035); transition:transform .5s; }

/* 视频专区：16:9 封面 + 居中播放键 + 卡片信息 */
.vid-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.vid-grid > li{ min-width:0; }
.vid-grid a{
  display:block; background:#fff; border:1px solid #e9eff6; border-radius:11px;
  overflow:hidden; text-decoration:none; transition:.18s;
}
.vid-grid a:hover{ border-color:#b9d9f5; box-shadow:0 10px 26px rgba(14,122,213,.12); transform:translateY(-2px); }
.vid-thumb{ position:relative; aspect-ratio:16/9; background:#eef4fa; overflow:hidden; }
.vid-thumb img{ display:block; width:100%; height:100%; object-fit:cover; }
.vid-play{
  position:absolute; left:50%; top:50%; width:48px; height:48px;
  transform:translate(-50%,-50%); border-radius:50%;
  background:rgba(9,38,66,.55); border:2px solid rgba(255,255,255,.9);
}
.vid-play::after{
  content:""; position:absolute; left:50%; top:50%;
  transform:translate(-40%,-50%);
  border-left:14px solid #fff; border-top:9px solid transparent; border-bottom:9px solid transparent;
}
.vid-grid a:hover .vid-play{ background:#0e7ad5; }
.vid-grid h3{ margin:12px 14px 5px; font-size:14.5px; font-weight:600; color:#152b45; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vid-grid p{ margin:0 14px 14px; font-size:12px; line-height:1.7; color:#8a99a8; }

/* 联系页：两张联系卡 + 询盘表单并排（P0 转化断点修复） */
.contact-cols{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:start; }
/* 左列内两张卡上下堆叠：并排会被 2 列栅格再压一半宽，长邮箱会折行 */
.contact-page .contact-grid{ grid-template-columns:minmax(0,1fr); gap:14px; margin-bottom:18px; }
.contact-page .contact-card{ padding:22px 24px; }
.contact-page .tjwtBox{ background:#f8fbfe; border:1px solid #e6eef7; border-radius:12px; margin-top:0; }
.contact-page .contact-welcome{ margin-top:16px; }

/* 客户案例卡片 */
.ia-case-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:34px; }
.ia-case-card{
  display:block; background:#fff; border:1px solid #e9eff6; border-radius:11px;
  overflow:hidden; text-decoration:none; transition:.18s;
}
.ia-case-card:hover{ border-color:#b9d9f5; box-shadow:0 10px 26px rgba(14,122,213,.12); transform:translateY(-2px); }
.ia-case-img{ display:block; aspect-ratio:16/10; background:#eef4fa; overflow:hidden; }
.ia-case-img img{ display:block; width:100%; height:100%; object-fit:cover; }
.ia-case-body{ display:block; padding:14px 16px 18px; }
.ia-case-body b{ display:block; font-size:14.5px; font-weight:700; color:#152b45; }
.ia-case-body em{ display:block; margin:6px 0 10px; font-style:normal; font-size:12.5px; line-height:1.7; color:#718295; }
.ia-case-body i{ font-style:normal; font-size:12.5px; color:#0e7ad5; }

@media (max-width:1023px){
  .contact-cols{ grid-template-columns:minmax(0,1fr); }
  .ia-case-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px){
  .ia-case-grid{ grid-template-columns:minmax(0,1fr); }
}

@media (max-width:1023px){
  .ia-pro-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ia-ind-grid,.ia-other-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ia-machine-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ia-inquiry,.ia-sample-cols{ grid-template-columns:minmax(0,1fr); }
  .ia-sample-flow{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gal-grid{ columns:3; }
  .vid-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px){
  .ia-anchor{ gap:6px; padding:10px; }
  .ia-anchor a{ padding:6px 11px; font-size:12px; }
  .ia-anchor a.is-cta{ margin-left:0; }
  .ia-anchor-6{ position:static; }
  .ia-pro-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .ia-sol-grid,.ia-steps,.ia-machine-grid{ grid-template-columns:minmax(0,1fr); }
  .ia-ind-grid,.ia-other-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ia-sol-hero{ padding:20px; gap:14px; }
  .ia-sol-hero-no{ font-size:38px; }
  .ia-sol-hero h1{ font-size:21px; }
  .ia-sol-hero .ch-cta-btn{ width:100%; text-align:center; }
  .ia-block > h2{ font-size:16px; }
  .ia-block > h2 small{ flex:1 1 100%; margin-left:0; }
  .ia-scope-row{ flex-direction:column; gap:4px; }
  .ia-scope-row b{ flex:auto; }
  .ia-cta-band{ padding:20px; }
  .ia-cta-btns{ width:100%; }
  .ia-cta-btns .ch-cta-btn{ flex:1; text-align:center; }
  .gal-grid{ columns:2; column-gap:10px; }
  .gal-item{ margin-bottom:10px; }
  .vid-grid{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:479px){
  .ia-pro-grid,.ia-ind-grid,.ia-other-grid,.ia-sample-flow{ grid-template-columns:minmax(0,1fr); }
  .ia-flow-item{ padding:14px; }
  .ia-sol-card{ padding:14px 34px 14px 14px; }
  .ia-sol-no{ font-size:18px; }
  .ia-sol-body b{ font-size:14px; }
}

/* ---------------------------------------------------------------- 选型对比：手机端卡片式
   同时彻底消除 720px min-width 对页面容器的撑宽（命名冲突已改为 .ia-cmp-table） */
@media (max-width:767px){
  .ia-cmp-wrap{ width:100%; max-width:100%; overflow:visible; border:0; border-radius:0; box-sizing:border-box; }
  .ia-cmp-table{ display:block; width:100%; min-width:0; font-size:13px; }
  .ia-cmp-table thead{ display:none; }
  .ia-cmp-table tbody{ display:block; }
  .ia-cmp-table tbody tr{
    display:block; margin:0 0 12px; padding:0;
    background:#fff; border:1px solid #e6eef7; border-radius:10px; overflow:hidden;
  }
  .ia-cmp-table tbody tr:hover{ background:#fff; }
  .ia-cmp-table th,
  .ia-cmp-table td{
    display:block; width:100%; box-sizing:border-box;
    padding:9px 13px; border-bottom:1px solid #eef3f9; white-space:normal;
  }
  .ia-cmp-table tbody th{ background:#f2f8ff; font-size:14px; color:#0a5aa2; }
  .ia-cmp-table td::before{
    content:attr(data-label); display:block; margin-bottom:3px;
    font-size:11px; font-weight:600; color:#93a5b7; letter-spacing:.3px;
  }
  .ia-cmp-table tbody tr > :last-child{ border-bottom:0; }
}

/* ==========================================================================
   C. 第 11 批修正（本层在 bundle.css 最末尾，权重最高）
   --------------------------------------------------------------------------
   C1 询盘表单：旧 Style.css 把 li 写死 38px、label 36px、input 16px、
      textarea 104px、areLi label 132px，字段高度互不一致；responsive.css
      又用 !important 改成 flex，两套规则互相打架。这里一次性统一为
      「标签独占一行 + 控件统一 44px 高」的栅格表单。
   C2 联系页：联系方式在上、表单在下；表单锚点留出滚动余量。
   C3 视频播放图标：pages.css 旧版用 margin:-27px 居中（54px 圆），
      与 ia10.css 的 translate(-50%,-50%)（48px 圆）叠加造成双重偏移。
   C4 导航下拉：分组间距 / 层级 / 稀疏下拉紧凑版式。
   ========================================================================== */

/* ---------------------------------------------------------------- C1 表单重设计 */
.tjwtBox .m_form{ margin:0 !important; padding:0 !important; list-style:none !important; }
.tjwtBox .m_form > li{
  float:none !important; display:block !important;
  height:auto !important; min-height:0 !important;
  margin:0 0 14px !important; padding:0 !important; white-space:normal !important;
}
.tjwtBox .m_form > li::after{ content:""; display:block; clear:both; }
.tjwtBox .m_form label{
  float:none !important; display:block !important; flex:none !important;
  width:auto !important; max-width:100% !important;
  height:auto !important; min-height:0 !important; line-height:1.5 !important;
  margin:0 0 7px !important; padding:0 !important;
  border:0 !important; background:none !important; text-align:left !important;
  font-size:13px !important; font-weight:600 !important; color:#3d5268 !important;
}
.tjwtBox .m_form .if-req{ color:#e53030; font-style:normal; }
.tjwtBox .m_form .iptTxt,
.tjwtBox .m_form .txtAre{
  float:none !important; display:block !important; flex:none !important;
  width:100% !important; max-width:100% !important; box-sizing:border-box !important;
  margin:0 !important; padding:10px 12px !important; text-indent:0 !important;
  border:1px solid #dbe4ef !important; border-radius:8px;
  background:#fff !important; color:#213047 !important;
  font-size:14px !important; outline:none;
  transition:border-color .18s, box-shadow .18s;
}
.tjwtBox .m_form .iptTxt{ height:44px !important; line-height:22px !important; }
.tjwtBox .m_form .txtAre{ height:104px !important; line-height:22px !important; resize:vertical; }
.tjwtBox .m_form .iptTxt:focus,
.tjwtBox .m_form .txtAre:focus{ border-color:#0e7ad5 !important; box-shadow:0 0 0 3px rgba(14,122,213,.12); }
.tjwtBox .m_form .iptTxt::placeholder,
.tjwtBox .m_form .txtAre::placeholder{ color:#9aa9ba; }
.tjwtBox .m_form .areLi label{ height:auto !important; line-height:1.5 !important; }
.tjwtBox .m_form .btnSubmit{
  float:none !important; display:block; width:100% !important;
  height:44px !important; line-height:44px !important; padding:0 !important;
  border:0; border-radius:8px; color:#fff !important;
  background:linear-gradient(180deg,#1a8ae0,#0e7ad5) !important;
  font-size:15px; font-weight:600; cursor:pointer;
}
.tjwtBox .m_form .btnSubmit:hover{ background:linear-gradient(180deg,#0e7ad5,#0a5aa2) !important; }
.tjwtBox .m_form .form-note{
  float:none !important; width:auto !important; max-width:100% !important;
  margin:10px 0 0 !important; padding:0 !important;
  font-size:12px !important; line-height:1.6 !important;
  color:#8a99a8 !important; text-align:center;
}
.tjwtBox .m_form .hp{
  position:absolute !important; left:-9999px !important;
  width:1px !important; height:1px !important; opacity:0;
}

/* ---------------------------------------------------------------- C2 联系页上下布局 */
.contact-stack{ display:block; }
.contact-page .contact-info{ margin:0 0 26px; }
.contact-page .contact-grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px; margin:0 0 14px;
}
.contact-page .contact-card{ padding:20px 24px; }
.contact-page .contact-welcome{ margin:0; }
.contact-page .contact-form-wrap{ scroll-margin-top:28px; }
#contact-form{ scroll-margin-top:28px; }
.contact-page .tjwtBox{ padding:26px 28px; }
.contact-page .tjwtBox h4{ margin-bottom:20px; }
.contact-page .m_form{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 16px; }
.contact-page .m_form > li{ margin:0 0 14px !important; }
.contact-page .m_form > li.if-area,
.contact-page .m_form > li.if-actions{ grid-column:1 / -1; }
@media (max-width:1023px){
  .contact-page .m_form{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px){
  .contact-page .contact-grid,
  .contact-page .m_form{ grid-template-columns:minmax(0,1fr); }
  .contact-page .tjwtBox{ padding:18px; }
}

/* ---------------------------------------------------------------- C3 视频播放图标居中 */
.vid-play{ margin:0 !important; transform:translate(-50%,-50%) !important; }
.vid-grid > li > a:hover .vid-play{ transform:translate(-50%,-50%) scale(1.06) !important; }
.vid-play::after{ transform:translate(-40%,-50%) !important; }

/* ---------------------------------------------------------------- C4 导航下拉层级 */
/* 二级分组标题：蓝色竖条 + 更粗字号；分组之间留出呼吸空间并加分隔线 */
.nv-group{ min-width:0; }
.nv-group + .nv-group{ margin-top:18px; padding-top:16px; border-top:1px dashed #e8eef6; }
.nv-drop-head{
  margin:0 0 11px; padding:0 0 10px 11px;
  border-bottom:1px solid #eef3f9; border-left:3px solid #0e7ad5;
}
.nv-drop-head a{ font-size:16px; font-weight:700; letter-spacing:.2px; }
.nv-drop-list{ gap:6px 14px; }
.nv-drop-list a{
  padding:9px 10px 9px 20px;
  font-size:13px; color:#617588;
}
.nv-drop-list a::before{ left:7px; width:4px; height:4px; background:#b9cadd; }

/* 入口少的下拉：左列收窄成 400px 的「序号入口卡」，右列视觉卡加高，
   底部补一段栏目说明，消除大面积空白；有 side 时保留第三列 CTA。 */
.nv-drop.is-compact .nv-drop-in{ grid-template-columns:minmax(0,400px) minmax(0,1fr) 210px; }
.nv-drop.is-compact.no-side .nv-drop-in{ grid-template-columns:minmax(0,400px) minmax(0,1fr); }
.nv-drop.is-compact .nv-drop-col{ padding:20px 22px; }
.nv-drop.is-compact.one-col .nv-drop-list{
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; counter-reset:ent;
}
.nv-drop.is-compact .nv-drop-list a{
  display:flex; align-items:center; gap:9px; min-height:46px;
  padding:9px 11px; border:1px solid #e9f1fa; border-radius:8px;
  background:#f7fbff; color:#31506e; font-size:13px; font-weight:600;
  white-space:normal; overflow:visible;
}
.nv-drop.is-compact .nv-drop-list a::before{
  counter-increment:ent; content:counter(ent,decimal-leading-zero);
  position:static; width:auto; height:auto; margin:0; border-radius:0;
  background:none; color:#9db6ce; font-size:11px; font-weight:700; letter-spacing:.3px;
}
.nv-drop.is-compact .nv-drop-list a:hover{ background:#eaf4ff; color:#0e7ad5; }
.nv-drop.is-compact .nv-drop-list a:hover::before{ background:none; color:#0e7ad5; }
.nv-drop.is-compact .nv-visual i{ height:140px; }
/* 右列底部快捷入口：用 margin-top:auto 把卡片下方的空白收掉 */
.nv-drop.is-compact .nv-drop-col:nth-child(2){ display:flex; flex-direction:column; }
.nv-drop.is-compact .nv-visual{ align-content:start; }
.nv-visual-more{
  display:block; margin-top:auto; padding:11px 14px; border-radius:8px;
  background:#eaf4ff; border:1px solid #d6e9fa;
  font-size:13px; font-weight:600; color:#0a5aa2; text-align:center; text-decoration:none;
}
.nv-visual-more:hover{ background:#0e7ad5; color:#fff; border-color:#0e7ad5; }
.nv-col-note{
  margin:18px 0 0; padding:12px 14px; border-radius:8px;
  background:#f6faff; border:1px solid #e9f1fa;
  font-size:12px; line-height:1.75; color:#6b7f93;
}
@media (max-width:1199px){
  .nv-drop.is-compact .nv-drop-in{ grid-template-columns:minmax(0,340px) minmax(0,1fr) 180px; }
  .nv-drop.is-compact.no-side .nv-drop-in{ grid-template-columns:minmax(0,340px) minmax(0,1fr); }
  .nv-drop.is-compact .nv-drop-col{ padding:18px; }
}

/* ==========================================================================
   第 12 批 ① 三个下拉统一样式 / 关于我们取消精选推荐
   ========================================================================== */
/* 客案 / 资讯 / 服务：统一 400px 序号入口卡 + 3 条精选推荐 + 210px 转化位 */
.nv-drop.is-compact .nv-drop-in{ grid-template-columns:minmax(0,400px) minmax(0,1fr) 210px; }
.nv-drop.is-compact.no-side .nv-drop-in{ grid-template-columns:minmax(0,400px) minmax(0,1fr); }
.nv-drop.is-compact .nv-visual.is-3{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.nv-drop.is-compact .nv-visual i{ height:112px; }
/* 后台勾选的内容若没有配图，用统一品牌占位，避免 3 张卡里出现一块空白 */
.nv-visual i:not([style]){
  position:relative;
  background:linear-gradient(135deg,#e8f4ff 0%,#cfe6fb 100%) center/cover no-repeat !important;
}
.nv-visual i:not([style])::after{
  content:"IDEEDA"; position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:800; letter-spacing:2.4px;
  color:rgba(14,122,213,.38);
}
.nv-drop.is-compact .nv-visual b{ padding:8px 8px 2px; font-size:12.5px; line-height:1.4; }
.nv-drop.is-compact .nv-visual em{ padding:0 8px 8px; font-size:10.5px; }
.nv-drop.is-compact .nv-visual-more{ padding:10px 12px; font-size:12.5px; }

/* 关于我们：左列入口卡 + 右侧品牌信息条（不含任何「精选推荐」入口）
   注意 .nv-drop.no-side.no-visual .nv-drop-in 是 4 类名权重，这里必须写满才压得过 */
.nv-drop.is-simple.no-side.no-visual .nv-drop-in{ grid-template-columns:minmax(0,1fr) 340px; }
.nv-drop.is-simple .nv-drop-list{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.nv-drop.is-simple .nv-drop-list a{
  display:flex; align-items:center; min-height:46px; padding:9px 13px;
  border:1px solid #e9f1fa; border-radius:8px; background:#f7fbff;
  color:#31506e; font-size:13px; font-weight:600; white-space:normal; overflow:visible;
}
.nv-drop.is-simple .nv-drop-list a::before{ display:none; }
.nv-drop.is-simple .nv-drop-list a:hover{ background:#eaf4ff; color:#0e7ad5; }
.nv-drop.is-simple .nv-drop-col{ padding:24px 28px; }
.nv-drop.is-simple .nv-col-note{ margin-top:20px; }
.nv-brand{
  padding:24px 28px; border-left:1px solid #e3eef9;
  background:linear-gradient(160deg,#f3f9ff,#eaf4ff);
  display:flex; flex-direction:column; justify-content:center; gap:10px;
}
.nv-brand .nv-brand-t{ font-size:10.5px; font-weight:700; letter-spacing:1.6px; color:#7ba7d0; }
.nv-brand h4{ margin:0; font-size:19px; line-height:1.5; font-weight:700; color:#0a5aa2; }
.nv-brand p{ margin:0; font-size:12.5px; line-height:1.8; color:#5d7186; }
.nv-brand dl{ display:flex; gap:22px; margin:6px 0 2px; padding:12px 0; border-top:1px solid #d9e9f8; border-bottom:1px solid #d9e9f8; }
.nv-brand dl div{ min-width:0; }
.nv-brand dt{ font-size:17px; font-weight:700; color:#0e7ad5; line-height:1.2; }
.nv-brand dd{ margin:2px 0 0; font-size:11px; color:#8497a9; }
.nv-brand > a{
  align-self:flex-start; margin-top:2px; padding:8px 15px; border-radius:7px;
  background:#0e7ad5; color:#fff; font-size:12.5px; font-weight:600; text-decoration:none;
}
.nv-brand > a:hover{ background:#0a5aa2; color:#fff; }
@media (max-width:1199px){
  .nv-drop.is-compact .nv-drop-in{ grid-template-columns:minmax(0,340px) minmax(0,1fr) 180px; }
  .nv-drop.is-simple.no-side.no-visual .nv-drop-in{ grid-template-columns:minmax(0,1fr) 290px; }
  .nv-brand{ padding:20px 22px; }
}

/* ==========================================================================
   第 12 批 ② 全站栏目 Banner 高度统一
   所有页面 .topadcs 用同一高度阶梯 + cover（旧 dabiao.jpg 只有 300px 高，
   auto 模式下会在 320px 容器底部留白，看起来像「高度不一致」）。
   首页轮播默认与栏目 banner 同高；后台「站点设置」可单独关掉（去掉 body class）。
   ========================================================================== */
.topadcs{
  height:320px !important;
  background-size:cover !important;
  background-position:center center !important;
}
body.unify-banner #kinMaxShow.banner{ height:320px !important; }
@media (max-width:1023px){
  .topadcs,
  body.unify-banner #kinMaxShow.banner{ height:220px !important; }
}
@media (max-width:767px){
  .topadcs,
  body.unify-banner #kinMaxShow.banner{ height:180px !important; }
}
@media (max-width:479px){
  .topadcs,
  body.unify-banner #kinMaxShow.banner{ height:150px !important; }
}

/* ==========================================================================
   第 18 批 P2：粘性主导航 / 移动底部快捷条 / 表单校验反馈
   全部为新增选择器，未改动上面任何既有规则；回滚时删掉本段即可。
   ========================================================================== */

/* ---------------------------------------------------------- P2-1 粘性主导航
   桌面端滚过品牌区后主导航吸顶。用 JS 加 .is-stuck（fixed），
   同时在原位置撑一个等高占位 .nv-ph，避免内容跳动。 */
.nv-ph{ height:0; overflow:hidden; }

@media (min-width:1024px){
  .nv.is-stuck{
    position:fixed;
    top:0; left:0; right:0;
    z-index:990;
    box-shadow:0 6px 22px rgba(8,58,104,.28);
  }
  /* 吸顶时隐藏英文小字，让 62px 高度显得更紧凑利落（高度不变，避免占位错位） */
  .nv.is-stuck .nv-link small{ opacity:.55; }
}

/* ---------------------------------------------------------- P2-2 移动底部条
   footer.php 里的 .m-bar 之前被 `.m-bar{display:none}` 永久隐藏，
   这里补全样式并在 <1024px 显示。 */
@media (max-width:1023px){
  .m-bar{
    display:flex;
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:900;
    background:#fff;
    border-top:1px solid #e3e8ef;
    box-shadow:0 -3px 14px rgba(16,42,80,.12);
    padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .m-bar-item{
    flex:1 1 0;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:7px 4px 6px;
    margin:0;
    border:0;
    background:none;
    color:#4a5568;
    font-size:11px;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    font-family:inherit;
  }
  .m-bar-item svg{ width:20px; height:20px; display:block; }
  .m-bar-item.is-tel{ color:#0e7ad5; }
  .m-bar-item:active,
  .m-bar-item:focus-visible{ background:#f1f6fc; color:#0e7ad5; text-decoration:none; }
  /* 给页脚补出底部条高度，深色背景随之延伸，不会在页脚下方露出白条 */
  #footer_bj{ padding-bottom:56px; }
}

/* ---------------------------------------------------------- P2-3 表单校验 */
form[data-inquiry] .is-error{
  border-color:#d63638 !important;
  box-shadow:0 0 0 3px rgba(214,54,56,.13);
}
form[data-inquiry] .is-error:focus{
  border-color:#d63638 !important;
  outline-color:#d63638;
}
/* 原始表单用 float 布局且 li 固定高度，出错时放开高度让提示落到下一行 */
form[data-inquiry] li.has-error{ height:auto !important; }
.if-err{
  display:block;
  clear:both;
  margin:5px 0 0;
  color:#d63638;
  font-size:12px;
  line-height:1.55;
}
form[data-inquiry] li.has-error > label{ color:#d63638; border-color:#f0b8b9; }


/* ==========================================================================
   第 21 批新增（下载分类 / 案例总览 / 首页轮播文字层）
   ========================================================================== */

/* ---- 首页轮播图面标题（后台「图面标题」留空时完全不出现，视觉零变化） ---- */
#kinMaxShow .banner-cap{
  position:absolute;
  left:50%;
  bottom:78px;
  transform:translateX(-50%);
  z-index:4;
  max-width:min(1100px,86%);
  padding:10px 22px;
  font-size:22px;
  line-height:1.4;
  font-weight:600;
  color:#fff;
  text-align:center;
  letter-spacing:.5px;
  background:rgba(9,32,60,.42);
  border-radius:10px;
  backdrop-filter:blur(3px);
  pointer-events:none;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
@media (max-width:1024px){
  #kinMaxShow .banner-cap{ bottom:62px; font-size:18px; padding:8px 16px; }
}
@media (max-width:640px){
  #kinMaxShow .banner-cap{ bottom:54px; font-size:14px; padding:6px 12px; border-radius:8px; }
}

/* ---- 二级频道条（下载中心的三级资料分类） ---- */
.chnav.chnav-sub{
  margin:-4px 0 26px;
  padding:8px;
  background:#f7fbff;
  border-style:dashed;
}
.chnav-sub .chnav-list a{ height:32px; padding:0 13px; font-size:13px; }
.chnav-sub .chnav-list a em{ font-size:10px; padding:2px 5px; }

/* ---- 下载列表：类型角标 + 分类/大小标签 ---- */
.dl-ico.is-pdf{ color:#c0392b; background:#fdecea; }
.dl-ico.is-zip,.dl-ico.is-rar,.dl-ico.is-7z{ color:#8a6d3b; background:#fcf5e5; }
.dl-ico.is-doc,.dl-ico.is-docx{ color:#1c5fa8; background:#e8f1fc; }
.dl-ico.is-exe{ color:#2f7d54; background:#e9f7ef; }
.dl-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.dl-tags i{
  font-style:normal;
  font-size:11px;
  line-height:1;
  padding:4px 7px;
  color:#7b8898;
  background:#f2f7fc;
  border:1px solid #e8f0f8;
  border-radius:20px;
}

/* ==========================================================================
   第 22 批：块间距规范化
   问题：栏目总览页的入口卡组（.svc-entry）无下边距，紧贴下一个区块，
        /solutions/ 与 /products/ 的标题下引言条只有 4px。
   规范：标题区→首个内容块 22px；一级区块之间 ≥38px（.ch-sec 自身 48px 不变）。
   ========================================================================== */

.svc-entry{ margin:0 0 38px; }

/* 标题区下方的正文容器：/products/ 与 /solutions/ 没有频道条，
   原先直接吃 .ch-body 的 4px padding-top，引言条几乎贴着标题线。 */
.pro_title2 + .ch-body{ padding-top:24px; }

/* 移动端两行分类条（一级子栏目 + 资料分类）间距过窄 */
@media (max-width:640px){
  .chnav.chnav-sub{ margin-top:8px; }
}

@media (max-width:1024px){
  .svc-entry{ margin-bottom:30px; }
  .pro_title2 + .ch-body{ padding-top:18px; }
}

@media (max-width:640px){
  .svc-entry{ margin-bottom:26px; }
  .pro_title2 + .ch-body{ padding-top:16px; }
}

/* ==========================================================================
   第 23 批：蜜罐字段对全站表单生效
   原规则只在 .tjwtBox 内，首页两个询价表单的蜜罐会占布局 / 可见。
   ========================================================================== */
form[data-inquiry] .hp{
    position:absolute !important; left:-9999px !important; top:auto !important;
    width:1px !important; height:1px !important; opacity:0 !important;
    pointer-events:none !important; border:0 !important; padding:0 !important;
}