*{padding:0;margin:0;font-family:'微软雅黑';text-decoration: none;}
img{max-width: 100%;margin: 0 auto;}
body{color: #444;}
.clear{clear:both;height: 1px;}
li{list-style-type: none;}
*{color: #454545;font-size: 16px;}
a:focus{outline: none}
#w620{max-width: 620px;padding: 0 10px;margin:0 auto;}
#width{
	min-width:320px;
	max-width:640px;
	margin:0 auto 5%;
}


.navxsik{width: 100%;margin: 1.4rem auto 0;}
.navxsik ul{display: flex;justify-content:center;align-items:center;}
.navxsik ul li{border-right: 2px solid #dadada;width: calc((100% - 6px)/4);display: flex;flex-direction:column;justify-content:center;align-items:center;padding:0.6rem 0;}
.navxsik ul li .naxx{width: 2.8rem;}
.navxsik ul li .naxx img{width: 100%;display: block;}
.navxsik ul li .naxx2{width: 100%;text-align: center;margin:0.8rem auto 0;font-size: 1rem;color: #282828;}
.navxsik ul li:nth-child(4){border-right: none;}


/***标题***/
.dazicu{width: 100%;text-align: center;font-size: 1.5rem;color: #019e97;margin: 1.8rem auto 0;font-weight: 600;}
.zongjianxz{text-align: center;}
.zongjianbufz{padding:0.5rem 0.8rem;font-size:1rem;color: #a7a7a7;position: relative;margin:auto;display: inline-block;}
.zongjianbufz .lefxtx{position: absolute;width:4.8rem;height:2px;background: #282828;left:-4.8rem;top:calc(50% - 1px);}
.zongjianbufz .righxtx{position: absolute;width:4.8rem;height:2px;background: #282828;right:-4.8rem;top:calc(50% - 1px);}


/***诊疗项目***/
.zlxmtz{width: 100%;margin:1rem auto 0;}
.zlxmtz ul{display: flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.zlxmtz ul li{width: 25%;display: flex;flex-direction:column;justify-content:center;align-items:center;margin-top: 1rem;}
.zlxmtz ul li .tupzxc{width:5rem;}
.zlxmtz ul li .tupzxc img{width: 100%;display: block;}
.zlxmtz ul li .tupzxczt{width: 100%;text-align: center;font-size: 1rem;color: #282828;margin-top: 0.4rem;}

/***更多专家***/
.gdzjxz{width: 100%;margin:0.8rem auto 0;text-align: right;font-size: 1.1rem;color: #9a9a9a;}
.doctzxd{width: 100%;}
.doctzxd ul{width: 100%;}
.doctzxd ul li{border:2px solid #d0d8e5;border-radius: 10px;width:calc(100% - 4px);display: flex;justify-content:center;align-items:stretch;margin:0.6rem auto 0;}
.doctzxd ul li .zbzjtx{width:30%;}
.doctzxd ul li .zbzjtx img{width: 100%;display: block;height: 100%;}
.doctzxd ul li .zbzjtx2{padding:0.4rem 0.8rem;width: calc(70% - 1.6rem);display: flex;justify-content:space-between;align-items:flex-end;}
.doctzxd ul li .zbzjtx2 .wzjanji{margin-right:1rem;width: calc(100% - 5.5rem);}
.doctzxd ul li .zbzjtx2 .wzjanji p{font-size: 1rem;color: #282828;line-height: 1.3rem;}
.doctzxd ul li .zbzjtx2 .wzjanji p span{font-size: 1.2rem;color: #019e97;}
.doctzxd ul li .zbzjtx2 .wzjanji .sctx{font-size: 1.1rem;color: #282828;line-height: 1.1rem;margin-top: 0.3rem;}
.doctzxd ul li .zbzjtx2 .wzjanji .sctx2{font-size: 1rem;color: #282828;line-height: 1rem;}
.doctzxd ul li .zbzjtx2 .wzjanji2{width:4.5rem;height:2.5rem;background: #ff2900;border-radius: 8px;text-align: center;line-height: 2.5rem;color: #fff;font-size: 1rem;}

.zhzjhj{width:85%;margin:1.2rem auto 0;display: flex;justify-content:space-between;align-items:center;}
.zhzjhj .tupz{width:56%;}
.zhzjhj .tupz img{width: 100%;display: block;}
.zhzjhj .tupz2{width:10rem;display: flex;justify-content:center;align-items:center;}
.zhzjhj .tupz2 .dwzd{width: calc(100% - 1.5rem);text-align: right;}
.zhzjhj .tupz2 .dwzd h2{font-size: 1.3rem;color: #282828;}
.zhzjhj .tupz2 .dwzd .yyzjxz{font-size: 1rem;color: #9a9a9a;}
.zhzjhj .tupz2 .jiantou{font-size:2rem;color: #cccccc;}
.arrow-right {
            position: relative;
            display: inline-block;
            width: 1.4rem;
            height: 1.4rem;
            flex-shrink: 0;
            transition: transform 0.2s ease;
        }
        .arrow-right::before,
        .arrow-right::after {
            content: '';
            position: absolute;
            right: 0;                
            top: 50%;
            width: 75%;               /* 线条长度 */
            height: 0.3rem;            /* 线条粗细 */
            background: #ccc;
            transform-origin: right center;
            border-radius: 1px;
        }
        .arrow-right::before {
            transform: rotate(-45deg); /* 右上斜线 */
        }
        .arrow-right::after {
            transform: rotate(45deg);  /* 右下斜线 */
        }

/***特色医疗***/
.teseyilx{width:calc(100% - 20px);background: #30adaa;padding: 1.5rem 10px;margin:1.5rem auto 0;}
.baise{color: #fff;}
.baise2{color: #add9d7;}
.bgsc{background: #fff!important;}
.mgzero{margin-top: 0!important}


.teseyiliao-container {
            width:100%;
            max-width: 640px;
            overflow: hidden;
            padding: 0 0.25rem;  /* 关键：左右内边距避免 slide 被裁剪 */
        }

/* 关键：wrapper 必须是 flex 容器，且不换行 */
.teseyiliao-wrapper {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;   /* 强制单行 */
    /* Swiper 会自动添加 transform 和 width 控制，这里只保证 flex 环境 */
}

.teseyiliao-slide {
    box-shadow: 0 0 0 1px #fff;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    height: auto;
    /* 宽度由 Swiper 通过 slidesPerView 计算，无需设置 */
    flex-shrink: 0;      /* 防止收缩，Swiper 也会设置 */
}

.teseyiliao-img {
    flex-shrink: 0;
    line-height: 0;
}
.teseyiliao-img img {
    display: block;
    width: 100%;
    height: auto;
}

.teseyiliao-text {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-size: 1rem;
    color: #282828;
    text-align: center;
    padding: 0.8rem 0.5rem;
    font-weight: 500;
    line-height: 1.4;
    min-height: 3rem;
}

 /***六边形***/
 .xiaoliuzi{margin:2rem auto 0;}
 .xiaoliuzi ul{display: flex;justify-content:center;align-items:center;}
 .xiaoliuzi ul li{margin-right:1rem;width: calc((100% - 3rem)/4);background: url(/static/default/images/liubg.png)no-repeat;background-size:100% 100%;height: 5.5rem;display: flex;
 	flex-direction:column;justify-content:center;align-items:center;padding: 1.8rem 0;
 }
 .xiaoliuzi ul li .xituxz{width:2rem;}
 .xiaoliuzi ul li .xituxz img{width: 100%;display: block;}
 .xiaoliuzi ul li .xituxz2{width: 100%;text-align: center;font-size: 1rem;color: #282828;margin: 0.1rem auto;}
 .xiaoliuzi ul li .xituxz3{width:4.2rem;height:1.8rem;line-height:1.8rem;text-align: center;background: #ea310e;border-radius: 12px;font-size: 0.9rem;color: #fff;}
 .xiaoliuzi ul li:nth-child(4){margin-right: 0}

/***新闻动态***/
.yydtdt{width: 100%;margin:1.2rem auto 0;}
.yydtdt ul{display: flex;justify-content:center;align-items:center;}
.yydtdt ul li{margin-right:0.5rem;width: calc((100% - 1rem)/3);}
.yydtdt ul li .suolt{width: 100%;height:7rem;overflow:hidden}
.yydtdt ul li .suolt img{width: 100%;display: block;height:100%;object-fit:cover;}
.yydtdt ul li .suolt2{display: flex;justify-content:flex-start;align-iems:center;margin: 0.5rem auto;text-align: center;}
.yydtdt ul li .suolt2 .xisaja{width: 0;height: 0;border-left: 0.8rem solid transparent;border-right: 0.8rem solid transparent;border-bottom: 1.2rem solid #ea310e;}
.yydtdt ul li .suolt2 .xisaja2{font-size: 1rem;color: #282828;font-weight: 600;text-indent: 0.8rem;text-align:left;}
.yydtdt ul li .suolt3{width: 100%;font-size: 1rem;color: #282828;line-height: 1.3rem;}
.yydtdt ul li:nth-child(3){margin-right: 0}


/***医院概况***/
.tab-wrapper {
            width: 100%;
            max-width: 640px;
            background: #ffffff;
            margin:1.5rem auto 0;
        }

        .tab-nav {
            display: flex;
            flex-wrap: nowrap;
            justify-content: flex-start;
            list-style: none;
            margin-bottom: 0.5rem;
            padding: 0;
        }

        .tab-item {
            width: calc((100% - 3rem) / 3);
            margin-right: 1.5rem;
            height: 2.8rem;
            border-radius: 10px;
            background-color: #939393;
            color: #ffffff;
            font-size: 1rem;
            font-weight: 500;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: background-color 0.25s ease;
            position: relative;
            user-select: none;
            /* 关键：裁剪内部伪元素，保证底部红色条的圆角与父级一致 */
            overflow: hidden;
        }

        .tab-item:last-child {
            margin-right: 0;
        }

        /* 选中状态：背景变为 #019e97（主体） */
        .tab-item.active {
            background-color: #019e97;
        }

        /* 底部红色条：仅选中时出现，高度 5px，位于底部 */
        .tab-item.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background-color: #ea310e;
            /* 由于父级 overflow:hidden，圆角自动继承底部的圆弧 */
            border-radius: 0 0 10px 10px; /* 明确下边圆角，但父级裁剪后可有可无 */
        }

        /* 内容区域 */
        .tab-content {
            width: 100%;
            overflow: hidden;
        }

        .tab-panel {
            display: none;
            width: 100%;
        }
        .tab-panel ul{width: 100%;display:flex;flex-wrap:wrap;justify-content:center;align-iems:center;}
        .tab-panel ul li{margin-right:1rem;width: calc((100% - 1rem)/2);border-radius: 10px;margin-top:1rem;}
        .tab-panel ul li img{width: 100%;display: block;}
        .tab-panel ul li:nth-child(2n){margin-right: 0}
        .tab-panel.active {
            display: block;
        }

    	.huandongp{width: 100%;margin:2rem auto 0;}
    	.huandongp img{width: 100%;display: block;}
    	/****锦旗***/
		.shangmianzaozi2{width: 100%;overflow: hidden;margin:1.8rem auto 0;}
		.texiao1z12{width:100%;position: relative;margin: auto;}
		.texiao1z12 .hexinbjt2{width:100%;background: url(/static/default/images/huandengbg.jpg);margin: auto;background-size:cover}
		.texiao1z12 .bd{width:calc(100% - 1rem);margin: auto;overflow: hidden;padding:1.5rem 0.5rem;}
		.texiao1z12 .bd ul{overflow: hidden;}
		.texiao1z12 .bd ul li{width:calc((100% - 1.5rem)/4);margin-right:0.5rem;float: left;}
		.texiao1z12 .bd ul li .toptuxx{width:100%;}
		.texiao1z12 .bd ul li .toptuxx img{width: 100%;display: block;}
		.texiao1z12 .hd{display: none;}
		.texiao1z12 .hd .prev{width:1.5rem;height:1.5rem;position: absolute;left:0;top:4rem;background: none;display: none;}
		.texiao1z12 .hd .prev img{width: 100%;display: block;}
		.texiao1z12 .hd .next{width:1.5rem;height:1.5rem;position: absolute;right:0;top:4rem;background: none;display: none;}
		.texiao1z12 .hd .next img{width: 100%;display: block;}

    	/****规范诊疗标准***/
    	.guifanx{width: 100%;margin:0.8rem auto 0;}
    	.guifanx ul{display: flex;justify-content:center;align-items:stretch;flex-wrap:wrap;}
		.guifanx ul li{margin-right: 1rem;padding:0.8rem 0.5rem;width: calc((100% - 3rem)/2);margin-top: 1rem;box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);border-radius: 10px;}
		.guifanx ul li .dingx{width: 100%;font-size:1.1rem;color: #282828;font-weight: 600;text-align: center;}
		.guifanx ul li .dingx2{width: 100%;display: flex;justify-content:center;align-items:center;margin-top: 0.8rem;}
		.guifanx ul li .dingx2 .zbdtpx{width:3rem;margin-right:0.5rem;}
		.guifanx ul li .dingx2 .zbdtpx img{width: 100%;display: block;}
		.guifanx ul li .dingx2 .zbdtpx2{width: calc(100% - 3.5rem);font-size: 1rem;color: #282828;line-height: 1.3rem;}
		.guifanx ul li:nth-child(2n){margin-right:0}
		/***预约挂号平台***/
		.form-wrapper {
            width: calc(100% - 2rem);
            max-width: 700px;
            background-color: #f2f2f2;
            padding: 2rem 1rem;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
            margin: 1.2rem auto 0;
            border-radius: 20px;
        }

        /* 表单本身：白色卡片内衬，干净留白 */
        .form-container {
            border-radius: 10px;
            padding: 2rem 1.8rem 1.8rem;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);

        }
        /* 表单组 */
        .form-group {
            display: flex;
            align-items: center;
            margin-bottom: 1.3rem;
            flex-wrap: wrap;
        }

        .form-group label {
            width: 90px;
            font-size: 0.95rem;
            color: #333;
            font-weight: 500;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .form-group label .required {
            color: #e74c3c;
            font-weight: 700;
            margin-right: 2px;
        }

        .form-group input,
        .form-group select {
            flex: 1;
            min-width: 200px;
            padding: 0.6rem 0.8rem;
            border: 1px solid #d0d7dd;
            border-radius: 6px;
            font-size: 0.95rem;
            background: #fafbfc;
            transition: border 0.25s ease, box-shadow 0.25s ease;
            outline: none;
        }

        .form-group input:focus,
        .form-group select:focus {
            border-color: #ff9d00;
            box-shadow: 0 0 0 3px rgba(255, 157, 0, 0.15);
            background: #ffffff;
        }

        .form-group input::placeholder {
            color: #b0b8c0;
        }

        /* 按钮行 */
        .form-actions {
            display: flex;
            justify-content: center;
            gap: 1.2rem;
            margin-top: 2rem;
            flex-wrap: wrap;
        }

        .btn {
            border: none;
            padding: 0.7rem 2.4rem;
            font-size: 1rem;
            font-weight: 600;
            color: #fff;
            cursor: pointer;
            transition: transform 0.15s ease, box-shadow 0.2s ease, opacity 0.2s;
            letter-spacing: 0.5px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        }

        .btn-submit {
            background-color: #ea310e;   /* 提交按钮色 */
        }

        .btn-reset {
            background-color: #949494;   /* 重置按钮色 */
        }

        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
        }

        .btn:active {
            transform: translateY(0);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.10);
        }

        .btn-submit:hover {
            background-color: #e88e00;
        }

        .btn-reset:hover {
            background-color: #5a5f63;
        }

        /* 提示信息 */
        .help-block {
            font-size: 0.8rem;
            color: #e74c3c;
            margin-top: 0.2rem;
            flex-basis: 100%;
            margin-left: 90px;  /* 与label对齐 */
            display: none;      /* 默认隐藏，由JS控制显示 */
        }

        .help-block.show {
            display: block;
        }

      



































@media screen and (max-width: 620px){

}
@media screen and (max-width: 320px){
	*{font-size: 12px;}

}
@media screen and (max-width:400px) and (min-width:321px){
	*{font-size: 14px;}
    
}
@media screen and (max-width: 600px) and (min-width: 401px){
	*{font-size: 16px}
}
@media screen and (min-width: 601px){
	
	.doctzxd ul li .zbzjtx2{padding:1.8rem 1.5rem;width: calc(70% - 3rem); }
	.doctzxd ul li .zbzjtx2 .wzjanji p{line-height: 1.8rem;}
	.doctzxd ul li .zbzjtx2 .wzjanji .sctx{line-height: 1.5rem;}
	 .xiaoliuzi ul li{padding: 2.4rem 0;}
	.xiaoliuzi ul li .xituxz2{margin: 0.3rem auto;font-size: 1.2rem;}
	 .xiaoliuzi ul li .xituxz3{width: 4.8rem;height: 2rem;line-height: 2rem;font-size: 1rem;}
	 .guifanx ul li .dingx2 .zbdtpx{width:3.5rem;margin-right:1.5rem;}
	 .guifanx ul li .dingx2 .zbdtpx2{width: calc(100% - 5rem);}
}
@media screen and (min-width:620px){
	
}