/* * * * 
* 
	project: 官网3.0版本
	date: 2026/3/2
	author: chengzhongtian
	company: 科凌力智能医学软件(深圳)有限公司
	address: 深圳市龙华区观盛二路5号捷顺科技中心B1104
	website: https://www.cliniai.com
	copyright: Copyright © 2015-2026 科凌力智能医学软件(深圳)有限公司 All Rights Reserved
	version: 3.0.0
	release: 2026/3/2
	
* 
* * * */

/*全局通用样式*/
*{margin:0;padding:0;}
html,body{font-family: "YouYuan" !important;min-width: 1024px;margin:0;padding:0;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;font-size: 15px;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,img{margin:0;padding:0;}
img{border: none;}
ul{list-style: none;}
a{text-decoration: none;color:#000;cursor: pointer;}
a:hover{text-decoration: none;}
.f-clear{clear: both;}
.f-left{float: left;}
.f-right{float: right;}
/*内容样式——外框架*/
#container{width:100%;overflow: hidden;}
.content{width:1200px;margin:0 auto;overflow: hidden;}


/*公用样式*/
.public-after:after{content: "";display: block;clear: both;}
.public-text{line-height: 30px;color:#000;text-indent: 32px;}
.content p.f-h1{margin-bottom:20px;padding-bottom:10px;font-size: 30px;color:#000;border-bottom: 2px solid #E8E8E8;}
.public-btn{width:240px;height:40px;margin:0 auto;margin-top: 20px;line-height: 40px;text-align: center;border: 1px solid #ccc;border-radius: 20px;color:#ccc;cursor: pointer;}
.public-btn-enter{border:1px solid red;color:red;}
/*****分割线*****/
.horize{height:2px;margin:30px 0 50px 0;background-color:#ccc;}

/*第一部分：logo、导航、banner*/
#logo{width:100%;height:100px;text-align: center;line-height: 100px;}
#logo img{vertical-align: middle;width: 320px;height: 65px;}
/*******导航*******/
.f-nav{background-color: #fff;}
.f-nav ul{padding-left:50px;width:1150px;margin: 0 auto;}
.nav-fixed{position:fixed;top:0;left:0;width:100%;background-color: #fff;z-index: 999;}
.f-nav li{float:left;margin-right:70px;}
.f-nav li a{position:relative;display: inline-block;height:90px;line-height: 90px;font-size: 18px;font-weight: bold;}
.f-nav li a.zy{color:#2099A7;}
.f-nav li a:hover{color:#2099A7;}
.f-nav li a span.circle{position:absolute;top:15%;left:45%;display: none;height:5px;width:5px;border-radius: 50%;background-color:#2099A7;}

/*******banner 轮播图统一尺寸*******/
.banner{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;}
.banner .carousel-inner{height:420px;}
.banner .carousel-inner .item{height:420px;}
.banner .carousel-inner .item img{width:100%;height:420px;object-fit:cover;object-position:center;display:block;}

/*第二部分:产品介绍*/
.product{overflow: hidden;}
.product>div.f-left{width:380px;margin-right:30px;}
.product>div.f-left img{width:100%;height:240px;object-fit:cover;display:block;}
.product>div.f-left:nth-child(1),.product>div.f-left:nth-child(2),.product>div.f-left:nth-child(3){margin-bottom: 50px;}
.product>div:nth-child(3),.product>div:nth-child(6){margin-right:0px;}
.product-title{height:21px;margin-top:20px;overflow: hidden;text-align: center;line-height: 21px;}

/*第三部分:技术支持*/
.tec{margin-bottom:50px;padding-bottom:30px;text-align: center;}
.tec:after{content: "";display: block;clear: both;}
.tec>div.tec-left{width:100%;overflow: hidden;}
.tec>div.tec-right{width:380px;float:right;}
.tec>div.tec-left>div:first-child{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;}
.tec>div.tec-left>div:first-child::after{content:none;display:none;}
.tec>div.tec-left dl{float: none;margin:0;}
.tec>div.tec-left dl dd{text-align: center;margin-top: 20px;font-weight: bold;}
.tec>div.tec-left ol{list-style: none;counter-reset: tec-ol;text-align: left;width:100%;margin:30px 0 0;padding-left:0;}
.tec>div.tec-left ol li{counter-increment: tec-ol;position: relative;padding-left:2.2em;margin-bottom:15px;line-height:30px;}
.tec>div.tec-left ol li::before{position: absolute;left:0;width:1.6em;height:1.6em;line-height:1.6em;text-align: center;border-radius: 50%;background:#2099A7;color:#fff;font-size:14px;font-weight: bold;}
.tec-text{margin-top:30px;font-size: 14px;line-height: 30px;text-align: left;}
.tec-right>div.tec-content span{display: block;font-size: 18px;line-height: 30px;}
.tec-right>div.tec-content p{line-height:40px;font-size: 15px;}
.tec-img{margin-bottom:30px;display: flex;flex-wrap: nowrap;justify-content: space-between;width:100%;}
.tec-img img{display: block;flex-shrink: 0;}
.tec-img .f-clear{display: none !important;}

.product-history-wrap{width:100%;overflow:hidden;margin-top:30px;}
.product-history-wrap img{width:100%;height:auto;display:block;vertical-align:top;}

.product-history-text{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:32px;margin-top:20px;width:100%;}
.product-history-text .product-history-col{flex:1;min-width:0;line-height:28px;font-size:14px;padding: 0 20px;}
/* 每段文字左右位移微调，正值右移、负值左移 */
.product-history-col-1{transform:translateX(0);}
.product-history-col-2{transform:translateX(0);}
.product-history-col-3{transform:translateX(-16px);}
.product-history-col-4{transform:translateX(-32px);}
.product-history-col-5{transform:translateX(-60px);}

/*第四部分:经典案例 - 3列等分布局，默认显示前6个div（1个文字+5张图），其余隐藏*/
.public-after.classic{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
	gap:20px 20px;
}
.classic>div.f-left{
	box-sizing:border-box;
	flex:0 0 calc((100% - 40px) / 3);
	max-width:calc((100% - 40px) / 3);
	padding:0;
	margin:0;
	float:none;
}
/* 默认隐藏第6个div之后的项（.classic-hide） */
.public-after.classic .f-left.classic-hide{display:none;}
/* 文案列单独占一列，段落缩进两个中文字 */
.classic>div.f-left:first-child .public-text{
	text-align:left;
	text-indent:2em;
}
/* 图片格子统一尺寸，图片完整展示不裁切（contain），同一行对齐 */
.classic>div.f-left:not(:first-child){
	min-height:200px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.classic>div.f-left img{
	width:100%;
	height:auto;
	max-height:220px;
	object-fit:contain;
	display:block;
	vertical-align:top;
}
.f-hide{display: none;}

/* 技术专栏 */
.news-column{width:100%;}
/* 默认只展示前 4 条，带 .news-hide 的条目隐藏（优先级高于 .news-item 的 display:flex） */
.news-column .news-item.news-hide{display:none;}
.news-item-body h3 a{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;}
.news-item{position:relative;display:flex;align-items:flex-start;gap:20px;margin-bottom:26px;}
.news-item-thumb{flex-shrink:0;width:160px;height:100px;overflow:hidden;border-radius:6px;display:block;}
.news-item-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.news-item-body{flex:1;min-width:0;}
.news-item-body h3{font-size:17px;font-weight:bold;margin:0 0 6px 0;line-height:1.4;}
.news-item-body h3 a{color:#000;text-decoration:none;}
.news-item-body h3 a:hover{color:#2099A7;text-decoration:underline;}
.news-item-body .news-item-date{margin:0 0 6px 0;font-size:13px;color:#666;}
.news-item-body .news-item-desc{font-size:14px;line-height:1.75;text-indent:0;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#333;}
.news-item-body .news-item-more{margin:6px 0 0 0;font-size:13px;}
.news-item-body .news-item-desc .link-news,.news-item-body .news-item-more .link-news{color:#1682bf;}
.news-item:hover .news-item-body .news-item-desc .link-news,.news-item:hover .news-item-body .news-item-more .link-news{text-decoration:underline;}
.news-column .public-btn.news-btn{margin:50px auto 0;display:block;}
/* 兼容 news-right 若存在 */
.news-right{width:380px;float:right;}
.news-right p.public-text{line-height:40px;}
.news-right p.text-right{margin-top:20px;}

/*关于我们 - index内联展示，样式见about.css*/
.about-left{width:500px;}
.about-left p.public-text{line-height: 40px;}
.about-right{width:700px;}
.about-right dl{width:145px;float: left;margin-left: 30px;margin-top: 50px;overflow: hidden;}
.about-right dl dt{height:145px;}
.about-right dl dd{margin-top:30px;text-align: center;font-size: 16px;}

/*地图和联系方式*/
.connection{width:100%;}
.account-our{width:100%;max-width:1200px;margin:0 auto;text-align: left;}
.account-our .public-text{text-align: left;text-indent: 0;margin-bottom: 30px;}
.account-our .f-h1{margin-bottom: 30px;}
.our-message{text-align: left;}
.our-message ul{display: block;padding: 0;margin: 0;list-style: none;}
.our-message li{margin-bottom: 16px;padding-left: 30px;line-height: 32px;font-size: 16px;}
.our-message li.website{margin-bottom: 16px;}
.address{background: url(../images/address.png) no-repeat left center;}
.phone{background: url(../images/phone.png) no-repeat left center;}
.email{background: url(../images/email.png) no-repeat left center;}
.website{background: url(../images/website.png) no-repeat left center;}
.map{width:670px;height:520px;border:1px solid #00ace9;padding: 0;}
#map-container{height:100%;margin:0px;font:12px Helvetica,'Hiragino Sans GB','Microsoft Yahei','微软雅黑', Arial;}
.info-title{color:white;font-size:16px;background-color:rgba(0,155,255,0.8);line-height:26px;padding: 0px 0 0 6px;font-weight:lighter;letter-spacing:1px;}
.info-content{padding:4px;color:#666666;line-height:23px;}
.info-content img{float:left;margin:3px;}
.our-message h3{font-size: 18px;margin-top: 30px;margin-bottom: 20px;font-weight: bold;}

/*底部*/
.footer{width:100%;height:100px;margin-top:50px;padding-top:10px;background-color: #e6e6e6;}
.footer p{line-height: 30px;text-align: center;font-size: 14px;}