@charset "utf-8";
/* eyoucms.com 易优CMS -- 好用,免费,安全 */
/* Style Reset*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote,h2,font
{ margin: 0; padding: 0; border:0;} 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
a{text-decoration:none;outline:0;}
html{overflow-x:hidden; }
.center{ text-align:center;}
.center img{ border:1px solid #ccc;}
/* fixed */
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../image/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../image/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../image/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}

/*header*/
body{color:#515d6b;font-size:12px; overflow-x:hidden;background:#fff; font-family:宋体;}
a{ color:#515d6b;}
.header{width:100%;min-width:1004px;padding:15px 0; background:#efefef; border-bottom:2px solid var(--xr-primary, #22b38a);}
.logo{ float:left;display:inline; padding:10px 0 0 0;}
.tel{ float:right;font-family:'Microsoft Yahei';}
.tel span{ display:block; font-size:22px;   text-align:right;color:var(--xr-primary, #22b38a); text-transform:uppercase;}
.tel p{ color:#2e2e2e; line-height:1; font-family: "Impact"; font-size:30PX;}
.menu{ width:100%;height:50px;background:var(--xr-primary, #22b38a); }
.menu ul{ width:980px; margin:0 auto;}
.menu li{float:left;display:inline;text-align:center;width:98px; position:relative;}
.menu li a{ display:block;width:100%;text-align:center; color:#FFF;font:14px/50px 'Microsoft Yahei'}
.menu li a.hover{  color:#FF5A00;}
.menu a:hover,.menu a.cur{ font-weig/ht:bold;  color:#fff;}
.menu li .nav a{ float:left; color:#000; width:100%; border-top:1px solid #000; text-align:center;line-height:50px;background:#ffe410}
.menu .nav a:hover,.menu .nav a.cur{height:50px; line-height:50px; padding:0;margin:0;background:#ffe410}
.vbanner{ height:279px; width:100%; min-width:980px;background:url(../image/vbanner.jpg) top center no-repeat}
.vbody #full-screen-slider{ height:279px; overflow:hidden;}
#full-screen-slider { width:100%; z-index:0; height:389px;position:relative}
#slides { display:block; width:100%; height:389px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:0%; bottom:52px;z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:24px; height:5px; font-size:1px; overflow:hidden; float:left; margin-left:1px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {}
.daohang{ position:absolute; width:148px; height:478px; background:url(../image/bannerbg1.png) left top no-repeat; left:20px; top:0; z-index:999;}
.daohang ul{ float:left; width:131px; height:341px; padding:87px 0 0 4px;}
.daohang ul li{ float:left; width:126px; height:39px; border-bottom:1px dotted #a7a6ad;}
.daohang ul li a{ float:left; width:126px; height:39px; text-align:center; line-height:39px; color:#934e32; font-size:14px; font-family:微软雅黑;}
/* index*/
.q_banfra{ width:100%; position:relative;}
.q_banyin{ z-index:999; position:absolute; top:0; width:100%; background:url(../image/bannerbg.png) left top repeat-x; left:0; height:27px;}
.activity{ width:100%; padding-top:35px; height:440px;}
.viewmore{ width:100%; background:url(../image/line.jpg) left center repeat-x; height:32px; text-align:center}
.viewmore a{ background:var(--xr-primary, #22b38a); width:84px; display: inline-block;*display: inline;*zoom:1; height:32px; color:#fff; font-size:14px; text-align:center; line-height:32px; }
.viewmore label{ background:#fff;}
/*notice*/
.notice{ width:100%;position:relative; z-index:99;height:30px; background:#000; line-height:30px;  }
.noticecon{ width:700px;float:left;}
.noticecon a{ color:#b4b4b4;}
.noticecon b{ float:left;font-family:'Microsoft Yahei'; font-size:16px; font-weight: normal; color:#fffefe; padding-left:10px;}
.noticecon marquee{ float:left;width:550px; color:#b4b4b4; font-size:12px; font-family:'宋体'}
.search{ position:relative; fl/oat:right; width:254px;z-index:999;height:30px;display:inline-block;line-height:30px;  padding-right:10px; background:#fff; border:1px solid #e5e5e5; }
.text{float:left;width:200px; display:inline; padding-left:5px;color:var(--xr-primary, #22b38a);height:28px; line-height:28px; margin:1px 0; margin-left:13px; border:0;}
.button{float:left;width:27px; margin-left:5px;height:26px; display:inline;background:url(../image/button.gif) left top no-repeat; border:0; margin-top:5px;}
.select{float:left;width:88px; color:#9296a2; margin-left:6px; display:inline;height:25px; line-height:25px;background:url(../image/select.gif) left top no-repeat; position:relative}
.select select{margin:5px auto;width:88px;}
div.selectbox-wrapper{border: #dcdcdc 1px solid; overflow:hidden;width:86px; *left:0;position: absolute;background: #fff;text-align:left;*margin-top:0;z-index:10;}
div.selectbox-wrapper ul li.selected {background:#45030f; color:#fff;}
div.selectbox-wrapper ul li.current {color: #fff;background-color:#45030f}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 20px;padding-top: 3px;font-size:12px;font-family:'Microsoft Yahei';color:#666;}
.selectbox{border:none;display:block;width:88px;text-indent:8px;cursor:pointer;height:25px;background:none;font-size:12px;font-family:'Microsoft Yahei';color:#9296a2;line-height:25px;}


.lv_ful{ float:left; width:182px; padding:0 0 0 14px;}
.lv_ful li{ float:left; width:182px; padding:20px 0 0 0; }
.lv_ful li a.a1{ float:left; width:182px; color:#fff; border-bottom:1px solid #787269; height:24px; line-height:24px; overflow:hidden;}
.lv_ful li a.a2{ padding:5px 0 0 0; float:left; width:182px; color:#898681; height:32px; line-height:16px; overflow:hidden;}
.lv_ful li a.a1:hover{ color:#fff;}
.lv_ful li a.a2:hover{ color:#898681;}
.lv_fmore{ float:left; width:180px; line-height:43px; height:43px; background:url(../image/lv_bu.png) left top no-repeat; font-size:18px; color:#45030f; font-family:微软雅黑; text-align:center; display:inline; margin:21px 0 0 14px;}
a.lv_fmore:hover{color:#45030f;}











.case{padding-top:35px;width:100%;position:relative; z-index:0;height:500px; background:#f5f5f5; }
.case .ititle{ border-bottom:1px solid #2f2f2f;}
.case .ititle font{ color:#fff;}




.lv_mmtopc{ width:980px; margin: 0 auto; height:35px; padding:10px 0 0px 0; text-align:center;}




#case{width:990px; float:left; padding-bottom:58px;}
#case li{ position:relative; margin:0 1px 1px 0;float:left;}
#case li img{ display:block;}
.casetitle{position:absolute; width:245px; height:118px; padding-top:66px; text-align:center; color:#fff;/* background:rgba(0,0,0,0.5);*/ background:url(../image/gray.png) top center repeat;_background:none; _background:#000; _filter:alpha(opacity=50); }
.viewbut{ width:40px; height:40px; float:left; display:inline; background:url(../image/view.png) top center no-repeat; margin:0 15px 0 76px;}
.zoombut{width:40px; height:40px; float:left; display:inline; background:url(../image/zoom.png) top center no-repeat;}
.case_t{width:245px; text-align:center; color:#fff; float:left; padding-top:20px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;font-family:'Microsoft Yahei'; font-size:15px;}

.main{ width:980px; margin:0 auto; overflow:hidden; position:relative;}
.fyMain{ margin-top:15px;margin-b/ottom:40px; width:100%; background:#fff; padding:30px 0 30px 0;  }


.pro .proimg{width:178px; height:241px; float:left; border:4px solid #fff; overflow:hidden;}
.pro li{ float:left; width:187px; margin-left:20px; overflow:hidden; position:relative;}
.casename{ height:30px;width:187px; padding:0 0px; float:left;  color:#3f2110; font-family:'宋体'; line-height:30px; font-weight:bold; }
.casename a{ color:#3f2110; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;text-align:center;}




/* foot*/
.linkbut{ position:absolute; left:0; width:100%; text-align:center; bottom:-21px;}
.footclear{ width:100%; clear:both; margin:0 0 0px 0;height:0px; font-size:0; overflow:hidden;}
.foot{width:100%; min-width:1004px;color:#a7a7a7; padding:50px 0 0 0; height:100px; overflow:hidden;background:#000}
.fmain{ width:900px; margin:0 auto; text-align:center;}
.f_link{ width:100%;height:41px;  line-height:41px;color:#4e6990; background:#fff; }
.f_link .main{ position:relative; z-index:999; text-align:center;}
.f_link a{padding-left:20px; color:#000000;}
.f_link span{  padding-left:50px; color:#000000;}
.bottomnav{width:100%; height:30px; line-height:30px; border-bottom:1px solid #282828; padding-top:29px;text-align:center;}
.bottomnav a{ height:45px;overflow:hidden;display:inline-block;width:90px;margin:0 5px; _display:inline; _zoom:1;}

.bootTxt{float:left;bo/rder-top:1px solid #080808;width:100%; padding-top:10px;line-height:30px; font-family:宋体;}
.bootTxt .fl{  padding/-left:20px; float:left; width:70%; text-align:left; color:#a7a7a7; padding-left:20px;}
.bootTxt .fl a{color:#a7a7a7;}
.bootTxt .fl a:hover{color:#a7a7a7;}
.foot a{ color:#a7a7a7;  }
.share{ float:right;width:210px; margin: 0 auto; padding:0px 0 0 0;}
.pronaf{ text-transform:uppercase;display:inline-block;text-align:center;  font-size:20px; background:#da231b; color:#fff; line-height:1.3; padding:0 10px;}
.f_linkmap{ float:right; background:url(../image/map.png) left center no-repeat; padding:0 0 0 40px; font-size:13px; height:32px;}
.f_linkmap a{ padding:0;}
.d_linleft{ float:left; width:690px;}
/* 二级页面*/
.fy{ margin:0 auto; width:980px;padding-bottom:0px; overflow:hidden; }
.title{ width:980px; line-height:38px; height:38px;position:relative;  margin-bottom:20px;}
.title .fl{ float:left;height:21px; color:#45030f; font-size:24px;font-family:'Microsoft Yahei'; }
.title .fr,.title .fr a{ color:#9d9d9d;font-size:14px;}
.title .fr{ margin-right:8px; font-family:' 宋体';}
.title .fr font{ font-size:14px;}

.fyLeft{ float:left;width:235px; margin-top:20px;overflow:hidden;  margin-bottom:20px; margin-left:5px;}
.l_procon{ float:left; width:232px;  }
.l_news{ float:left;width:240px;padding-bottom:30px; }
.l_news_t{ border-bottom:1px solid #ededed; height:25px; color:#70b80c; width:100%;}
.l_news_t .fl{font:20px/1 'Microsoft Yahei'; padding-left:3px;border-left:3px solid #70b80c; margin-left:9px;}
.l_news_t a{ background:#a9d46d; width:34px; height:22px; line-height:22px; text-align:center; color:#fff; float:right;}
.l_pro{float:left;width:240px; font-family:'Microsoft Yahei';padding-bottom:30px;}
.l_pro_t{font-family:'Microsoft Yahei';  font-size:18px;width:234px; height:38px; color:#000000; line-height:38px; border:1px solid #cecece; border-left:0; float:left; display:inline; margin-bottom:12px;}
.l_pro_t label{ height:38px; border-left:5px solid #a27760; float:left; padding-left:7px;}
.proOne{ width:100%;float:left;overflow:hidden;}
.proOne a{ font-family:'Microsoft Yahei';width:204px; border-bottom:1px solid #ceccbe; padding-left:30px; color:#2e2e2e; line-height:40px; float:left;font-size:14px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:url(../image/l_pro.gif) no-repeat 18px center ; }
.proTwo{ float:left; width:190px;line-height:25px;overflow:hidden; padding-left:45px; padding-top:10px;}
.proTwo li{ float:left; width:100%;}
.proOne a:hover{ color:#900005 }
.proTwo li a{  float:left; border-bottom:0; font-family:'Microsoft Yahei';font-size:14px; background:none; color:#2e2e2e; line-height:25px;width:190px;  font-weight:normal;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:0;}
.proTwo li a:hover{ float:left;color:#900005}
.l_contact{float:left;width:230px;font-family:'Microsoft Yahei';font-size:14px;}
.l_contactcon{ float:left;padding:10px 0 20px; padding-left:20px; width:213px;background:url(../image/l_contact.jpg) no-repeat top left;}
.l_tel{width:212px; margin-top:13px; float:left;  padding-left:18px; background:#70b80c; font-size:16px; color:#fff; line-height:28px; height:28px;}
.l_contactcon font{ color:#70b80c; font:22px/1 'Microsoft Yahei'}
.l_contactcon p{ color:#959595; margin:20px 0 15px 0; line-height:1.2;}
.l_contactcon a{ background:#70b80c; width:115px;  text-align:center; height:25px; display:block; line-height:25px; color:#fff;}
.pointer li{ float:left;width:100%; border-bottom:1px solid #ceccbe; height:39px; line-height:39px;}
.pointer li a{color:#525252; width:90%; float:left;background:url(../image/newsico.gif) 9px  17px no-repeat;padding-left:7%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pointer li a:hover{color:#000; }
.pointer li .fl{ cursor:pointer; float:left; width:60%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.pointer li .fr{ color:#707070 }
.pointer{float:left; width:238px; border:1px solid #ceccbe; background:#dfddce; padding:0 0 20px 0;}
.lv_cont{ float:left; width:235px; background: url(../image/map.png) center bottom  no-repeat; color:#515151; font-size:12px; pad/ding:10px 14px 0 14px; min-height:230px;_height:300px;}
.lv_cont p.p1{ height:35px; line-height:35px; float:left;width:185px; background:url(../image/lv4.png) 10px center no-repeat; display:inline; margin:5px 0 0 0; padding:0 0 0 50px; color:#7d716b; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.lv_cont p.p2{height:35px; float:left;width:185px; background:url(../image/lv5.png) 10px center no-repeat; padding:0 0 0 50px; color:#7d716b; font-size:14px; font-family:Arial, Helvetica, sans-serif;display:inline; margin:5px 0 0 0;}

.lv_cont p.p3{height:35px;line-height:35px;  float:left;width:185px; background:url(../image/lv6.png) 10px center no-repeat; padding:0 0 0 50px; color:#7d716b; font-siz/e:14px; font-family:Arial, Helvetica, sans-serif;display:inline; margin:5px 0 0 0;}


/* fyRight*/
.fyRight{ float:right; padding-bottom:30px;overflow:hidden;width:715px;   padding:20px 0 0 0;}
.membermain{padding-top:20px;}
.padding25{ padding:10px 0px;width:980px;word-break:break-all; line-height:30px; font-size:14px; min-height:640px; _height:640px; color:#777777;}
.mainr_line{float:left; height:18px; width:99%;background:url(../image/line_s.gif) top left repeat-x;}
/* list*/
.pro_list{ }
.pro_list li{ margin:13px 29px; float:left; width:179px; height:290px; display:inline;}
.pro_list .proimg{width:179px; height:241px; float:left; border:1px solid #cbcbcb;}
.pro_list li p{width:179px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:5px 0px; float:left; height:30px;color:#3f2110; font:12px/30px ' Y宋体';text-align:center; font-weight:bold;}

.news_list{padding:0 0 0 20px;width:960px;font-size:14px;}
.news_list li{ float:left;width:960px;line-height:40px; overflow:hidden; }
.newseven{ background:#eee}
.news_list li a{float:left;width:100%;height:40px; line-height:40px; color:#515151; overflow:hidden;}
.news_list li a:hover{color: var(--xr-primary, #22b38a);}
.news_list li a span{ cursor:pointer; }
.news_list li .fl{width:800px; margin-left:6px; display:inline;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding-left:10px; font-size:14px; }
.news_list li .fr{ margin-right:5px;font-size:12px; }
.news_line{ clear:both;width:687px; height:18px; margin:10px 0;}
.news_list p{ font-size:12px; padding:10px 20px; line-height:20px; color:#ccc;}
.pro_txtimg{float:left; margin-bottom:20px; padding-left:14px;}
.pro_txtimg li{ float:left;width:980px; padding:30px 0;border-bottom:1px solid #cdcdcd; }
.pro_li_img{float:left; width:220px;}
.proimg,.proimg img{ float:left;}
.pro_txtimg .proimg { float:left; width:218px; height:163px; border:2px solid #fff;}
.pro_li_txt{float:right; display:inline;width:735px; height:86px; color:#787878; line-height:36px; font-size:12px; }
.procon{ float:left; width:720px; line-height:26px; color:#777777; text/-indent:22px; height:104px; overflow:hidden; padding:10px 0 0 0; }
.protitle{float:left;width:540px;line-height:24px; padding:0px 0px 0px 0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:var(--xr-primary, #22b38a); font-size:14px; font-weight:bold;}
.pro_li_txt span{ float:left;width:735px; color:#777777; height:20px; padding:10px 0 0 0; line-height:20px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*news_view*/
.productfra h2{ font-size:18px; font-family:'Microsoft Yahei'; font-weight:normal; color:var(--xr-primary, #22b38a); text-align:left;}
.padding25 .center img{ border:1px solid #ccc; margin-bottom:10px; width:auto; max-width:600px;_width:expression(this.width > 600 ? "600px" : this.width);overflow:hidden; }
.newsview{ min-height:400px;display:inline; width:920px;padding-top:25px; margin-top:30px;border-top:1px solid #fff;margin-bottom:25px; padding-bottom:15px;_height:400px; font-size:14px; line-height:33px; float:left; color:#777; padding-left:40px; padding-right:40px;}
.main_r_nav span{ float:left; color:#616161;}
.title_s{ float:left; width:980px; text-align: left; border-bottom:1px solid #e4e4e4; color:#777; margin-bottom:10px;font-size: 12px;line-height:30px; padding:10px 0 0 0; display:inline; margin-bottom:20px;}
.viewcon .center img{margin-bottom:10px; width:auto; max-width:600px;_width:expression(this.width > 600 ? "600px" : this.width);overflow:hidden; }
.viewpage{ background:#eeeeee; width:100%; float:left}
.main_r_nav{ float:left; width:700px;height:66px; padding:10px 0; font-size:14px;margin-left:20px; display:inline; }
.returnlist{ width:50px; height:56px; padding:15px 18px;display:inline;float:right;color:#fff; line-height:30px;font-size:12px;background:var(--xr-primary, #22b38a);}
.returnlist a{ color: #fff; text-align:center;font-size:18px; font-family: "microsoft yahei";width: 100%; display: block; }
.main_r_nav a{color:#555; float:left; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:33px; font-size:14px;}
.main_r_nav a:hover{color:var(--xr-primary, #22b38a);}
.title_s .divleft{ float:left;}
.title_s .divright{ float:right; padding:0px 0 0 0;}
/* page*/
.page{padding-top:15px; font-size:14px;float:left; width:100%; line-height: 34px; text-align:center; color:#000;}
.page a { color:#262217; padding:0 10px; margin:0 5px;  border: 1px solid var(--xr-primary, #22b38a); background: #fff;}
.page *{ display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:32px;height:32px;padding-bottom:1px; }
.page a:hover {color:#262217; }
.page img{ height: auto; margin:0 3px;}
.page .bg{ font-weight: normal; background:var(--xr-primary, #22b38a); color:#fff; margin:0 5px;}
.page .disabled{padding:0 10px; color: #c5c5c5; border: 1px solid #d5d5d5; background: #fff; }
.page .current {display:inline-block;border: 1px solid #ff5a00;padding:0 10px;  color:#fff; background:#ff5a00; margin:0 5px;}
.total{text-align:center;height:32px; line-height:32px;}
.reach{text-align:left; padding-left:5px; height:32px; line-height:32px;}
.btn{ width:36px;}
.btn a{ background: #ff5a00; color: #fff; line-height: 34px; width: 64px; height: 34px; text-align: center; border:1px solid #ff5a00; font-weight:normal;}
.input_page{ width:30px;height:32px; text-align:center; border:1px solid var(--xr-primary, #22b38a); font-size:12px; line-height:32px;}
.arrow_l{
border:10px solid #000; margin-top: 10px;; display: inline; border-color:#f00 transparent transparent transparent; border-style:solid dashed dashed dashed;}
/* search*/
.searchnull{ float:left; text-align:center; width:100%; padding:3% 0; font-size:14px;}
.searchnull font{ color:#F00; font-size:14px;}
.searchmore{ float:left; width:92%; background:#efefef; text-align:center;margin:10px 20px;_margin:10px ; border:1px solid #dbd6f1}
.searchmore a{ line-height:25px; color:#333;}
.input_title{ background:none; line-height:30px;height:30px; padding-left:7px;}
/* book*/
.message{ float:left; padding-left:100px;}
.message input,.message textarea{ margin-left:13px;float:left; margin-bottom:14px;border: 1px solid #000; border-radius: 2px; line-height: 32px;height: 32px; text-indent: 10px; color: #555;}
.message textarea{ height: 177px;}
.yzm{ width: 747px;margin-left: 17%;}.yzm .fl{ margin-left: 15px;}
.message .subbut{ border:0;background: #000; border-radius: 3px;width:442px; height: 32px; line-height: 32px; color: #fff; font-size: 18px; font-family: "Microsoft Yahei";}
/* book*/
.viewcon{ overflow: hidden; ma/rgin: 0 12px 36px; width:940px;display:inline;word-break: break-all; color: #6c4c30; font-size: 14px; float:left; padding:0px 20px 20px;line-height:30px; font-size:14px;}
.book{ float:left; padding-left:114px;}
.bookmain{width:626px; margin:20px auto;height:auto;background:#fff;; overflow:auto; }
.bookline{width: 626px; height:34px;float:left; margin-top:10px;}
.book3{ width:626px; margin:0 auto;}
.booktop{ width:626px; height:30px; margin-bottom: 10px;;float:left; background:url(../image/bookico.png) no-repeat 10px 7px;color:#555; }
.booktop_name{  width:360px; height:30px; float:left; padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:right;text-align:right; line-height:30px; color:#555; font-size:14px; font-family:Arial}
.bookcontent{ width:718px; margin-bottom: 20px;min-height:40px; height: auto!important;float:left;
 border:1px solid #000; border-radius: 3px; padding:10px; color:#057be9;}
.bookadmin{ width:540px; height:auto; float:left; }
.bookcon_a{color: #555;}
.bookcon_a b{color: #555;}
.bookcon_t{ border-bottom:1px solid #000; width: 100%; color: #555;}
.bookadmin_top{ width:540px; height:12px; float:left;}
.bookadmin_mid{ width:500px; min-height:30px; background:#fff; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1);}
.admintimecol{ color:#5e7194;}

.c_red{ color:#f00;}
.searchred{ color:#f00 !important; margin:0 !important}

/* hr*/
.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-bottom:20px; background:#efefef; margin-left:15px;_margin-left:20px; } 
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px; background:#45030f; color:#fff;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }

/* hr */
.hr{ margin:10px 5px; float:left;width:95%;font-size:12px;line-height:24px; border:1px #CCC solid;border-collapse: collapse; background:#efefef; }
.hr td{border:1px #CCC solid;border-collapse: collapse; line-height:2;}
.hr input,.hr textarea{ line-height:1.8; border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:12px;}
#hrform{ float:left; width:100%;}

#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px}#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#lightbox-container-image-box > #lightbox-nav{left:0}#lightbox-nav a{outline:none}#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block}#lightbox-nav-btnPrev{left:0;float:left}#lightbox-nav-btnNext{right:0;float:right}#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0}#lightbox-container-image-data{color:#666}#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}#lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}








/*--index-----product------------*/

.proname{ margin:5px auto; width:980px;  text-align:center; color:var(--xr-primary, #22b38a); font-size:28px; font-family:Arial; text-transform:uppercase;}
.prona{ display:inline-block;*display:inline;*zoom:1;text-align:center; font-family:'Microsoft Yahei'; font-size:22px; background:#f5f5f5; color:#ef8700; line-height:1.3;}
.prona1{ display:inline-block;*display:inline;*zoom:1;text-align:center; font-family:'Microsoft Yahei'; font-size:22px; background:#fff; color:#ef8700; line-height:1.3;}
.prolanmu{ width:100%; padding:20px 0 5px 0;}
.prolanmu1{ width:100%; padding:20px 0 16px 0;}
.pro_lanfra a{color:#777777; background:#fff; border-radius:5px; display:inline-block;*display:line;*zoom:1; padding:0 5px; m/argin: 5px;}



.pro_lanfra{  margin:0 auto; width:980px;  text-align:center; font-size:14px; color:#4e6990;  line-height:30px; }
.pro_lanfra a{color:#777777; background:#fff; padding:1px 8px; border-radius:5px; display:inline-block;*display:inline;*zoom:1; }
.prolanmu1 .pro_lanfra a{color:#777777; background:#f5f5f5; padding:1px 8px; border-radius:5px; display:inline-block;*display:inline;*zoom:1; }
.prolanmu1 .pro_lanfra a.on{color:#fff; background:var(--xr-primary, #22b38a);}
.pro_lanfra a:hover{color:#fff; background:var(--xr-primary, #22b38a);}
.pro_lanfra a.cur{color:#fff; background:var(--xr-primary, #22b38a);}
.pro_lanfra a.promore{color:#ff002a;}
.pro_lanfra a.promore:hover{color:#ff002a;background:#fff;}
.prolanmu1 .pro_lanfra a.promore:hover{color:#ff002a;background:#f5f5f5;}
.pro_lanfra span{ position:relative; margin:5px;}
.pro_lanfra span .nnn{ width:800px; position:absolute; left:6px; top:20px;*top:28px; display:none; padding:8px 0 0 0; z-index:9; text-align:left;background:url(../image/jian.gif) 30px 3px no-repeat;}
.pro_lanfra span .nnn .nnfra{ float:left; background:var(--xr-primary, #22b38a);  border-radius:5px; color:#fff;}
.pro_lanfra span .nnn .nnfra a{ background:none; display:inline; float:none; color:#fff; font-size:12px; }
.pro_lanfra span .nnn .nnfra a:hover{ background:none; display:inline; color:#000; }




.view-port {overflow: hidden;position: relative; width:980px;}
.profra{ width:980px; margin:0 auto; height:300px;}
.slider-container {position: relative;height:260px;}
.profra li{ position: absolute;width:980px; left:0;display:inline;}
.bullet-pagination {width: 100%;text-align: center;}
.bullet {display: inline-block;width:15px; background:#a9a9a9;height:15px;border-radius:10px;margin-right: 10px;}
.bullet.active { background:#ff5a00; }
.profra li .limg{ float:left; width:220px; height:200px; display:inline; margin:30px 0 0 20px;}
.profra li .limg a.img{ cursor:pointer; float:left; width:220px; height:165px;  overflow:hidden;}
.profra li .limg a.wor{ font-family:宋体; color:#fff;float:left; width:220px; height:32px; line-height:32px; font-size:14px; text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:#1a1d22;}
.profra li .limg a.wor:hover{ background:var(--xr-primary, #22b38a)}
.profra li .limg a.img:hover img{-webkit-transform: scale(1.1);
   
	-ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
	 transform: scale(1.1);
	 -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s; }
.kec{ width:100%; background:url(../image/line.jpg) left center repeat-x; text-align:center; margin:0 0 20px 0;}

/*----index---news*/
.news{ width:1000px; margin:0 auto; height:360px; padding:0px 0 0 0;}
.newsul{ float:left; width:1000px; padding:0px 0 0px 0px; height:290px; overflow:hidden;}
.newsul li{ cursor:pointer; float:left; width:480px; height:95px; display:inline; margin:20px 10px 20px 10px;}
.newsul li a{ cursor:pointer; float:left; width:480px; height:95px;  background:#f7f7f7; position:relative;}
.newsul li a em{ position:absolute;width:478px; height:93px; border:1px solid #e7e7e7; left:0; top:0;-webkit-transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;
}
.newsul li a:hover em{   position:absolute;width:478px; height:93px; border:1px solid var(--xr-primary, #22b38a); left:-4px; top:-4px;}

.newsul li a:hover{ cursor:pointer; float:left; width:480px; height:95px; background:#e4e4e4}
.newsimg{ float:left; width:100px; height:75px; display:inline; margin:9px 0 0 9px;}
.newsword{ float:left; width:355px; padding:0 0 0 10px;}
.newsword p.top{ float:left; width:355px; height:35px; line-height:35px;}
.newsword p.top span{ float:left; width:240px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#4e6990; font-size:14px;}
.newsword p.top label{ float:right; width:100px; font-family:Arial, Helvetica, sans-serif; color:#747474;}
.newscon{ color:#747474; float:left;width:355px; height:48px; line-height:24px; overflow:hidden;}
.newsfra{ width:100%; height:452px; padding:40px 0 0 0;}
.more{ width:100%; text-align:center;  text-transform:uppercase;}
.more a{text-align:center;white-space:nowrap; color:var(--xr-primary, #22b38a);
	font:16px/1.2 "Book Antiqua"; border:0.17em solid var(--xr-primary, #22b38a); padding:0 1.1em; display:inline-block;margin:0 auto;}
.more font{ display:block; font-size:1.2em;  padding:0 2%; position:relative; margin-top:-10px; background:#fff; font-family:'Microsoft Yahei'; font-size:15px; }

/*---index---底部导航*/
.menuf{ width:100%;height:45px;background:var(--xr-primary, #22b38a); position:relative; }
.menuf ul{ width:980px; margin:0 auto; padding:10px 0 0 0;}
.menuf li{float:left;display:inline;text-align:center;width:80px; margin:0 9px 0 9px;}
.menuf li a{ float:left;width:100%;text-align:center; color:#FFF;font:12px ;  height:28px; line-height:28px; }
.menuf a:hover,.menuf a.cur{ font-weig/ht:bold; background: url(../image/daohover.jpg) left top no-repeat; color:#fff;}
.menuf li .nav a{ float:left; color:#000; width:80px; border-top:1px solid #000; text-align:center;line-height:28px;background:#ffe410}
.menuf .nav a:hover,.menuf .nav a.cur{height:45px; line-height:45px; padding:0;margin:0;background:#ffe410}
/*--------------------index----------activity----------*/
/*本例css*/
.aitecms { width: 980px; height: 230px; margin:20px auto 35px auto; position: relative; overflow:hidden;  }

/*数字按钮样式*/
.aitecms .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; right: 118px; zoom:1; z-index:3; width:418px; text-align:center; }
.aitecms .num li { font-size:0; width: 13px; height: 13px;  color: #FFFFFF; background: #a9a9a9; margin: 0 10px; border-radius:50%; cursor:pointer; display:inline-block;*display:inline;*zoom:1; color:#a9a9a9}
.aitecms .num li.on { background: #ff5a00; color:#ff5a00; } /*当前项*/

/*上一个  下一个*/
.aitecms .prev,
.aitecms .next {  width: 22px; height: 36px;  position: absolute; top: 185px;}
.aitecms .prev { left: 399px;background:url(../image/ppr.gif) left top no-repeat; }
.aitecms .next { right: 78px; background:url(../image/nne.gif) left top no-repeat; }
.imgfra{ float:left; width:294px; height:219px; background:url(../image/imgfra.jpg) left top no-repeat; float:left; padding:3px;}
.acright{ float:left; width:652px; padding:0 0 0 20px;}
.acright h4{ display:block; font-size:18px; color:#454545; font-family:微软雅黑; text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight: normal; padding:0 0 20px 0; margin:0;}
.acright .accon{ float:left; line-height:32px; height:128px; overflow:hidden; text-align:center; color:#747474; font-size:14px; overflow:hidden; font-family:宋体;}



/*--------------------index----------最新资讯*/
.newsframe{ width:100%; height:340px; background:#f2f2f2;}
.news_fra{ width:980px; height:280px; margin:0 auto; padding:54px 0 0 0;}
.news_fleft{ float:left; width:470px;}
.news_fleft p.p1{ float:left; width:470px; font-weight:bold;}
.news_fleft p.p1 span{ float:left; background:var(--xr-primary, #22b38a); font-family:'Microsoft Yahei'; font-size:24px; color:#fff; height:25px; line-height:25px; overflow:hidden; padding:0px 0 2px 0;}
.news_fleft p.p1 label{ float:left;  font-family:'Microsoft Yahei'; font-size:14px; color:#9e9d9d; padding:10px 0 0 10px;}
.news_fleft p.p2{ float:left; width:470px; font-weight:bold; height:25px; color:#636363; font-size:30px; font-family:'Impact'; padding:0px 0 0 0; text-transform:uppercase; line-height:25px; overflow:hidden;}
.news_ful{ float:left; width:460px; padding:28px 0 0 0;}
.news_ful li{ float:left; width:460px;}
.news_ful li a{ float:left; width:436px; height:30px; line-height:30px; color:#747474; padding:0 0 0 24px; background:url(../image/gra.jpg) 5px  center no-repeat;}
.news_ful li a p{ float:left; width:356px; line-height:30px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news_ful li a:hover{   color:var(--xr-primary, #22b38a); background:url(../image/gr.jpg) 5px  center no-repeat;}
.news_ful li a  span{ float:right; width:70px; height:30px; line-height:30px; overflow:hidden; font-size:10px;  font-family:Arial, Helvetica, sans-serif;}
.news_fright{ float:right; width:410px;}
.news_fright p.p1{ float:left; width:410px; text-align:right; color:#636363; font-family:'Microsoft Yahei'; font-weight:bold; font-size:30.92px;}
.news_fright p.p2{ float:left; width:410px; text-align:right; color:var(--xr-primary, #22b38a); font-family:'Impact'; font-weight:bold; font-size:38.28px;}
.news_frcon{ float:left; width:410px;}
p.mapimg{ float:right; padding:20px 0 0 0;}
.news_frr{ float:left; width:230px;padding:20px 0 0 0; color:#747474; line-height:24px;}
.news_mapcon{ float:left; width:230px;}
.news_mapcon label{ float:left; width:40px; font-family:宋体}
.news_mapcon span{ float:left; width:180px; font-size:12px;}
/*------about-----*/
.fyfra{ width:100%; background:#f3f3f3}
.pronaa{margin:10px auto; width:980px; text-align:center; font-size:18px;font-family:'Microsoft Yahei';}
.pronaa font{ font-size:24px;}
.pro_lanfraa{ margin:0 auto; width:980px; height:10px; text-align:center; font-size:14px; color:#4e6990; background:url(../image/tiao.jpg) center bottom no-repeat; line-height:40px;}

/*--------------product-----------------*/
.productfra{ width:980px; margin:0 auto; overflow:hidden; padding:20px  0;}
.productul{ float:left; width:980px;}
.productul li{ float:left; width:220px; height:200px; display:inline; padding:0 0 20px 20px;}
.productul li a{ float:left; width:220px; height:200px;}
.productul li  a{ cursor:pointer; float:left; width:220px; height:200px; background:#1a1d22; color:#fff;}
.productul li  a:hover{cursor:pointer; float:left; width:220px; height:200px; background:var(--xr-primary, #22b38a); color:#fff;}
.productul li a p{ float:left; width:220px; height:35px; line-height:35px; font-size:14px; text-align:center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* ===================================================================
   页头 logo 高度限制（防止大图撑高头部）
   =================================================================== */
.logo img,
.header .logo img,
.header .main .logo img,
.header .container .logo img,
.logo .pngFix,
.logo a img {
    max-height: 60px !important;
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    display: block !important;
}

/* 头部由内容撑开，不限制高度 */
.header {
    min-height: 90px;
    padding: 14px 0;
    box-sizing: border-box;
}

.header .main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 62px;
    overflow: visible;
    width: 980px;
    margin: 0 auto;
    position: relative;
}

/* logo 去掉浮动，靠 flex 居左 */
.header .main .logo {
    float: none;
    display: flex;
    align-items: center;
    max-width: 320px;
}

/* 咨询热线靠右 */
.header .main .tel {
    float: none;
    text-align: right;
    flex-shrink: 0;
}
/* ===================================================================
   首页轮播：高度跟随图片（不裁切）
   =================================================================== */

/* 外层容器不再固定高度 / 超宽 */
.q_banfra,
.nf_width_control,
.nf_width_control .main_content {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.nf_hp_kv {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    position: relative;
    overflow: hidden;
}

.nf_hp_kv .window {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
    position: relative;
}

/* kv_item 回到普通流，由内部 img 撑高 */
.nf_hp_kv .window .kv_item {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    z-index: auto !important;
}

/* 图片完整显示，不裁切 */
.nf_hp_kv .window .kv_item img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain;
}

/* 顶部那条装饰（bannerbg.png）不再盖住图片 */
.q_banyin {
    display: none !important;
}

/* 左右箭头：相对整块轮播垂直居中 */
.nf_hp_kv .btn_prev,
.nf_hp_kv .btn_next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 30 !important;
    margin: 0 !important;
}

.nf_hp_kv .btn_prev {
    left: 24px !important;
    right: auto !important;
}

.nf_hp_kv .btn_next {
    right: 24px !important;
    left: auto !important;
}

/* 移动端箭头缩小 */
@media (max-width: 767px) {
    .nf_hp_kv .btn_prev,
    .nf_hp_kv .btn_next {
        transform: translateY(-50%) scale(.7) !important;
    }

    .nf_hp_kv .btn_prev {
        left: 8px !important;
    }

    .nf_hp_kv .btn_next {
        right: 8px !important;
    }
}
/* ===================================================================
   首页轮播（Swiper）
   =================================================================== */
.xr-banner-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #f2f2f2;
}

.xr-banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.xr-banner .swiper-wrapper {
    display: flex;
    height: auto;
}

.xr-banner .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
}

.xr-banner-link {
    display: block;
    line-height: 0;
}

.xr-banner .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover;
}

/* 分页圆点 */
.xr-banner-pager {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 18px;
    text-align: center;
    z-index: 10;
}

.xr-banner-pager .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px !important;
    background: rgba(255, 255, 255, .55);
    opacity: 1;
    border-radius: 50%;
    transition: all .3s;
}

.xr-banner-pager .swiper-pagination-bullet-active {
    width: 28px;
    border-radius: 5px;
    background: #ffffff;
}

/* 左右箭头 */
.xr-banner-prev,
.xr-banner-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    margin: 0 !important;
    border-radius: 50%;
    background: rgba(0, 0, 0, .28) !important;
    background-image: none !important;
    z-index: 11;
    transition: background .3s, opacity .3s;
    opacity: 0;
}

.xr-banner:hover .xr-banner-prev,
.xr-banner:hover .xr-banner-next {
    opacity: 1;
}

.xr-banner-prev:hover,
.xr-banner-next:hover {
    background: rgba(0, 0, 0, .5) !important;
}

.xr-banner-prev {
    left: 24px !important;
    right: auto !important;
}

.xr-banner-next {
    right: 24px !important;
    left: auto !important;
}

/* 用 CSS 画箭头，不依赖图片 */
.xr-banner-prev::after,
.xr-banner-next::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.xr-banner-prev::after {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.xr-banner-next::after {
    transform: translate(-70%, -50%) rotate(45deg);
}

/* 移动端 */
@media (max-width: 767px) {
    .xr-banner-prev,
    .xr-banner-next {
        width: 34px;
        height: 34px;
        opacity: .7;
    }

    .xr-banner-prev {
        left: 10px !important;
    }

    .xr-banner-next {
        right: 10px !important;
    }

    .xr-banner-pager {
        bottom: 10px;
    }

    .xr-banner-pager .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .xr-banner-pager .swiper-pagination-bullet-active {
        width: 20px;
    }
}

/* 隐藏旧的 kv 轮播残留 */
.nf_hp_kv,
.q_banfra,
.q_banyin {
    display: none !important;
}
/* ===================================================================
   产品轮播（服务项目区）：一行 4 个
   =================================================================== */

.profra {
    width: 980px !important;
    margin: 0 auto !important;
    height: auto !important;
    min-height: 240px;
}

.profra .view-port {
    width: 980px !important;
    overflow: hidden;
    position: relative;
    height: 240px;
}

.profra .slider-container {
    position: relative;
    height: 240px;
    width: 100%;
}

/* 关键：每个 li 只占 1/4 宽（原来 980px 导致一行只有 1 个） */
.profra li,
.profra li.item {
    position: absolute;
    width: 245px !important;
    left: 0;
    top: 0;
    display: block;
    height: 240px;
}

/* 卡片居中 */
.profra li .limg {
    float: none !important;
    width: 220px !important;
    height: 200px !important;
    margin: 20px auto 0 !important;
    display: block !important;
    position: relative;
}

.profra li .limg a.img {
    display: block !important;
    width: 220px !important;
    height: 165px !important;
    overflow: hidden;
    float: none !important;
}

.profra li .limg a.img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

.profra li .limg a.wor {
    display: block !important;
    width: 220px !important;
    height: 32px !important;
    line-height: 32px !important;
    float: none !important;
    font-size: 14px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background: #1a1d22;
    color: #fff;
    transition: background .25s;
}

.profra li .limg a.wor:hover {
    background: var(--xr-primary, #22b38a);
    color: #fff;
}

/* 分页圆点 */
.profra .bullet-pagination {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    height: 20px;
}

.profra .bullet-pagination .bullet {
    display: inline-block;
    width: 22px;
    height: 6px;
    margin: 0 4px;
    border-radius: 3px;
    background: #d8d8d8;
    transition: background .25s, width .25s;
}

.profra .bullet-pagination .bullet.active {
    background: var(--xr-primary, #22b38a);
    width: 32px;
}

/* 栏目导航条（首页/公司介绍/…） */
.pro_lanfra {
    width: 980px !important;
    margin: 16px auto 0 !important;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

.pro_lanfra span {
    display: inline-block;
    margin: 0 4px;
}

.pro_lanfra span a {
    display: inline-block;
    padding: 3px 14px !important;
    border-radius: 15px;
    background: #f5f5f5 !important;
    color: #666 !important;
    font-size: 13px;
    text-decoration: none;
    transition: all .25s;
}

.pro_lanfra span a:hover {
    background: var(--xr-primary, #22b38a) !important;
    color: #fff !important;
}

/* 「查看更多」按钮 */
.pro_lanfra a.promore {
    display: inline-block;
    margin-left: 10px;
    padding: 3px 16px !important;
    border-radius: 15px;
    background: var(--xr-primary, #22b38a) !important;
    color: #fff !important;
    font-size: 13px;
    text-decoration: none;
    transition: all .25s;
}

.pro_lanfra a.promore:hover {
    background: #1a9170 !important;
}

/* 搜索框 */
.case .lv_mmtopc .search {
    width: 980px;
    margin: 0 auto 16px;
}

.case .lv_mmtopc .search form {
    width: 340px;
    margin: 0 auto;
    display: flex;
    gap: 8px;
}

.case .lv_mmtopc .search .text {
    flex: 1;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 14px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 17px !important;
    font-size: 13px;
    outline: none;
    background: #fff !important;
}

.case .lv_mmtopc .search .text:focus {
    border-color: var(--xr-primary, #22b38a) !important;
}

.case .lv_mmtopc .search .button {
    width: 70px !important;
    height: 34px !important;
    border-radius: 17px !important;
    background: var(--xr-primary, #22b38a) !important;
    background-image: none !important;
    cursor: pointer;
    border: none !important;
    color: #fff;
    font-size: 13px;
    transition: background .25s;
}

.case .lv_mmtopc .search .button:hover {
    background: #1a9170 !important;
}

/* 标题 */
.case .kec .prona1 {
    text-align: center;
    font-size: 24px;
    color: #333;
    padding: 20px 0 14px;
    margin: 0;
}

/* 移动端 */
@media (max-width: 1199px) {
    .profra,
    .profra .view-port,
    .pro_lanfra,
    .case .lv_mmtopc .search {
        width: 100% !important;
        max-width: 980px;
        box-sizing: border-box;
        padding: 0 10px;
    }

    .profra li,
    .profra li.item {
        width: 25% !important;
    }

    .profra li .limg {
        width: 92% !important;
        max-width: 220px;
    }

    .profra li .limg a.img,
    .profra li .limg a.wor {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .profra li,
    .profra li.item {
        width: 50% !important;
    }

    .profra .view-port {
        height: 400px;
    }
}
/* ===================================================================
   内容区宽度：980px → 1200px（桌面端）
   =================================================================== */

/* ① 所有容器统一 1200 */
.main,
.header .main,
.menu ul,
.profran,
.profra,
.profra .view-port,
.pro_lanfra,
.case .lv_mmtopc .search,
.news_fra,
.news_fleft,
.news_fright,
.newsCon,
.f_link .main,
.foot .main {
    width: 1200px !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

/* ② 导航条：项目均分，不换行 */
.menu ul {
    display: flex !important;
    justify-content: center;
    flex-wrap: nowrap;
}

.menu li {
    float: none !important;
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
}

.menu li a {
    padding: 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ③ 产品卡片：1200 / 4 = 300 */
.profra {
    height: auto !important;
    min-height: 300px;
}

.profra .view-port {
    height: 300px !important;
}

.profra .slider-container {
    height: 300px;
}

.profra li,
.profra li.item {
    width: 300px !important;
    height: 300px;
}

.profra li .limg {
    width: 272px !important;
    height: 250px !important;
    margin: 24px auto 0 !important;
}

.profra li .limg a.img {
    width: 272px !important;
    height: 208px !important;
}

.profra li .limg a.wor {
    width: 272px !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 15px;
}

/* ④ 服务项目区标题、搜索居中 */
.case .kec .prona1 {
    text-align: center;
    font-size: 26px;
    padding: 26px 0 16px;
}

/* ⑤ 大屏（1600+）再宽一点 */
@media (min-width: 1600px) {
    .main,
    .header .main,
    .menu ul,
    .profra,
    .profra .view-port,
    .pro_lanfra,
    .case .lv_mmtopc .search,
    .news_fra,
    .f_link .main,
    .foot .main {
        width: 1320px !important;
    }

    .profra li,
    .profra li.item {
        width: 330px !important;
    }

    .profra li .limg {
        width: 300px !important;
    }

    .profra li .limg a.img,
    .profra li .limg a.wor {
        width: 300px !important;
    }
}

/* ⑥ 中等屏：100% 自适应 */
@media (max-width: 1239px) {
    .main,
    .header .main,
    .menu ul,
    .profra,
    .profra .view-port,
    .pro_lanfra,
    .case .lv_mmtopc .search,
    .news_fra,
    .f_link .main,
    .foot .main {
        width: 100% !important;
        padding-left: 12px;
        padding-right: 12px;
    }

    .profra li,
    .profra li.item {
        width: 25% !important;
    }

    .profra li .limg {
        width: 92% !important;
        max-width: 272px;
    }

    .profra li .limg a.img,
    .profra li .limg a.wor {
        width: 100% !important;
    }
}

/* ⑦ 手机：2 列 */
@media (max-width: 767px) {
    .profra li,
    .profra li.item {
        width: 50% !important;
    }

    .profra .view-port,
    .profra .slider-container {
        height: 560px !important;
    }

    .menu ul {
        flex-wrap: wrap;
    }

    .menu li {
        flex: 0 0 33.33%;
    }

    .menu li a {
        font-size: 13px;
    }
}

/* ⑧ header 宽度同步 */
.header {
    min-width: 0 !important;
}

.header .main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* ===================================================================
   服务项目区（.case）：去白底、去固定高度
   =================================================================== */

/* 原来的 background:#f5f5f5 + height:500px 让整块看起来很闷，
   高度不够还会把分页圆点挤出到下一个区块 */
.case {
    background: transparent !important;
    height: auto !important;
    padding: 0 !important;
    position: relative;
    z-index: auto !important;
}

/* 标题下的装饰线换成本地不存在的图，去掉 */
.case .kec {
    background: none !important;
    margin: 0 0 10px 0 !important;
    text-align: center;
}

.case .kec .prona1 {
    display: inline-block;
    background: transparent !important;
    color: #1a1d22 !important;
    font-size: 28px !important;
    font-weight: 600;
    padding: 34px 0 18px !important;
    position: relative;
}

/* 标题左右的小竖线用伪元素画 */
.case .kec .prona1::before,
.case .kec .prona1::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 32px;
    height: 2px;
    background: var(--xr-primary, #22b38a);
    transform: translateY(-50%);
}

.case .kec .prona1::before {
    left: -46px;
}

.case .kec .prona1::after {
    right: -46px;
}

/* font 标签颜色 */
.case .kec .prona1 font {
    color: #1a1d22 !important;
}

/* 搜索区高度自适应 */
.case .lv_mmtopc {
    height: auto !important;
    padding: 0 !important;
}

/* 轮播区高度自适应，分页不再溢出 */
.case .track {
    height: auto !important;
    padding-bottom: 34px;
}

.case .profra {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0;
}

/* 分页圆点：正常文档流，不跑位 */
.case .bullet-pagination {
    position: relative !important;
    margin-top: 20px !important;
    height: 24px !important;
    text-align: center;
    z-index: 5;
}

/* 区块底部留白 */
.case::after {
    content: '';
    display: block;
    clear: both;
}

/* 搜索按钮 */
.case .lv_mmtopc .search .button {
    width: 76px !important;
    height: 36px !important;
    line-height: 36px !important;
    border-radius: 18px !important;
    background: var(--xr-primary, #22b38a) !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 14px !important;
    border: none !important;
    cursor: pointer;
    transition: background .25s;
    text-align: center;
}

.case .lv_mmtopc .search .button:hover {
    background: #1a9170 !important;
}
/* ===================================================================
   案例展示区：宽度 1200，3 列，6 条
   =================================================================== */

.newsfra {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
}

.newsframe {
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    padding: 40px 0 60px;
    box-sizing: border-box;
}

/* 容器 1200（原 1000） */
.newsfra .news {
    width: 1200px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    box-sizing: border-box;
}

/* 用 flex 排 3 列 */
.newsfra .newsul {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* 每项占 1/3 */
.newsfra .newsul li {
    float: none !important;
    width: calc((100% - 40px) / 3) !important;
    height: 112px !important;
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box;
}

.newsfra .newsul li a {
    float: none !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    position: relative;
    background: #f9f9f9;
    box-sizing: border-box;
    transition: background .25s;
}

.newsfra .newsul li a:hover {
    background: #f0faf7;
}

/* 边框（悬停变绿） */
.newsfra .newsul li a em {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: calc(100% - 2px) !important;
    height: calc(100% - 2px) !important;
    border: 1px solid #e7e7e7 !important;
    box-sizing: border-box;
    transition: border-color .25s, left .2s, top .2s;
}

.newsfra .newsul li a:hover em {
    border-color: var(--xr-primary, #22b38a) !important;
    left: -3px !important;
    top: -3px !important;
}

/* 缩略图 */
.newsfra .newsimg {
    float: left !important;
    width: 110px !important;
    height: 90px !important;
    margin: 11px 0 0 11px !important;
    object-fit: cover;
    display: block;
}

/* 文字区 */
.newsfra .newsword {
    float: none !important;
    width: auto !important;
    margin-left: 132px;
    padding: 0 12px 0 0 !important;
    box-sizing: border-box;
}

.newsfra .newsword p.top {
    float: none !important;
    width: 100% !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0;
    overflow: hidden;
}

.newsfra .newsword p.top span {
    float: left !important;
    width: calc(100% - 86px) !important;
    color: #2b2826 !important;
    font-size: 14px !important;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: color .25s;
}

.newsfra .newsul li a:hover .newsword p.top span {
    color: var(--xr-primary, #22b38a) !important;
}

.newsfra .newsword p.top label {
    float: right !important;
    width: auto !important;
    color: #a5a5a5 !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif;
}

.newsfra .newscon {
    float: none !important;
    width: 100% !important;
    height: 44px !important;
    line-height: 22px !important;
    color: #8a8a8a !important;
    font-size: 13px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 查看更多按钮 */
.newsfra .more {
    width: 100% !important;
    text-align: center;
    margin-top: 34px !important;
}

.newsfra .more a {
    border: 2px solid var(--xr-primary, #22b38a) !important;
    padding: 0 26px !important;
    border-radius: 4px;
    display: inline-block !important;
    color: var(--xr-primary, #22b38a) !important;
    text-decoration: none;
    transition: all .3s;
}

.newsfra .more a:hover {
    background: var(--xr-primary, #22b38a);
    color: #fff !important;
}

.newsfra .more a:hover font {
    background: var(--xr-primary, #22b38a);
    color: #fff;
}

.newsfra .more font {
    display: block;
    font-size: 15px !important;
    padding: 8px 0 !important;
    margin-top: -12px;
    background: #fff;
    font-family: 'Microsoft Yahei';
    position: relative;
    transition: background .3s, color .3s;
}

/* 标题 */
.newsfra .kec {
    background: none !important;
    margin: 0 0 10px !important;
}

.newsfra .kec .prona1 {
    display: inline-block;
    background: transparent !important;
    color: #1a1d22 !important;
    font-size: 28px !important;
    font-weight: 600;
    padding: 34px 0 18px !important;
    position: relative;
    margin: 0;
}

.newsfra .kec .prona1::before,
.newsfra .kec .prona1::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 32px;
    height: 2px;
    background: var(--xr-primary, #22b38a);
    transform: translateY(-50%);
}

.newsfra .kec .prona1::before {
    left: -46px;
}

.newsfra .kec .prona1::after {
    right: -46px;
}

.newsfra .kec .prona1 font {
    color: #1a1d22 !important;
}

/* 响应式：2 列 */
@media (max-width: 1239px) {
    .newsfra .news {
        width: 100% !important;
    }

    .newsfra .newsul li {
        width: calc((100% - 20px) / 2) !important;
    }
}

/* 手机：1 列 */
@media (max-width: 767px) {
    .newsfra .newsul {
        gap: 14px;
    }

    .newsfra .newsul li {
        width: 100% !important;
        height: 104px !important;
    }

    .newsfra .newsimg {
        width: 96px !important;
        height: 78px !important;
        margin: 13px 0 0 13px !important;
    }

    .newsfra .newsword {
        margin-left: 118px;
    }

    .newsfra .kec .prona1 {
        font-size: 24px !important;
    }
}
/* ===================================================================
   案例 + 新闻：宽度 1200（用 vw 计算，脱离父级约束）
   =================================================================== */

/* ---------- 案例展示（.newsfra） ---------- */
.newsfra {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

/* 关键：用 min(1200px, 100vw - 40px) 保证大屏 1200、小屏留边 */
.newsfra .news {
    width: min(1200px, calc(100vw - 40px)) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
    display: block !important;
}

.newsfra .newsul {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
}

.newsfra .newsul li {
    float: none !important;
    width: calc((100% - 40px) / 3) !important;
    min-width: 0 !important;
    height: 118px !important;
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box;
}

/* 卡片内文字放大一点，视觉更饱满 */
.newsfra .newsword p.top span {
    font-size: 15px !important;
}

.newsfra .newscon {
    font-size: 13.5px !important;
    line-height: 23px !important;
    height: 46px !important;
}

/* ---------- 新闻资讯（.newsframe / .news_fra） ---------- */
.newsframe {
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    padding: 50px 0 60px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.news_fra,
.newsframe .news_fra {
    width: min(1200px, calc(100vw - 40px)) !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    gap: 40px;
    align-items: flex-start;
    overflow: visible !important;
}

/* 左：资讯中心标题块 */
.news_fra .news_fleft,
.newsframe .news_fleft {
    flex: 0 0 280px;
    width: 280px !important;
    max-width: 280px !important;
    float: none !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* 右：新闻列表 */
.news_fra .news_fright,
.newsframe .news_fright {
    flex: 1 1 auto;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    float: none !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* 新闻列表项 */
.news_ful {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.news_ful li {
    width: 100% !important;
    float: none !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    border-bottom: 1px dashed #e8e8e8;
}

.news_ful li:last-child {
    border-bottom: none;
}

.news_ful li a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 8px !important;
    width: 100% !important;
    box-sizing: border-box;
    text-decoration: none !important;
    transition: background .25s, padding-left .25s;
    border-radius: 4px;
}

.news_ful li a:hover {
    background: #f7fdfb;
    padding-left: 16px !important;
}

.news_ful li a p {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #2b2826 !important;
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .25s;
}

.news_ful li a:hover p {
    color: var(--xr-primary, #22b38a) !important;
}

.news_ful li a span {
    flex: 0 0 auto;
    font-size: 13px !important;
    color: #a5a5a5 !important;
    font-family: Arial, Helvetica, sans-serif;
}

/* 左侧标题样式 */
.news_fleft .p1,
.news_fleft .p1 span {
    font-size: 28px !important;
    color: #1a1d22 !important;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 6px !important;
    display: block;
}

.news_fleft .p1 label {
    display: inline-block;
    margin-top: 12px;
    font-size: 13px !important;
    color: var(--xr-primary, #22b38a) !important;
    cursor: pointer;
    border-bottom: 1px solid var(--xr-primary, #22b38a);
    padding-bottom: 2px;
    transition: opacity .25s;
}

.news_fleft .p1 label:hover {
    opacity: .7;
}

.news_fleft .p2 {
    font-size: 13px !important;
    color: #b5b5b5 !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 20px !important;
}

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    .newsfra .newsul li {
        width: calc((100% - 20px) / 2) !important;
    }

    .news_fra,
    .newsframe .news_fra {
        flex-direction: column;
        gap: 24px;
    }

    .news_fra .news_fleft,
    .newsframe .news_fleft {
        flex: 0 0 auto;
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 767px) {
    .newsfra .news,
    .news_fra,
    .newsframe .news_fra {
        width: calc(100vw - 28px) !important;
    }

    .newsfra .newsul {
        gap: 14px;
    }

    .newsfra .newsul li {
        width: 100% !important;
        height: 108px !important;
    }

    .news_fleft .p1,
    .news_fleft .p1 span {
        font-size: 22px !important;
    }

    .news_ful li a p {
        font-size: 14px !important;
    }
}
/* ===================================================================
   新闻资讯（全新设计）：左大图 + 右侧列表
   =================================================================== */
.xr-news {
    width: 100%;
    background: #faf9f7;
    padding: 70px 0 80px;
    box-sizing: border-box;
}

.xr-news-inner {
    width: min(1200px, calc(100vw - 40px));
    margin: 0 auto;
    box-sizing: border-box;
}

/* ---------- 头部 ---------- */
.xr-news-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 22px;
    margin-bottom: 36px;
    border-bottom: 1px solid #ece8e3;
}

.xr-news-head-left {
    position: relative;
}

.xr-news-en {
    display: block;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 3px;
    color: #b0aaa4;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.xr-news-title {
    font-size: 30px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #1a1d22 !important;
    margin: 0 !important;
    letter-spacing: 1px;
}

.xr-news-line {
    display: block;
    width: 40px;
    height: 3px;
    background: var(--xr-primary, #22b38a);
    border-radius: 2px;
    margin-top: 14px;
}

.xr-news-more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 22px;
    border-radius: 24px;
    border: 1px solid #dcd7d1;
    font-size: 13px;
    line-height: 1;
    color: #6b6663 !important;
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
    transition: all .3s cubic-bezier(.2, .8, .3, 1);
}

.xr-news-more svg {
    transition: transform .3s;
}

.xr-news-more:hover {
    background: var(--xr-primary, #22b38a);
    border-color: var(--xr-primary, #22b38a);
    color: #fff !important;
}

.xr-news-more:hover svg {
    transform: translateX(4px);
}

/* ---------- 布局：左大图 + 右列表 ---------- */
.xr-news-layout {
    display: flex;
    gap: 44px;
    align-items: stretch;
}

/* 左侧大图卡片 */
.xr-news-hero-wrap {
    flex: 0 0 520px;
    max-width: 520px;
    min-width: 0;
}

.xr-news-hero {
    display: block !important;
    text-decoration: none !important;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 3px 20px rgba(31, 45, 61, .07);
    transition: all .35s cubic-bezier(.2, .8, .3, 1);
    height: 100%;
    box-sizing: border-box;
}

.xr-news-hero:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(31, 45, 61, .13);
}

.xr-news-hero-img {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f2f0ee;
}

.xr-news-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s cubic-bezier(.2, .8, .3, 1);
}

.xr-news-hero:hover .xr-news-hero-img img {
    transform: scale(1.06);
}

.xr-news-badge {
    position: absolute;
    left: 16px;
    top: 16px;
    padding: 5px 13px;
    border-radius: 14px;
    background: rgba(34, 179, 138, .95);
    color: #fff;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .5px;
}

.xr-news-hero-body {
    padding: 24px 26px 26px;
}

.xr-news-date {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    color: #a9a4a0;
    letter-spacing: .5px;
    margin-bottom: 12px;
}

.xr-news-hero-body h3 {
    font-size: 19px !important;
    line-height: 1.55 !important;
    font-weight: 600 !important;
    color: #1a1d22 !important;
    margin: 0 0 12px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color .3s;
}

.xr-news-hero:hover h3 {
    color: var(--xr-primary, #22b38a) !important;
}

.xr-news-hero-body p {
    font-size: 13.5px !important;
    line-height: 1.8 !important;
    color: #8d8884 !important;
    margin: 0 0 18px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.xr-news-hero-more {
    display: inline-block;
    font-size: 13px;
    color: var(--xr-primary, #22b38a);
    transition: transform .3s;
}

.xr-news-hero:hover .xr-news-hero-more {
    transform: translateX(5px);
}

/* 右侧列表 */
.xr-news-side {
    flex: 1 1 auto;
    min-width: 0;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0;
}

.xr-news-side-item {
    border-bottom: 1px solid #efece8;
}

.xr-news-side-item:last-child {
    border-bottom: none;
}

.xr-news-side-item > a {
    display: flex !important;
    align-items: center;
    gap: 18px;
    padding: 15px 12px !important;
    text-decoration: none !important;
    border-radius: 8px;
    transition: background .3s, padding-left .3s;
    box-sizing: border-box;
}

.xr-news-side-item > a:hover {
    background: #ffffff;
    padding-left: 20px !important;
}

/* 日期徽章 */
.xr-news-side-date {
    flex: 0 0 46px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 16px;
    line-height: 1;
    color: #c2bcb6;
    letter-spacing: -.3px;
    text-align: left;
    transition: color .3s;
}

.xr-news-side-item > a:hover .xr-news-side-date {
    color: var(--xr-primary, #22b38a);
}

/* 文字 */
.xr-news-side-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.xr-news-side-title {
    font-size: 15px;
    line-height: 1.5;
    color: #2b2826;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .3s;
}

.xr-news-side-item > a:hover .xr-news-side-title {
    color: var(--xr-primary, #22b38a);
}

.xr-news-side-desc {
    font-size: 12.5px;
    line-height: 1.5;
    color: #a8a29d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 箭头 */
.xr-news-side-arrow {
    flex: 0 0 auto;
    font-size: 15px;
    color: #d5d0ca;
    opacity: 0;
    transform: translateX(-6px);
    transition: all .3s cubic-bezier(.2, .8, .3, 1);
}

.xr-news-side-item > a:hover .xr-news-side-arrow {
    opacity: 1;
    transform: translateX(0);
    color: var(--xr-primary, #22b38a);
}

/* ---------- 响应式 ---------- */
@media (max-width: 1199px) {
    .xr-news-hero-wrap {
        flex: 0 0 420px;
        max-width: 420px;
    }

    .xr-news-layout {
        gap: 30px;
    }

    .xr-news-title {
        font-size: 26px !important;
    }
}

@media (max-width: 991px) {
    .xr-news {
        padding: 56px 0 64px;
    }

    .xr-news-layout {
        flex-direction: column;
        gap: 30px;
    }

    .xr-news-hero-wrap {
        flex: 0 0 auto;
        max-width: none;
        width: 100%;
    }

    .xr-news-hero-img {
        aspect-ratio: 16 / 9;
    }

    .xr-news-side-item > a {
        padding: 13px 8px !important;
    }
}

@media (max-width: 767px) {
    .xr-news {
        padding: 44px 0 52px;
    }

    .xr-news-inner {
        width: calc(100vw - 28px);
    }

    .xr-news-head {
        margin-bottom: 26px;
    }

    .xr-news-title {
        font-size: 22px !important;
    }

    .xr-news-hero-body {
        padding: 18px 18px 20px;
    }

    .xr-news-hero-body h3 {
        font-size: 16px !important;
    }

    .xr-news-side-title {
        font-size: 14px;
    }

    .xr-news-side-desc {
        display: none;
    }

    .xr-news-side-date {
        flex: 0 0 40px;
        font-size: 14px;
    }

    .xr-news-side-arrow {
        display: none;
    }
}
/* ===================================================================
   新闻区紧凑化：降低高度 + 上下留白
   =================================================================== */

/* 和上方案例区拉开距离 */
.case + .xr-news,
.newsframe + .xr-news,
.track + .xr-news {
    margin-top: 24px !important;
}

.xr-news {
    padding: 52px 0 58px !important;
    background: #faf9f7 !important;
}

/* 大图卡片收窄：520 → 440 */
.xr-news-layout {
    gap: 36px !important;
    align-items: flex-start !important;
}

.xr-news-hero-wrap {
    flex: 0 0 440px !important;
    max-width: 440px !important;
}

/* 图片比例更扁平：16/10 → 16/8.5 */
.xr-news-hero-img {
    aspect-ratio: 16 / 8.5 !important;
}

/* 卡片内边距收紧 */
.xr-news-hero-body {
    padding: 18px 20px 20px !important;
}

.xr-news-date {
    margin-bottom: 9px !important;
    font-size: 11.5px !important;
}

/* 标题只留 1 行（原来 2 行） */
.xr-news-hero-body h3 {
    font-size: 17px !important;
    line-height: 1.45 !important;
    margin: 0 0 8px !important;
    -webkit-line-clamp: 1 !important;
}

/* 简介 1 行（原来 2 行） */
.xr-news-hero-body p {
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin: 0 0 12px !important;
    -webkit-line-clamp: 1 !important;
}

.xr-news-hero-more {
    font-size: 12.5px !important;
}

/* 头部间距收紧 */
.xr-news-head {
    padding-bottom: 18px !important;
    margin-bottom: 28px !important;
}

.xr-news-title {
    font-size: 27px !important;
}

.xr-news-line {
    margin-top: 11px !important;
}

/* 右侧列表：不再垂直均分（避免拉得太散） */
.xr-news-side {
    justify-content: flex-start !important;
    gap: 0 !important;
}

.xr-news-side-item > a {
    padding: 11px 12px !important;
}

.xr-news-side-title {
    font-size: 14.5px !important;
}

.xr-news-side-desc {
    font-size: 12px !important;
}

.xr-news-side-date {
    font-size: 15px !important;
    flex: 0 0 44px !important;
}

/* 响应式 */
@media (max-width: 1199px) {
    .xr-news-hero-wrap {
        flex: 0 0 380px !important;
        max-width: 380px !important;
    }

    .xr-news-layout {
        gap: 28px !important;
    }
}

@media (max-width: 991px) {
    .xr-news {
        padding: 40px 0 46px !important;
    }

    .xr-news-layout {
        flex-direction: column !important;
    }

    .xr-news-hero-wrap {
        flex: 0 0 auto !important;
        max-width: none !important;
        width: 100% !important;
    }

    .xr-news-hero-img {
        aspect-ratio: 16 / 7 !important;
    }
}

@media (max-width: 767px) {
    .xr-news {
        padding: 32px 0 38px !important;
    }

    .xr-news-head {
        margin-bottom: 20px !important;
    }

    .xr-news-title {
        font-size: 22px !important;
    }

    .xr-news-hero-img {
        aspect-ratio: 16 / 9 !important;
    }
}
/* ===================================================================
   案例区 → 新闻区：留白
   =================================================================== */

/* 案例区底部留白（原来被 padding:0 清掉了） */
.newsfra {
    padding-bottom: 56px !important;
}

/* 新闻区顶部再加一点，形成呼吸感 */
.newsfra + .xr-news,
.newsfram + .xr-news {
    margin-top: 0 !important;
    padding-top: 56px !important;
}

/* 兜底：任何元素后面的新闻区都留 40px */
.xr-news {
    margin-top: 0 !important;
}

/* 手机端收一点 */
@media (max-width: 767px) {
    .newsfra {
        padding-bottom: 40px !important;
    }

    .newsfra + .xr-news {
        padding-top: 40px !important;
    }
}
/* ===================================================================
   新闻区对齐修正：右侧列表撑满左侧高度
   =================================================================== */

/* 左右等高 */
.xr-news-layout {
    align-items: stretch !important;
}

/* 右侧列表：垂直方向均分，撑满 */
.xr-news-side {
    display: flex !important;
    flex-direction: column !important;
    justify-content: stretch !important;
    gap: 0 !important;
    height: auto !important;
    min-height: 0;
}

/* 每一项 flex 均分，内容垂直居中 */
.xr-news-side-item {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    border-bottom: 1px solid #efece8;
}

.xr-news-side-item:last-child {
    border-bottom: none;
}

.xr-news-side-item > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 10px 12px !important;
    box-sizing: border-box;
}

/* 左侧大图卡片也撑满，避免自己矮一截 */
.xr-news-hero-wrap {
    display: flex;
    flex-direction: column;
}

.xr-news-hero {
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

.xr-news-hero-img {
    flex: 0 0 auto;
}

.xr-news-hero-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* 中间的分隔线更轻 */
.xr-news-side-item > a {
    border-radius: 6px;
}

/* 平板：上下排列时不用撑满 */
@media (max-width: 991px) {
    .xr-news-side-item {
        flex: 0 0 auto !important;
    }

    .xr-news-side-item > a {
        padding: 12px 8px !important;
    }
}
/* ===================================================================
   底部导航（.menuf）：绿色背景通栏 + 内容居中
   =================================================================== */

.menuf {
    width: 100% !important;
    max-width: none !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    background: var(--xr-primary, #22b38a) !important;
    height: 52px !important;
    position: relative !important;
    text-align: center;
    box-sizing: border-box !important;
    display: block !important;
}

/* 内容区限制在 1200 并居中 */
.menuf ul {
    width: min(1200px, calc(100vw - 40px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    height: 52px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0;
    box-sizing: border-box;
    list-style: none !important;
}

.menuf li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 20px !important;
    display: block !important;
    flex: 0 0 auto;
    line-height: 52px !important;
    position: relative;
}

/* 项之间加竖线 */
.menuf li + li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, .35);
}

.menuf li a {
    display: block !important;
    font-size: 14px !important;
    line-height: 52px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    white-space: nowrap;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: opacity .25s;
}

.menuf li a:hover {
    opacity: .75;
    background: none !important;
}

/* 中间那个向下箭头（bot.png） */
.menuf .linkbut {
    position: absolute !important;
    left: 50% !important;
    top: -16px !important;
    transform: translateX(-50%) !important;
    width: 32px;
    height: 32px;
    z-index: 2;
    line-height: 0;
}

.menuf .linkbut img {
    width: 100%;
    height: auto;
    display: block;
}

/* 响应式 */
@media (max-width: 1199px) {
    .menuf li {
        padding: 0 14px !important;
    }

    .menuf li a {
        font-size: 13px !important;
    }
}

@media (max-width: 767px) {
    .menuf {
        height: auto !important;
    }

    .menuf ul {
        flex-wrap: wrap;
        height: auto !important;
        padding: 8px 10px !important;
    }

    .menuf li {
        padding: 0 10px !important;
        line-height: 32px !important;
        flex: 0 0 auto;
    }

    .menuf li a {
        font-size: 13px !important;
        line-height: 32px !important;
    }

    .menuf li + li::before {
        height: 12px;
    }
}
/* ===================================================================
   底部导航箭头（.linkbut）：移到导航条下方
   =================================================================== */

.menuf {
    overflow: visible !important;   /* 让箭头能露出来 */
}

.menuf .linkbut {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: -16px !important;       /* 一半在导航条下方 */
    transform: translateX(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    z-index: 20 !important;
    line-height: 0 !important;
    margin: 0 !important;
}

.menuf .linkbut img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: contain;
}

/* 箭头下方紧邻的页脚不要盖住它 */
.menuf + .foot,
.menuf + div {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .menuf .linkbut {
        width: 26px !important;
        height: 26px !important;
        bottom: -12px !important;
    }
}
/* ===================================================================
   底部导航文字精确垂直居中
   =================================================================== */
.menuf {
    height: 52px !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.menuf ul {
    width: min(1200px, calc(100vw - 40px)) !important;
    height: 52px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0;
    list-style: none !important;
}

.menuf li {
    float: none !important;
    width: auto !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    line-height: normal !important;      /* 关键：干掉 52px 行高 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    box-sizing: border-box;
}

.menuf li a {
    display: block !important;
    font-size: 14px !important;
    line-height: 1 !important;           /* 关键：不再用 52px */
    color: #fff !important;
    text-decoration: none !important;
    white-space: nowrap;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    transition: opacity .25s;
}

.menuf li a:hover {
    opacity: .72;
    background: none !important;
}

/* 竖线保持在项之间垂直居中 */
.menuf li + li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, .35);
    pointer-events: none;
}

/* 手机端 */
@media (max-width: 767px) {
    .menuf {
        height: auto !important;
        padding: 6px 0 !important;
    }

    .menuf ul {
        height: auto !important;
        flex-wrap: wrap;
        padding: 0 8px !important;
    }

    .menuf li {
        height: 36px !important;
        padding: 0 12px !important;
    }

    .menuf li a {
        font-size: 13px !important;
    }

    .menuf li + li::before {
        height: 12px;
    }
}
/* ===================================================================
   详情页：产品 / 新闻 / 案例 三种版式
   =================================================================== */

.xr-detail {
    width: 100%;
    padding: 56px 0 76px !important;
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
}

.xr-detail .container {
    width: min(1200px, calc(100vw - 40px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* 标题 */
.xr-detail-title {
    font-size: 30px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #1a1d22 !important;
    margin: 0 0 16px !important;
    letter-spacing: .5px;
}

/* 元信息 */
.xr-detail-meta {
    color: #a5a19d !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
    padding-bottom: 22px;
    border-bottom: 1px solid #f0ece8;
}

.xr-detail-meta span {
    display: inline-block;
    margin-right: 18px;
}

/* 正文 */
.xr-detail-body {
    font-size: 15.5px !important;
    line-height: 2 !important;
    color: #4a4744 !important;
}

.xr-detail-body p {
    font-size: 15.5px !important;
    line-height: 2 !important;
    color: #4a4744 !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
}

.xr-detail-body p:last-child {
    margin-bottom: 0 !important;
}

.xr-detail-body img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px;
    margin: 24px auto;
    display: block;
}

.xr-detail-body h2,
.xr-detail-body h3 {
    font-size: 20px !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
    color: #1a1d22 !important;
    margin: 34px 0 16px !important;
    padding-left: 14px;
    border-left: 3px solid var(--xr-primary, #22b38a);
}

.xr-detail-body ul,
.xr-detail-body ol {
    padding-left: 24px;
    margin: 0 0 20px;
}

.xr-detail-body li {
    font-size: 15.5px;
    line-height: 2;
    margin-bottom: 8px;
}

/* ---------- 产品详情：首段强调 + 参数表风格 ---------- */
.xr-detail-product .xr-detail-body > p:first-of-type {
    font-size: 17px !important;
    line-height: 1.95 !important;
    color: #2b2826 !important;
    padding: 18px 22px;
    background: #f7fdfb;
    border-left: 3px solid var(--xr-primary, #22b38a);
    border-radius: 0 8px 8px 0;
    margin-bottom: 26px !important;
}

.xr-detail-product .xr-detail-body h2,
.xr-detail-product .xr-detail-body h3 {
    border-left-color: var(--xr-primary, #22b38a);
}

/* ---------- 新闻详情：文章排版 ---------- */
.xr-detail-news .xr-detail-body {
    max-width: 860px;
}

.xr-detail-news .xr-detail-body > p:first-of-type::first-letter {
    font-size: 42px;
    line-height: 1;
    float: left;
    margin: 6px 10px 0 0;
    color: var(--xr-primary, #22b38a);
    font-weight: 600;
}

.xr-detail-news .xr-detail-title {
    font-size: 32px !important;
    text-align: center;
    margin-bottom: 20px !important;
}

.xr-detail-news .xr-detail-meta {
    text-align: center;
    border-bottom: 1px solid #f0ece8;
    padding-bottom: 24px;
    margin-bottom: 34px !important;
}

/* ---------- 案例详情：图集感 ---------- */
.xr-detail-case .xr-detail-body {
    line-height: 1.95 !important;
}

.xr-detail-case .xr-detail-body img {
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(31, 45, 61, .08);
    margin: 28px auto;
}

.xr-detail-case .xr-detail-body > p:first-of-type {
    padding: 16px 20px;
    background: #faf9f7;
    border-radius: 10px;
    color: #5a5652 !important;
    margin-bottom: 28px !important;
}

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    .xr-detail {
        padding: 44px 0 56px !important;
    }

    .xr-detail-title,
    .xr-detail-news .xr-detail-title {
        font-size: 26px !important;
    }

    .xr-detail-body,
    .xr-detail-body p,
    .xr-detail-body li {
        font-size: 15px !important;
        line-height: 1.95 !important;
    }

    .xr-detail-product .xr-detail-body > p:first-of-type {
        font-size: 16px !important;
        padding: 16px 18px;
    }
}

@media (max-width: 767px) {
    .xr-detail {
        padding: 32px 0 44px !important;
    }

    .xr-detail .container {
        width: calc(100vw - 28px) !important;
    }

    .xr-detail-title,
    .xr-detail-news .xr-detail-title {
        font-size: 22px !important;
        line-height: 1.4 !important;
    }

    .xr-detail-meta {
        font-size: 12px !important;
        margin-bottom: 22px !important;
        padding-bottom: 16px;
    }

    .xr-detail-body,
    .xr-detail-body p,
    .xr-detail-body li {
        font-size: 14.5px !important;
        line-height: 1.9 !important;
    }

    .xr-detail-body h2,
    .xr-detail-body h3 {
        font-size: 18px !important;
        margin: 26px 0 12px !important;
    }

    /* 新闻首字下沉在手机上去掉 */
    .xr-detail-news .xr-detail-body > p:first-of-type::first-letter {
        font-size: 15px;
        float: none;
        margin: 0;
        color: inherit;
        font-weight: inherit;
    }

    .xr-detail-product .xr-detail-body > p:first-of-type {
        font-size: 15px !important;
        padding: 14px 16px;
        margin-bottom: 20px !important;
    }

    .xr-detail-body img {
        margin: 18px auto;
        border-radius: 8px;
    }
}
/* ===================================================================
   详情页：产品 / 新闻 / 案例 彻底差异化
   =================================================================== */

/* ---------- 公共 ---------- */
.xr-detail {
    width: 100%;
    padding: 40px 0 76px !important;
    background: #ffffff;
    box-sizing: border-box;
}

.xr-detail .container {
    width: min(1200px, calc(100vw - 40px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* 面包屑 */
.xr-crumb {
    font-size: 13px;
    color: #a5a19d;
    margin-bottom: 26px;
    line-height: 1.6;
}

.xr-crumb a {
    color: #7a7175 !important;
    text-decoration: none;
}

.xr-crumb a:hover {
    color: var(--xr-primary, #22b38a) !important;
}

.xr-crumb span {
    margin: 0 8px;
    color: #d5d0ca;
}

.xr-crumb em {
    font-style: normal;
    color: #4a4744;
}

/* 通用按钮 */
.xr-btn-solid,
.xr-btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    border-radius: 26px;
    font-size: 14px;
    line-height: 1;
    text-decoration: none !important;
    transition: all .3s cubic-bezier(.2, .8, .3, 1);
    white-space: nowrap;
}

.xr-btn-solid {
    background: var(--xr-primary, #22b38a);
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(34, 179, 138, .25);
}

.xr-btn-solid:hover {
    background: #1a9170;
    transform: translateY(-2px);
}

.xr-btn-ghost {
    border: 1px solid #dcd7d1;
    color: #6b6663 !important;
}

.xr-btn-ghost:hover {
    border-color: var(--xr-primary, #22b38a);
    color: var(--xr-primary, #22b38a) !important;
}

/* 区块小标题 */
.xr-sec-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1a1d22 !important;
    margin: 56px 0 26px !important;
    padding-left: 14px;
    border-left: 3px solid var(--xr-primary, #22b38a);
    line-height: 1.4 !important;
}

/* 正文 */
.xr-detail-body {
    font-size: 15.5px !important;
    line-height: 2 !important;
    color: #4a4744 !important;
}

.xr-detail-body p {
    font-size: 15.5px !important;
    line-height: 2 !important;
    color: #4a4744 !important;
    margin: 0 0 20px !important;
}

.xr-detail-body p:last-child {
    margin-bottom: 0 !important;
}

.xr-detail-body img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px;
    margin: 24px auto;
    display: block;
}

.xr-detail-body h2,
.xr-detail-body h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #1a1d22 !important;
    margin: 32px 0 14px !important;
}

/* ===================================================================
   ① 产品详情：左图集 + 右信息
   =================================================================== */
.xr-prod {
    display: flex;
    gap: 48px;
    align-items: flex-start;
}

/* 左：图集 */
.xr-prod-gallery {
    flex: 0 0 520px;
    max-width: 520px;
    min-width: 0;
}

.xr-prod-main {
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #f7f5f3;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #f2efec;
}

.xr-prod-main img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    transition: transform .5s cubic-bezier(.2, .8, .3, 1);
}

.xr-prod-main:hover img {
    transform: scale(1.05);
}

/* 缩略图 */
.xr-prod-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.xr-thumb {
    width: 84px;
    height: 84px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    background: #f7f5f3;
    display: block;
    transition: border-color .25s, transform .25s;
    box-sizing: border-box;
}

.xr-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.xr-thumb:hover {
    border-color: #b8e6d8;
    transform: translateY(-2px);
}

.xr-thumb.active {
    border-color: var(--xr-primary, #22b38a);
}

/* 右：信息 */
.xr-prod-info {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 6px;
}

.xr-prod-title {
    font-size: 30px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #1a1d22 !important;
    margin: 0 0 18px !important;
}

.xr-prod-meta {
    font-size: 13px !important;
    color: #a5a19d !important;
    padding-bottom: 20px;
    margin-bottom: 22px;
    border-bottom: 1px solid #f0ece8;
}

.xr-prod-meta span {
    margin-right: 18px;
}

.xr-prod-desc {
    font-size: 15.5px !important;
    line-height: 1.95 !important;
    color: #5a5652 !important;
    padding: 18px 20px;
    background: #f7fdfb;
    border-left: 3px solid var(--xr-primary, #22b38a);
    border-radius: 0 8px 8px 0;
    margin-bottom: 30px;
}

.xr-prod-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

/* 产品正文 */
.xr-prod-content {
    margin-top: 10px;
}

/* ===================================================================
   ② 新闻详情：居中文章
   =================================================================== */
.xr-news-article {
    max-width: 860px;
    margin: 0 auto;
}

.xr-news-head {
    text-align: center;
    margin-bottom: 34px;
}

.xr-news-cat {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 14px;
    background: #f0faf7;
    color: var(--xr-primary, #22b38a);
    font-size: 12px;
    line-height: 1;
    margin-bottom: 18px;
    letter-spacing: .5px;
}

.xr-news-title {
    font-size: 32px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #1a1d22 !important;
    margin: 0 0 18px !important;
}

.xr-news-meta {
    font-size: 13px !important;
    color: #a5a19d !important;
}

.xr-news-meta span {
    margin: 0 10px;
}

.xr-news-cover {
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 40px;
    background: #f7f5f3;
}

.xr-news-cover img {
    width: 100%;
    height: auto;
    display: block;
}

/* 新闻首字下沉 */
.xr-detail-news .xr-detail-body > p:first-of-type::first-letter {
    font-size: 44px;
    line-height: 1;
    float: left;
    margin: 6px 10px 0 0;
    color: var(--xr-primary, #22b38a);
    font-weight: 600;
}

.xr-news-foot {
    margin-top: 48px;
    padding-top: 26px;
    border-top: 1px solid #f0ece8;
    text-align: center;
}

/* ===================================================================
   ③ 案例详情：大图 + 图集网格
   =================================================================== */
.xr-case-head {
    text-align: center;
    margin-bottom: 34px;
}

.xr-case-tag {
    display: inline-block;
    padding: 5px 14px;
    border-radius: 14px;
    background: #faf7f2;
    color: #a89484;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 16px;
    letter-spacing: .5px;
}

.xr-case-title {
    font-size: 32px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #1a1d22 !important;
    margin: 0 0 14px !important;
}

.xr-case-meta {
    font-size: 13px !important;
    color: #a5a19d !important;
}

.xr-case-cover {
    width: 100%;
    max-height: 520px;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 16px;
    background: #f7f5f3;
}

.xr-case-cover img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* 图集网格 */
.xr-case-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 40px;
}

.xr-case-photo {
    display: block;
    aspect-ratio: 4 / 3;
    border-radius: 10px;
    overflow: hidden;
    background: #f7f5f3;
    transition: transform .35s cubic-bezier(.2, .8, .3, 1), box-shadow .35s;
}

.xr-case-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s;
}

.xr-case-photo:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(31, 45, 61, .14);
}

.xr-case-photo:hover img {
    transform: scale(1.06);
}

.xr-case-body {
    max-width: 860px;
    margin: 0 auto;
}

.xr-case-foot {
    margin-top: 48px;
    text-align: center;
}

/* ===================================================================
   响应式
   =================================================================== */
@media (max-width: 991px) {
    .xr-prod {
        flex-direction: column;
        gap: 26px;
    }

    .xr-prod-gallery {
        flex: 0 0 auto;
        max-width: none;
        width: 100%;
    }

    .xr-prod-main {
        aspect-ratio: 16 / 10;
    }

    .xr-prod-title,
    .xr-news-title,
    .xr-case-title {
        font-size: 26px !important;
    }

    .xr-case-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .xr-news-cover {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .xr-detail {
        padding: 28px 0 48px !important;
    }

    .xr-detail .container {
        width: calc(100vw - 28px) !important;
    }

    .xr-crumb {
        font-size: 12px;
        margin-bottom: 18px;
    }

    .xr-prod-title,
    .xr-news-title,
    .xr-case-title {
        font-size: 21px !important;
        line-height: 1.45 !important;
    }

    .xr-prod-main {
        aspect-ratio: 4 / 3;
        border-radius: 10px;
    }

    .xr-thumb {
        width: 64px;
        height: 64px;
    }

    .xr-prod-desc {
        font-size: 14.5px !important;
        padding: 14px 16px;
    }

    .xr-prod-actions {
        flex-direction: column;
    }

    .xr-btn-solid,
    .xr-btn-ghost {
        width: 100%;
    }

    .xr-detail-body,
    .xr-detail-body p {
        font-size: 14.5px !important;
        line-height: 1.9 !important;
    }

    /* 新闻首字下沉在手机上取消 */
    .xr-detail-news .xr-detail-body > p:first-of-type::first-letter {
        font-size: inherit;
        float: none;
        margin: 0;
        color: inherit;
        font-weight: inherit;
    }

    .xr-case-gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .xr-sec-title {
        font-size: 18px !important;
        margin: 36px 0 18px !important;
    }
}
/* ===================================================================
   移动端（≤ 767px）专项修复
   =================================================================== */

@media (max-width: 767px) {

    /* ---------- ① 顶部导航：横向滚动，不再截断 ---------- */
    .menu {
        height: auto !important;
        overflow: visible !important;
    }

    .menu ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .menu ul::-webkit-scrollbar {
        display: none;
    }

    .menu li {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .menu li a {
        display: block !important;
        padding: 0 16px !important;
        font-size: 14px !important;
        line-height: 44px !important;
        white-space: nowrap;
    }

    .menu li + li::before {
        display: none !important;
    }

    /* ---------- ② 头部：logo + 电话上下排 ---------- */
    .header {
        min-height: 0 !important;
        padding: 10px 0 !important;
    }

    .header .main {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px;
        min-height: 0 !important;
        width: 100% !important;
        padding: 0 14px !important;
    }

    .header .main .logo {
        max-width: 60% !important;
    }

    .header .main .logo img {
        max-height: 44px !important;
    }

    .header .main .tel {
        text-align: left !important;
        width: 100%;
    }

    .header .main .tel span {
        font-size: 12px !important;
    }

    .header .main .tel p {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }

    /* ---------- ③ 公告条 ---------- */
    .notice {
        height: 28px !important;
        line-height: 28px !important;
        font-size: 12px !important;
        overflow: hidden;
    }

    .noticecon {
        width: 100% !important;
    }

    .noticecon marquee {
        width: auto !important;
        max-width: calc(100% - 90px) !important;
    }

    /* ---------- ④ 轮播：高度自适应 ---------- */
    .xr-banner .swiper-slide img {
        width: 100% !important;
        height: auto !important;
    }

    .xr-banner-prev,
    .xr-banner-next {
        width: 30px !important;
        height: 30px !important;
    }

    /* ---------- ⑤ 服务项目区 ---------- */
    .case {
        padding: 0 12px 40px !important;
    }

    .case .kec .prona1 {
        font-size: 20px !important;
        padding: 24px 0 14px !important;
    }

    .case .kec .prona1::before,
    .case .kec .prona1::after {
        width: 20px;
    }

    .case .kec .prona1::before {
        left: -30px;
    }

    .case .kec .prona1::after {
        right: -30px;
    }

    /* 搜索框全宽 */
    .case .lv_mmtopc {
        width: 100% !important;
        padding: 0 !important;
    }

    .case .lv_mmtopc .search {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        background: none !important;
        height: auto !important;
    }

    .case .lv_mmtopc .search form {
        width: 100% !important;
        display: flex !important;
        gap: 8px;
    }

    .case .lv_mmtopc .search .text {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 36px !important;
        line-height: 36px !important;
        font-size: 13px !important;
        padding: 0 14px !important;
    }

    .case .lv_mmtopc .search .button {
        flex: 0 0 70px !important;
        width: 70px !important;
        height: 36px !important;
        line-height: 36px !important;
    }

    /* 产品系列按钮：一行一个，均匀 */
    .pro_lanfra {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
        margin: 0 0 16px !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    .pro_lanfra span {
        display: block !important;
        flex: 0 0 auto;
        margin: 0 !important;
    }

    .pro_lanfra span a,
    .pro_lanfra a.promore {
        display: block !important;
        padding: 6px 14px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        border-radius: 16px !important;
        white-space: nowrap;
    }

    /* ---------- ⑥ 产品轮播：2 列 + 高度自适应 ---------- */
    .case .track {
        padding-bottom: 0 !important;
    }

    .profra {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .profra .view-port {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden;
    }

    .profra .slider-container {
        height: auto !important;
        min-height: 0 !important;
    }

    .profra li,
    .profra li.item {
        width: 50% !important;
        height: auto !important;
        min-height: 190px;
        position: relative !important;
    }

    .profra li .limg {
        width: 92% !important;
        max-width: 160px;
        height: auto !important;
        margin: 10px auto !important;
    }

    .profra li .limg a.img {
        width: 100% !important;
        height: 120px !important;
    }

    .profra li .limg a.wor {
        width: 100% !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 12px !important;
    }

    /* 分页 */
    .case .bullet-pagination {
        margin-top: 12px !important;
        height: 18px !important;
    }

    .case .bullet-pagination .bullet {
        width: 16px !important;
        height: 5px !important;
        margin: 0 3px !important;
    }

    .case .bullet-pagination .bullet.active {
        width: 24px !important;
    }

    /* ---------- ⑦ 案例展示 ---------- */
    .newsfra {
        padding: 0 12px 32px !important;
    }

    .newsfra .news {
        width: 100% !important;
        padding: 0 !important;
    }

    .newsfra .newsul {
        gap: 10px !important;
    }

    .newsfra .newsul li {
        width: 100% !important;
        height: auto !important;
        min-height: 96px;
    }

    .newsfra .newsul li a {
        padding: 10px !important;
        height: auto !important;
        display: flex !important;
        gap: 10px;
    }

    .newsfra .newsimg {
        flex: 0 0 88px !important;
        width: 88px !important;
        height: 72px !important;
        margin: 0 !important;
    }

    .newsfra .newsword {
        flex: 1 1 auto !important;
        margin-left: 0 !important;
        padding: 0 !important;
        min-width: 0;
    }

    .newsfra .newsword p.top span {
        font-size: 13.5px !important;
    }

    .newsfra .newscon {
        font-size: 12.5px !important;
        height: auto !important;
        -webkit-line-clamp: 1;
    }

    .newsfra .newsul li a em {
        display: none !important;
    }

    /* ---------- ⑧ 新闻区 ---------- */
    .xr-news {
        padding: 32px 0 36px !important;
    }

    .xr-news-inner {
        width: calc(100vw - 24px) !important;
    }

    .xr-news-hero-wrap {
        width: 100% !important;
        max-width: none !important;
    }

    .xr-news-hero-body {
        padding: 16px !important;
    }

    .xr-news-side-item > a {
        padding: 12px 8px !important;
        gap: 10px;
    }

    /* ---------- ⑨ 页脚 ---------- */
    .f_link {
        padding: 16px 12px !important;
    }

    .f_link .main {
        width: 100% !important;
        flex-wrap: wrap;
        gap: 8px;
    }

    .f_link .main span {
        font-size: 12px !important;
    }

    .menuf {
        height: auto !important;
        padding: 0 !important;
    }

    .menuf ul {
        flex-wrap: wrap !important;
        height: auto !important;
        padding: 8px 10px !important;
        gap: 4px;
    }

    .menuf li {
        flex: 0 0 auto !important;
        padding: 0 10px !important;
        line-height: 30px !important;
    }

    .menuf li a {
        font-size: 13px !important;
        line-height: 30px !important;
    }

    .menuf .linkbut {
        display: none !important;
    }

    .foot {
        padding: 20px 12px !important;
    }

    .foot .main {
        width: 100% !important;
    }

    .foot .bootTxt {
        font-size: 12px !important;
        line-height: 1.9 !important;
        text-align: center;
    }

    .foot .fl {
        float: none !important;
        width: 100% !important;
    }

    /* 地图图缩一下 */
    .foot .mapimg img,
    .foot img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ===================================================================
   移动端底部固定栏
   =================================================================== */
.xr-mobile-tabbar {
    display: none;
}

@media (max-width: 767px) {
    /* 给页面底部留出固定栏的空间 */
    body {
        padding-bottom: 58px !important;
    }

    .xr-mobile-tabbar {
        display: flex !important;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        height: 56px;
        background: #ffffff;
        border-top: 1px solid #ececec;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, .06);
        box-sizing: border-box;
    }

    .xr-mobile-tabbar a {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        text-decoration: none !important;
        color: #6b6663 !important;
        font-size: 11px;
        line-height: 1.2;
        -webkit-tap-highlight-color: transparent;
    }

    .xr-mobile-tabbar a svg {
        width: 20px;
        height: 20px;
        stroke: currentColor;
    }

    .xr-mobile-tabbar a.active,
    .xr-mobile-tabbar a:active {
        color: var(--xr-primary, #22b38a) !important;
    }

    .xr-mobile-tabbar a.tab-tel {
        color: var(--xr-primary, #22b38a) !important;
        font-weight: 500;
    }
}