@charset "utf-8";
/* CSS Document */
/*
* @description: 网站首页样式
* @author: ishang_pan
* @update: ishang_pan (2017-10-11 10:50)
*/


/*首页 on*/
/*banner*/
.m-banner{width: 100%;height: 240px;border-radius:10px;overflow: hidden;position: relative;margin-bottom: 15px;}
.m-banner .hd{position: absolute;bottom: 10px;left:50%;z-index: 99;}
.m-banner .hd li{float:left;margin-left:18px;width: 14px;height: 14px;background: url(../images/home/by2.png) no-repeat;}
.m-banner .hd li.on{background: url(../images/home/by1.png) no-repeat;}
.m-banner .hd li img{width:100%;height: 240px;}

/*公用*/
.m-title h3{width: 100%;height: 44px;line-height: 44px;background: url(../images/home/title-bj2.png) no-repeat right bottom;}
.m-title h3 a{display: block;width: 130px;color:#fff;text-align: center;background: url(../images/home/title-bj.png) no-repeat;}
.m-list ul{padding: 10px 0 0;}
.m-list ul li{height: 30px;line-height: 30px;padding-left: 12px;background: url(../images/home/arr.png) no-repeat 0 center;}
.m-list ul li span{float: right;color: #999;}

/*导航指南*/
.m-dhzn{height:487px;margin-bottom:15px;overflow: hidden;}
.m-dhzn ul{padding:15px 0;margin-top:-8px;border:1px solid #f4d3e8;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow: hidden;}
.m-dhzn ul li{float:left;margin:15px 72px;width: 155px;height: 180px;background: url(../images/home/zn-icon.png) no-repeat;position:relative;}
.m-dhzn li.dh1{background-position: 0 0;}
.m-dhzn li.dh2{background-position: -236px 0;}
.m-dhzn li.dh3{background-position: -472px 0;}
.m-dhzn li.dh4{background-position: -708px 0;}
.m-dhzn li.dh5{background-position: -944px 0;}
.m-dhzn li.dh6{background-position: 0 -210px;}
.m-dhzn li.dh7{background-position: -236px -210px;}
.m-dhzn li.dh8{background-position: -472px -210px;}
.m-dhzn li.dh9{background-position: -708px -210px;}  
.m-dhzn li.dh10{background-position: -944px -210px;}
.m-dhzn ul li span{display:block;width: 155px;height: 109px;overflow:hidden;}
.m-dhzn li h4{padding: 45px 0 5px;background: url(../images/home/dhzn-icon1.png) no-repeat;color: #fff;font-size: 16px;text-align: center;overflow: hidden;}
.m-dhzn li.dh1 h4{background-position: 64px 8px;}
.m-dhzn li.dh2 h4{background-position: -173px 8px;}
.m-dhzn li.dh3 h4{background-position: -410px 8px;}  
.m-dhzn li.dh4 h4{background-position: -647px 8px;}
.m-dhzn li.dh5 h4{background-position: -883px 8px;}
.m-dhzn li.dh6 h4{background-position: 64px -202px;}
.m-dhzn li.dh7 h4{background-position: -173px -202px;}
.m-dhzn li.dh8 h4{background-position: -410px -202px;}
.m-dhzn li.dh9 h4{background-position: -647px -202px;}
.m-dhzn li.dh10 h4{background-position: -883px -202px;}
.m-dhzn li p{width:100%;height: 109px;line-height: 109px;text-align: center;color: #fff;background: url(../images/home/cover.png);opacity: 0; filter: alpha(opacity=0);transition: .3s;position:absolute;top:69px;left:0;}
.m-dhzn li a:hover p{opacity: 1; filter: alpha(opacity=100);transition:.3s;}
.m-dhzn li a:hover img{transition:.3s;transform:scale(1.1);}

/*幻灯片*/
.m-flash{float:left;width: 495px; height: 344px; position: relative;border-radius :10px; overflow: hidden;}
.m-flash .bd li{width: 495px; height: 344px; position: relative;}
.m-flash .bd li img{width: 495px; height: 344px;}
.m-flash .bd li p{width: 100%; height: 50px; line-height: 50px; text-indent: 16px;font-size: 16px;  color: #fff; position: absolute; left: 0; bottom: 0; background: url(../images/home/cover.png)}
.m-flash .hd{ height: 12px; position: absolute; right: 0; bottom: 19px;z-index: 99;}
.m-flash .hd ul li{width: 12px; height: 12px; margin-right: 10px;background:url(../images/home/fy2.png) no-repeat; float: left;}
.m-flash .hd ul li.on{background: url(../images/home/fy1.png) no-repeat;}

/*医院动态*/
.m-yydt{float: right;margin-bottom:15px;width: 685px;height: 344px;overflow: hidden;}
.m-yydt .m-list li{height: 35px;line-height: 35px;border-bottom: 1px dashed #fedcf0;}
.m-yydt .m-list li:last-child{border: none;}
.m-yydt .m-zz li{line-height: 30px;height: 30px;}
.m-yydt .m-zz p a{color: red;font-size: 16px;}
/*广告位*/
.m-adv{margin-bottom:15px;width: 100%;height: 100px;border-radius:10px;overflow: hidden;}
.m-adv li img{width: 100%;height: 100px;}

/*通知公告*/
.m-tzgg{float: left;width: 386px;height: 294px;overflow: hidden;}

/*健康教育 党建园地*/
.m-jkjy{float: left;margin-left: 15px;width: 386px;height: 294px;overflow: hidden;}
.m-djyd{float: right;width: 386px;height: 334px;overflow: hidden;}
.m-jkjy .tit,.m-djyd .tit{display:block;margin-top:15px;overflow: hidden;}
.m-jkjy .tit img,.m-djyd .tit img{float:left;width: 167px;height: 117px;}
.m-jkjy .tit span,.m-djyd .tit span{float: right;width: 208px;}
.m-jkjy ul,.m-djyd ul{padding: 0;}

.pics{overflow: hidden;margin-bottom: 20px;}
.pics ul {display:block; text-align:center; font-size:14px;}
.pics li{width: 250px;height: 166px;float: left;margin-left: 10px;}
.pics .box{overflow:hidden;position:relative;}
.pics .boxnp{ margin:0;}
.pics .box span{ display:block; width:100%; height:100%; overflow:hidden;}
.pics .box span img{width:100%; height:100%;object-fit: cover;transition: all .5s;}
.pics .box p{ display:block; width:100%; position:relative }
.pics .box span:hover img{transform:scale(1.1);}


/*友情链接*/
.m-link{border:1px solid #f4d3e8;padding: 7px 13px;line-height:60px;overflow: hidden;}
.m-link h3{float:left;margin-right:10px;width:112px;color: #f62da6;font-size: 16px;background: url(../images/home/link.png) no-repeat 10px center;text-indent: 40px;}
.m-link .bd{float: left;width: 1050px;}
.m-link .bd li{float:left;width: 202px;height: 60px;margin-left: 10px;}
.m-link .bd li:first-child{margin-left: 0;}
.m-link .bd li img{width: 202px;height: 60px;}

/*侧边栏*/
.m-slider{width:120px;height:263px;position: fixed;top: 200px;right: 50%;margin-right: -715px;padding-top: 170px; background: url(../images/public/slide.png) no-repeat center top;}
.m-slider li a{display: block;height: 48px;line-height: 48px;}
/*首页 end*/

.m-tabstyle{width: 100%;height: 44px;background: url(../images/home/title-bj2.png) no-repeat right bottom;}
.m-tabstyle li{float: left; line-height: 44px;}
.m-tabstyle li a{display: block;width: 130px;text-align: center; font-size: 16px;}
.m-tabstyle li.u-active a{color:#fff;background: url(../images/home/title-bj.png) no-repeat;}