/* 春令时酒店 全站样式 — 复刻 /601/ 蓝绿配色 */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html{font-family:"Microsoft YaHei","微软雅黑",sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{color:#333;font-size:14px;line-height:1.7;background:#fff}
ol,ul,li{list-style:none}
img{border:none;vertical-align:top;max-width:100%}
a{color:#333;text-decoration:none;outline:none;-webkit-transition:all .3s;transition:all .3s}
a:hover{color:#008fcd}
button,input,select,textarea{font-size:100%;font-family:tahoma;margin:0;outline:none;border:none;background:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.wrap{width:1200px;margin:0 auto}
/* 顶部信息栏 + 导航 */
.topbox{background:#fff;border-bottom:1px solid #eee;position:relative;z-index:50}
.lotbox{width:1200px;margin:0 auto;height:96px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px}
.logo-ico{flex:0 0 auto}
.logo-txt{display:flex;flex-direction:column;line-height:1.1}
.logo-txt b{color:#1a3a5c;font-size:24px;font-weight:bold;letter-spacing:1px}
.logo-txt i{color:#008fcd;font-size:11px;letter-spacing:3px;margin-top:4px}
.header_right{display:flex;align-items:center}
.h_top{display:flex;align-items:center}
.h_phone{display:flex;align-items:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23008fcd'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .8-.3 1l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat left center;background-size:28px;padding-left:38px;height:34px}
.h_phone i{font-style:normal;color:#666;font-size:12px;display:block}
.h_phone em{font-style:normal;color:#008fcd;font-size:22px;font-weight:bold}
.menubox{background:#008fcd;border-top:1px solid #0a7fb8;width:100%}
.menubox .nav-wrap{width:1200px;margin:0 auto}
#nav{width:1200px;margin:0 auto;display:flex;align-items:center}
#nav li{position:relative}
#nav a{display:inline-block;padding:0 26px;height:54px;line-height:54px;font-size:16px;color:#fff}
#nav a:hover,#nav a.navaon{background:#00a83c;color:#fff}
#nav li:hover .common-nav2{display:block}
.common-nav2{display:none;position:absolute;z-index:999;top:54px;left:50%;transform:translateX(-50%);width:150px;padding-top:6px}
.common-nav2 i{width:0;height:0;position:absolute;top:0;left:50%;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #008fcd}
.common-nav2_in{background:#008fcd;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.common-nav2 div{text-align:center;border-bottom:1px dashed #2aa3df}
.common-nav2 div:last-child{border-bottom:0}
.common-nav2 div a{display:block!important;height:42px;line-height:42px;padding:0!important;margin:0!important;font-size:14px!important;color:#fff!important}
.common-nav2 div a:hover{background:#00a83c!important}
.menu-btn{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.menu-btn span{display:block;width:24px;height:3px;background:#fff;border-radius:2px}
/* Banner */
.banner1{width:100%;height:560px;position:relative;overflow:hidden;background:#0a2a45}
.banner1 .slideBox{position:relative;width:100%;height:560px}
.banner1 .bd{position:relative;width:100%;height:100%}
.banner1 .bd ul{width:100%;height:100%}
.banner1 .bd li{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;z-index:1}
.banner1 .bd li.on{opacity:1;z-index:2}
.banner1 .bd li a{display:block;width:100%;height:100%}
.banner1 .bd li img{width:1px;height:1px;opacity:0}
.bn-txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;width:90%;max-width:900px;z-index:3}
.bn-txt .bn-tag{display:inline-block;padding:5px 18px;border:1px solid rgba(255,255,255,.6);border-radius:20px;font-size:13px;letter-spacing:2px;margin-bottom:18px}
.bn-txt h2{font-size:48px;font-weight:bold;letter-spacing:3px;text-shadow:0 2px 12px rgba(0,0,0,.5);margin-bottom:14px}
.bn-txt .bn-sub{font-size:20px;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.banner1 .hd{position:absolute;bottom:24px;left:0;width:100%;text-align:center;z-index:4}
.banner1 .hd ul{display:inline-block}
.banner1 .hd li{display:inline-block;margin:0 6px;width:12px;height:12px;background:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.banner1 .hd li.on{background:#008fcd;width:32px;border-radius:6px}
.banner1 .prev,.banner1 .next{display:none;position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;z-index:4;background:rgba(0,0,0,.2);cursor:pointer}
.banner1 .prev{left:30px}.banner1 .next{right:30px}
/* 区块标题 */
.tit,.titi{width:1200px;margin:0 auto;text-align:center;padding-top:10px}
.tit .proname,.titi .proname{font-size:32px;color:#1a3a5c;font-weight:300;letter-spacing:2px}
.titi .proname{color:#1a3a5c}
.tit .prona,.titi .prona{margin-top:8px}
.tit .prona span,.titi .prona span{display:inline-block;font-size:18px;color:#008fcd;letter-spacing:4px;position:relative;padding:0 30px}
.tit .prona span:before,.titi .prona span:before,.tit .prona span:after,.titi .prona span:after{content:'';position:absolute;top:50%;width:24px;height:2px;background:#00a83c}
.tit .prona span:before,.titi .prona span:before{left:-10px}
.tit .prona span:after,.titi .prona span:after{right:-10px}
/* indexone 客户案例 */
.indexone{background:#f4f4f4;padding:51px 0}
.indexone ul{width:1200px;margin:40px auto 0;display:flex;flex-wrap:wrap}
.indexone ul li{position:relative;width:282px;margin-left:24px;background:#fff;overflow:hidden}
.indexone ul li:first-child{margin-left:0}
.indexone ul li a.img{display:block;overflow:hidden;width:282px;height:172px}
.indexone ul li a.img img{width:100%;height:100%;object-fit:cover;-webkit-transition:all .3s;transition:all .3s}
.indexone ul li span{display:block;width:100%;text-align:center;padding-bottom:8px}
.indexone ul li span i{display:block;line-height:26px;margin-top:6px;font-size:17px;font-weight:bold;color:#333}
.indexone ul li span em{display:block;color:#999;font-size:12px;line-height:20px;text-align:left;padding:2px 12px;height:48px;overflow:hidden}
.indexone ul li:hover img{-webkit-transform:scale(1.06);transform:scale(1.06)}
.indexone ul li:after{content:'';position:absolute;bottom:0;left:0;height:3px;background:#008fcd;width:0;-webkit-transition:all .3s;transition:all .3s}
.indexone ul li:hover:after{width:100%}
/* indextwo 解决方案 */
.indextwo{margin:51px auto}
.indextwobox{width:1200px;margin:30px auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.indextwobox dl{width:588px;background:#fff;display:flex;align-items:flex-start;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.indextwobox dl dt{float:left;width:160px;height:120px;margin-right:20px;overflow:hidden;flex:0 0 auto;border:1px solid #e8e8e8;-webkit-transition:all .3s;transition:all .3s}
.indextwobox dl dt img{width:100%;height:100%;object-fit:cover;-webkit-transition:all .3s;transition:all .3s}
.indextwobox dl:hover dt{border-color:#82c8e6}
.indextwobox dl:hover dt img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.indextwobox dl dd{flex:1;min-width:0}
.indextwobox dl dd h5 a{display:block;font-size:17px;font-weight:bold;height:28px;line-height:28px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indextwobox dl dd h5 a:hover{color:#008fcd}
.indextwobox dl dd em{display:block;color:#008fcd;font-size:12px;height:22px;line-height:22px}
.indextwobox dl dd p{overflow:hidden;color:#666;font-size:13px;line-height:22px;margin-top:4px}
.twomore{width:100%;padding:20px 0 0;text-align:center}
.twomore a{display:inline-block;padding:8px 36px;background:#008fcd;color:#fff;font-size:14px;border-radius:2px;-webkit-transition:all .3s;transition:all .3s}
.twomore a:hover{background:#00a83c;-webkit-transform:translateY(-3px);transform:translateY(-3px)}
/* indexthree 产品展示 */
.indexthree{background:#f4f4f4;padding:51px 0}
.slideGroup{width:1200px;margin:30px auto}
.slideGroup .parHd{height:40px;text-align:center;margin-bottom:10px}
.slideGroup .parHd ul{display:inline-block}
.slideGroup .parHd li{display:inline-block;height:34px;line-height:34px;margin:0 6px;cursor:pointer;font-size:15px;padding:0 22px;border-radius:20px;color:#666;-webkit-transition:all .3s;transition:all .3s}
.slideGroup .parHd li.on{background:#008fcd;color:#fff}
.slideGroup .parBd{overflow:hidden}
.slideGroup .parBd .slideBox{overflow:hidden}
.slideGroup .parBd ul{display:flex;flex-wrap:wrap;justify-content:flex-start}
.slideGroup .parBd li{position:relative;width:222px;margin:12px;background:#fff;text-align:center;overflow:hidden;-webkit-transition:all .3s;transition:all .3s}
.slideGroup .parBd li .pic{overflow:hidden;width:222px;height:170px}
.slideGroup .parBd li .pic img{width:100%;height:100%;object-fit:cover;-webkit-transition:all .3s;transition:all .3s}
.slideGroup .parBd li:hover .pic img{-webkit-transform:scale(1.06);transform:scale(1.06)}
.slideGroup .parBd li .title{line-height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.slideGroup .parBd li .title a{color:#333;font-size:15px}
.slideGroup .parBd li:hover .title a{color:#008fcd}
.slideGroup .parBd li:after{content:'';position:absolute;bottom:0;left:0;height:2px;background:#008fcd;width:0;-webkit-transition:all .3s;transition:all .3s}
.slideGroup .parBd li:hover:after{width:100%}
/* indexfour 新闻 */
.indexfour{margin:51px auto}
.indexfourbox{width:1200px;margin:30px auto;position:relative}
.indexfourbox .parBd{overflow:hidden}
.indexfourbox .slideBox{display:none}
.indexfourbox .slideBox.on{display:block}
.indexfourbox .newsrow{display:flex;justify-content:space-between}
.indexfourbox dl{float:left;width:588px;display:flex;background:#fff;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.indexfourbox dl dt{float:left;overflow:hidden;width:200px;height:140px;margin-right:20px;flex:0 0 auto}
.indexfourbox dl dt img{width:100%;height:100%;object-fit:cover;-webkit-transition:all .3s;transition:all .3s}
.indexfourbox dl:hover dt img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.indexfourbox dl dd{flex:1;min-width:0}
.indexfourbox dl dd > a{display:block;font-size:16px;font-weight:bold;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indexfourbox dl dd > a:hover{color:#008fcd}
.indexfourbox dl dd p{margin-top:8px;height:48px;overflow:hidden;color:#666;font-size:13px;line-height:24px}
.indexfourbox dl dd span{display:block;margin-top:10px;color:#999}
.indexfourbox dl dd span i{font-size:20px;color:#008fcd;font-style:normal;font-weight:bold}
.indexfourbox dl dd span em{font-size:13px;font-style:normal}
.indexfourbox .parHd{text-align:center;padding:18px 0}
.indexfourbox .parHd ul{display:inline-block}
.indexfourbox .parHd li{display:inline-block;margin:0 5px;width:11px;height:11px;background:#ccc;border-radius:50%;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.indexfourbox .parHd li.on{background:#008fcd;width:28px;border-radius:6px}
/* indexfive 行业动态 */
.indexfive{background:#f4f4f4;padding:51px 0}
.indexfive ul{width:1200px;margin:auto;padding-top:30px;display:flex;flex-wrap:wrap}
.indexfive ul li{float:left;width:565px;margin:0 17px 0;height:50px;line-height:50px;border-bottom:1px solid #d6d6d6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='3' fill='%23008fcd'/%3E%3C/svg%3E") left center no-repeat;padding-left:20px}
.indexfive ul li a{font-size:14px;color:#666}
.indexfive ul li span{float:right;font-size:13px;color:#999}
.indexfive ul li:hover a{color:#008fcd}
.indexfive .fivemore{padding-top:30px}
/* indexsix 关于我们 */
.indexsix{padding:51px 0}
.indexsix dl{width:1200px;margin:30px auto;display:flex;align-items:flex-start}
.indexsix dl dt{float:left;width:430px;flex:0 0 auto;overflow:hidden}
.indexsix dl dt img{width:100%;height:auto;object-fit:cover}
.indexsix dl dd{margin-left:50px;flex:1;min-width:0}
.indexsix dl dd .about-text{line-height:30px;color:#666;font-size:15px;height:auto;overflow:hidden}
.indexsix dl dd .stat-list{display:flex;flex-wrap:wrap;margin:24px 0}
.indexsix dl dd .stat-item{width:25%;text-align:center;padding:10px 0}
.indexsix dl dd .stat-item b{display:block;font-size:34px;color:#008fcd;font-weight:bold}
.indexsix dl dd .stat-item i{display:block;font-size:13px;color:#666;font-style:normal;margin-top:4px}
.moreabout{display:inline-block;margin-top:8px;background:#008fcd;width:140px;height:40px;text-align:center;line-height:40px;color:#fff;border-radius:2px}
.moreabout:hover{background:#00a83c;-webkit-transform:translateY(-3px);transform:translateY(-3px)}
/* indexseven 友情链接 */
.indexseven{width:1200px;margin:0 auto 40px;font-size:14px;color:#666;padding:20px 0;border-top:1px solid #eee}
.indexseven h4{float:left;font-weight:bold;color:#333;margin-right:20px;line-height:28px}
.indexseven a{float:left;display:inline-block;margin:0 14px;color:#999;line-height:28px}
.indexseven a:hover{color:#008fcd}
/* 页脚 */
.footclear{clear:both}
.foot{width:100%;color:#fff;padding:36px 0 0;background:#2a3038}
.fmain{width:1200px;margin:0 auto}
.bottomnav{text-align:center;padding-bottom:24px;border-bottom:1px solid #3a4048}
.bottomnav a{display:inline-block;height:30px;line-height:30px;margin:0 12px;font-size:14px;color:#cfd6df}
.bottomnav a:hover{color:#008fcd}
.footcols{padding:30px 0;display:flex;flex-wrap:wrap;gap:20px}
.fcol{flex:1;min-width:160px}
.fcol h4{font-size:16px;color:#fff;margin-bottom:14px;font-weight:bold}
.fcol p{color:#9aa4b2;font-size:13px;line-height:24px}
.fcol a{display:block;color:#9aa4b2;font-size:13px;line-height:28px}
.fcol a:hover{color:#008fcd}
.fcol-about{flex:1.5}
.fcol-qr{flex:0 0 130px;text-align:center}
.fcol-qr img{width:97px;height:97px;border:4px solid #fff}
.fcol-qr p{margin-top:8px;font-size:12px}
.bootTxt{border-top:1px solid #3a4048;padding:18px 0 26px;text-align:center;color:#7e8896;font-size:12px;line-height:24px}
.bootTxt a{color:#9aa4b2}
.bootTxt a:hover{color:#008fcd}
.share{display:none}
/* 浮动工具 */
.c-tools{position:fixed;z-index:999;right:14px;bottom:50%;margin-bottom:-110px;text-align:center}
.c-tools li{position:relative;width:50px;height:50px;margin:2px 0;background:#008fcd;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;-webkit-transition:all .3s;transition:all .3s}
.c-tools li:hover{background:#00a83c}
.c-tools li span{display:none;position:absolute;right:58px;top:0;width:140px;line-height:50px;background:#00a83c;color:#fff;font-size:14px;padding:0 10px;white-space:nowrap}
.c-tools li:hover span{display:block}
.c-tools li.ewm-ico span.ewmPic{width:170px;line-height:1;padding:10px}
.c-tools li.ewm-ico span.ewmPic img{display:block;width:150px;height:150px}
.c-tools li.tel-ico:before{content:'☎';font-size:20px}
.c-tools li.ewm-ico:before{content:'■';font-size:18px}
.c-tools li.top-ico:before{content:'↑';font-size:22px}
/* 内页 banner + 面包屑 */
.n-banner{height:300px;width:100%;background-size:cover;background-position:center;position:relative}
.n-banner-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,42,69,.35),rgba(10,42,69,.55))}
.ntit{width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px;border-bottom:1px solid #eee}
.ntit .ntt{display:flex;align-items:baseline;gap:14px}
.ntit .ntt h1{font-size:24px;color:#1a3a5c;font-weight:bold}
.ntit .ntt i{font-size:13px;color:#008fcd;letter-spacing:2px;font-style:normal}
.ntit .weiz{font-size:13px;color:#999}
.ntit .weiz a{color:#999;margin:0 4px}
.ntit .weiz a:hover{color:#008fcd}
/* 内页主体 (左栏 + 右栏) */
.main{width:1200px;margin:20px auto;display:flex;gap:30px;align-items:flex-start}
.sidebar{width:236px;flex:0 0 auto;background:#f7f9fb}
.sidebar > h4{height:60px;line-height:60px;text-align:center;background:#008fcd;color:#fff;font-size:20px;font-weight:bold}
.sideMenu h3{border-bottom:1px solid #e8edf1}
.sideMenu h3 a{display:block;height:46px;line-height:46px;text-align:center;font-size:15px;color:#555}
.sideMenu h3 a:hover,.sideMenu h3 a.on{background:#eaf4fb;color:#008fcd;font-weight:bold}
.side-contact{padding:20px;background:#1a3a5c;color:#fff;margin-top:14px}
.side-contact .sc-tel{font-size:13px;color:#9bb8d6}
.side-contact .sc-num{font-size:22px;font-weight:bold;color:#fff;margin:6px 0 10px}
.side-contact .sc-addr{font-size:12px;color:#9bb8d6;line-height:20px}
.mainright{flex:1;min-width:0;background:#fff;padding:24px 28px;min-height:500px}
/* 关于/正文区块 */
.about{font-size:14px;color:#666;line-height:30px}
.about p{margin-bottom:14px}
.blk-tit{font-size:20px;color:#1a3a5c;font-weight:bold;margin:30px 0 16px;padding-left:14px;border-left:4px solid #008fcd;line-height:24px}
.about-pic img,.pro-body-pic img{width:100%;display:block;border-radius:4px}
.timeline{position:relative;padding-left:20px;border-left:2px solid #e0e6ec}
.tl-item{position:relative;padding:0 0 24px 24px}
.tl-year{display:inline-block;background:#008fcd;color:#fff;font-weight:bold;font-size:15px;padding:2px 12px;border-radius:14px}
.tl-dot{position:absolute;left:-7px;top:6px;width:12px;height:12px;background:#00a83c;border-radius:50%;border:2px solid #fff}
.tl-event{margin-top:8px;color:#666;font-size:14px}
.culture-list{display:flex;flex-wrap:wrap;gap:18px}
.cul-card{flex:1;min-width:240px;background:#f7f9fb;padding:24px;border-top:3px solid #008fcd}
.cul-ico{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;background:#008fcd;color:#fff;border-radius:50%;font-weight:bold;font-size:18px;margin-bottom:10px}
.cul-card h5{font-size:17px;color:#1a3a5c;font-weight:bold;margin-bottom:8px}
.cul-card p{color:#666;font-size:13px;line-height:24px}
.team-list{display:flex;flex-wrap:wrap;gap:16px}
.team-item{flex:1;min-width:160px;text-align:center;background:#f7f9fb;padding:20px}
.team-img{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid #008fcd}
.team-img img{width:100%;height:100%;object-fit:cover}
.team-item h5{font-size:16px;color:#1a3a5c;font-weight:bold}
.team-item i{font-size:13px;color:#008fcd;font-style:normal}
/* 联系方式 + 留言 */
.contact-list{display:flex;flex-wrap:wrap;gap:16px}
.con-item{flex:1;min-width:240px;display:flex;align-items:center;gap:14px;background:#f7f9fb;padding:18px}
.con-ico{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:#008fcd;color:#fff;border-radius:50%;font-size:22px;flex:0 0 auto}
.con-item h5{font-size:15px;color:#1a3a5c;font-weight:bold;margin-bottom:4px}
.con-item p{color:#666;font-size:13px}
.c-book ul li{position:relative;margin-top:14px;display:flex;align-items:flex-start}
.c-book ul li em{float:left;text-align:right;margin-right:12px;width:90px;font-style:normal;color:#666;line-height:36px}
.c-book ul li input,.c-book ul li textarea{border:1px solid #ddd;padding:8px 10px;font-family:'Microsoft YaHei';box-shadow:inset 0 0 5px #eee}
.c-book ul li input{width:320px;height:36px}
.c-book ul li input:focus,.c-book ul li textarea:focus{border-color:#008fcd}
.c-book ul li textarea{width:420px;height:120px;resize:vertical}
.c-book ul li.bnt{margin-left:102px}
.c-book ul li.bnt input{cursor:pointer;width:140px;height:40px;background:#008fcd;color:#fff;border-color:#008fcd;box-shadow:none}
.c-book ul li.bnt input:hover{background:#00a83c;border-color:#00a83c}
/* 产品列表 photo */
.photo ul{display:flex;flex-wrap:wrap}
.photo ul li{width:251px;margin:14px 0 0 30px}
.photo ul li:nth-child(4n+1){margin-left:0}
.photo ul li a{display:block;overflow:hidden;width:100%;height:190px;position:relative}
.photo ul li a img{width:100%;height:100%;object-fit:cover;-webkit-transition:all .3s;transition:all .3s}
.photo ul li a span{position:absolute;left:0;bottom:0;width:100%;line-height:42px;height:42px;background:rgba(0,143,205,.92);color:#fff;text-align:center;font-size:14px;font-weight:bold}
.photo ul li:hover a img{-webkit-transform:scale(1.06);transform:scale(1.06)}
.photo ul li p{height:56px;overflow:hidden;line-height:20px;padding:8px 6px;background:#f7f9fb;font-size:12px;color:#666;border:1px solid #eee;border-top:none}
.photo ul li p a{color:#666}
.photo ul li p a:hover{color:#008fcd}
/* 产品详情 */
.pro-detail{padding-bottom:10px}
.pro-top{display:flex;gap:30px;margin-bottom:10px}
.pro-pic{flex:0 0 460px}
.pro-pic img{width:100%;border:1px solid #eee}
.pro-info{flex:1;min-width:0}
.pro-info h3{font-size:24px;color:#1a3a5c;font-weight:bold;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #eee}
.pro-cat{color:#999;font-size:13px;margin-bottom:10px}
.pro-cat i{font-style:normal;color:#666}
.pro-brief{color:#666;font-size:14px;line-height:28px;background:#f7f9fb;padding:14px;margin-bottom:14px}
.pro-params{width:100%;border-collapse:collapse;font-size:13px}
.pro-params th,.pro-params td{border:1px solid #eee;padding:8px 12px;text-align:left}
.pro-params th{background:#f7f9fb;color:#666;width:120px;font-weight:normal}
.pro-params td{color:#333}
.pro-body p{color:#666;line-height:30px;margin-bottom:12px}
.pro-feature{margin-top:20px}
.feat-list{display:flex;flex-wrap:wrap;gap:12px}
.feat-list li{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;background:#f7f9fb;padding:12px 16px;color:#555;font-size:14px}
.feat-ico{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;background:#00a83c;color:#fff;border-radius:50%;font-size:13px;font-style:normal}
.pro-related{margin-top:24px}
.pro-related .photo ul li{width:185px;margin-left:20px}
.pro-related .photo ul li:nth-child(4n+1){margin-left:20px}
.pro-related .photo ul li:first-child{margin-left:0}
.pro-related .photo ul li a{height:140px}
/* 新闻图文列表 */
.list_tuwen dl{width:100%;display:flex;border-bottom:1px dashed #ddd;padding:22px 0}
.list_tuwen dl:first-child{padding-top:0}
.list_tuwen dl dt{overflow:hidden;width:200px;height:140px;margin-right:22px;flex:0 0 auto;border:3px solid #f0f0f0;-webkit-transition:all .3s;transition:all .3s}
.list_tuwen dl dt img{width:100%;height:100%;object-fit:cover;-webkit-transition:all .3s;transition:all .3s}
.list_tuwen dl dt:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.list_tuwen dl dt:hover{border-color:#008fcd}
.list_tuwen dl dd{flex:1;min-width:0}
.list_tuwen dl dd h5{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:1px solid #f0f0f0}
.list_tuwen dl dd h5 a{color:#333;font-size:17px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:480px}
.list_tuwen dl dd h5 a:hover{color:#008fcd}
.list_tuwen dl dd h5 span{color:#999;font-size:13px}
.list_tuwen dl dd p{margin-top:10px;color:#666;font-size:13px;line-height:24px}
.list_tuwen dl dd > a.more{display:none}
/* 文章详情 */
.final_page{width:100%;padding:10px 0}
.final_page .art_title{text-align:center;border-bottom:1px dotted #ddd;padding-bottom:20px;margin-bottom:24px}
.final_page .art_title h3{font-size:22px;color:#1a3a5c;font-weight:bold;line-height:32px}
.final_page .art_title .info{margin-top:14px;font-size:13px;color:#aaa}
.final_page .art_title .info span{display:inline-block;margin:0 10px}
.final_page p{margin-bottom:14px;line-height:30px;color:#555;font-size:14px;text-indent:2em}
.final_page center{margin:18px auto}
.final_page center img{display:block;margin:0 auto;max-width:100%;border-radius:4px}
.page_f{width:100%;padding:24px 0;margin-top:20px;border-top:1px solid #eee}
.page_f p{line-height:32px;font-size:14px;margin-bottom:0;text-indent:0;color:#666}
.page_f p a{font-weight:bold;color:#008fcd}
.back{display:block;width:140px;height:40px;line-height:40px;color:#fff;background:#008fcd;margin:20px auto 0;border-radius:3px;text-align:center;font-size:14px}
.back:hover{background:#00a83c;color:#fff}
/* 分页 */
.pglist{padding:30px 0;text-align:center}
.pglist span{display:inline-block;color:#fff;background:#008fcd;padding:0 14px;margin:0 4px;height:34px;line-height:34px;border-radius:2px}
/* 辅助/标记类 (页脚列变体、版权块、分页态) */
.fcol-nav,.fcol-pro,.fcol-contact{min-width:160px}
.booleft{width:100%}
.share-tip{display:inline-block;color:#9aa4b2;font-size:13px;line-height:24px}
.hover{color:#fff;background:#008fcd}
/* 图片兜底 */
.img-fallback{background:linear-gradient(135deg,#008fcd,#00a83c)!important}
/* 淡入动画 */
.fade-in{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .8s;transition:all .8s}
.fade-in.in{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.go_top{position:fixed;right:20px;bottom:20px;width:50px;height:50px;background:#008fcd;color:#fff;border-radius:4px;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:24px;z-index:998}
.go_top:hover{background:#00a83c}
/* ============ 响应式 ============ */
@media (max-width:1240px){
  .wrap,.lotbox,.tit,.titi,#nav,.indexone ul,.indextwobox,.slideGroup,.indexfourbox,.indexfive ul,.indexsix dl,.indexseven,.fmain,.main,.ntit{width:96%}
}
@media (max-width:1024px){
  .indexone ul li,.slideGroup .parBd li{width:47%;margin-left:0;margin:1%}
  .indexone ul li a.img,.indexone ul li a.img img{width:100%}
  .indextwobox dl,.indexfourbox dl{width:100%}
  .indexfive ul li{width:100%}
  .indexsix dl{flex-direction:column}
  .indexsix dl dt{width:100%}
  .indexsix dl dd{margin-left:0;margin-top:20px}
  .indexsix dl dd .stat-item{width:50%}
  .photo ul li{width:31%;margin-left:2%}
  .photo ul li:nth-child(4n+1){margin-left:2%}
  .photo ul li:nth-child(3n+1){margin-left:0}
  .pro-related .photo ul li{width:31%}
}
@media (max-width:768px){
  .lotbox{height:auto;padding:12px 0;flex-wrap:wrap;gap:10px}
  .logo-txt b{font-size:20px}
  .menu-btn{display:flex;position:absolute;top:18px;right:16px;z-index:60}
  #nav{display:none;flex-direction:column;width:100%;padding:0}
  #nav.open{display:flex}
  #nav li{width:100%}
  #nav a{display:block;width:100%;padding:0 20px;height:48px;line-height:48px;font-size:15px}
  .common-nav2{position:static;transform:none;width:100%;padding:0}
  .common-nav2 i{display:none}
  .banner1,.banner1 .slideBox{height:300px}
  .bn-txt h2{font-size:26px}
  .bn-txt .bn-sub{font-size:14px}
  .indexone ul li,.slideGroup .parBd li,.photo ul li{width:100%;margin:8px 0}
  .indexone ul li a.img,.indexone ul li a.img img{width:100%;height:200px}
  .indextwobox dl,.indexfourbox dl,.list_tuwen dl{flex-direction:column}
  .indextwobox dl dt,.indexfourbox dl dt,.list_tuwen dl dt{width:100%;height:200px;margin-right:0;margin-bottom:12px}
  .indexfive ul li{width:100%}
  .indexsix dl dd .stat-item{width:50%}
  .footcols{flex-direction:column}
  .fcol{min-width:100%}
  .main{flex-direction:column}
  .sidebar{width:100%;order:2}
  .mainright{width:100%;padding:16px}
  .ntit{flex-direction:column;align-items:flex-start;height:auto;padding:12px 0;gap:6px}
  .n-banner{height:180px}
  .pro-top{flex-direction:column}
  .pro-pic{flex:none;width:100%}
  .c-tools{display:none}
  .cul-card,.team-item{min-width:100%}
  .c-book ul li em{width:80px}
  .c-book ul li input{width:100%}
  .c-book ul li textarea{width:100%}
  .c-book ul li.bnt{margin-left:92px}
}