@charset "utf-8";
/* CSS Document */

*{padding:0;margin:0;}
img{ border:0;}
ul,ol{ list-style:none;}

/*--------------------------娓呴櫎娴姩 -----------------------------------*/
.clear{clear:both; font-size:1px; line-height:0; height:0; }
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*-------------------------娓呴櫎娴姩缁撴潫 ------------------------------------*/


/* 基础重置与变量 */
        :root {
            --primary-color: #e60012; /* 主题红 */
            --blue-color: #00479d;
            --text-dark: #333;
            --text-light: #666;
            --bg-gray: #f8f9fa;
            --border-color: #e0e0e0;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
        }

        body {
            color: var(--text-dark);
            background-color: #fff;
            overflow-x: hidden;
        }

        ul { list-style: none; }
        a { text-decoration: none; color: inherit; }
        img { max-width: 100%; display: block; }

        /* 容器 */
        .container {
            width: 1200px;
            margin: 0 auto;
        }

        /* 头部 */
        .header-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
        }

        .logo {
            display: flex;
            align-items: center;
            font-size: 24px;
            font-weight: bold;
            color: var(--blue-color);
        }

        .logo img {
            height: 130px;
        }

        .consult-btn {
            background: var(--primary-color);
            color: #fff;
            border-radius: 20px;
            font-size: 14px;
            transition: opacity 0.3s;
        }

        .consult-btn:hover { opacity: 0.8; }

        /* 导航栏 */
        .nav-bar {
            background-color: var(--blue-color);
            color: #fff;
        }

        .nav-list {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .nav-item {
            position: relative;
            padding: 15px 50px;
            cursor: pointer;
            font-size: 24px;
            transition: background 0.3s;
        }

        .nav-item:hover {
            background-color: #003380;
        }

        /* 特色诊疗下拉菜单 */
        .dropdown {
            display: none;
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%);
            background: #fff;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            border-radius: 8px;
            padding: 20px;
            width: 500px;
            z-index: 100;
            color: var(--text-dark);
        }

        .nav-item:hover .dropdown {
            display: block;
        }

        .dropdown-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
        }

        .dropdown-grid a {
            display: block;
            text-align: center;
            padding: 8px 0;
            font-size: 18px;
            color: var(--text-light);
            transition: color 0.3s;
        }

        .dropdown-grid a:hover {
            color: var(--primary-color);
            font-weight: bold;
        }

        /* Banner 轮播 */
        .banner-section {
            position: relative;
            width: 100%;
            height: 680px;
            overflow: hidden;
        }

        .banner-track {
            display: flex;
            height: 100%;
            transition: transform 0.5s ease-in-out;
        }

        .banner-slide {
            min-width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }

        /* 模拟Banner图片
        .banner-slide:nth-child(1) { background: linear-gradient(135deg, #a80a15, #e60012); }
        .banner-slide:nth-child(2) { background: linear-gradient(135deg, #00479d, #0077e6); }
        .banner-slide:nth-child(3) { background: linear-gradient(135deg, #d4af37, #fce181); } */

        .banner-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0,0,0,0.3);
            color: #fff;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 20px;
            transition: background 0.3s;
        }

        .banner-btn:hover { background: rgba(0,0,0,0.6); }
        .banner-btn.prev { left: 150px; }
        .banner-btn.next { right: 150px; }

        .banner-dots {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
        }

        .dot {
            width: 12px;
            height: 12px;
            background: rgba(255,255,255,0.5);
            border-radius: 50%;
            cursor: pointer;
        }

        .dot.active {
            background: #fff;
            width: 24px;
            border-radius: 6px;
        }

        /* 通用标题 */
        .section-title {text-align: center;color: var(--blue-color);padding:50px 0 20px 0 ;margin:0 0 50px 0; background: url("biaoti-hengxian.png") no-repeat bottom center;}
        .section-title h2{ font-size: 55px; display: block;color:#004098；}
        .section-title h2 span {display: block;font-size: 30px;color:#333; font-weight: lighter}

.bottom-btn{ text-align:center;}
.bottom-btn a{ display: inline-block;padding:0px 60px;line-height: 65px; border:1px solid #000;font-size: 24px; margin: 50px 20px 0 20px;color:#000;}
.bottom-btn a:hover{color:#333;border:1px solid #333;}




        /* 介绍板块 */
        .jieshaoMain { width: 100%; height:850px; }
        .jieshaoMain .w1200{  width:1200px; height:712px; margin: 0 auto;position: relative }
.right-panel{ position:absolute; top:100px;right: 0; z-index: -999999}
.blue-box{ position:absolute; width: 700px; height: 410px;top:250px;left: 0; z-index: -99999;background-color: rgba(0, 64, 152, 0.7); /* 黑色背景，30% 透明 */}
.blue-box p{ color:#fff; font-size: 18px;padding:22px; line-height:2;  text-indent: 2em;}
.zixunBtn{position:absolute; font-size: 24px;top:680px;left:150px;}
.zixunBtn a:hover{ color:#666;}
.header-section{ position:relative; color:#004098;padding:140px 0 0 100px;}
.header-section .watermark{ position: absolute; color:#dde2ed; font-size: 110px; z-index: -9999; left: 0;top:60px;}
.header-section h1{ font-size:40px;}
.header-section p{ font-size:20px;}



        /* 专家板块 */
        .experts-section {
            background:#dff2fc url("zj-bg.jpg") top center;
			height: 1100px;
        }

        .experts-wrapper {
            position: relative;
            display: flex;
            align-items: center;
        }

        .experts-scroll {
            display: flex;
            gap: 0px;
            overflow-x: hidden;
            scroll-behavior: smooth;
            padding: 20px 0;
        }

        .expert-card {
            min-width: 370px;
            text-align: center;
            margin: 0px 15px;
            transition: transform 0.3s;
        }

        .expert-card:hover {
            transform: translateY(-5px);
        }

        .expert-img {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            margin: 0 auto 15px;
            background: #e0e0e0;
            overflow: hidden;
        }

        .expert-card h3 {
            font-size: 18px;
            margin-bottom: 5px;
        }

        .expert-card p {
            font-size: 14px;
            color: var(--text-light);
            margin-bottom: 5px;
        }

        .scroll-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid var(--border-color);
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            cursor: pointer;
            z-index: 10;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            color: var(--blue-color);
        }

        .scroll-btn.left { left: -20px; }
        .scroll-btn.right { right: -20px; }


        /* 项目板块 */        /* ================= 热门项目 (Projects) - 重点修改区域 ================= */
        .projects-flex { display: flex; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); width: 1200px; margin: 0 auto; }
        
        /* 左侧导航改造 */
        .projects-tabs { width: 220px; background: #e8e8e8; display: flex; flex-direction: column; }
        .tab-btn { 
            padding: 55.5px 15px; 
            text-align: center; 
            font-size: 24px; 
            font-weight: bold; 
            color: #333; 
            cursor: pointer; 
            transition: 0.3s; 
            border-bottom: 2px solid #fff;
            line-height: 1.4;
        }
        .tab-btn:last-child { border-bottom: none; }
        .tab-btn span { 
            font-size: 10px; 
            font-weight: normal; 
            color: #888; 
            display: block; 
            margin-top: 6px; 
            text-transform: uppercase; /* 英文大写 */
            font-family: Arial, sans-serif;
        }
        /* 选中状态：蓝色背景白字 */
        .tab-btn.active { 
            background: #005ba1; 
            color: #fff; 
            border-bottom-color: transparent;
        }
        .tab-btn.active span { 
            color: rgba(255, 255, 255, 0.8); 
        }
        
        /* 右侧内容区 */
        .projects-content { flex: 1; padding: 20px; background: #f3f3f3; }
        .tab-pane { display: none; grid-template-columns: repeat(3, 1fr); gap: 15px; }
        .tab-pane.active { display: grid; }
        
        /* 项目卡片 */
        .project-item { position: relative; border-radius: 8px; overflow: hidden; height: 230px; width: 325px; cursor: pointer; }
        .project-item img { width: 100%; height: 100%; object-fit: cover; transition: 0.3s; }
        .project-item:hover img { transform: scale(1.05); }
        
        /* 底部纯色半透明文字遮罩 */
        .project-item .text-overlay { 
            position: absolute; 
            bottom: 0; 
            left: 0; 
            right: 0; 
            background: rgba(0, 0, 0, 0.45); /* 纯色半透明底色 */
            color: #fff; 
            padding: 12px 10px; 
            text-align: center; 
            font-size: 15px; 
            font-weight: bold; 
            letter-spacing: 1px;
        }
        /* ======================================================================= */




/*正品联盟*/
.zhengpinBox{ background:#dff2fc; padding: 50px 0 0 0；}
.zhengpinBox .zhengpinList{ width:1200px; margin: 0 auto;}
.zhengpinBox .zhengpinList ul li{ width: 298px; height: 338px; margin: 0 0 2px 2px; float:left; overflow: hidden;}
.zhengpinBox .zhengpinList ul li img{ width: 298px; height: 338px; object-fit: cover; transition: 0.3s; }
.zhengpinBox .zhengpinList ul li img:hover{ transform: scale(1.05); }

/*学术*/
.xueshuBox{ background:#fff; padding: 50px 0 0 0；}
.xueshuBox .xueshuList{ width:1200px; margin: 0 auto;}



        /* 右侧悬浮栏 */
        .float-sidebar {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            background: #fff;
            border-radius: 30px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.15);
            padding: 20px 10px;
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 1000;
        }

        .float-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 15px 10px;
            cursor: pointer;
            position: relative;
            border-bottom: 1px solid #eee;
        }

        .float-item:last-child {
            border-bottom: none;
        }

        .float-icon {
            font-size: 24px;
            margin-bottom: 5px;
            color: var(--text-dark);
        }

        .float-text {
            font-size: 16px;
            color: var(--text-dark);
            writing-mode: horizontal-tb; /* 图片中是横向的 */
        }

        /* 二维码弹出 */
        .qrcode-popup {
            position: absolute;
            right: 100%;
            top: 50%;
            transform: translateY(-50%) scale(0.9);
            background: #fff;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.2);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            pointer-events: none;
            margin-right: 10px;
			width: 219px; height: 210px;
			
        }

        .qrcode-popup img {
            width: 199px;
            height: 190px;
        }

        .float-item:hover .qrcode-popup {
            opacity: 1;
            visibility: visible;
            transform: translateY(-50%) scale(1);
        }

        .chat-btn {
            width: 50px;
            height: 50px;
            background: #2b5fad;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 10px;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
            transition: transform 0.3s;
        }

        .chat-btn:hover {
            transform: scale(1.1);
        }

        /* 底部 */
        footer {
            background: #f8f9fa;
            padding: 40px 0;
            border-top: 1px solid #eee;
            text-align: center;
            color: var(--text-light);
            font-size: 14px;
        }





/*页脚样式*/
.w1200{ width:1280px; margin: 0 auto}
.fr{ float:right}
.fl{ float:left}
.footerMain{width:100%; padding:0 0  0; background:#f4f4f4 url(lzx_51.jpg) no-repeat top center;}
.footerMain .fl{ width:472px; }
.footerMain .fl .lydizi{ padding-left:89px; padding-top:18px;font-size:14px; color:#5f5f5f}
.footerMain .fl .lydizi b{ font-size:36px;}
.footerMain .fl img{ display:inline-block}


.dibudh{width:728px; margin-top:50px;overflow:hidden; font-size:14px;}
.dibudh .dibudh_1{width:180px; height:380px;float:left;display:inline;margin:5px 0 0 0;  background:url(lzx_55.jpg) top left no-repeat;}
.dibudh .dibudh_1 a{color:#5f5f5f;}
.dibudh .dibudh_1 h3{height:36px;line-height:36px;width:100%;overflow:hidden;border-radius: 4px; margin: 0 0 0 15px;}
.dibudh .dibudh_1 h3 a{float:left;display:inline;color:#005aa0;width:100%;font-size:18px;}
.dibudh .dibudh_1 h3 a:hover{text-decoration:none;color:#0080e3}
.dibudh .dibudh_1 h3 a i,.dibudh .dibudh_1 h3 a em{float:left;display:inline;}
.dibudh .dibudh_1 h3 a i{margin:0 0px 0 0;background-image:url(icon.png);width:36px;height:36px;}
.dibudh .dibudh_1 h3 a i.ico_1{background-position:0px -1262px}
.dibudh .dibudh_1 h3 a i.ico_2{background-position:-171px -1262px}
.dibudh .dibudh_1 h3 a i.ico_3{background-position:-366px -1262px}
.dibudh .dibudh_1 h3 a i.ico_4{background-position:-544px -1262px}
.dibudh .dibudh_1 ul{width:120px;float:left;display:inline;margin:10px 0 0 45px;}
.dibudh .dibudh_1 ul li{float:left;display:inline;width:100%;height: 28px;line-height: 28px;overflow:hidden;}
.dibudh .dibudh_1 ul li a{transition:all 0.2s linear 0s;float:left;display:inline;padding:0 8px;}
.dibudh .dibudh_1 ul li a:hover{border-radius:3px;text-decoration:none;color:#fff;background:#005aa0;}
em{font-style: normal;}

/*底部结束*/



/*底部浮动条*/
.footer_swt{width: 100%;height: 101px;overflow: hidden;position:fixed;bottom:0;z-index:100000;}
.footer_swt .wrap1{width: 100%;height: 101px;background:#262424;filter:alpha(opacity=90);-moz-opacity:0.9; opacity:0.9;}
.footer_swt .wrap{width: 1000px;margin: 0 auto;}
.footer_swt_left{float: left;width:185px ;height: 101px;background: url(swt/f_swt_left.png) no-repeat;}
.footer_swt_left p{font-size: 20px;color: #fff;text-align: center;margin-top: 30px;}
.footer_swt_left span{font-size: 10px;color: #fff;text-align: center;display: block;}
.footer_swt_center{float: left;width: 520px;margin-left: 20px;margin-top: 20px;}
.footer_swt_center li{font-size: 14px;color:#fff ;float: left;height: 26px;line-height: 26px;border: 1px solid #fff;display: block;padding: 0 14px;margin-bottom: 10px;margin-right: 10px;border-radius: 4px;}
.footer_swt_center li a{font-size: 14px;color:#fff ;line-height: 26px;}
.footer_swt_center li.on{color: #ff9600;border:1px solid #ff9600 ;}
.footer_swt_center li:hover{color: #ff9600;border:1px solid #ff9600 ;}
.footer_swt_right{float: left;margin-top: 6px;}
.footer_swt_right ul li{position:relative}
.footer_swt_right li.li01 img{position:absolute;width:25px;height:23px;top:-10px;left:35px;}
.footer_swt_right li.li03 img{position:absolute;width:25px;height:23px;top:36px;left:32px;}
.footer_swt_right ul li.li01{width: 58px;height: 58px;background: url(swt/swt_circle.png) no-repeat;float: left;background-size:100% 100%;margin-top:6px; }
.footer_swt_right ul li.li02{background: url(swt/swt_circle1.png) no-repeat;width: 58px;height: 58px;float:left;margin-left:23px;margin-right:23px;margin-top:6px;}
.footer_swt_right ul li.li03{width: 58px;height: 58px;background: url(swt/swt_circle.png) no-repeat;float: left;margin-top:6px; }
.footer_swt_right ul li p{font-size:14px ;color:#fff ;text-align: center;line-height: 20px;width: 32px;margin: 0 auto;margin-top: 9px;}
.footer_swt_right .p11{font-size: 16px;color: #ff9600;text-align:center;line-height:32px;}