@charset "utf-8";
/* adminbuy.cn */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #424242; position: relative; background: #fff; -webkit-text-size-adjust: none; }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666; font-family: 'Microsoft Yahei'; }
i, em { display: inline-block; font-style: normal; }
*:focus { outline: none }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #424242; text-decoration: none; border: none; outline: none; transition: all 0.5s ease; }
a:hover { color: #0157a9; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.wrap { max-width: 1524px; margin: 0 auto; padding-left:12px; padding-right:12px; }
@font-face {
    font-family: HELVETICANEUELTPRO-THEX;
  
}

/***头部***/
.center{ display: flex; align-items: center; justify-content: center;}
.header { justify-content: space-between; height:85px; border-bottom:1px solid #eee; transition:all 0.3s ease; position: fixed; z-index:22; width:100%; left:0; top:0; background:#fff; padding:0 50px; }
.header .logo{ height:60px;}
.header .slogo{display:none;}
.header.open{ transform: translateX(-250px);}
.header .fr{ width:58%; transition:all 0.5s ease;}
.header .fr.on{opacity:0; transform: translateX(50px);}
.header .fr ul{ flex:1; height:85px; display: flex;}
.header .fr ul li{ flex:1; height:85px; position:relative}
.header .fr ul li > a{ display:flex; align-items:center; justify-content: center; font-size:16px; height:85px; position: relative;}
.header .fr ul li.on > a,.header .fr ul li:hover > a{color:#0157a9;}
.header .fr ul li > a:after{ width:0px; transition:all 0.3s ease; height:2px; background:#0157A9; position: absolute; left:0; right:0; margin:auto; bottom:12px; content:'';}
.header .fr ul li.on > a:after,.header .fr ul li:hover > a:after{ width:40px;}

.header .fr ul li .son{ position: absolute; display: none; top:85px; left:50%; margin-left:-80px; width:160px; z-index:22; }
.header .fr ul li .son:before{ position: absolute; top:0; left:0; right:0; margin:auto; content:''; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid rgba(255,255,255,0.8);}
.header .fr ul li .son .sonc{ margin-top:8px; background:rgba(255,255,255,0.8); box-shadow:rgba(0,0,0,0.1) 0 3px 3px;}
.header .fr ul li .son.show{ animation:fadeUp 0.5s ease forwards ; }
.header .fr ul li .son.hide{ animation:fadeOut 0.5s ease forwards ; display:none !important}
.header .fr ul li .son a{ display: block; text-align: center; padding:12px; font-size:16px;}
.header .fr ul li .son a:hover{ background:#0157a9; color:#fff;}
@keyframes fadeUp{
	from{ transform: translateY(20px); opacity: 0;}
	to{  transform: translateY(0px); opacity: 1;}
}
@keyframes fadeOut{
	from{ transform: translateY(0px); opacity: 1;}
	to{  transform: translateY(20px); opacity: 0;}
}
.header .fr .sermen a img{ margin-right:5px;}
.header .fr .sermen a.a1{margin-right:27px; margin-left:20px; }
.header .fr .sermen a.a2{padding-left:10px;border-left:1px solid #ddd;}
.header .fr .sermen a.a2 img{margin-right:10px;}

.search{ background:#fff; transition:all 0.5s ease; position:fixed; z-index:23; top:0; right:0px; visibility:hidden; opacity:0; height:85px; display: flex; justify-content:space-between; align-items:center;}
.search .intxt{ padding:12px; border:0; padding-left:40px; width:100%; background:url(../images/search.png) no-repeat left center;}
.search .close{cursor: pointer;}
.search.on{ visibility:visible; opacity:1; right:50px;}

/***手机导航***/
.mmeu{ width:40px; padding:0 8px; display:none; cursor:pointer; position:absolute; right:5px; top:50%; transform: translateY(-50%);}
.mmeu span{height:2px;display:block; background:#0157a9; margin:5px 0;}
.menunav_ab{ position: fixed; width:250px; background:#fff; transform:translateX(100%); right:0; top:0; transition:all 0.3s ease; height:100%; z-index:222;}
.menunav_ab h2{ height:50px; position: relative; background:#0157a9; line-height:50px; color:#fff; padding:0 12px; font-size:14px;}
.menunav_ab h2 img{ position: absolute; right:10px; cursor:pointer; height:40%; top:50%; transform:translateY(-50%) ;}
.menunav_ab ul li a{ display: block; padding:12px; border-bottom:1px solid #eee; font-size:14px; }
.menunav_ab ul li a:hover{ background:#0157a9; color:#fff;}

.menunav_ab.open{transform:translateX(0);}
.adminbuy_main{ transition:all 0.3s ease;}
.adminbuy_main.open{ transform:translateX(-250px);}
.mask{ width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:111; display:none;}
.mask.open{display:block;}

/**焦点图***/
.banner{ margin-top:85px;}
.banner .swiper-slide{ width:100%; overflow:hidden;}
.banner .swiper-slide a{ width:100%; height:100%; display: block;}
.banner .swiper-slide img{ display:block; width:100%; }
.banner .swiper-pagination{bottom:15px;}
.banner .swiper-pagination-bullet{ width:80px; height:5px; border-radius:0; margin:0 1px; background:#fff; opacity:0.7; cursor:pointer;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:#0157a9;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px;}

/***关于我们***/
.about{ position: relative; }
.about .wrap{ display: flex; align-items:flex-start; position: relative; z-index:1;}
.about .wrap .about-img{ width:50%; }
.about .wrap .about-img img{ width:100%; height:auto; display:block; }
.about .wrap .slide{ width:50%; height:720px; }
.about .wrap .slide .swiper-slide img{display: block; width:100%; height:100%; object-fit: cover;}
.about .wrap .slide .slide-text{ height:113px; width:100%; color:#fff; flex-direction: column; align-items:flex-start; padding-left:27px;  background:#0157a9; position: absolute; left:0; bottom:0; z-index:1; }
.about .wrap .slide .slide-text h1{ font-size:24px; padding-bottom:12px;}
.about .wrap .slide .slide-text .tel{ font-size:24px; font-weight: bold;}
.about .wrap .slide .slide-text .tel img{margin-right:14px;}
.about .wrap .slide .swiper-pagination{bottom:18px; text-align: right; padding-right:13px;}
.about .wrap .slide .swiper-pagination-bullet{ width:15px; height:15px; background:none; border:2px solid #fff; margin:0 7px; opacity:1; cursor:pointer;}
.about .wrap .slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:#fff;}

.about .abg{height:359px; position: absolute; background:#f4f5f9; width:100%; bottom:0;}
.about .wrap .about-txt{ width:50%; position: relative;}
.about .wrap .about-txt .info{ padding-left:59px;}
.about .wrap .about-txt .info h1{font-size:24px; color:#0157a9;}
.about .wrap .about-txt .info .text{ max-height:350px; overflow: hidden; color:#555; font-size:16px; line-height:35px; margin-top:30px;}
.more a{ display: flex; justify-content: center; align-items:center; font-size:14px; width: 175px; height:42px; background:#0157a9; color:#fff; margin-top:12px;}
.more a img{margin-left:33px;}
.about-num{ width:100%; height:152px; position: absolute; bottom:97px; padding-left:60px; display: flex;}
.about-num li{ padding-left:25px; display:flex; flex-direction: column; justify-content:space-between; flex:1; height:152px; border-left:1px solid #ddd; padding-left:25px;}
.about-num li .p1 span{ position: relative;}
.about-num li .p1 b{ font-family: HELVETICANEUELTPRO-THEX; font-size:44px; color:#444;}
.about-num li .p1 em{ font-size:30px; color:#888888; position: absolute; top:-35px; left:105%;}
.about-num li:nth-child(1) .p1 em{ font-size:18px; top:-24px;}
.about-num li .p2 { font-size:16px; color:#888888;}

/***产品中心***/
.titnav .title{ width:50%;}
.titnav .title h1{ font-size:24px; padding-bottom:15px;}
.titnav .title p{ font-size:14px; color:#999;}
.titnav ul{ flex:1; display: flex; justify-content: flex-end;}
.titnav ul li{ width:183px; padding-left:10px;}
.titnav ul li:nth-child(1) a{ color:#fff; background:#0157a9;}
.titnav ul li a{display: block; height:50px; text-align: center;  line-height:50px; font-size:16px; background:#dcdde2;}
.titnav ul li a:hover{ color:#fff; background:#0157a9;}

.prolist{ display: flex; flex-wrap: wrap; gap: 38px; }
.prolist li{width: calc((100% - 114px) / 4); padding-top:38px;}
.prolist li a{display: block; border:1px solid #eee;}
.prolist li a .pic{overflow: hidden; padding:8px; position: relative;}
.prolist li a .pic > img{ display: block; width:100%; transition: all 0.5s ease; }
.prolist li a .text{ padding:0 18px;}
.prolist li a .text h2{ height:82px; line-height:82px; border-bottom: 1px solid #eee; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:60px; background:url(../images/link.png) no-repeat right center;}
.prolist li a .text p{ height:58px; line-height:58px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:14px; color:#999;}
.prolist li a:hover{ transform: translateY(-10px);}
.prolist li a:hover .pic > img{ transform: scale(1.1);}
.prolist li a:hover .text h2{ background-image:url(../images/linkon.png);}
.prolist li a:hover .text h2,.prolist li a:hover .text p{ color:#0157a9}
.prolist li a .pic .msk{ opacity:0; width:100%; height:100%; background:rgba(47,117,184,0.8) url(../images/links.png) no-repeat center; position: absolute; left:0; top:0; transition: all 0.5s ease;}
.prolist li.li1 a .pic .msk{ background-image:none;}
.prolist li a:hover .pic .msk{ opacity: 1;}

.h119{ height:50px; overflow: hidden; clear: both; content:'';}
.videoalert{ background:#000;}
.videoalert video{ background:#000; width:100%; height:355px;}

/***资源下载***/
.download{ background:#f4f5f9; overflow: hidden;}
.downlist{ overflow: hidden; margin-left:-30px;}
.downlist li{float:left; width:50%; padding-left:30px; padding-top:30px;}
.downlist li a{display:flex; position: relative; background:#fff; padding:9px; padding-right:30px; border:1px solid #eee; height:224px;}
.downlist li a img{width:276px; height:203px; margin-right:32px;}
.downlist li a .text{ flex:1; overflow: hidden;}
.downlist li a .text h2{ font-size:18px; line-height:60px; height:60px; border-bottom:1px solid #eee; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.downlist li a .text .p1{ height:55px; line-height:30px; margin-top:20px; font-size:14px; color:#999; overflow: hidden; text-overflow:-o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.downlist li a .text .m{ width:29px; height:8px; background: url(../images/r1.png) no-repeat; display: block; margin-top:30px;}
.downlist li a:hover .text .m{ background-image:url(../images/r1on.png);}
.downlist li a .line{ background:#0157a9; position: absolute; transition:all 0.1s linear;}
.downlist li a .line.l1{ width:0; height:2px; top:0; left:0;}
.downlist li a .line.l2{ width:2px; height:0; top:0; right:0;}
.downlist li a .line.l3{ width:0; height:2px; right:0; bottom:0;}
.downlist li a .line.l4{ width:2px; height:0; bottom:0; left:0;}
.downlist li a:hover{ transform: translateY(-10px);}
.downlist li a:hover .line.l1{ width:100%;}
.downlist li a:hover .line.l2{ height:100%; transition-delay:0.2s;}
.downlist li a:hover .line.l3{ width:100%; transition-delay:0.3s;}
.downlist li a:hover .line.l4{ height:100%; transition-delay:0.4s;}

/***成功案例***/
.case{ background:url(../images/bg.jpg) no-repeat; background-size:100% 100%; padding:76px 0;}
.case .wrap{max-width:1419px; display: flex; align-items:center; justify-content:center; position: relative;}
.case .wrap .cbg{display: block;}
.case .wrap ul{position: absolute; height:100%; width:520px; z-index:2;}
.case .wrap ul.ul1{ left:-0px;}
.case .wrap ul.ul2{ right:-0px;}
.case .wrap ul li{ position: absolute;  width:340px; height:340px; overflow: hidden; }
.case .wrap ul li a{display: block; background:url(../images/fk.png) no-repeat center; display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; width:100%; height:100%;}
.case .wrap ul li .pic{ height:81px; position: relative; overflow: hidden; width:81px; margin:0 auto;}
.case .wrap ul li .pic img{ display: block; position: absolute; left:0; top:0; transition:all 0.3s ease;}
.case .wrap ul li .pic img:nth-child(2){ transform: scale(0);}
.case .wrap ul.ul1 li:nth-child(1){ top: 0; right:0;}
.case .wrap ul.ul1 li:nth-child(2){ top: 180px; left:0;}
.case .wrap ul.ul1 li:nth-child(3){ bottom: 0; right:0;}
.case .wrap ul.ul2 li:nth-child(1){top: 0; left:0;}
.case .wrap ul.ul2 li:nth-child(2){top: 180px; right:0;}
.case .wrap ul.ul2 li:nth-child(3){bottom: 0; left:0;}
.case .wrap ul li .txt{font-size:16px; padding-top:26px;}
.case .wrap ul li:hover a .pic img:nth-child(1){ transform: scale(0);}
.case .wrap ul li:hover a .pic img:nth-child(2){ transform: scale(1); transition-delay:0.3s;}
.case .wrap ul li:hover a{ background:url(../images/fkon.png) no-repeat center; }
.case .wrap ul li:hover .txt{ color:#fff;}

/**首页新闻**/
.newlist{ display: flex; flex-wrap: wrap; gap: 34px; }
.newlist li{width: calc((100% - 102px) / 4); padding-top:34px;}
.newlist li a{display: block; border:1px solid #eee;}
.newlist li a .pic{ overflow: hidden; position: relative;}
.newlist li a .pic .msk{ position: absolute; opacity:0; transition: all 0.3s ease; width:100%; height:100%; background:rgba(54,115,177,0.8); left:0; top:0;}
.newlist li a .pic .msk span{ color:#fff; font-size:16px; position: relative; padding:8px 0;}
.newlist li a .pic .msk span:before{ width:0; height:1px; transition: all 0.3s ease; background:#fff; position: absolute; top:0px; left:0; right:0; margin:auto; content:''; display: block;}
.newlist li a .pic .msk span:after{ width:0; height:1px; transition: all 0.3s ease; background:#fff; position: absolute; bottom:0px; left:0; right:0; margin:auto; content:''; display: block;}
.newlist li a .pic img{ display: block; width: 100%; transition:all 1s ease;}
.newlist li a .text{ padding:0 20px; }
.newlist li a .text h2{ height:63px; font-weight:normal; margin-top:15px;  overflow: hidden; font-size:18px; line-height:35px; text-overflow:-o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newlist li a .text p{ height:54px; line-height:54px; margin-top:20px; border-top:1px solid #eee; font-size:14px; color:#999; background:url(../images/r1.png) no-repeat right center;}
.newlist li a:hover .pic .msk{opacity:1;}
.newlist li a:hover .pic img{ transform:scale(1.2);}
.newlist li a:hover .pic .msk span:before{ width:80%;}
.newlist li a:hover .pic .msk span:after{ width:80%;}
.newlist li a:hover .text p{ color:#0157a9; background-image: url(../images/r1on.png);}

/***底部***/
.footer { background: #232537;}
.footer .ftop{ padding:84px 0; align-items:flex-start; }
.footer .ftop dl{ flex:1;}
.footer .ftop dl dt{ font-size:24px;}
.footer .ftop .footcon dd{ margin-top:20px;}
.footer .ftop .footcon dt{ color:#fff;font-weight:bold;}
.footer .ftop .footcon dd.txt p{ line-height:32px; color:#999999; font-size:20px; }
.footer .ftop .footcon .foot-logo img{ width:200px; height:200px; object-fit:contain; display:block; }
.footer .ftop .footnav dt{ color:#fff; }
.footer .ftop .footnav dd{ margin-top:12px; }
.footer .ftop .footnav dd a{ font-size:20px; color:#999; }
.footer .ftop .footnav dd a:hover{ color:#fff; }
.footer .ftop .footewm{text-align:center; font-size:20px; color:#fff; }
.footer .ftop .footewm dd{ background:#fff; border-radius:5px; margin-left:48px; padding:10px;}
.footer .ftop .footewm dd img{ display:block; width:200px; height:200px; }
.footer .ftop .footewm dd p{ color:#333; margin-top:8px; }
.footer .copyright{ border-top:1px solid #3d3e44; padding:28px 0; font-size:14px; color:#999;}
.footer .copyright ul{ flex:1;}
.footer .copyright ul li{margin-right:34px; float:left;}
.footer .copyright ul li a{color:#999;}
.footer .copyright ul li a:hover{color:#fff; text-decoration:underline;}
.copyright .fr{ color: #fff;}

.topimg { position: relative; overflow: hidden; margin-top:85px; }
.topimg img { width: 100%; height: auto; display: block; }
.topimg .wrap{ display: none; }

/***内页***/
.ntit{ text-align:center; font-size:25px; font-weight: bold; color:#0157a9; padding-bottom:20px;}
.aboutny{ padding-top:80px; padding-bottom:40px;}
.aboutny .about-num{position: static; background:#f4f5f9; height:auto; padding:50px 0;}
.aboutny .about-num li{ flex:1; border:0; border-right:1px solid #e6e6e6; text-align: center;}
.about-pic{ margin-top:40px; margin-left:-40px; overflow: hidden;}
.about-pic li{float:left; width:33.3333333%; padding-left:40px; padding-bottom:40px;}
.about-pic li a{display: block; position: relative; overflow: hidden;}
.about-pic li a img{display: block; width:100%; height:350px; object-fit: cover;}
.about-pic li a span{ position: absolute; bottom:0; left:0; color:#fff; font-size:16px; padding:12px 10px; background:rgba(0,0,0,0.5); text-align: center; width:100%;}
.about-wx{ background:#f4f5f9; padding:80px 0;}
.about-honor{ background:url(../images/bg.jpg) no-repeat; background-size:cover; padding:80px 0; overflow: hidden;}
.about-honor .box{ background:url(../images/bg2.jpg) repeat; overflow: hidden; margin-top:50px; border:10px solid #0157a9; padding:20px; }
.about-honor .box ul{ background:#fff; padding-right:50px; overflow: hidden; padding-top:50px;}
.about-honor .box ul li{ float:left; width:25%; padding-left:50px; padding-bottom:50px;}
.about-honor .box ul li img{display: block; width:100%; border:1px solid #eee;}
.about-honor .box ul li span{ display: block; text-align: center; font-size:14px; padding-top:12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.about-job{ padding:80px 0; padding-bottom:0;}
.about-job ul li{ margin-top:50px;}
.about-job ul li .ht{height:60px; cursor: pointer; display: flex; justify-content: space-between; align-items:center; background:#f4f5f9;}
.about-job ul li .ht h3{ width:50%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; padding-left:12px; font-size:16px; color:#0157a9;}
.about-job ul li .ht .fr{ display: flex; align-items: center;}
.about-job ul li .ht .fr span{font-size:15px; color:#999;}
.about-job ul li .ht .fr em{ width:60px; cursor: pointer; background:#0157a9 url(../images/add.png) no-repeat center; height:60px; margin-left:20px;}
.about-job ul li .ht.on .fr em{ background-image:url(../images/jj.png);}
.about-job ul li .hm{ display: none; background:#fff; border:10px solid #f4f5f9; border-top:0; padding:30px 50px;}

.leader{ display: flex; border-bottom:1px solid #eee; justify-content: space-between; align-items: center; padding:26px 0 11px 0; }
.leader ul{ flex:1; }
.leader ul li{float:left; margin-right:15px; margin-bottom:15px;}
.leader ul li a{display: block;  text-align: center; padding:12px; min-width:133px; background:#f4f4f4; font-size:14px;}
.leader ul li a.on,.leader ul li a:hover{ background:#0157a9; color:#fff;}
.leader .fr{ color:#999; font-size:14px;}
.leader .fr a{color:#999;}
.leader .fr a:hover{ color:#0157A9;}
.leader .fr i{color:#0157A9;}

/***分页***/
.page { overflow: hidden; text-align: center;}
.page ul{ padding: 40px 0; }
.page ul li { display: inline-block; }
.page ul li a, .page ul li span { padding: 10px 15px; background: #fff; border:1px solid #eee; font-size:14px; display:block; color: #888; margin: 0 2px; }
.page ul li.active span { background: #0079CD; color: #fff; border-color: #0079CD }
.page ul li:hover a { background: #0079CD; color: #fff; border-color: #0079CD }

.pdbox { padding: 20px 0; line-height:30px; color: #666; font-size: 16px; }
.pdbox p{ text-indent:2em; }
.pdbox a { color: #0079CD; }
.pdbox table{ border-left:1px solid #eee; border-top:1px solid #eee; border-collapse:collapse;}
.pdbox table tr td{ border-right:1px solid #eee; padding:5px; border-bottom:1px solid #eee;}

/***产品详情***/
.prodetail{ overflow: hidden;}
.prodetail .top{ display: flex; padding:30px 0; }
.prodetail .top .fl{width:200px; height:200px; flex-shrink:0; border:1px solid #eee; }
.prodetail .top .fl img{ display: block; width:200px; height:200px; object-fit: cover;}
.prodetail .top .fr{flex:1; padding-left:40px;}
.prodetail .top .fr h3{ font-size:22px; font-weight: normal; border-bottom:1px dotted #ddd; padding-bottom:15px; }
.prodetail .top .fr .note{ margin-top:20px; color:#888; font-size:15px; line-height:30px;}

/***内容页左右分栏布局***/
.content-layout{ display: flex; gap: 40px; padding: 30px 0 50px; }
.content-main{ flex: 1; min-width: 0; }
.content-sidebar{ width: 360px; flex-shrink: 0; }

/* 侧边栏模块通用 */
.sidebar-module{ background: #fff; border: 1px solid #eee; border-radius: 4px; margin-bottom: 24px; overflow: hidden; }
.sidebar-title{ padding: 16px 20px; border-bottom: 1px solid #eee; background: #fafafa; }
.sidebar-title h3{ font-size: 18px; font-weight: bold; color: #333; position: relative; padding-left: 14px; }
.sidebar-title h3::before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 18px; background: #0157a9; border-radius: 2px; }

/* 模块1：咨询按钮 */
.sidebar-consult{ border: 0; }
.consult-btn{ display: flex; align-items: center; padding: 24px 20px; background: linear-gradient(135deg, #0157a9 0%, #0079CD 100%); color: #fff; transition: all 0.3s ease; border-radius: 4px; }
.consult-btn:hover{ background: linear-gradient(135deg, #004a8c 0%, #0066b3 100%); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(1,87,169,0.3); }
.consult-icon{ width: 60px; height: 60px; flex-shrink: 0; margin-right: 16px; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.consult-icon img{ width: 32px; height: 32px; }
.consult-text h4{ font-size: 18px; font-weight: bold; margin-bottom: 4px; }
.consult-text p{ font-size: 13px; opacity: 0.85; }

/* 模块2/3：文章列表 */
.sidebar-latest ul,
.sidebar-recommend ul{ padding: 8px 0; }
.sidebar-latest ul li,
.sidebar-recommend ul li{ padding: 10px 20px; border-bottom: 1px dashed #f0f0f0; display: flex; justify-content: space-between; align-items: center; transition: all 0.2s ease; }
.sidebar-latest ul li:last-child,
.sidebar-recommend ul li:last-child{ border-bottom: 0; }
.sidebar-latest ul li:hover,
.sidebar-recommend ul li:hover{ background: #f9fafb; }
.sidebar-latest ul li a,
.sidebar-recommend ul li a{ flex: 1; font-size: 14px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 10px; transition: color 0.2s; }
.sidebar-latest ul li a:hover,
.sidebar-recommend ul li a:hover{ color: #0157a9; }
.sidebar-latest ul li span,
.sidebar-recommend ul li span{ font-size: 12px; color: #bbb; flex-shrink: 0; }

/* 响应式：平板 */
@media screen and (max-width: 1024px) {
  .content-layout{ gap: 24px; }
  .content-sidebar{ width: 300px; }
}

/* 响应式：移动端 */
@media screen and (max-width: 768px) {
  .content-layout{ flex-direction: column; gap: 0; padding: 20px 0 30px; }
  .content-sidebar{ width: 100%; margin-top: 30px; }
  .sidebar-consult{ margin-top: 0; }
  .prodetail .top{ flex-direction: column; }
  .prodetail .top .fl{ width: 100%; height: auto; margin-bottom: 20px; }
  .prodetail .top .fl img{ width: 200px; height: 200px; }
  .prodetail .top .fr{ width: 100%; padding-left: 0; }
  .prevnext{ flex-direction: column; margin-left: 0; gap: 10px; }
  .prevnext a{ margin-left: 0; width: 100%; }
}

/***文章详情***/
.newbox { background: #fff; overflow: hidden; padding-top:22px; }
.newbox .newtit { text-align: center; border-bottom: 1px dotted #ddd; padding-bottom:16px; }
.newbox .newtit h1{ max-width:800px; font-size:18px; margin:0 auto;}
.newbox .newtit p { font-size: 14px; color: #888; padding-top: 15px; }
.newbox .newtit p span{ margin:0 12px;}

.btndown a{ display: block; text-align: center; padding:6px 12px; font-size:14px; margin-bottom:20px; border-radius:1px; width:120px; background:#0079CD; color:#fff;}

/**上下文**/
.prevnext { margin-top:50px; height:66px; display: flex; justify-content: space-between; align-items: center; margin-left:-100px; }
.prevnext a{ background:#f5f8fa; overflow: hidden; border:1px solid #e2e2e2; height:66px; display: flex; align-items: center; margin-left:100px; flex:1;}
.prevnext a{ font-size:16px; color:#999;}
.prevnext a span{ width:66px; height:66px;}
.prevnext a:nth-child(1) span{ background:#bfceda url(../images/nl.png) no-repeat center}
.prevnext a:nth-child(2) span{ background:#bfceda url(../images/nr.png) no-repeat center}
.prevnext a label{ flex:1; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.prevnext a i{ padding:0 20px;}
.prevnext a:nth-child(1) label{ text-align: right; padding-right:20px;}
.prevnext a:nth-child(2) label{ padding-left:20px;}
.prevnext a:hover span{ background-color:#0079CD;}
.prevnext a:hover{ color:#0079CD}

.books{ padding:12px; overflow: hidden;}
.books p{ margin-top:12px;}
.books p .intext{ padding:10px; width:100%; background:#f4f4f4; border:1px solid #eee;}
.books p .intext:hover{ border-color:#0079CD;}
.books p .sbtn{ padding:10px; background: #0079CD; color:#fff; border:0; width:100%; display:block; cursor: pointer;}

.searchlist li a{ display: block; padding:15px 0; border-bottom:1px dotted #eee;}
.searchlist li a h2{ font-size:16px; padding-bottom:12px;}
.searchlist li a p{ font-size:14px; color:#999; line-height:22px;}

.down-book{ background:#fff; opacity:0; visibility: hidden; transform: translateY(-100%); transition: all 0.5s ease; position: fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.down-book.show{ opacity: 1; visibility: visible; transform: translateY(0);}
.down-book .close{ position:fixed; cursor: pointer; right:100px; top:100px;}
.down-book .fl{width:65%; padding-right:50px;}
.down-book .fl h2{ font-weight: normal; font-size:20px}
.down-book .fl p{margin-top:8px; font-size:15px;}
.down-book .fl h3{ font-weight: normal; font-size:18px; padding-top:20px;}
.down-book .fl .line{ height:1px; background:#ddd; margin:12px 0;}
.down-book .fr{ width:35%; padding-left:20px;}

/***联系我们***/
.contact{ padding-top:50px}
.contact .ctop{ display: flex; border-bottom:1px solid #eee; padding-bottom:50px;}
.contact .ctop .item{ flex:1; border-left:1px solid #eee; font-size:14px; }
.contact .ctop .item:nth-child(1){ border:0;}
.contact .ctop .item.it1 h1{ font-weight: normal; font-size:35px;}
.contact .ctop .item.it1 p a{ padding:10px 10px; margin-top:20px; display:block;  width:130px; text-align: center; background:#0079CD; color:#fff;}
.contact .ctop .item .p2{ padding-top:20px; color:#999;}
.contact .ctop .item.it2 { padding-left:50px;}
.contact .ctop .item.it2 .p1{ font-size:18px;}
.contact .ctop .item.it2 h2{ font-size:30px;}
.contact .ctop .item.it2 .text{ line-height:26px; margin-top:20px;}
.contact .ctop .item.it3{ text-align:center;}
.contact .ctop .item.it3 img{display: block; height:130px; margin:0 auto; border:1px solid #eee;}
.contact .ctop .item.it3 .p1{ padding-top:20px;}
.contact .mapbox{ margin-top:50px;}

/***客服***/
.kefu{position:fixed;bottom:100px;right:0px;width:45px;z-index:22;}
.kefu .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#fff;line-height: 45px;margin-top:1px;}
.kefu .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.kefu .child:hover{width:150px;background: #000;}
.kefu .child img{position:absolute;top:0px;left:0px;}
.kefu .child p{position: absolute;left:45px;color:#fff;}
.kefu .fixedQQ{bottom:138px;}
.kefu .fixedCall{bottom:46px;}
.kefu .fixedTop{position:absolute;right:0px;bottom:0px;color:#fff;background:url(../images/top.png) #000;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;}  
.kefu .fixedCode{bottom:92px; position: absolute;cursor:pointer;width:45px;height:45px; background:url(../images/ewm.png) center center no-repeat #fff;line-height: 45px;margin-top:1px;}
.kefu .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.fixedCodeInfo{position:fixed;bottom:192px; right:54px; display:none; width:120px; height:120px; padding:0 3px;border:1px solid #ccc;background: #fff}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
.fixedCodeInfo .ewm{ width: 115px; height:115px;}
.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}
/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}

/***在线留言表单***/
.gbook-form { padding: 50px 0; border-top: 1px solid #eee; }
.gbook-title { text-align: center; margin-bottom: 40px; }
.gbook-title h2 { font-size: 28px; font-weight: normal; color: #333; margin-bottom: 10px; }
.gbook-title p { font-size: 14px; color: #999; }
.gbook-fields { max-width: 900px; margin: 0 auto; }
.gbook-row { display: flex; gap: 20px; margin-bottom: 20px; }
.gbook-item { flex: 1; }
.gbook-item label { display: block; font-size: 14px; color: #333; margin-bottom: 8px; font-weight: bold; }
.gbook-item label span { color: #e74c3c; }
.gbook-item input, .gbook-item textarea {
  width: 100%; padding: 12px 15px; border: 1px solid #ddd;
  background: #f9f9f9; font-size: 14px; border-radius: 4px;
  transition: border-color 0.3s; box-sizing: border-box; font-family: 'Microsoft Yahei';
}
.gbook-item input:focus, .gbook-item textarea:focus {
  border-color: #0157a9; background: #fff; outline: none;
}
.gbook-item textarea { height: 140px; resize: vertical; }
.gbook-submit {
  width: 100%; padding: 14px; background: #0157a9; color: #fff;
  border: none; font-size: 16px; cursor: pointer; border-radius: 4px;
  letter-spacing: 2px; font-family: 'Microsoft Yahei';
}
.gbook-submit:hover { background: #004a8c; }
.gbook-tips {
  text-align: center; margin-top: 20px; padding: 15px;
  background: #f9f9f9; border-radius: 4px; font-size: 13px;
  color: #999; line-height: 1.8;
}
.gbook-tips strong { color: #0157a9; }

/* ===== GEO对比卡片 ===== */
.geo-compare { display: flex; gap: 40px; }
.geo-card { flex: 1; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
.geo-card-header { padding: 20px; font-size: 22px; font-weight: bold; color: #fff; text-align: center; }
.geo-card-old .geo-card-header { background: linear-gradient(135deg, #6b7280, #9ca3af); }
.geo-card-new .geo-card-header { background: linear-gradient(135deg, #0157a9, #3b82f6); }
.geo-card ul { list-style: none; padding: 20px 25px; background: #fff; }
.geo-card li { padding: 12px 0; border-bottom: 1px solid #f0f0f0; font-size: 14px; color: #555; line-height: 1.8; }
.geo-card li:last-child { border-bottom: none; }
.geo-label { display: inline-block; min-width: 80px; font-weight: bold; color: #333; margin-right: 8px; }
.geo-cta-btn { display: inline-block; padding: 14px 40px; background: linear-gradient(135deg, #0157a9, #0284c7); color: #fff; font-size: 17px; font-weight: bold; border-radius: 8px; text-decoration: none; letter-spacing: 1px; transition: all 0.3s; }
.geo-cta-btn:hover { background: linear-gradient(135deg, #014a8c, #0369a1); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(1,87,169,0.3); }

/* ===== 服务流程 ===== */
.process-steps { display: flex; gap: 30px; }
.process-step { flex: 1; text-align: center; padding: 35px 20px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); position: relative; transition: all 0.3s; }
.process-step:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(1,87,169,0.12); }
.step-num { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #0157a9; color: #fff; width: 36px; height: 36px; border-radius: 50%; font-size: 14px; font-weight: bold; line-height: 36px; }
.step-icon { font-size: 40px; margin: 15px 0 12px; }
.process-step h3 { font-size: 18px; color: #333; margin-bottom: 10px; }
.process-step p { font-size: 13px; color: #777; line-height: 1.7; }

/* ===== 信任数据条 ===== */
.trust-strip { background: linear-gradient(135deg, #0157a9, #0369a1); padding: 50px 0; }
.trust-items { display: flex; justify-content: space-around; align-items: center; }
.trust-item { text-align: center; color: #fff; }
.trust-num { font-size: 48px; font-weight: bold; font-family: 'Arial', sans-serif; margin-bottom: 8px; }
.trust-label { font-size: 16px; opacity: 0.9; letter-spacing: 2px; }

/* ===== 栏目列表 - 文章摘要 ===== */
.newlist .text .desc { font-size: 13px; color: #888; line-height: 1.6; margin-bottom: 8px; }
.newlist .text .date { font-size: 12px; color: #bbb; }

/* ===== 公司简介内页 - 业务卡片 ===== */
.ab-business { margin-top: 60px; }
.ab-biz-title { font-size: 24px; font-weight: bold; color: #333; text-align: center; margin-bottom: 30px; position: relative; }
.ab-biz-title::after { content: ''; display: block; width: 60px; height: 3px; background: #0157a9; margin: 12px auto 0; }
.ab-biz-cards { display: flex; gap: 30px; }
.ab-biz-card { flex: 1; display: block; text-align: center; padding: 35px 25px; background: #fff; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); text-decoration: none; transition: all 0.3s; border: 2px solid transparent; }
.ab-biz-card:hover { transform: translateY(-6px); box-shadow: 0 12px 36px rgba(1,87,169,0.15); border-color: #0157a9; }
.ab-biz-icon { font-size: 48px; margin-bottom: 15px; }
.ab-biz-card h3 { font-size: 20px; color: #333; margin-bottom: 10px; }
.ab-biz-card p { font-size: 14px; color: #777; line-height: 1.7; margin-bottom: 15px; }
.ab-biz-btn { display: inline-block; color: #0157a9; font-size: 14px; font-weight: bold; }
.ab-biz-cta { text-align: center; margin-top: 35px; }

@media (max-width: 768px) {
  .ab-biz-cards { flex-direction: column; }
}
.float-consult { position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(1,87,169,0.95); backdrop-filter: blur(10px); z-index: 9999; padding: 10px 0; box-shadow: 0 -4px 20px rgba(0,0,0,0.15); }
.float-consult-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; }
.float-consult-info { display: flex; align-items: center; gap: 20px; }
.float-phone { color: #fff; font-size: 18px; font-weight: bold; }
.float-desc { color: rgba(255,255,255,0.85); font-size: 14px; }
.float-consult-btn { display: inline-block; padding: 12px 32px; background: #fff; color: #0157a9; font-size: 15px; font-weight: bold; border-radius: 6px; text-decoration: none; letter-spacing: 1px; transition: all 0.3s; white-space: nowrap; }
.float-consult-btn:hover { background: #f0f7ff; transform: scale(1.02); }

/* ===== 响应式 ===== */
@media (max-width: 768px) {
  .geo-compare { flex-direction: column; gap: 20px; }
  .process-steps { flex-direction: column; gap: 25px; }
  .float-consult-inner { flex-direction: column; gap: 8px; padding: 0 15px; text-align: center; }
  .float-consult-info { flex-direction: column; gap: 4px; }
  .float-phone { font-size: 16px; }
  .float-desc { font-size: 12px; display: none; }
  .float-consult-btn { font-size: 14px; padding: 10px 24px; }
  .geo-cta-btn { padding: 12px 28px; font-size: 15px; }
}