@media only screen and (max-width: 1200px){
	.w-1200{width:1000px;}
	.serviceBanner dl{padding:13px 0 14px 15px;line-height:21px;}
	/*.serviceBanner div{height:403px;}*/
	.standPoint .pointR img{width:250px;}
	.contentEnd dl{float:none;}
}

@media only screen and (max-width: 1050px){
	.w-1200{width:880px;}
	.footerBox li{margin-top:20px;}
	.footerBox dl{padding:0 73px;background: url(/html/img/bg/fbg.jpg) top right repeat-y;}
	.footerBox ul li:first-child dl{background: url(/html/img/bg/fbg.jpg) top right repeat-y;}
	.footerBox li img{margin-left:70px;}
	.ewm,.broadside{display:none;}
	.indexList1{padding:45px 0;}
	.study img{width:320px;}
	.history .l{margin-left:0px;}
	.history .l div,.history .r div{width:340px;}
	.history .l span{right:-50px;}
	.linkBox div p{font-size:13px;line-height: 20px}
	.mesUs .l p {margin-left: 144px;width: 285px;}
	.mesUs .r{padding-left:50px;}
	.mesUs textarea {width: 287px;margin-left: 143px;}
	.mesUs .l h4 {margin-left: 140px;width: 300px;font-size: 14px;}
	.mesUs .r a{margin-left:200px;}
	.wuDong li p{font-size:12px;}
	.banner li a{padding: 0 15px;}
}
@media only screen and (max-width: 900px){
	.w-1200{width:100%;}
	.banner li a{padding:0 8px;}
	.page6 .thinkBox .contentEnd{display:none !important;}
	.thinkBox .giveEnd{top:10px;}
	.thinkBox .giveEnd h5 {margin-top: 46px;}
}
/*移动端*/
@media only screen and (max-width: 720px){

*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{padding-bottom:50px;}
#banner{height:0;}
.mShow,.pcHide{display:block;}
.w-1200{width:100%;}
.serviceBanner div{display:none !important;}
.pcShow,.Search,.tel,.banner li,.broadside,.ewm,.indexList1 li p,.indexCase .caseDes,.viewpoint .viewCon,.indexEvaluate{display:none;}
.banner li.serviceBanner{display:block;width:100px;}
/*.banner li.mServiceBanner a,.secBanner li.mServiceBanner a{background:url(/html/img/bg/arr8.png) 40px 33px no-repeat;
background-size: 19px;}*/
.secBanner .serviceBanner a, .secBanner .serviceBanner a:hover {
background: url(/html/img/bg/arr9.png) 95% center no-repeat;
background-size: 13px;
}
.secBanner .serviceBanner a.hov {
background: url(/html/img/bg/arr8.png) 95% center no-repeat;background-size: 13px;
}
.banner li.mServiceBanner dl a{background:none;}
.indexWord b{display:block;}
.bx-wrapper .bx-pager{bottom:-35px;}
.indexWord h3{font-size:20px;}
.indexWord p,.p3Page .indexWord p{font-size:13px;}
.p3Page .indexWord p{line-height: 20px}
.indexList1{padding:20px 0;}
.indexList1 li{width:25%;margin-left:0;padding:0 4.1%;}
.indexList1 li img{width:100%;}
.indexList1 h4{font-size:13px;margin-top:10px;}
.indexList1 h4 i{display:none;}
.indexList1 h3{font-size:12px;line-height: 20px}
/*2.5 1.5 1.5 2.5 100-8=92/2=46*/
.indexCase li,.indexAllCase li,.viewpoint li{width:46%;margin:0;padding:8px 1.5% 8px 2.5%;}
.indexCase li:nth-child(even),.indexAllCase li:nth-child(even),.viewpoint li:nth-child(even){padding:8px 2.5% 8px 1.5%}
.indexCase h4{font-size:13px;text-align:center;height: 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.caseTitle{font-size:20px;margin-top:30px;}

.indexCase a.moreBtn,.indexAllCase .moreBtn,.viewpoint .whiteBtn,.news-evaluate .moreBtn,.page4 .moreBtn,.p5Page .moreBtn,.standPoint .moreBtn{width:150px;height:36px;background-size:100%;line-height: 36px;
margin:20px auto;}
.indexCase{margin:15px auto 30px;}
.indexAllCaseTitle a{font-size:14px;padding:8px 9px 2px;line-height: 29px;}
.indexAllCaseTitle a.cur{border-bottom:2px solid #8A7A6D;}
.indexAllCaseTitle a:first-child{font-size:16px;}
.indexAllCase li a span{width:88%;margin-left:6%;position:relative;font-size:13px;
background:none;color:#717071;}
.viewpoint h3{text-align:center;}
.viewpoint .whiteBtn{margin:20px auto 0;}
.viewpoint .title{font-size:13px;line-height: 21px;height:42px;overflow:hidden;}
.indexNews{width:100%;margin:0;}
.indexNews li{float:none;width:96%;padding-left:2%;margin-left:0;}
.footerBox{padding:15px 0;}
.footerBox dl,.footerBox ul li:first-child dl{padding:0;height:auto;background:none;margin-top:10px;}
.footerBox dd{display:none;}
.footerBox li{width:33%;margin-top:10px;}
.footerBox li img{margin:0 auto;}
.footerBox ul{width:96%;margin:0 2%;overflow:hidden;border-bottom:1px solid #808080;padding-bottom:10px;}
.footerBox dt{font-size:16px;text-align:center;}
.copyRightMobile{background:#717071;color:#f2f2f2;padding-left:2%;padding-bottom:15px;line-height:20px;}
.copyRightMobile a{color:#f2f2f2;}
.copyRightMobile p:nth-of-type(4){margin-top:8px;}
.copyRightMobile p:nth-of-type(4),.copyRightMobile p:nth-of-type(5){font-size:10px;line-height:15px;}
.head .logo{width:200px;left:10px;}
.headDes{margin:0;padding-top:7px;}
.headDes p{margin-left:140px;line-height:14px;font-size:10px;}.headDes p.gbk{margin-left:140px;font-size:16px;}
.head{padding:12px 0 5px;}
.allCase{overflow:inherit;}
/*page1*/
.myWorks .indexAllCaseTitle{border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;position:relative;padding:0;}
.myWorks .indexAllCaseTitle:after{content:'';display:block;width:100%;height:1px;background:#f2f2f2;
position:absolute;top:50%;left:0;}
.page1 .indexAllCase{padding:20px 0  0;}
.indexPage .indexAllCase{padding:0;}
.indexPage .indexAllCaseTitle a.cur{border-bottom:2px solid #8A7A6D}
.indexAllCaseTitle a,.myWorks .indexAllCaseTitle a:first-child{font-size:15px;}
.indexAllCaseTitle a{padding:0px;display:inline-block;width:24.9%;float:left;text-align:center;
height:40px;line-height:40px;border-bottom:2px solid #fff;}
.indexPage .indexAllCaseTitle a{border-bottom:2px solid #efefef;}
.indexAllCaseTitle a:last-child{width:auto;}
.allCase{margin-top:20px;}
.bilingualTitle{font-size:20px;line-height: 28px;}
.p3Page .indexList1 ul p{display:block;margin-left:100px;}
.p3Page .indexList1 li{min-height:100px;width:100%;padding:15px 0 10px;border-top:1px solid #f2f2f2;
overflow:hidden;position:relative;}
.p3Page .indexList1 img{width:60px;}
.p3Page .indexList1 div{width:100px;height:100%;position:absolute;top:15px;left:0;}
.p3Page .indexList1 a h4{font-size:16px;color:#585757;}
.p3Page .indexList1 li:nth-of-type(1) p{margin-top:15px;}
.p3Page .indexWord p.bilingualTitle{font-size:16px;line-height: 21px;margin: 0px auto 18px;}
.redIndexWord{padding:20px 0 25px;}
.brandBuilding .bilingualTitle{font-size:15px;margin:20px auto;line-height: 22px;}
.brandBuilding li,.brandBuilding li:first-child{width:96%;margin:0 2%;position:relative;}
.brandBuilding div{width:35%;position: absolute;top:0;left:0;}
.brandBuilding .en{font-size:9px;}
.brandBuilding .cn{font-size:14px;}
.brandBuilding img{margin:10px auto 0;}
.brandBuilding .cont{font-size:13px;margin-left: 35%;}
.brandBuilding{padding-bottom:40px;}
.p3Page .indexList1 ul{margin-top:20px;}
.page2 .indexList1 li{width:25%;}
.page2 .indexList1 li div{width:93%;}
.page2 .indexList1 li cite{width: 25px;height:25px;right:-10px;}
.page2 .indexWordWork{padding:8px 0;}
.workFlow {padding:0px 0 45px;}
.workFlow li{width:40%;float:left;margin-top:20px;}
.workFlow li:nth-of-type(3){margin-left:0px;}
.workFlow li h3{font-size:30px;}
.workFlow p{font-size:14px}
.workFlow ul{padding:0 0 0 15px;}
.page4 .indexWordTitle{line-height: 60px;margin-top:30px;border-top:none;}
.page4 .indexWord{padding:25px 0 0;}
.page4 .indexWord h3{margin-top:0px;font-size:22px;line-height: 35px}
.study {padding:10px 0px 10px 5px;}
.study h3{font-size: 23px;line-height: 36px;}
.study p{font-size: 14px;letter-spacing: 0;line-height: 14px;margin-top:15px;}
.study i{display:block;width: 100%;height: 10px;}
.study img{width:175px;right:-25px;}
.p4Title{font-size: 25px;line-height: 60px;}
.jobList{padding-bottom:50px;}
.jobList h3{text-indent:20px;border-bottom:1px solid #717071;font-size:20px;line-height:50px;}
.jobList ul{display:none;}
.jobList ul:nth-of-type(1),.jobList ul:nth-of-type(2){display:inline-block;width:50%;
text-indent:20px;}
.jobList li{border-bottom: 1px dotted #717071;line-height: 40px}
.jobList li a{margin-top:0px;}
/*.page4 .moreBtn{margin:0 auto;width: 120px;height: 29px;background-size: 120px;line-height: 29px;
margin-bottom: 20px;font-size:11px;}*/
.team li{width:100%;float:none;margin:20px 0 30px;border-bottom:1px solid #f2f2f2;
padding-bottom:22px;}
.team li p{margin:0;margin-left:2%;}
.team div{background:#eeeeee;overflow:hidden;margin:0 2%;}
.team div img{float:left;width:45%;margin-right:10px;}
.standPoint .pointR img{width:90px;/*height:80px;*/height:63px;margin-left: 5px;}
.standPoint .pointR div{margin-left:10px;}
.standPoint .pointR h3{font-size:17px;}
.standPoint .pointR p{margin:0;height:37px;font-size: 14px;line-height: 19px;}
.standPoint h4{margin:0;font-size:13px;}
.standPoint a.moreBtn3{display:none;}
.standPoint .pointR{margin-top:15px;padding-bottom:10px;}
.standPoint #fenye{display:none;}
.rhBox{background:url(/html/img/bg/rh4.jpg) no-repeat;background-size: 120px}
.rhBox ul{margin-left:120px;font-size:11px;color:#717071;}
.rhBox li{margin-top:30px;}
.dialog{width:96%;height:100%;margin:0;top:0;left:0;padding:0px 2%;}
#indexAllCase .indexAllCaseTitle:after{display:none;}
.linkBox img{width:90%;margin:0 5%;float:none;}
.linkBox div p{font-size:12px;}
.linkBox h3{font-size:15px;padding-bottom:10px;}
.linkBox{margin:20px auto 40px;}
.mesUs{padding:0;padding-bottom:20px;}
.mesUs .l{width:96%;float:none;margin:0 2%;}
.mesUs .l li{margin-top:5px;}
.mesUs .l span{width:100%;position:relative;text-align:left;line-height: 30px}
.mesUs .l p{margin:0;width: 100%;}
.mesUs textarea,.mesUs .l h4{width:100% !important;margin:0;}
.mesUs .r{padding:0;width:96%;float:none;margin:10px 2%;overflow:hidden;}
.mesUs .r1,.mesUs .r2{float:left;font-size:10px;}
.mesUs .r1{width:57%;margin-right:1%;}
.mesUs .r2{width:42%;}
.mesUs .r input{margin-right:2px;}
.mesUs .r a{clear:both;margin:0px auto;}
.page5 .wdTitle{line-height: 50px;font-size:20px;padding-top:10px;}
.wuDong li{width:48%;margin:0 1%;}
.wuDong li:first-child{margin:0 1%;}
.wuDong li i{display:block;}
.wuDong .comEmail p{top:45%;}
.wuDong li h3{font-size:16px;}
.wuDong li div{margin-top:5px;}
.page6 .caseTitle{border:none;}
.mBind{width:100%;}
.mBind li{border-bottom:1px solid #b8b7b8;font-size:13px;color:#717071;}
.mBind li:first-child{border-top:1px solid #b8b7b8;}
.mBind li h3{height:35px;line-height:35px;padding-left:10px;position: relative;font-size:15px;}
.mBind li h3:after{content:'';display:block;width:17px;height:10px;background:url(/html/img/bg/arr5.png) no-repeat;
background-size: 17px;position:absolute;top:10px;right:10px;}
.mBind li .mBindCont{margin-left:10px;margin-top:10px;display:none;}
.mBindCont div{font-size:18px;color:#8A7A6D;text-align:right;margin-right:10px;}
.mBindCont p{margin:10px 0 10px 10px;}
.mBind li.cur h3{background:#8A7A6D;color:#fff;border:none;}
.mBind li.cur h3:after{content:'';display:block;width:17px;height:10px;background:url(/html/img/bg/arr6.png) no-repeat;
background-size: 17px;position:absolute;top:10px;right:10px;}
.mBind .give{width:130px;margin:20px auto;}
.mBind .give p{font-size:10px;color: #717071;text-align: center;}
.mBind .give a{display:block;background:#8A7A6D;color:#fff;width:130px;height:25px;text-align:center;
line-height: 25px;font-size:13px;margin-top:5px;}
.mbService{width:100%;position: absolute;top:130px;left:0;z-index:100;background:#f2f2f2;
display:none;}

.mbService a{font-size:15px;color:#595757}
.mbService dl{padding:15px;overflow:hidden;}
.mbService dt{clear:both;}
.mbService dd{float:left;}
.mbService dd a{margin-right:5px;}
.banner img{height:46px;width:43px;position:absolute;top:1px;border-left:1px solid #7E6B5D;}
.banner #m1{right:44px;}
.banner #m2{right:0;}
.mTel{width:100%;height:100px;background:#262626;text-align:center;}
.mTel a{display:block;width:100%;height:100%;color:#fff;}
.mTel h3{font-size:20px;padding-top:15px;}
.mTel h3 span{color:#8A7A6D;}
.mTel h4{font-size:16px;position:relative;width:160px;text-align:left;
margin:0 auto;}
.mTel h4 span{font-size:20px;}
.mTel img{width:25px;position:absolute;top:10px;right:0;}
.mbFooter{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 2000;}
.mbFooter ul{background:#f2f2f2;height:65px;font-size:14px;}
.mbFooter li{float:left;width:19%;text-align:center;height:100%;}
.mbFooter li a{color:#b3b3b3;display:block;width:100%;height:100%;}
.mbFooter li:nth-of-type(4){width:23%;}
.mbFooter li:nth-of-type(5){width:20%;}
.mbFooter li img{width:30px;margin:8px auto 0;}
.mbFooter li.cur{background:#8A7A6D;}
.mbFooter li.cur a{color:#fff;}
.mbHead{width:60%;position:absolute;top:130px;right:0;z-index:100;display: none;}

.mbHead li{padding-left:20px;font-size:14px;height: 30px;line-height: 30px;background:#f2f2f2;
border-top:1px solid #c9caca;}
.mbHead li:first-child{border:none;}
.mbHead li a{color:#b3b3b3;display:block;width:100%;height:100%;font-size:17px;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.mbHead li.cur{background:#898888;}
.mbHead li.cur a{color:#fff;}
.mbSearch{position:absolute;top:130px;right:0;z-index:100;background:#fff;height:47px;display:none;}
.mbService.temp,.mbHead.temp,.mbSearch.temp{position:fixed;top:47px;}
.mbSearch input{width:96%;height:85%;display:block;margin:0 auto;border:none;border-bottom:1px solid #A8A4A4;}
.mbSearch a{display:block;width:30px;height:33px;/*background:#fff url(../bg/bigs.png) no-repeat;*/background-size:100%;
position:absolute;top:7px;right:11px;border-bottom:1px solid #A8A4A4;}
.pjPage .indexWord{padding:10px 0;}
.kfpj{margin:0 10px;overflow:hidden;padding-bottom:10px;border-bottom:1px solid #f2f2f2;}
.kfpj h3{width:100%;height:30px;background:#8A7A6D;font-size:15px;color:#fff;text-align:center;line-height: 30px;}
.pjCont{position:relative;min-height:120px;}
.kfpj img{width:100px;position:absolute;top:0;left:0;}
.pjCont div{margin-left:110px;color:#717071;}
.pjCont span{color:#8A7A6D;}
.pjCont h4{text-align:right;}
.kfpj a{display:block;width:100px;height:25px;background:#8A7A6D;color:#fff;line-height: 25px;
text-align:center;margin:10px auto;border-radius:3px;}


/*20150609*/
/*.indexPage .indexCase li{padding:0;float:none;margin:0 auto;}*/
.bx-wrapper .bx-pager.bx-default-pager a{width: 8px;height: 8px;border-radius: 50%;}
.myWorks .allCase li{width:45%;margin-top:10px;margin-left:1%;margin-right:1%;}
.indexAllCase li{width:45%;margin-top:10px;margin-left:1%;margin-right:1%;border:none;padding-top:0;padding-bottom:0;}
.indexAllCase li:nth-child(odd){margin-left:0;}
/*20150616*/
.addSearchBox .r{display:none;}
.addSearchBox .l{margin:0;width:94%;padding:0 3%;}
/*20150618*/
.allCase li a img{border:1px solid #ddd;}
.indexAllCase li:nth-child(even){padding: 0px 2.5% 0px 0px;}
.indexAllCase li a span{width:100%;margin-left:0;}
.toTop{display:none !important;}
.allCase li a img {width: 98.8%;}
/*20150621*/
.mbAn img{width:100%;display:none;}
.mbAn li.cur img{display:block;}
.mbAn{background:#eee;margin-bottom:35px;}
.mbAn li{border:none;border-top:1px solid #fff;}
.mbAn li:first-child{border:none;}
.moreShowAn .title2{background:#eee;font-size:13px;color:#252525;height:46px;margin-top: 20px;line-height: 46px;padding-left:10px;}
.moreShowAn .link{background: #efefef;padding-bottom: 10px;}
.moreShowAn .link p:first-child {
  margin:0;text-align:center;
  font-size: 16px;
  color: #262626;
  padding-top: 20px;
}
.moreShowAn .iptPhone {
  width: 100%;
  border-bottom: 1px solid #717071;
  height: 60px;
  text-align: center;
  position: relative;
}
.moreShowAn .link a {
   display: block;
  width: 200px;
  background: #8A7A6D;
  color: #fff;
  font-size: 20px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  margin: 12px auto;
}
.moreShowAn .caseTitle{overflow:hidden;border-bottom:1px solid #efefef;}
.moreShowAn .newContent{font-size:14px;padding-bottom:20px;}
.moreShowAn .newContent div{padding:10px;}
.moreShowAn .newContent h4{font-size:13px;padding-left:10px;margin-bottom:-5px;}
.moreShowAn .con:first-child p {
  margin-left: 70px;
  margin-right: 10px;
}
.moreShowAn .con h5{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.moreShowAn .newContent img{width:100%;}
.moreShowAn .iptPhone{width:94%;margin-left:3%;}
/*20150624*/
.mbHistory .l{width:100%;margin-top: 15px;}
.mbHistory .r {width: 100%;margin-left: 0;padding-left: 0;margin-top: 15px;}
.mbHistory .l div, .mbHistory .r div {width: auto;margin-left: 100px;height: auto;
padding: 30px 0;font-size:12px;line-height:18px}
.mbHistory .l div p, .mbHistory .r div p{padding-top:0px !important;}
.mbHistory div{height:auto;}

.mbHistory .r span {left: 2px;}
.mbHistory .l span {left: 2px;right:auto;}
.mbHistory .r span {background: url(/html/img/bg/h4.png) no-repeat;background-size: 100%;}
.mbHistory .l span {background: url(/html/img/bg/h3.png) no-repeat;background-size: 100%;}
.mbHistory span {width: 78px;height: 78px;margin-top: -39px;line-height: 78px;font-size: 15px;}
.mbHistory .r p img {left: -10px;}
.mbHistory div img {width: 10px;margin-top: -12px;}
.mbHistory .l p img {left: -10px;-webkit-transform: rotate(180deg);}
.mbHistory{margin-bottom: 80px;}
.mbHistory i{top:60px;left:40px;height: 96%;}
.mbHistory .l:nth-of-type(1) span{line-height: 18px !important;padding-top: 24px !important;}
}

/* 2026-10-12 首页移动端字号回退 */
@media only screen and (max-width:959px){
  body.indexPage .indexWord{padding-left:12px;padding-right:12px;}
  body.indexPage .indexWord p{font-size:15px !important;line-height:1.7 !important;}
}


/* 2026-10-31 T9-6 首页核心服务区块 */
.core-services{background:#fff;padding:34px 0 30px;border-bottom:1px solid #e5e9ef;}
.core-services h2{font-size:26px;line-height:1.3;color:#172b4d;text-align:center;margin:0 0 22px;font-weight:800;}
.core-services .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.core-services .service-grid>a{display:block;background:#fff;border:1px solid #e1e6ec;border-top:4px solid #b22020;border-radius:8px;padding:0 0 18px;box-shadow:0 4px 12px rgba(0,0,0,.05);text-decoration:none;overflow:hidden;}
.core-services .service-grid img{display:block;width:100%;height:190px;object-fit:cover;}
.core-services .service-grid h3{margin:16px 18px 8px;font-size:19px;color:#9b1c1c;font-weight:800;}
.core-services .service-grid p{margin:0 18px;font-size:14px;line-height:1.7;color:#555;}
.core-services .service-grid>a:hover{box-shadow:0 8px 20px rgba(155,28,28,.15);}
@media(max-width:959px){
 .core-services{padding:24px 12px 22px;}
 .core-services h2{font-size:21px;margin-bottom:16px;}
 .core-services .service-grid{grid-template-columns:1fr;gap:14px;}
 .core-services .service-grid img{height:170px;}
}
/* 2026-10-31 T9-4 页脚补充入口 */
.footerServiceLinks{text-align:center;padding:16px 12px 4px;margin-top:14px;border-top:1px solid rgba(255,255,255,.2);}
.footerServiceLinks a{display:inline-block;margin:4px 11px;color:#e6e6e6;font-size:14px;line-height:1.6;text-decoration:none;}
.footerServiceLinks a:hover{color:#fff;text-decoration:underline;}
@media(min-width:960px){.footerServiceLinks .dupDesktop{display:none;}}
@media(max-width:959px){
 .footerServiceLinks{padding:12px 8px 2px;margin-top:8px;}
 .footerServiceLinks a{margin:4px 8px;font-size:13px;}
}


/* ============================================================
   首页作品案例网格美化 · 仅作用首页 body.indexPage · 2026-10-31
   追加覆盖段，不修改上方任何原有规则；回滚=删除本段或还原备份。
   内页 body 为 p3Page 等，不在本作用域内，不受影响。
============================================================ */

/* 分类标签：胶囊横向排列，当前项高亮 */
body.indexPage #indexAllCase .indexAllCaseTitle{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px;}
body.indexPage #indexAllCase .indexAllCaseTitle a{width:auto;float:none;border-bottom:none !important;
font-size:14px;color:#5a4f46;background:#fff;border:1px solid #d9cfc4;border-radius:999px;padding:7px 16px;line-height:1.4;}
body.indexPage #indexAllCase .indexAllCaseTitle a.cur{background:#8A7A6D;color:#fff;border-color:#8A7A6D;font-weight:600;}
body.indexPage #indexAllCase .indexAllCaseTitle a:hover{background:#f0e9e2;}
body.indexPage #indexAllCase .indexAllCaseTitle a:first-child{font-size:14px;}

/* 案例网格：清浮动改 grid（桌面4列） */
body.indexPage #indexAllCase ul.allCase{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;overflow:visible;}
body.indexPage #indexAllCase ul.allCase li{float:none;width:auto;margin:0;border:none;position:relative;background:#fff;
border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .25s,box-shadow .25s;}
body.indexPage #indexAllCase ul.allCase li:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.14);}
body.indexPage #indexAllCase ul.allCase li a{display:flex;flex-direction:column;width:100%;height:100%;}

/* 图片统一 4:3 裁切，避免高低不齐 */
body.indexPage #indexAllCase ul.allCase li a img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border:none;}

/* 图下白底标题条，替代原灰色小字与脱节排版 */
body.indexPage #indexAllCase ul.allCase li a span{position:static;width:100%;height:auto;line-height:1.4;
background:#fff;color:#3e3a39;font-size:14px;font-weight:600;text-align:left;padding:11px 13px;
border-top:1px solid #f1ece6;white-space:normal;overflow:visible;text-overflow:clip;}

/* hover 简介遮罩：沿用线上已有 case_txt 文案，仅优化底色与字号 */
body.indexPage #indexAllCase ul.allCase li .case_txt{background:linear-gradient(180deg,rgba(74,58,45,.12),rgba(74,58,45,.88));}
body.indexPage #indexAllCase ul.allCase li .case_txt .case_name{margin:18px 16px 6px;font-size:15px;line-height:1.4;color:#fff;}
body.indexPage #indexAllCase ul.allCase li .case_txt .case_intro{margin:0 16px 16px;font-size:12px;line-height:1.6;color:#f3ece5;}

/* 更多案例按钮 */
body.indexPage #indexAllCase .moreBtn{margin:32px auto;}

/* 响应式：平板3列 / 手机2列 */
@media(max-width:980px){body.indexPage #indexAllCase ul.allCase{grid-template-columns:repeat(3,1fr);gap:14px;}}
@media(max-width:640px){body.indexPage #indexAllCase ul.allCase{grid-template-columns:repeat(2,1fr);gap:10px;}}
/* ============================================================
 * 2026-11-02 hy 首页字号上调追加段（对齐 cn 观感）· 仅命中 body.indexPage 首页
 * 用途：放大导航/服务区说明/案例标题与简介/页脚链接；不改 title、链接、详情、图片、备案文字
 * 上线前置：先 RETR 线上 /img/css/change.css 比对 MD5 基线 1998cc724a1fbe26abfb041dfb769a73，不符 ABORT；先服务器备份
 * 回滚：删除本段（从“追加段开始”到“追加段结束”）即可完全还原，不影响内页（p3Page）
 * ============================================================ */
/* ===== 追加段开始：首页字号上调 ===== */
body.indexPage .banner ul#banner > li > a{font-size:17px !important;}
body.indexPage .core-services .service-grid p{font-size:15px !important;line-height:1.7 !important;}
body.indexPage #indexAllCase .indexAllCaseTitle a.cur{font-size:16px !important;}
body.indexPage #indexAllCase .indexAllCaseTitle a{font-size:14.5px !important;}
body.indexPage #indexAllCase ul.allCase li .case_txt .case_name{font-size:17px !important;}
body.indexPage #indexAllCase ul.allCase li .case_txt .case_intro{font-size:14px !important;line-height:1.65 !important;}
body.indexPage .footerServiceLinks a{font-size:14px !important;}
@media(max-width:900px){
  body.indexPage .banner ul#banner > li > a{font-size:15px !important;}
  body.indexPage #indexAllCase ul.allCase li .case_txt .case_name{font-size:15px !important;}
  body.indexPage #indexAllCase ul.allCase li .case_txt .case_intro{font-size:12.5px !important;}
  body.indexPage .footerServiceLinks a{font-size:13px !important;}
}
/* ===== 追加段结束：首页字号上调 ===== */

/* ============================================================
   2026-11-02 hy 首页纯CSS满宽皮肤层（任务#10）
   原则：不改模板HTML、不增删板块、不改字号（沿用已上线字号补丁）；
        仅做满宽适配 + 卡片圆角阴影hover + 板块层次 + 青白底配色统一。
   回滚方法：删除本整段（从本行注释到文件末尾）即恢复上一版。
   全部规则带 body.indexPage 前缀，内页 p3Page 不命中。
   ============================================================ */

/* 1 版头品牌横幅：满宽贴边，图片按宽度自适应、不被固定高度裁切变形 */
@media(min-width:960px){
  body.indexPage .pctop{width:100%;height:auto;text-align:center;overflow:hidden;background:#f4f6f8;}
}
body.indexPage .pctop img{display:block;width:100%;max-width:1920px;height:auto;margin:0 auto;}

/* 2 导航条：保持原深棕主色与现有布局（含服务分类下拉），仅加上下渐变、阴影与平滑 hover */
body.indexPage .banner{background:linear-gradient(180deg,#3d3430 0%,#362e2b 100%);box-shadow:0 2px 8px rgba(0,0,0,.18);}
body.indexPage .banner ul#banner > li > a{transition:background-color .2s ease,color .2s ease;}
body.indexPage .banner ul#banner > li > a:hover{background:rgba(255,255,255,.08);}

/* 3 桌面轮播通栏：确保容器贴边、无额外留白边框 */
body.indexPage .banner_list_box.pcShow{width:100%;line-height:0;}
body.indexPage .banner_list_box.pcShow .banner_list p{line-height:1;}

/* 4 服务区（珠海广告服务）：浅灰底衬托白卡，卡片圆角 + 悬浮上浮 + 图片统一圆角；标题加短青线点缀 */
body.indexPage .core-services{background:#f4f6f8;padding:40px 0 36px;}
body.indexPage .core-services h2{position:relative;padding-bottom:14px;}
body.indexPage .core-services h2:after{content:"";display:block;width:56px;height:3px;border-radius:2px;background:#0E8FA8;margin:10px auto 0;}
body.indexPage .core-services .service-grid{gap:22px;}
body.indexPage .core-services .service-grid>a{border:1px solid #e3e9ee;border-radius:14px;padding-bottom:20px;overflow:hidden;
  box-shadow:0 6px 18px rgba(31,42,51,.08);transition:transform .25s ease,box-shadow .25s ease;}
body.indexPage .core-services .service-grid>a:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(14,143,168,.16);}
body.indexPage .core-services .service-grid img{border-radius:14px 14px 0 0;}

/* 5 案例网格：浅灰底，卡片统一圆角与柔和阴影，悬浮上浮；图片裁切沿用4/3，不改动标题条结构 */
body.indexPage #indexAllCase{background:#eef2f4;}
body.indexPage #indexAllCase ul.allCase li{border-radius:13px;overflow:hidden;
  box-shadow:0 6px 18px rgba(31,42,51,.10);transition:transform .25s ease,box-shadow .25s ease;}
body.indexPage #indexAllCase ul.allCase li:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(31,42,51,.18);}
body.indexPage #indexAllCase ul.allCase li a img{border-radius:13px 13px 0 0;}

/* 6 页脚：统一深青灰底（契合青白工厂风），版权条更深；链接颜色保持可读 */
body.indexPage .footerBox{background:#1f2a33;}
body.indexPage .footerBox dt{color:#fff;}
body.indexPage .footerBox dd a{color:#c3cfd8;}
body.indexPage .footerBox dd a:hover{color:#fff;text-decoration:underline;}
body.indexPage .copyRight{background:#141c22;}
body.indexPage .footerServiceLinks{border-top:1px solid rgba(255,255,255,.12);}

/* 7 移动端回落（≤900px）：卡片间距与圆角收小，保持可读，不改字号 */
@media(max-width:900px){
  body.indexPage .core-services{padding:24px 12px 22px;}
  body.indexPage .core-services .service-grid>a,
  body.indexPage #indexAllCase ul.allCase li{border-radius:10px;}
  body.indexPage .banner ul#banner{flex-wrap:wrap;}
}