/*tab按钮*/
.tab-Title li{float: left}
.tab-Title a{display: block;width: 160px;height: 48px;line-height: 48px;text-align: center;color: #838383;border: 1px solid #838383;border-radius: 5px;margin: 0 20px;font-size: 20px;transition: all .3s}
.tab-Title .Select a,.tab-Title a:hover{background: #28b5a9;color: #fff;border: 1px solid #28b5a9}
/*医院简介*/
.yyjj{margin: 40px 0;}
.yyjj a.img-jj{display: block;width: 50%;float:left;box-sizing: border-box;padding-right: 20px;height: 434px;}
.yyjj a.img-jj img{width: 100%;height: 434px;}
.yyjj .Description-right{float: left;width: 50%;height: 100%;box-sizing: border-box;padding-left: 20px;height: 434px;}
.yyjj .Description-right:before{content: "中国中医科学院眼科医院";font-size: 24px;color: #28b5a9;line-height: 64px;}
.yyjj .Description-right p{font-size: 18px;color: #666;line-height: 42px;text-indent: 2em}
.yyjj .Description-right .details{display: block;background: #fff;width: 160px;height: 48px;margin: 20px;line-height: 48px;text-align: center;text-indent: 0;color: #838383;border: 1px solid #838383;border-radius: 5px;font-size: 20px;transition: all .3s}
.yyjj .Description-right .details:hover{background: #28b5a9;color: #fff;border: 1px solid #28b5a9}
/*医院文化*/
.w100{width: 100%;background: #f2f2f2}
.main_content{overflow: hidden}
.yywh-ul{background: url(/Sites/Uploaded/UserUpLoad/20180808/20180808152812.png) no-repeat center 30PX;}
.yywh-ul li{position: relative;cursor: pointer;}
.yywh-ul li.Li_Odd{float: left;width: 50%;box-sizing: border-box;padding-right: 60px;}
.yywh-ul li.Li_Even{float: right;width: 50%;box-sizing: border-box;padding-left: 60px;}
.yywh-ul li .box{padding: 20px;background: #fff;border: 1px solid #ececec;box-shadow: 0 0 10px #ececec;position: relative}
.yywh-ul li.column_1,.yywh-ul li.column_2{margin-bottom: 20px;}
.yywh-ul li.column_2{margin-top: 100px}
.yywh-ul li .box .title_type{font-size: 18px;line-height: 36px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yywh-ul li .box p{line-height: 32px;font-size: 16px;color: #666;margin-bottom: 32px;min-height: 64px;}
.yywh-ul li .box span.span_date{position: absolute;right: 20px; bottom: 20px;color: #999;font-size: 14px;}
.yywh-ul li.Li_Odd .jt{position: absolute;top: 50px;right: -30px;width: 30px;height: 50px;background: url(/Sites/Uploaded/UserUpLoad/20180808/20180808165217.png) no-repeat;}
.yywh-ul li.Li_Even .jt{position: absolute;top: 50px;left: -30px;width: 30px;height: 50px;background: url(/Sites/Uploaded/UserUpLoad/20180808/20180808170016.png) no-repeat;}
.yywh-ul li.Li_Odd:after{content: "";width: 18px;height: 18px;position: absolute;display: block;background: url(/Sites/Uploaded/UserUpLoad/20180807/20180807180326.png) no-repeat center center;right: -9px;top: 41px;}
.yywh-ul li.Li_Even:after{content: "";width: 18px;height: 18px;position: absolute;display: block;background: url(/Sites/Uploaded/UserUpLoad/20180807/20180807180326.png) no-repeat center center;left: -9px;top: 41px;}
.yywh-ul li.Li_Even:hover:after{background:url(/Sites/Uploaded/UserUpLoad/20180807/20180807181556.png) no-repeat center center }
.yywh-ul li.Li_Odd:hover:after{background:url(/Sites/Uploaded/UserUpLoad/20180807/20180807181556.png) no-repeat center center }
.yywh-ul li:hover{color: #28b5a9}
.yywh-ul li:hover .title_type{color: #28b5a9}
.yywh-ul li:hover p{color: #28b5a9}
.yywh .more{display: block;width: 160px;height: 50px;margin: 40px auto;text-align: center;line-height: 50px;border: 1px solid #838383;border-radius: 5px;font-size: 20px;}
.yywh .more:hover{background: #28b5a9;color: #fff;border: 1px solid #28b5a9;}
/*领导信息*/
.ld-lb,.ld-lb .swiper-box{height: 510px;width: 100%;}
.ld-lb .pic img{display: block;width: 300px;height: 350px;margin: 0 auto}
.ld-lb .swiper-slide{box-sizing: border-box;padding: 0 10px;}
.ld-lb.Scroll_Box .swiper-box ul li .Img_Box{padding: 0;}
.ld-lb.Scroll_Box .swiper-box ul li .Img_Box .pic{margin: 0}
.ld-lb .bot-box{padding: 30px 0;background: #fff;border: 1px solid #f2f2f2;box-shadow: 0 0 10px #ccc;text-align: center;}
.ld-lb .bot-box .Name{font-size: 22px;line-height: 30px;color: #333}
.ld-lb .bot-box .zhiwu{font-size: 14px;color: #666;line-height: 30px;}
.ld-lb .bot-box .details{display: block;width: 98px;height: 28px;border: 1px solid #ccc;border-radius: 3px;color: #333;margin: 0 auto;line-height: 28px;text-align: center;}
.ld-lb .bot-box .details:hover{background: #28b5a9;color: #fff;border:1px solid #28b5a9;}
.ld-lb .bot-box:hover{color: #fff;background: #28b5a9}
.ld-lb .bot-box:hover .Name{color: #fff}
.ld-lb .bot-box:hover .zhiwu{color: #fff}
.ld-lb .bot-box:hover .details{border: 1px solid #fff;color: #fff}
.ld-more{display: block;width: 160px;height: 50px;margin: 40px auto;text-align: center;line-height: 50px;border: 1px solid #838383;border-radius: 5px;font-size: 20px;}
.ld-more:hover{background: #28b5a9;color: #fff;border: 1px solid #28b5a9;}
@media only screen and (max-width:1366px){
    .main{width: 100%;}
    .tab-Title a{width: 120px;height: 38px;line-height: 38px}
    .yyjj a.img-jj,.yyjj .Description-right{height: 330px;}
    .yyjj a.img-jj img{height: 330px;}
    .yyjj .Description-right p{line-height: 32px;}
    .yyjj .Description-right .details,.yywh .more{width: 120px;line-height: 38px;height: 38px;}
    .yywh-ul li .box p{min-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
    .yywh-ul li.column_2{margin-top: 88px;}
    .ld-lb, .ld-lb .swiper-box{width: 1300px;}
}
@media only screen and (max-width:768px){
    .tab-Title li{width: 16.66%;box-sizing: border-box;padding: 0 10px;}
    .tab-Title li a{display: block;width: 100%;margin: 0}
    .yyjj a.img-jj img{height: 250px;}
    .yyjj a.img-jj, .yyjj .Description-right{height: 250px;}
    .yyjj .Description-right:before{line-height: 44px;}
    .yyjj .Description-right p{line-height: 32px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 128px}
    .ld-lb.Scroll_Box{width: 640px;margin: 0 auto;overflow: hidden;}
}
@media only screen and (max-width:480px){
    .tab-Title li{width: 33.33%;padding: 10px;}
    .yyjj a.img-jj{width: 100%;height: auto;padding-right:0; }
    .yyjj a.img-jj img{width: 100%;height: auto}
    .yyjj .Description-right{width: 100%;}
    .yywh-ul{background: transparent;padding: 0 10px;}
    .yywh-ul li.column_2{margin: 0;}
    .yywh-ul li.Li_Odd{width: 100%;padding: 0;background: transparent;margin-bottom: 20px;}
    .yywh-ul li.Li_Even{width: 100%;padding: 0;background: transparent;margin-bottom: 20px;}
    .yywh-ul li.Li_Even:after,.yywh-ul li.Li_Odd:after{display: none;}
    .jt{display: none;}
    .ld-lb.Scroll_Box{width:300px;margin: 0 auto;overflow: hidden;}
    .ld-lb, .ld-lb .swiper-box{width: 1200px;}
}