/******首页******/
.AutoTitleA .word{ margin-right:30px; }
.AutoTitleA .titBox{ display: block; overflow: hidden; white-space: nowrap; }
.AutoTitleA .titBox .span+.span{ margin-left:25px; }
.AutoTitleA .moreBox{ padding-left:15px; }

/**Banner**/
#IndexBan{ overflow: hidden; position: relative; border-radius: 6px; background-color: #fff; }
#IndexBan .swiper-slide a{ width: 100%; display: block; background:url(../images/wait.gif) no-repeat center; }
#IndexBan .swiper-slide{ opacity:1; }
#IndexBan .swiper-slide-active{ opacity: 1;}
#IndexBan .Box{ overflow:hidden; position: relative; height:428px; width:100%; }
#IndexBan .Box img{ height:428px; width:900px; max-width:900px; position: absolute; left:50%; margin-left:-450px; top:0; opacity:0; border-radius: 6px; }
#IndexBan .Box img[src*="."]{ opacity:1; }
#IndexBan .Box img[src*="wait.gif"]{ opacity:0; }
#IndexBan .point{ position: absolute; bottom:17px; left: 0; z-index: 2; width: 100%; text-align: center; font-size: 0; line-height: 0; }
#IndexBan .point span{ display: inline-block; margin:2.5px; width: 12px; height: 12px; border-radius:6px; background-color: #ffffff; opacity: 1; transition:width .3s; }
#IndexBan .point span.swiper-pagination-bullet-active{ width:40px; background:#00bfbf; }
.DataSearchA{ border-radius: 6px; overflow: hidden; }
.DataSearchA .tabTit{ border-bottom:1px solid #f0f0f0; font-size:0; }
.DataSearchA .tabTit .a{ display:inline-block; vertical-align:top; width:50%; text-align: center; line-height: 66px; font-weight: bold; font-size: 16px; color: #bfbfbf; }
.DataSearchA .tabTit .a .span{ display: inline-block; padding:0 10px; position: relative; }
.DataSearchA .tabTit .a .span::after{ content:''; position: absolute; left:50%; width:0; bottom:0; height: 2px; background-color: #00bfbf; transition:all .3s; }
.DataSearchA .tabTit .a.on{ color:#00bfbf; }
.DataSearchA .tabTit .a.on .span::after{ left:0%; width:100%; }
.DataSearchA .tabCon{ height:361px; position: relative; }
.DataSearchA .tabCon .Block{ padding-top:12px; }
.DataSearchA .tabCon .Block .selectSelf+.selectSelf{ margin-top:10px; }
.DataSearchA .tabCon .Block .selectSelf.addressBox .selectWord::before{ position: absolute; top:50%; border:0 none; right:12px; margin-top:-10px; height:20px; width:20px; background-position:3px -594px; }
.DataSearchA .tabCon .submit{ display: block; margin-top:15px; border-radius: 20px;; height:40px; text-align:center; width:100%; transition:all 0.3s; cursor:pointer; line-height:40px; font-size:14px; }
.DataSearchA .content{ padding-top:20px; }
.DataSearchA .content .title{ text-align: center; background:url(../images/back1.png) repeat-x left center; line-height: 24px; font-size: 15px; color: #999999;}
.DataSearchA .content .title .text{ display: inline-block; background:#fff; padding:0 5px; }
.DataSearchA .content .ul{ text-align: center; font-size:0; padding:5px 0; }
.DataSearchA .content .ul li{ display: inline-block; width:50%; vertical-align:top; padding-top:10px; }
.DataSearchA .content .ul .word{ display: inline-block; line-height: 20px; font-size: 14px; color: #333333; }
.DataSearchA .content .ul .word::before{ display: inline-block; margin-right:7px; vertical-align:middle; height:20px; width:20px; background-image:url(../images/icon_server.png); }
.DataSearchA .content .ul .icon1::before{ background-position:0 0; }
.DataSearchA .content .ul .icon2::before{ background-position:-33px 0px; }
.DataSearchA .content .ul .icon3::before{ background-position:0 -38px; }
.DataSearchA .content .ul .icon4::before{ background-position:-33px -36px; }
.DataSearchA .content .ul .icon5::before{ background-position:0 -78px; }
.DataSearchA .content .ul .icon6::before{ background-position:-33px -76px; }

.IndexBlockCase .TabBox{ height:474px; }

.IndexBlockHospital .TabBox{ height: 605px; }
.IndexBlockHospital .AutoTitleA .titBox{ max-width: 70%; white-space: nowrap; }
.IndexBlockHospital .AutoTitleA .titBox .span{ display: none; }
.IndexBlockHospital .AutoTitleA .titBox .span:nth-child(1),
.IndexBlockHospital .AutoTitleA .titBox .span:nth-child(2),
.IndexBlockHospital .AutoTitleA .titBox .span:nth-child(3),
.IndexBlockHospital .AutoTitleA .titBox .span:nth-child(4),
.IndexBlockHospital .AutoTitleA .titBox .span:nth-child(5),
.IndexBlockHospital .AutoTitleA .titBox .span:nth-child(6){ display: inline-block; }
.IndexBlockHospital .k_div{ display: none; }
.IndexBlockHospital .k2{ display: block; }

.IndexBlockDoctor{}
.IndexBlockDoctor .TabBox{ height: 430px; }
.IndexBlockDoctor .iWantZx{ padding-top:17px; }

.IndexBlockDiary .TabBox{ height: 481px; }

.IndexBlockNews .newsListA .ul{ padding-top:10px; padding-bottom:20px; }

/**推荐体检中心**/
#IndexRecommend{}
#IndexRecommend .wid_left{ width:895px; }
#IndexRecommend .wid_left .list{ border:1px solid #f0f0f0; }
#IndexRecommend .wid_left .ul{ font-size:0; line-height:0; margin:-9px; padding:20px; }
#IndexRecommend .wid_left .ul li{ width:290px; padding:9px; display:inline-block; }
#IndexRecommend .wid_left .ul .Box{ display:block; border:1px solid #f0f0f0; transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }
#IndexRecommend .wid_left .ul .imgBox{}
#IndexRecommend .wid_left .ul .imgBox img{ transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; display:block; }
#IndexRecommend .wid_left .ul .word{ font-size:14px; line-height:1.4em; color:#999999; padding:12px; }
#IndexRecommend .wid_left .ul .title{ font-size:16px; line-height:1.4em; color:#333333; margin-bottom:3px; }
#IndexRecommend .wid_left .ul .word .clearfix{ padding:4px 0; }
#IndexRecommend .wid_left .ul .Box:hover .title{ color:#3866ff; }
#IndexRecommend .wid_left .ul .Box:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1); transform:translateY(-4px); -webkit-transform:translateY(-4px); -moz-transform:translateY(-4px); -ms-transform:translateY(-4px); -o-transform:translateY(-4px); }
#IndexRecommend .wid_right{ width:280px; border:1px solid #f0f0f0; }
#IndexRecommend .wid_right .AutoTitle1{ padding:15px 12px 20px 0; border-bottom:1px solid #f0f0f0; }
#IndexRecommend .wid_right .ul{ padding:0 12px; }
#IndexRecommend .wid_right .ul li{ padding:17px 0; }
#IndexRecommend .wid_right .ul li+li{ border-top:1px solid #f0f0f0; }
#IndexRecommend .wid_right .ul .Box{ font-size:0; line-height:0; }
#IndexRecommend .wid_right .ul .Box .imgBox{ display:inline-block; vertical-align:middle; border-radius:50%; }
#IndexRecommend .wid_right .ul .Box .imgBox img{ transition:all 0.3s; border-radius:50%; display:block; }
#IndexRecommend .wid_right .ul .Box .content{ display:inline-block; vertical-align:middle; font-size:14px; line-height:26px; padding-left:12px; width:170px; }
#IndexRecommend .wid_right .ul .Box .title{ color:#333333; }
#IndexRecommend .wid_right .ul .Box .word{ color:#666666; }
#IndexRecommend .wid_right .ul .Box:hover .title{ color:#3866ff; }

/***热门体检套餐***/
#IndexHot{}
#IndexHot .list{ border:1px solid #f0f0f0; padding:20px; }
#IndexHot .ul{ font-size:0; line-height:0; margin:-12px; }
#IndexHot .ul li{ display:inline-block; vertical-align:top; width:25%; padding:12px; }
#IndexHot .ul .Box{ border:1px solid #f0f0f0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); }
#IndexHot .ul .imgBox{ display:block; position:relative; }
#IndexHot .ul .imgBox img{ transition:all 0.3s; display:block; }
#IndexHot .ul .imgBox .tips{ display:block; position: absolute; top:8px; right:8px; font-size:14px; line-height: 20px; color:#ffaa00; font-style:normal; padding:0 5px; border:1px solid #ffaa00; border-radius:3px; opacity:1; }
#IndexHot .ul .imgBox .mark{ position: absolute; left:0; top:0; height:100%; width:100%; color:#fff; font-size:14px; line-height: 20px; background:rgba(0,0,0,0.59); opacity:0; }
#IndexHot .ul .imgBox .mark .description{ position: absolute; left:0; top:50%; width:100%; padding:0 20px; -webkit-line-clamp: 4; max-height: 80px; }
#IndexHot .ul .cont{ padding:10px 12px 13px; }
#IndexHot .ul .cont .title{ font-size:16px; line-height:1.6em; color:#444444; }
#IndexHot .ul .cont .hospital{ font-size:14px; line-height:22px; height:44px; margin-bottom:2px; }
#IndexHot .ul .cont .hospital a{ color:#999999; }
#IndexHot .ul .cont .del{ font-size:14px; color:#999999; line-height:1.4em; font-family: "微软雅黑"; }
#IndexHot .ul .cont .price{ font-size:14px; }
#IndexHot .ul .cont .price .num{ font-size:26px; line-height:26px; }
#IndexHot .ul .cont .buy{ margin-top:9px; font-size:14px; line-height:32px; color:#fff; padding:0 20px; border-radius:3px; background:#3866ff; }
#IndexHot .ul .Box:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px); -moz-transform:translateY(-5px); -ms-transform:translateY(-5px); -o-transform:translateY(-5px); box-shadow:0 0 10px rgba(0,0,0,0.1); }
#IndexHot .ul .Box:hover .imgBox .tips{ opacity: 0; }
#IndexHot .ul .Box:hover .imgBox .mark{ opacity: 1; }
#IndexHot .ul .cont .hospital a:hover{ color:#3866ff; }
#IndexHot .ul .cont .title:hover{ color:#3866ff; }
#IndexHot .ul .cont .buy:hover{ background:#5b81ff; }

/***健康资讯***/
#IndexHealth{ font-size:0; line-height:0; }
#IndexHealth img{ display:block; }
#IndexHealth .TabBox{ width:385px; min-height:460px; display:inline-block; border:1px solid #f0f0f0; vertical-align:top; }
#IndexHealth .TabBox:nth-child(3n+2){ margin-left:23px; margin-right:22px; }
#IndexHealth .tabTit{ font-size:0; line-height:0; padding:0 20px; border-bottom:1px solid #f0f0f0; }
#IndexHealth .tabTit .a{ font-size:16px; line-height:48px; color:#333333; }
#IndexHealth .tabTit .a.on,
#IndexHealth .tabTit a:hover{ color:#3866ff; }
#IndexHealth .tabTit .a+.a{ margin-left:29px; }
#IndexHealth .tabCon{ padding:20px 19px; }
#IndexHealth .tabCon .imgBox{ display:block; position:relative; }
#IndexHealth .tabCon .imgBox+.plist{ margin-top:16px; }
#IndexHealth .tabCon .imgBox .Atit{ display:block; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); position: absolute; left:0; bottom:0; width:100%; padding:15px 15px 10px; font-size:14px; line-height:18px; color:#fff; }
#IndexHealth .tabCon .imgBox:hover .Atit{ /*background:linear-gradient(rgba(56,102,255,0),rgba(56,102,255,1));*/ }
#IndexHealth .tabCon .plist{ line-height:28px; }
#IndexHealth .tabCon .plist p{ padding-right:78px; position: relative; }
#IndexHealth .tabCon .plist .title{ font-size:14px; color:#444444; display:block; }
#IndexHealth .tabCon .plist .title .time{ font-size:14px; position: absolute; right:0; top:0; color:#c3c3c3; font-style:normal; }
#IndexHealth .tabCon .plist .title:hover{ color:#3866ff; }
#IndexHealth .tabCon .list1{}
#IndexHealth .tabCon .list1 li+li{ margin-top:15px; }
#IndexHealth .tabCon .list1 .Box{ display:block; background-color:#fafafa; }
#IndexHealth .tabCon .list1 .imgBox{ display:inline-block; }
#IndexHealth .tabCon .list1 .cont{ width:200px; padding-left:15px; font-size:14px; line-height:1.4em; color:#999999; }
#IndexHealth .tabCon .list1 .title{ color:#333333; margin-bottom:4px; }
#IndexHealth .tabCon .list1 .Box:hover .title{ color:#3866ff; }
#IndexHealth .tabCon .list2{}
#IndexHealth .tabCon .list2 li+li{ border-top:1px solid #f0f0f0; margin-top:20px; padding-top:20px; }
#IndexHealth .tabCon .list2 .Box{ display:block; }
#IndexHealth .tabCon .list2 .imgBox{ display:inline-block; position: relative; }
#IndexHealth .tabCon .list2 .imgBox::before,
#IndexHealth .tabCon .list2 .imgBox::after{ display:block; height:100%; width:100%; position: absolute; z-index: 2; }
#IndexHealth .tabCon .list2 .imgBox::before{ left:0; top:0; background:rgba(0,0,0,0.34); }
#IndexHealth .tabCon .list2 .imgBox::after{ height:30px; width:30px; left:50%; top:50%; margin-top:-15px; margin-left:-15px; background:url(../images/icons.png) no-repeat -637px 0; }
#IndexHealth .tabCon .list2 .cont{ width:205px; padding-left:20px; font-size:14px; line-height:1.4em; color:#999999; }
#IndexHealth .tabCon .list2 .title{ color:#333333; }
#IndexHealth .tabCon .list2 .word{ margin:5px 0; }
#IndexHealth .tabCon .list2 .Box .time{ font-size:12px; color:#c2c2c2; }
#IndexHealth .tabCon .list2 .Box:hover .title{ color:#3866ff; }
#IndexHealth .tabCon .list2 .Box:hover .imgBox::before{ background:rgba(0,0,0,0.6); }
#IndexHealth .tabCon .list1+.plist,
#IndexHealth .tabCon .imgBox+.plist{ margin-top:16px; }

/***合作机构***/
#IndexParent{}
#IndexParent .ul{ font-size:0; line-height:0; }
#IndexParent .ul li{ display:inline-block; width:16.66%; border:1px solid #f0f0f0; margin-left:-1px; margin-top:-1px; }
#IndexParent .ul li .Box{ display:block; position: relative; }
#IndexParent .ul li .Box img{ max-width:200px; margin-left:-1px; transition:all 0.3s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
#IndexParent .ul li .Box .i_h{ position: absolute; left:0; top:0; opacity:0; }
#IndexParent .ul li .Box:hover img{ -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: transparent; }


/**医生案例**/
.IndexBlockCase .expertCaseList .expertCaseItem{border-top:1px solid #f5f5f5;}
.IndexBlockCase .expertCaseList .expertCaseItem:nth-child(1){border-top:0px;}
.IndexBlockCase .expertCaseList .expertCaseItem .imgBox{float:left;width:360px;height:110px;margin:20px 10px 20px 0px;}
.IndexBlockCase .expertCaseList .expertCaseItem .imgBox img{width:100%;height:100%;}
.IndexBlockCase .expertCaseList .expertCaseItem .info{float:left;width:480px;margin:18px 0px 0px 0px;line-height:20px;}
.IndexBlockCase .expertCaseList .expertCaseItem .info .title{font-size:16px;}
.IndexBlockCase .expertCaseList .expertCaseItem .info .title .huafei{float:right;font-size:14px;font-weight:normal;}
.IndexBlockCase .expertCaseList .expertCaseItem .info .title .huafei .red{color:red;}
.IndexBlockCase .expertCaseList .expertCaseItem .info .c999{color:#999999;}
.IndexBlockCase .expertCaseList .expertCaseItem .info .fangan{height:44px;}
.IndexBlockCase .expertCaseList .expertCaseItem .info .pt5{padding-top:5px;}
.IndexBlockCase .expertCaseList .MoreBox.none{display:none;}
.IndexBlockCase .look{display:inline-block;position:relative;padding-left:26px;}
.IndexBlockCase .look::before {position:absolute;top:3px;left:0;width:22px;height:16px;background-position:-206px -568px;}