/* CSS Document */
*{margin:0px; padding:0px; font-family:"΢���ź�";}a{text-decoration:none;}
.clear{clear:both;}
ul,li,ol{list-style: none;}
.img{width:100%;}
.top{width:100%; height:45px; margin:auto; background:#026D53; margin-bottom:12px;}
.top .center{width:1275px; font-size:14px; color:#fff; line-height:45px; margin:auto;}
.top .center .z{float:left; width:30%}
.top .center .y{float:right; text-align:right; width:23%; background:url(index_03.jpg) no-repeat 5px 12px;}
.head{width:1275px; margin:auto; background:#fff; padding-bottom: 0.2rem;margin-bottom: 0.5rem;}
.head .nav{width:auto; float:right;padding-top:2rem;}
.head .logo{float:left;}
.head .ss{width:251px; height:29px; float:right;}
.head .ss .input{width:201px; height:29px; line-height:29px; font-size:12px; color:#000000; border:0px; background:#eee; text-indent:10px;}
.head .ss .sub{width:50px; height:29px; line-height:29px; color:#fff; background:#026D53; border:0px;}
.head .ss p{padding-top:5px; color:#026D53;}
.head .ss p a{color:#999;}
.head .nav ul li{float:left; width:94px; height:36px; padding-top:20px; position:relative;text-align: right;}
.head .nav ul li:hover .navli{display:block;}
.head .nav ul li .navli{width:150px; left:-10px; top:54px; position:absolute; background:#fff; text-align:center; border-top:0px;box-shadow: #999 2px 2px 2px; display:none;}
.head .nav ul li .navli p{height:42px;}
.head .nav ul li .navli p a{font-size:14px; color:#000;}
.head .nav ul li .navli p a:hover{color:#026D53;}
.head .nav ul li .navli p:nth-child(1){padding-top:15px;}
.head .nav ul li a{font-size:16px; color:#000;}
.head .nav1{float:left; text-align:center}
.head .nav1 ul li{text-align:center;}
.banner1{width:100%;}
.lie1{width:1200px; margin:auto;}
.lie1 .z{width:834px; float:left;}
.lie1 .y{width:280px; float:right;}
.lie1 .title{width:100%; height:46px; border-bottom:1px #C9CACA solid;}
.lie1 .title p{font-size:24px;  border-left:4px #026D53 solid; font-weight:bold; text-indent:10px; float:left; width:126px;}
#mydemo{width:585px; height:50px; overflow:hidden; margin:auto; margin-top:-10px; float:left;}
#mydemo h1{width:94px; margin-right:15px; text-align:center; color:#026D53; line-height:34px; height:40px; font-size:16px; font-weight:bold;}
#mydemo h1 a{color:#000; font-weight:bold;}
#mydemo h1:hover,#mydemo .h1{background:url(xg1.jpg);}
#mydemo h1:hover a,#mydemo .h1 a{color:#FFFFFF;}
.lie1 .title span{float:right; color:#939393; font-size:12px; margin-top:10px;}
.lie1 .title span a{color:#939393;}
.lie1 .title ul li:nth-child(6){margin-right:0px;}
.lie1 .list1{width:100%; padding-top:32px;}
.lie1 .list1 .tu{width:447px; float:left; height:340px; position:relative; overflow:hidden;}
.lie1 .list1 .tu .t1ss{width:447px; height:350px; display:none;}
.lie1 .list1 .tu .t1ss img{width:447px; height:350px;}
.lie1 .list1 .tu .t1ss:nth-child(1){display:block;}
.lie1 .list1 .tu p{width:80%; float:left; font-size:16px; padding-left:3px; line-height:30px; color:#555;}
.lie1 .list1 .tu ul{float:right; position:absolute; bottom:5px; right:0px;}
.lie1 .list1 .tu ul li{padding:0px 7px; font-size:12px; float:left; margin-right:4px; border:1px #C9CACA solid;color:#C9CACA;}
.lie1 .list1 .tu ul .li{border:1px #026D53 solid;color:#026D53;}
.lie1 .b1{width:350px; float:right;}
.lie1 .b1 ol{color:#5A5A5A;}
.lie1 .b1 ol li{width:100%; height:40px; list-style:outside;}
.lie1 .b1 ol li a{font-size:16px; text-indent:26px; color:#5A5A5A;}
.lie1 .b1 ol li span{float:right;}
.lie1 .y .b1{width:260px; padding-top:35px;}
.lie1 .list1 .imgnews{width:270px; float:left; margin-right:12px;}
.lie1 .list1 .imgnews img{width:270px; height:170px;}
.lie1 .list1 .imgnews p{text-align:center; height:24px; line-height:24px; font-size:12px;}
.lie1 .list1 .imgnews p a{color:#222; font-size:14px;}
.lie1 .list1 .imgnews:nth-child(3),.lie1 .list1 .imgnews:nth-child(6),.lie1 .list1 .video:nth-child(2){margin-right:0px;}
.lie1 .b11,.lie1 .b11 ol li{width:100%; float:inherit; list-style:none;}
.lie1 .list1 .video{width:410px; float:left; margin-right:14px;}
.lie1 .list1 .video img{width:410px; height:290px;}
.lie1 .list1 .video p{text-align:center; height:24px; line-height:24px;}
.zj{width:1257px; margin:auto; margin-top:30px;}
.zj .z{width:401px; float:left; overflow:hidden; background:#000000; height:271px; margin-bottom:14px;}
.zj .y{width:830px; float:right;}
.zj .y .tou{width:530px;}
.zj .y .tou p,.anli .t1 p{width:115px; height:40px; line-height:34px; font-size:16px; margin-right:10px; float:left; text-align:center; text-align:center;}
.p1{ }
.zj .y .tou1{margin-top:21px; display:none;}
.zj .y .tou1 .ks{width:183px; height:50px; background:url(xg2.png); text-align:center; line-height:50px; font-size:16px; color:#9FA0A0; float:left; margin-right:15px; margin-bottom:18px;}
.zj .y .tou1 .ks:nth-child(4),.zj .y .tou1 .ks:nth-child(8){margin-right:0px;}
.zj .y .tou1 .ks:hover{background:url(xg1.png); color:#026D53;}
.zj .y .tou1 .ks a{color:#9FA0A0;}
.zj .y .tou1 .ks:hover a{color:#026D53;}
.keshi_fq{width: 820px;margin: 0 auto;text-align: center;}
.keshi_fq .td:not(:nth-child(4)){
    border-right: solid 1px #e6e6e6;
    padding: -2rem 0;
}



.syksdh{
    height: 300px;
}

td.td img:hover{
    opacity: 1;
    height: 80px;
}
td.td img{
    opacity: 0.4;

}
.av-tab-arrow-container{
    display: block;
    height: 15px;
    overflow: hidden;
    position: relative;
    top: 8px;

    background-image: url(/a/zdkeshi/img/e6.jpg);
    background-position: center;
    background-repeat: repeat-x;
    width: 100%;
}


.img1{margin-right:15px;}
.anli{width:1231px; margin:auto;}
.anli .t1{padding-top:48px; padding-left:20px;}
.anli .t1 span{float:right; margin-right:20px; margin-top:10px;}
.anli .t1 span a{color:#5A5A5A; font-size:12px;}
.anli .list{width:293px; padding:7px 10px 7px 10px; float:left; height:440px; margin-right:16px;border: 1px solid #999;box-shadow: #999 0px 0px 10px; margin-top:32px; position:relative;}
.anli .list img{width:100%; height:100%;}
.anli .list .bg{width:273px; height:426px; position:absolute; top:7px; left:10px; background:#026D53; opacity:0.5; display:none;}
.anli .list .wz{position:absolute; width:273px; height:426px; text-align:center; color:#fff; top:7px; left:10px; display:none}
.anli .list .wz h1{padding-top:100px; font-size:20px; font-weight:bold;}
.anli .list .wz p{font-size:14px; line-height:21px; width:190px; margin:auto; margin-top:15px; height:160px;}
.anli .list .wz .a1{width:78px; height:29px; background:#548EA8; color:#fff; display:block; line-height:29px; margin:auto; margin-bottom:10px;}
.anli .list .wz .a2{width:78px; height:29px; background:#64A854; color:#fff; margin-top:10px; display:block; line-height:29px; margin:auto;}
.anli .list2{width:600px; height:446px;}
.anli .list2 .bg{width:578px; height:430px;}
.anli .list2 .wz{width:578px; height:430px;}
.anli .list:nth-child(4){margin-right:0px;}
.anli .list2:nth-child(2){margin-right:0px;}
.hj{width:100%; text-align:center; margin-top:54px;}
.footer{width:100%;  background:#F2F2F2;  padding-bottom:120px; margin-top:75px;}
.footer .foot{width:1231px; margin:auto; border-bottom:1px #C9CACA solid; padding-bottom:44px;}
.footer .foot .z{width:410px; float:left;}
.footer .foot .z h1{font-size:18px; color:#000; font-weight:bold; padding-top:44px;}
.footer .foot .z p{padding-top:15px; font-size:14px; color:#222;}
.footer .foot .z span{font-size:15px; color:#222; font-weight:normal; display:block; margin-bottom:-4px;}
.footer .foot .z span b{font-weight:normal; font-size:20px; color:#333333;}
.footer .foot .z strong{ display:block;margin-top:16px; display:block; font-size:14px; font-weight:normal; color:#000;}
.footer .foot .y{width:640px; float:right; text-align:center; padding-top:56px;margin-right:0px;}
.footer .foot .y .wx{width:180px; float:left; margin-right:50px;}
.footer .foot .y .wx:nth-child(3){margin-right:0px;}
.footer .foot .y h1{font-size:16px; color:#000; text-align:center; font-weight:bold;}
.footer .foot .y p{font-size:16px; color:#000; padding-top:14px;}
.footer .bq{width:1231px; line-height:30px; font-size:12px; padding-top:33px; color:#000; margin:auto;}
.gd{width:130px; position:fixed; left:-100px; top:130px;}
.gd .tb{width:89px; height:89px; padding-top:14px; text-align:center; background:#FFFFFF; margin-bottom:12px; border-radius:10px;box-shadow: #999 0px 0px 10px;}
.gd .tb p{font-size:14px; color:#000; height:28px; line-height:28px;}
.gd .tb:hover,.gd .tb1{background:#F08300;}
.gd .tb:hover p,.gd .tb1 p{color:#fff;}
.main{width:1275px; margin:auto; margin-top:52px;}
.main .z{width:249px; float:left;}
.main .y{width:950px; float:right;}
.main .loca{width:100%; height:32px; font-size:12px;}
.main .loca a{color:#026D53;}
.main .z .d1{width:100%; height:75px; padding-top:10px; font-size:30px; font-weight:normal; background:#026D53; text-align:center; color:#fff;}
.main .z .d1 span{font-size:13px; font-weight:normal;}
.main .z .d2{width:247px; border:1px #DCDDDD solid; padding-top:18px;}
.main .z .d2 p{font-size:16px; height:49px; text-align:center; line-height:49px;}
.main .z .d2 p a{color:#000;}
.main .z .d2 p a:hover{color:#026D53;}
.main .y .title{width:100%; padding-top:21px; height:75px; border-bottom:1px dashed #999;}
.main .y .title h1{font-size:26px; color:#026D53; font-weight:bold; text-align:center;}
.main .y .title p{text-align:center; font-size:14px; padding-top:14px;}
.main .y .title p a{color:#026D53;word-spacing: 10px;}
.main .y .dy{width:100%; height:79px; background:#F2F2F2; margin-top:30px; margin-bottom:30px}
.main .y .dy p{float:left; width:750px; padding-top:20px; margin-left:19px; font-size:14px; line-height:22px;}
.main .y .body{line-height:32px; font-size:16px;padding-top: 2rem;}
.main .y .page{width:818px; padding:38px 40px; height:185px; border:1px #DCDDDD solid; margin-bottom:35px;}
.main .y .page .tu{width:262px; height:183px; float:left;}
.main .y .page .tu img{max-width:262px; max-height:183px;}
.main .y .page .right{width:515px; height:183px; float:right; position:relative;}
.main .y .page .right h1{font-size:24px; padding-bottom:18px; font-weight:normal;}
.main .y .page .right p{font-size:14px; line-height:28px; text-indent:2rem;}
.main .y .page .right p a{color:#026D53;}
.main .y .page .right .time{text-align:right; font-size:14px; color:#666; position:absolute; bottom:0px; right:0px;}
.main .y .pagelist{width:800px; margin-top:43px;}
.main .y .pagelist li{float:left; padding:5px 10px; border:1px #999 solid; font-size:14px; margin-right:8px;}
.main .y .pagelist li a{color:#000;}
.bottom{position:fixed; bottom:0px; display:none; text-align:center; width:100%; z-index:99999;}
.bottom .gban{position:absolute; top:40px; right:18%; }
.mt75{margin-top:75px;}
.bt50{margin-bottom:50px;}
.swt{width:350px; height:200px; position:fixed; top:40%; left:37%; display:none;}
.swt .gb{position:absolute; top:10px; right:10px; width:22px; height:22px;}

/* 科室模块 */
.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.clearfix:after,.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}

.mr20{margin-right:20px}



.grid-container {
  display: flex; /* 一行排列 */
  justify-content: space-between; /* 格子之间均匀分布 */
  width: 100%;
  max-width: 900px; /* 根据需求调整 */
  margin: 0 auto;
}

/* 每个格子 */
.grid-item {
  position: relative;
  width: 32%; /* 每个格子宽度 */

  
  height: 140px;
  background-size: cover; /* 背景图片覆盖 */
  background-position: center;
  overflow: hidden;
  display: block;
}
.grid2{
  width: 30%;
  height: 100px;
}

/* 深色遮罩 */
.grid-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 深色遮罩 */
  transition: opacity 0.3s ease; /* 过渡效果 */
}

/* 文字样式 */
.grid-item .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 20px;
  text-align: center;
  transition: opacity 0.3s ease; /* 过渡效果 */
  white-space: nowrap; /* 禁止换行 */
}

/* 鼠标悬停效果 */
.grid-item:hover::before,
.grid-item:hover .text {
  opacity: 0; /* 去掉遮罩和文字 */
}

.zq-icon{display:inline-block;background:url(../images/icon1.png) no-repeat;}
.icon40x40{width:40px;height:40px}
.crad-area-icon1{background-position:0 0}
.crad-area-icon2{background-position:-40px 0}
.crad-area-icon3{background-position:-80px 0}
.crad-area-icon4{background-position:-120px 0}
.main-info{display: flex;  width: 100%; }
.main-info .left {
    flex: 3; /* 占据 3 份 */
    padding: 10px; /* 内边距 */
    box-sizing: border-box; /* 包含内边距 */
    
  }
.main-info .right{ flex: 2;}
.main-info .right img{
    width: 100%; /* 图片宽度 */
    height: auto; /* 高度自适应 */
    display: block; }

.card-area{margin:82px auto 0;height:560px;width:1230px;position:relative;}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:17%;height:521px;background-color:transparent}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:115px;line-height:26px;font-size:14px;top:0;background:#558ea9;border-left:1px solid #ffffff69 }
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#9ed8f5;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#e0e9ee;font-weight:700;font-size:20px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{height:376px;position:absolute;top:115px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:10px}
.card-area .card-item .card .card-content.content-second{width:90%;left:25px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px}
.card-area .card-item .card .card-content.content-second .main-head{color:#54a3a8;font-size:18px;line-height:20px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:12px;border-radius:19px;background:#54a3a8;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#7ac7cc}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:28%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#54a3a8}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2);width:49%;height:535px}
.card-area .card-item.active .card .card-title{background-color:#54a3a8;height:130px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#ffffff}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}