@charset "utf-8";
/* 
design:103495819

*/

.top{background: #fff;width: 100%;display: inline-block;overflow: hidden;}
.head{margin: 0 auto;width: 1200px;padding: 15px 0 22px;overflow: hidden;}
.head .logo{float: left;}
.head .logo img{max-height: 80px;}
.head .tel{float: right;}
.head .tel p{text-align: right;left: 30px;font-size: 16px;}
.head .tel p i{padding-right: 10px;}
.head .tel h2{font-size: 24px;line-height: 30px;}
.header{width: 100%;background: #17518f;height: 50px;display: inline-block;}

.nav{position:relative; z-index:1;margin: 0 auto;width: 1200px;height: 50px;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 30px; font-size:16px;line-height: 50px;width: 72px;margin-right: 1px;text-align: center;  }
.nav .sub{ display:none; width:120px; left:0; top:50px;  position:absolute; background:#17518f;  line-height:26px; padding:10px;  }
.nav .sub li{ zoom:1;text-align: center;line-height: 34px;font-size: 14px; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#0f3a6b; color:#fff;  }
.nav .on h3 a{ background:#fff; color:#17518f;   }

.banner{ width:100%;  position:relative;  height:600px; background:#000;margin-top: -8px;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:inline-block; height:200px;width: 600px;margin-top: 200px;color: #fff;text-align: left;}
.banner .bd li a h2{font-size: 50px;}
.banner .bd li a p{font-size: 22px;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.banner .hd ul .on{ background:#17518f;  }
.banner .prev,
.banner .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.banner .next{ left:auto; right:15%; background-position:-6px -137px; }

.falv{margin: 40px auto;width: 1200px;overflow: hidden;}
.falvl{float: left;width: 580px;position: relative;}
.falvl .faimg{width: 100%;}
.falvl .faimg img{width: 100%;height: 420px}
.fatxt{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.7);color: #fff;}
.fatxtl{float: left;width: 140px;text-align: center;padding:10px;background: #17518f;font-size: 12px;}
.fatxtl p{font-size: 18px;}
.fztxtr{width:360px;padding: 10px 40px 10px 20px;line-height: 32px;font-size: 14px;float: right; }
.falvr{float: right;width: 580px;}
.fatj{width: 100%;font-size: 14px;}
.fatj a h2{font-size: 20px;color: #17518f;line-height: 50px;}
.fatj a p{line-height: 40px;padding-bottom: 40px;padding-top: 10px}
.fam{width: 100%;}
.fam li{float: left;width: 100%;line-height: 40px;box-sizing: border-box;font-size: 14px}
.fam li span{float: right;}

.service{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.service-tit{width: 100%;text-align: center;padding: 20px 0;border-bottom: 1px solid #f1f1f1;display: inline-block;margin-bottom: 20px;}
.service-tit h2{font-size: 26px;line-height: 40px;color: #17518f;}
.service-tit p{font-size: 14px;}
.service-m{width: 100%;display: inline-block;box-sizing: border-box;}
.service-m li{float: left;width: 280px;margin: 10px;text-align: center;}
.service-m li img{border: 1px solid #f1f1f1;}
.service-m li b{font-size: 20px;line-height: 60px;display: block;}
.service-m li a{padding: 10px 40px;border: 1px solid #17518f;display: inline-block;border-radius: 50px;}

.case{width: 100%;height: 646px;background: url("../images/xmbg.jpg")top center no-repeat;display: inline-block;}
.case-m{width: 1200px;margin: 0 auto;}
.case-tit{width: 100%;text-align: left;padding: 40px 0;}
.case-tit h2{font-size: 26px;color: #fff;font-weight: bold;padding-top: 20px;}
.case-tit p{font-size: 14px;color: #fff;}
.case-txt{width: 100%;}
.case-txt li{float: left;width: 360px;margin-right: 40px;}
.case-txt li:last-child{margin-right: 0;}
.case-txt li img{width: 360px;height: 200px;padding-bottom: 20px;}
.case-txt b{color: #fff;font-size: 20px;line-height: 40px;font-weight: 100;}
.case-txt p{color: #fff;font-size: 14px;line-height: 30px;}

.lvshi{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.lvshi-tit{width: 100%;padding-top: 20px;}
.lvshi-tit h2{font-size: 26px;color: #17518f;padding-top: 20px;}
.lvshi-tit p{font-size: 14px;}
.lvshi-m{width: 100%;box-sizing: border-box;padding-top: 40px;}
.lvshi-m li{float: left;width: 345px;margin-right: 63px;border: 1px solid #f1f1f1;}
.lvshi-m li:last-child{margin-right: 0;}
.lst{width: 100%;}
.lst img{width: 345px;}
.lsm{width: 100%;text-align: center;}
.lsm h2{font-size: 18px;line-height: 40px;padding-top: 20px;}
.lsm span{font-size: 14px;line-height: 30px;display: block;}
.lsm p{padding:10px 40px 40px 40px;box-sizing: border-box;font-size: 14px;}
/* 律师卡片整卡可点 */
.caselist-m1 li > a{display: block;color: inherit;text-decoration: none;}
.caselist-m1 li > a:hover .lsm h2{color: #17518f;}

.lvshi-m1{width: 100%;box-sizing: border-box;padding-top: 40px;}
.lvshi-m1 li{float: left;width: 268px;margin-right: 30px;border: 1px solid #f1f1f1;margin-bottom: 30px;}
.lvshi-m1 li:last-child{margin-right: 0;}
.lvshi-m1 .lst{width: 100%;}
.lvshi-m1 .lst img{width: 268px;height: 360px;}
.lvshi-m1 .lsm{width: 100%;text-align: center;}
.lvshi-m1 .lsm h2{font-size: 18px;line-height: 40px;padding-top: 20px;}
.lvshi-m1 .lsm span{font-size: 14px;line-height: 30px;display: block;}
.lvshi-m1 .lsm p{padding:10px 40px 40px 40px;box-sizing: border-box;font-size: 14px;}

.news{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.news-m{margin: 0 auto;padding-top: 40px;overflow: hidden;width: 100%;}
.news-m-l{width: 580px;margin-right: 20px;float: left;font-size: 16px;}
.news-m-l a{color: #333;}
.news-m-l a:hover{color:#17518f }
.news-m-l img{width: 100%;height: 190px;padding-bottom: 20px;}
.news-m-l span{float: right;font-size: 14px}
.news-m-l p{line-height: 30px;padding: 10px 0;color: #808080;font-size: 14px;}
.news-m-r{width: 100%;float: none;border-left: 0;}
.news-m-r ul{margin-left: -5px;}
.news-m-r li{width: 100%;float: left;padding-bottom: 20px;}
.news-m-r li a{padding-left: 40px;position: relative;font-size: 16px;}
.news-m-r li i{width: 10px;height: 10px;background: #cccccc;border-radius: 5px;position: absolute;left: 0;top: 5px;}
.news-m-r li p{padding-left: 40px;font-size: 14px;color: #808080;}

.gbook{width: 100%;display: inline-block;overflow: hidden;background: url("../images/newsbg.jpg")top center no-repeat;padding: 40px 0;margin-bottom: -20px;}
.gbm{width: 1200px;margin: 0 auto;overflow: hidden;padding-top: 40px;}
.gbml{float: left;width: 580px;color: #fff;}
.gbml1{padding-bottom: 40px;}
.gbml1 h2{font-size: 26px;line-height: 40px;}
.gbml1 p{font-size: 14px;line-height: 30px;}
.gbml2{padding-bottom: 40px;}
.gbml2 p{font-size: 14px;line-height: 40px;}
.gbml3{font-size: 14px;}
.gbml3 b{font-size: 30px;}
.gbmr{float: right;width: 580px;color: #fff;}
.gbmr1{padding-bottom: 40px;}
.gbmr1 h2{font-size: 26px;line-height: 40px;}
.gbmr1 p{font-size: 14px;line-height: 30px;}

.gbmr2{width: 100%;box-sizing: border-box;}
.gbmr2 li{float: left;padding-bottom: 20px;width: 100%;box-sizing: border-box;}
.gbmr2 li lable{width: 60px;display: inline-block;font-size: 14px;}
.gbmr2 li input{border: 0;line-height: 45px;width: 480px;color: #000;padding-left: 10px;}
.gbmr2 .nei{vertical-align: top;}
.gbmr2 .nei textarea{width: 480px;height: 100px;color: #000;padding-left: 10px;}
.gbmr2 li .code{width: 150px;margin-right: 10px;}
.gbmr2 li button{background: #17518f;padding: 10px 80px;color: #fff;font-size: 14px;border: 0;margin-left: 60px;}

.about{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.about-tit{border-bottom: 1px solid #f1f1f1;padding: 20px 0;text-align: center;width: 100%; }
.about-tit h2{font-size: 26px;line-height: 60px;}
.about-tit p{font-size: 14px;line-height: 40px;color: #737373;}
.about-m{width: 100%;box-sizing: border-box;padding: 40px 0;}
.nbanner{width: 100%;height: 400px;margin-top: -20px;}

.casel{width: 1200px;margin: 0 auto;margin-bottom: 40px;overflow: hidden;}
.casel-tit{border-bottom: 1px solid #f1f1f1;padding: 20px 0;text-align: center;width: 100%; }
.casel-tit h2{font-size: 26px;line-height: 60px;}
.casel-tit p{font-size: 14px;line-height: 40px;color: #737373;}
.caselm{width: 1200px;padding-top: 40px;}
.caselm li{width: 358px;border: 1px solid #f1f1f1;margin-right: 40px;margin-bottom: 40px;float: left;}
.caselm li:last-child{margin-right: 0;}
.caselm li img{width: 100%;height: 200px;}
.caselm li h2{font-size: 18px;line-height: 40px;padding: 20px 15px 0 15px;}
.caselm li p{font-size: 14px;padding: 0 15px 20px 15px;}
.caselist{width: 1200px;margin: 40px auto;overflow: hidden;}
.caselist-tit{text-align: center;padding-top: 20px;border-bottom: 1px solid #f1f1f1;}
.caselist-tit h2{line-height: 50px;}
.caselist-m li{float: left;width: 100%;padding: 30px 0;border-bottom: 1px dashed #f1f1f1;}
.caselist-m li a{font-size: 16px;line-height: 40px;font-weight: bold;color: #222;}
.caselist-m li a:hover{color: #17518f;}
.caselist-m li a span{float: right;font-size: 14px;font-weight: normal;color: #999;}
.caselist-m li p{font-size: 14px;line-height: 30px;color: #666;}
.caselist-m1{width: 100%;}
.caselist-m1 li{float: left;width: 100%;padding: 30px 0;border-bottom: 1px dashed #f1f1f1;}
.caselist-m1 li a{font-size: 16px;line-height: 40px;font-weight: bold;color: #222;}
.caselist-m1 li a:hover{color: #17518f;}
.caselist-m1 li a span{float: right;font-size: 14px;font-weight: normal;color: #999;}
.caselist-m1 li p{font-size: 14px;line-height: 30px;color: #666;}
.caselist-m-t{width: 180px;float: left;padding-right: 30px;}
.caselist-m-t img{width: 180px;}


.joblist{width: 1200px;margin: 40px auto;overflow: hidden;}
.joblist li{float: left;width: 100%;padding: 30px 0;border-bottom: 1px dashed #f1f1f1;}
.joblist li a{font-size: 16px;line-height: 40px;}
.joblist li a span{float: right;font-size: 14px}
.joblist li p{font-size: 14px;line-height: 30px;}

.falvlist{width: 1200px;margin: 40px auto;overflow: hidden;}
.falvlist-m{width: 100%;box-sizing: border-box;display: inline-block;}
.falvlist-m{margin-left: -20px;}
.falvlist li{float: left;width: 580;padding: 30px 0;border-bottom: 1px dashed #f1f1f1;margin-left: 20px;}
.falvlist li a{font-size: 16px;line-height: 40px;}
.falvlist li a span{float: right;font-size: 14px}
.falvlist li p{font-size: 14px;line-height: 30px;}

.page{margin: 20px auto;text-align: center;font-size: 14px;padding-bottom: 30px;width: 1200px;padding-top: 40px;display: inline-block;}
.page-status,.page-index,.page-pre,.page-num,.page-next,.page-last{padding: 10px 20px;border: 1px solid #f1f1f1;margin-right: 10px;}
.page .page-num-current{background:#48a5f4;color: #fff; }

.contact .gbml,.contact .gbmr{color: #000;}
.contact .gbmr li input{border: 1px solid #f1f1f1;}

.footer{background: #0e2f55;}
.foot{width: 1200px; margin: 0 auto;padding-top: 40px;}
.foot-t{width: 100%;padding-bottom: 40px;border-bottom: 1px solid #c8d9ee;text-align: center;color: #fff;font-size: 14px;}
.foot-t h2{font-size: 30px;line-height: 50px;}
.foot-t p{line-height: 60px;}
.foot-b{line-height: 60px;text-align: center;font-size: 14px;color: #c8d9ee;}
.foot-b a{color: #c8d9ee;}.foot-c{line-height: 60px;font-size: 14px;color: #c8d9ee;}.foot-c a{color: #c8d9ee;}
.foot-t img{padding-top: 30px;display: none;}
.footnav{width: 100%;padding-bottom: 60px;}
.footnav li{float: left;}
.footnav li a{ display:block; padding:0 30px; font-size:16px;line-height: 50px;width: 72px;margin-right: 1px;text-align: center;  }
.up{width: 56px;height: 56px;bottom: 100px;right: 50px;position: fixed;}
.up a{display: block;width: 56px;height: 56px;background: url("../images/up.png")center center no-repeat;z-index: 99;}

.floating_ck{position:fixed;right:20px;bottom:20%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#17518f;border-bottom:solid 1px #0e2f55;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#17518f;border-bottom:solid 1px #0e2f55;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#17518f;border-bottom:solid 1px #0e2f55;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm img{width: 145px;height: 145px;}
.floating_ewm i{display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}

.modelTost {display: none;background: rgba(0, 0, 0, .5);z-index: 9999;width: 100%;height: 100%;	position: fixed;top: 0;	left: 0;}
.modelTostChile {width: 600px;margin-top: 90px;	background-color: #fff;	padding-bottom: 2.5%;position: absolute;top: 40%;left: 50%;	transform: translate(-50%, -50%);}
.modelTostChile p {	font-size: 24px;padding: 3%;}
.modelClose {float: right;cursor: pointer;}
.swiper-slide {	text-align: center;}
.swiper-slide img {width: 85%;text-align: center;}
.appBox +.appBox {margin-top: 3%;}
.nnav{width: 40px;float: right;padding-right: 20px;padding-top: 15px;cursor: pointer;display: none;}
.nnav img{width: 40px;}
.wnav{display: none;}
.wfoot{display: none;width: 100%;position: fixed;left: 0;bottom: 0;z-index: 999;background: #17518f;}
.wfoot li{float: left;width: 25%;color: #fff;text-align: center;}
.wfoot li a{color: #fff;}
.wfoot h2{font-size: 14px;line-height: 30px;}
.wfoot i{font-size: 20px;line-height: 20px;padding-top: 10px;display: inline-block;}
.wapnav{display: none;width: 100%;padding: 20px 0;}
.wapnav li{float: left;width: 25%;box-sizing: border-box;padding:0 10px;text-align: center;font-size: 14px; }
.wapnav li .ic1{padding: 10px;width: 60%;background-image: linear-gradient(#07daff, #00c6ff);box-sizing: border-box;border-radius: 50%;}
.wapnav li .ic2{padding: 10px;width: 60%;background-image: linear-gradient(#2a72d8, #17518f);box-sizing: border-box;border-radius: 50%;}
.wapnav li .ic3{padding: 10px;width: 60%;background-image: linear-gradient(#3f8ce0, #2470c9);box-sizing: border-box;border-radius: 50%;}
.wapnav li .ic4{padding: 10px;width: 60%;background-image: linear-gradient(#6085ff, #5072ff);box-sizing: border-box;border-radius: 50%;}
.fw100{width: 100%;display: inline-block;background: #f1f1f1;}
.ffnav{width: 1200px;margin: 0 auto;line-height: 40px;}
.ffnav ul{float: left;}
.ffnav ul li{float: left;padding: 10px 20px;font-size: 14px;}
.ffnav ul li:hover{background: #fff;}
.ffnav ul li.on{background: #fff;}
.ffnav p{float: right;padding: 10px 20px 10px 0;}
.newspage{padding-top: 20px;border-top: 1px solid #f1f1f1;margin-top: 20px;}
.service-tit h2,.lvshi-tit h2,.about-tit h2,.casel-tit h2,.case-tit h2,.foot-t h2,.fatj a h2{font-family:"STZhongsong","SimSun","Microsoft YaHei",serif;}
.service-tit,.lvshi-tit,.about-tit,.casel-tit{border-bottom:2px solid #8fb0d9;}
.banner .bd li a h2{text-shadow:0 2px 12px rgba(0,0,0,.55);}

/* ===== 内页新版式（辉尚蓝 · 借用8885骨架） ===== */
.subbanner{ width:100%; float:left; position:relative; overflow:hidden;
  background:#17518f url(/static/hongs/images/nbanne1.jpg) center/cover no-repeat;
  min-height:240px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;}
.subbanner:before{ content:""; position:absolute; inset:0;
  background:linear-gradient(120deg, rgba(23,81,143,.62) 0%, rgba(14,47,85,.42) 58%, rgba(0,0,0,.30) 100%);}
.subbanner:after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.12);}
.subbanner .inner{ position:relative; z-index:2; text-align:center; color:#fff; padding:0 20px;}
.subbanner h1{ font-size:40px; letter-spacing:4px; font-weight:bold; line-height:1.2; margin:0;
  text-shadow:0 2px 10px rgba(0,0,0,.25);}
.subbanner .en{ font-size:15px; letter-spacing:3px; opacity:.88; margin-top:12px; text-transform:uppercase;}

.crumb{ width:100%; float:left; background:#f1f1f1; border-bottom:1px solid #e3e9f2;}
.crumb .inner{ width:1200px; max-width:100%; margin:0 auto; padding:13px 0; font-size:14px; color:#737373; box-sizing:border-box;}
.crumb a{ color:#737373;} .crumb a:hover{ color:#17518f;}
.crumb i{ margin:0 9px; color:#bbb; font-style:normal;}
.crumb .cur{ color:#17518f;}

.inner-wrap{ width:100%; float:left; background:#fff;}
.inner-wrap .inner{ width:1200px; max-width:100%; margin:0 auto; padding:40px 0 60px; box-sizing:border-box; overflow:hidden;}
.inner-side{ width:240px; float:left; margin-right:40px;}
.inner-con{ width:880px; float:right; min-height:400px;}

.side-tit{ background:#17518f; color:#fff; font-size:18px; line-height:52px; padding:0 20px; font-weight:bold;
  position:relative;}
.side-tit:after{ content:""; position:absolute; left:20px; bottom:0; width:40px; height:3px; background:rgba(255,255,255,.6);}
.side-nav{ background:#fff; border:1px solid #e3e9f2; border-top:0;}
.side-nav a{ display:block; line-height:50px; padding:0 20px; color:#555; border-bottom:1px solid #f2f2f2;
  font-size:15px; transition:all .2s; position:relative;}
.side-nav a:last-child{ border-bottom:0;}
.side-nav a:hover{ background:#eef3fa; color:#17518f; padding-left:24px;}
.side-nav a.on{ background:#eef3fa; color:#17518f; border-left:3px solid #17518f; padding-left:17px; font-weight:bold;}

.sec-tit{ border-left:4px solid #17518f; padding-left:14px; margin:0 0 24px; color:#222;
  font-size:24px; font-weight:bold; line-height:1.3;}
.sec-tit small{ display:block; font-size:13px; color:#999; font-weight:normal; letter-spacing:2px; margin-top:4px;}

.article{ font-size:16px; line-height:2; color:#444;}
.article p{ margin:0 0 18px;}
.article img{ max-width:100%; height:auto; margin:10px 0; border-radius:4px;}
.article h2,.article h3,.article h4{ color:#222; margin:24px 0 12px; line-height:1.4;}
.article a{ color:#17518f;}
.article ul,.article ol{ padding-left:24px; margin:0 0 18px;}
.article table{ width:100%; border-collapse:collapse; margin:0 0 18px;}
.article td,.article th{ border:1px solid #ddd; padding:8px 12px;}

/* 内页内容块宽度自适应（原1200px宽容器收进双栏） */
.inner-con .about,.inner-con .caselist,.inner-con .casel,.inner-con .falvlist,.inner-con .joblist{ width:100%; margin:0;}

@media screen and (max-width: 1025px) {
    .nav{width: 100%;}
}
@media screen and (max-width: 769px) {
    .footnav{display: none;}
    .nnav{display: block;}
    .floating_ck{display: none;}
    .header{display: none;}
    .head{width: 100%;padding: 10px 0;}
    .tel{display: none;}
    .banner{height: 200px;margin-top: 80px;}
    .banner .bd li{height: 200px;}
    .banner .bd li a{margin-top: 70px;width: 75%;margin-left: 31%;}
    .banner .bd li a h2{font-size: 20px;}
    .falv,.service,.case-m,.lvshi,.news,.gbm,.foot{width: 100%;padding: 20px;box-sizing: border-box;}
    .ffnav{width: 100%;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;overflow: hidden;}
    .fw100{margin-top: 20px;}
    .falvl{width: 100%;margin-bottom: 20px;}
    .fatxt{display: flex;width: 100%;}
    .fztxtr{flex: 1;height: 68px;overflow: hidden;padding:10px 20px;line-height: 24px;}
    .falvr{width: 100%;}
    .service-m li{width: 100%;margin:0 0 20px;}
    .service-m li img{width: 100%}
    .case{height: auto;background: url("../images/xmbg.jpg")top center no-repeat #000;}
    .case-txt li{width: 100%;margin-bottom: 20px;}
    .case-txt li img{width: 100%;height: auto;}
    .lvshi{margin-bottom: 0;}
    .lvshi-m li{width: 100%;margin-bottom: 20px;}
    .lvshi-tit{padding-top: 0;}
    .lvshi-tit h2{padding-top: 0;}
    .lst img{width: 100%;height: auto;}
    .news-m-l{width: 100%;margin-right:0;margin-bottom: 20px;border-bottom: 1px solid #f1f1f1;}
    .news-m-r{width: 98%;margin-left: 2%;}
    .news-m-r ul{margin-left: -2%;}
    .gbook{background: url("../images/newsbg.jpg")top center no-repeat #123a68;}
    .gbml{width: 100%;margin-bottom: 20px;}
    .gbmr{width: 100%;}
    .fatxtl{width: 60px;}
    .fatxtl p{font-size: 14px;}
    .fatxtl span{display: none;}
    .falvl .faimg img{height: auto;}
    .fatj a p{line-height: 30px;}
    .fam li{height: 40px;overflow: hidden;}
    .falv{margin: 20px 0;}
    .gbmr2 li input{width: 100%;box-sizing: border-box;}
    .gbmr2 .nei textarea{width: 100%;box-sizing: border-box;}
    .gbmr2 li .code{width: 100px;}
    .foot-t h2{font-size: 20px;}
    .gbml2{padding-bottom: 0px;}
    .gbml3 b{font-size: 20px;}
    .top{position: fixed;width: 100%;z-index: 999;top: 0;left: 0;}
    .about ,.page{width:100%;padding:20px;box-sizing: border-box;}
    .caselist,.falvlist,.casel,.joblist{width: 100%;padding:0 20px;box-sizing: border-box;}
    .page-status{display: none;}
    .page-status, .page-index, .page-pre, .page-num, .page-next, .page-last{padding: 10px;}
    .nbanner{margin-top: 80px;height: 200px;}
    .caselm{width: 100%;margin-top: 20px;}
    .caselm li{width: 100%;}
    .caselm li img{height: auto;}
    .gbm{width: 100%;}
    .lvshi-m1 li{width: 100%;}
    .lvshi-m1 .lst img{width: 100%;height: auto;}
    .modelTostChile{width: 100%;}
    .head .logo img{max-height: 57px;padding-left: 20px;}
    .nnav img{width: 30px;}
    .caselist-m-t{width: 100%;padding-right: 0;}
    .caselist-m-t img{width: 100%;}
    .wapnav{display: block;}
    .ffnav p{display: none;}
/*  手机菜单  */
    .wnav {width: 100%;height: 100%;background: #123a68;transition: all .3s;position: fixed;left: 0;top: 80px;z-index: 999;padding-top: 30px;}
    .wnav a {display: block;overflow: hidden;padding-left: 20px;line-height: 46px;max-height: 46px; color: #ffffff;transition: all .3s;font-size: 14px;}
    .wnav a span { margin-left: 30px}
    .nav-item { position: relative}
    .nav-item.nav-show { border-bottom: none}
    .nav-item ul {display: none; background: rgba(0, 0, 0, .1)}
    .nav-item.nav-show ul {display: block}
    .nav-item > a:before {content: ""; position: absolute;left: 0; width: 2px; height: 46px;background: #34a0ce; opacity: 0; transition: all .3s}
    .nav .nav-icon {font-size: 20px;position: absolute; margin-left: -1px}
    .icon_1::after {content: "\e62b"}
    .icon_2::after {content: "\e669"}
    .icon_3::after {content: "\e61d"}
    .nav-more { float: right; margin-right: 20px; font-size: 12px; transition: transform .3s}
    .nav-more::after { content: "\e621"}
    .nav-show .nav-more {transform: rotate(90deg)}
    .nav-show, .nav-item > a:hover {color: #fff; background: rgba(0, 0, 0, .1)}
    .nav-show > a:before, .nav-item > a:hover:before { opacity: 1}
    .nav-item li:hover a {color: #fff;  background: rgba(0, 0, 0, .1)}
    .nav-mini.wnav { width: 60px}
    .nav-mini.wnav .nav-icon {}
    .nav-mini.wnav .nav-item > a span { display: none}
    .nav-mini.wnav .nav-more { margin-right: -20px}
    .nav-mini.wnav .nav-item ul {position: absolute;top: 0;left: 60px;width: 180px;z-index: 99;background: #3c474c; overflow: hidden}
    .nav-mini.wnav .nav-item:hover {background: rgba(255, 255, 255, .1)}
    .nav-mini.wnav .nav-item:hover .nav-item a {color: #fff}
    .nav-mini.wnav .nav-item:hover a:before {opacity: 1}
    .nav-mini.wnav .nav-item:hover ul {  display: block}
    .wfoot{display: block;}
        
}
@media screen and (max-width: 320px) {
    .wapnav li{font-size: 12px;padding: 0;}
    
}

/* —— 内页双栏在移动端堆叠 —— */
@media screen and (max-width: 769px) {
    .subbanner{ min-height:150px;}
    .subbanner h1{ font-size:26px; letter-spacing:2px;}
    .subbanner .en{ font-size:13px; margin-top:8px;}
    .crumb .inner,.inner-wrap .inner{ padding-left:15px; padding-right:15px; box-sizing:border-box;}
    .inner-side{ width:100%; float:none; margin:0 0 20px;}
    .side-nav a{ line-height:46px;}
    .inner-con{ width:100%; float:none; min-height:0;}
}

/* ===== 新闻列表·日期块式（参考8885 · 辉尚蓝） ===== */
.news-list{ border-top:1px solid #eee;}
.news-item{ display:flex; align-items:center; padding:20px 4px; border-bottom:1px solid #eee; transition:all .2s;}
.news-item:hover{ background:#eef3fa;}
.news-item .date{ width:90px; flex-shrink:0; text-align:center; color:#17518f;}
.news-item .date b{ display:block; font-size:28px; line-height:1; font-family:"Times New Roman",serif;}
.news-item .date span{ font-size:12px; color:#999;}
.news-item .txt{ flex:1; min-width:0; padding-left:20px; border-left:1px solid #eee;}
.news-item .txt h3{ font-size:17px; color:#222; margin:0 0 6px; font-weight:bold; line-height:1.4;}
.news-item .txt h3 a{ color:#222;} .news-item .txt h3 a:hover{ color:#17518f;}
.news-item .arrow{ width:40px; flex-shrink:0; text-align:center; color:#ccc; font-size:18px;}
.news-item:hover .arrow{ color:#17518f;}
/* 页脚浮动清除（防footnav等浮动把版权区挤变形） */
.foot{ overflow:hidden;}
@media screen and (max-width:769px){
  .news-item .date{ width:70px;}
  .news-item .date b{ font-size:22px;}
  .news-item .txt p{ height:auto;}
  .news-item .arrow{ display:none;}
}
/* 推荐资讯详情-免责声明 */
.about-m .mianze{margin-top:30px;padding:15px 18px;background:#f7f8fa;border:1px solid #eee;border-radius:4px;font-size:13px;color:#999;line-height:1.9;}

/* 列表空状态 */
.news-empty{padding:60px 0;text-align:center;color:#999;font-size:15px;letter-spacing:1px;}

/* ===== 律师团队卡片栅格（参考8885 · 辉尚蓝） ===== */
.team-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.member{ display:block; background:#fff; border:1px solid #e3e9f2; border-radius:6px; overflow:hidden; transition:all .3s;}
.member:hover{ box-shadow:0 8px 24px rgba(23,81,143,.16); transform:translateY(-4px);}
.member .pic{ position:relative; width:100%; padding-top:118%; overflow:hidden; background:#f4f4f4;}
.member .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.member .info{ padding:14px 16px 18px; text-align:center;}
.member .info h3{ font-size:18px; color:#222; margin:0 0 6px; font-weight:bold;}
.member .info span{ font-size:13px; color:#17518f; display:block;}
.member .info p{ font-size:12px; color:#999; margin:8px 0 0; line-height:1.6; height:38px; overflow:hidden;}
@media screen and (max-width:769px){
  .team-grid{ grid-template-columns:repeat(2,1fr); gap:14px;}
  .member .info h3{ font-size:16px;}
  .member .info p{ height:auto;}
}

/* ===== 首页·专业领域翻页轮播（一屏4张·自动翻页·无滑轨） ===== */
.service-m.sv-slide{ position:relative;}
.sv-viewport{ overflow:hidden;}
.sv-slide ul{ display:flex; gap:20px; transition:transform .55s ease; padding:10px 0 6px;}
.sv-slide li{ float:none; flex:0 0 calc((100% - 60px)/4); width:auto; margin:0; box-sizing:border-box; background:#fff; border:1px solid #e3e9f2; border-radius:6px; overflow:hidden; transition:box-shadow .3s,transform .3s;}
.sv-slide li:hover{ box-shadow:0 8px 24px rgba(23,81,143,.16); transform:translateY(-4px);}
.sv-slide li a{ display:block; padding:0; border:0; border-radius:0; color:inherit;}
.sv-slide li a:hover{ background:transparent;}
.sv-slide .svimg{ position:relative; width:100%; padding-top:66%; overflow:hidden; background:#f4f4f4;}
.sv-slide .svimg img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; border:0;}
.sv-slide li b{ font-size:17px; line-height:1.4; padding:12px 12px 4px; display:block; text-align:left;}
.sv-slide .svlink{ display:block; font-size:13px; color:#17518f; padding:0 12px 14px; text-align:left;}
.sv-arrow{ position:absolute; top:36%; z-index:5; width:38px; height:38px; line-height:36px; text-align:center; border-radius:50%; background:rgba(23,81,143,.85); color:#fff; font-size:22px; cursor:pointer; user-select:none; transition:background .2s;}
.sv-arrow:hover{ background:#17518f;}
.sv-prev{ left:-14px;}
.sv-next{ right:-14px;}
/* 首页各板块标题右侧"查看更多"→栏目页 */
.falvr-tit{ font-size:20px; color:#17518f; border-bottom:2px solid #8fb0d9; padding-bottom:10px; margin-bottom:16px; line-height:40px;}
.falvr-tit a{ color:#17518f;}
.tit-more{ float:right; font-size:13px; color:#17518f; font-weight:normal; line-height:40px;}
.tit-more:hover{ color:#0e2f55;}
/* 首页律师卡可点击 */
.lvshi-m li a{ display:block; color:inherit;}
@media screen and (max-width:769px){
  .sv-slide li{ flex-basis:calc((100% - 20px)/2);}
  .tit-more{ float:none; display:block; line-height:24px;}
}