@charset "utf-8";
/*
* title:博爱曙光口腔科列表页
* Author:luochou
* Date:2024.3.19
*/
.new-header,.container{width:100%;margin:0 auto;}
.container{background-color:#f5f5f5;}
.container img{max-width:100%;display:block;}
.banner{width:100%;height:400px;overflow:hidden; background: url(/style/images/bapz/banner.jpg) no-repeat center top;}
.bannerWAP{display:none;}
.item{width:1200px;margin:0 auto;}

.module{padding:0 0 60px;}
.sidebar{position: relative; float: left; width: 280px;}
.content{float: right; width: 880px;}
/* sidebar_menu */
.sidebar_menu{margin-top: -100px; background: #fff; border-bottom: none;}
.sidebar_menu h2{height: 100px; background-color: rgba(34,168,169,.8); text-align: center;}
.sidebar_menu h2 span{line-height:40px;font-size:32px;color:#fff;font-weight:normal;padding-top:14px;display:block;}
.sidebar_menu h2 small{line-height:32px;font-size:20px;display:block;font-family: Arial, Helvetica, sans-serif;}
.sidebar_menu ul{border: 1px solid #e3e3e3; border-top: none; border-bottom: none;}
.sidebar_menu li{height: 60px;letter-spacing: 2px;border-bottom: 1px solid #e3e3e3;}
.sidebar_menu li a{display: block;height: 60px;text-align: center;overflow: hidden; line-height: 60px;font-size: 20px;color: #545454; border-left:3px solid #fff; border-left: 3px solid transparent; transition: background ease .3s,color ease .3s,border ease .3s;}
.sidebar_menu li a::after{display: inline-block;content: ''; width: 8px;height:18px;margin: 21px 0 0 18px;font-size:0;line-height:0;vertical-align:top;background: url(/style/images/bapz/arrow.png) left top no-repeat; transition: all .3s;}
.sidebar_menu li.on a,.sidebar_menu li a:hover{padding: 0;color: #4cbbb4;background: #eee;border-left: 3px solid #4cbbb4;}
.sidebar_menu li.on a::after,
.sidebar_menu li a:hover::after{background-position: left bottom;}
/* main_title */
.main_title{padding: 30px 0; overflow: hidden;}
.main_title h2{float: left; color: #333; font-size: 28px; font-weight: normal; line-height: 30px;}
.main_title .adr{float: right; color: #666; font-size: 16px; line-height: 30px;}
.main_title .adr a{color: #666;}
.main_title .adr a:hover{color: #22a8a9;}
/* anquan-tab */
.anquan-tab{padding:10px 0;}
.anquan-tab .tab{height: 60px; padding-bottom: 30px;}
.anquan-tab .tab span{float: left; position: relative; width: 430px; height: 60px; margin-right: 20px; display: block; background-color: #bbb; color: #fff; font-size: 22px; line-height: 60px; text-align: center; transition: all .3s;}
.anquan-tab .tab span.mr0{margin-right: 0;}
.anquan-tab .tab span::after{position: absolute; bottom: -16px;; content: '';font-size: 0;left: 50%;margin-left: -8px;width: 0;height: 0;border: 8px solid #f5f5f5;border-top-color: #4cbbb4; display: none;}
.anquan-tab .tab span.active{background-color:#4cbbb4; cursor: pointer;}
.anquan-tab .tab span.active::after{display: block;}
.anquan-tab .tabBox{overflow: hidden;}
.anquan-tab .tabCon{float: left; width: 100%; display: none;}
.anquan-tab .tabCon dl{position:relative; height: 292px; margin-bottom: 16px; border:1px solid #e1e1e1;background-color:#fff;transition:all linear .3s;}
.anquan-tab .tabCon dt{position:absolute; width:430px;height:292px; overflow: hidden;}
.anquan-tab .tabCon dt img{width:430px;height:292px;}
.anquan-tab .tabCon dd{padding-left: 450px;}
.anquan-tab .tabCon dd .number{position:absolute;top:35px;right:20px;z-index:1;font-size:86px;font-weight:400;font-style:italic;color:#f1f1f1;line-height:86px;}
.anquan-tab .tabCon dd h3{position:relative;z-index:2;padding:70px 0 0 0;font-size:36px;font-weight:400;color:#4cbbb4;}
.anquan-tab .tabCon dd h3 small{display: block; font-size:20px;font-weight:400;color:#999;font-family:Arial;}
.anquan-tab .tabCon dd p{position:relative;z-index:2;padding:10px 10px 0 0; color: #333; font-size:16px;font-weight:400;line-height:26px;}
.anquan-tab .tabCon dl:hover{border-color:#4cbbb4;box-shadow:0 0 10px rgba(0,0,0,.2); cursor: pointer;}
/* anquan-list */
.anquan-list{padding-top: 20px;}
.anquan-list ul{overflow: hidden;}
.anquan-list li{float:left; width:276px;height:296px; margin-bottom: 20px; margin-right: 20px; border:2px solid #eee;background:#eeee;cursor:pointer;transition:all .3s linear;}
.anquan-list li.mr0{margin-right: 0;}
.anquan-list i{overflow:hidden;margin:18px auto 0;border:1px solid #999;border-radius:50%}
.anquan-list i,.anquan-list img{display:block;width:122px;height:122px;}
.anquan-list h4{height:50px;text-align:center;font-weight:400;font-size:22px;line-height:50px;}
.anquan-list p{margin:0 auto;width:240px;color:#666;font-size:14px;line-height:22px;}
.anquan-list li:hover{border-color:#4cbbb4;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);}

@media only screen and (max-width: 750px){
	.new-header,.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;}
	.container{padding-bottom:0;}
	.container img{max-width:100%;display:block;}
	.item{width:auto;}

	.banner{display:none;}
	.bannerWAP{display: block;}
	.module{padding-bottom:0;}
	.sidebar{display:none;}
	.content{float: none; width: 100%;}
	/* main_title */
	.main_title{padding: .3rem .2rem;display: flex;display: -webkit-flex;flex-direction: column-reverse;}
	.main_title h2{float: none; padding-top: .24rem; font-size: .48rem; line-height: 1.6;}
	.main_title .adr{float: none; font-size: .28rem; line-height: 1.4;}
	.main_body{padding-top: .2rem;}
    /* anquan-tab */
    .anquan-tab{padding: 0rem .2rem 0;}
    .anquan-tab .tab{height: .8rem; padding-bottom: .3rem;display: flex; display: -webkit-flex;justify-content: space-between;}
    .anquan-tab .tab span{float: none; width: 48%; height: .8rem; margin-right: 0;font-size: .32rem; line-height: .8rem;}
	.anquan-tab .tabCon dl{height: 100%; padding: .1rem; margin-bottom:.16rem; display: flex; display: -webkit-flex; justify-content: space-between;}
	.anquan-tab .tabCon dt{position:relative;width:3.4rem;height:2.3rem; overflow: hidden;}
	.anquan-tab .tabCon dt img{width:3.4rem;height:2.3rem;}
	.anquan-tab .tabCon dd{ flex: 1; padding-left:.1rem;}
	.anquan-tab .tabCon dd .number{top:.35rem;right:.2rem;font-size:.86rem;line-height:.86rem;}
	.anquan-tab .tabCon dd h3{padding:0;font-size:.32rem;}
	.anquan-tab .tabCon dd h3 small{font-size:.24rem;}
	.anquan-tab .tabCon dd p{padding:.1rem 0;font-size:.24rem;line-height:1.4; text-align: justify;}
	/* anquan-list */
	.anquan-list{padding: .2rem .2rem 0;}
	.anquan-list ul{display: flex; display: -webkit-flex;justify-content: space-between; flex-wrap: wrap;}
	.anquan-list li{float:none; width:48%;height:4.8rem; margin-bottom: .2rem; margin-right:0; box-sizing: border-box;}
	.anquan-list i{overflow:hidden;margin:.18rem auto 0;}
	.anquan-list i,.anquan-list img{display:block;width:1.22rem;height:1.22rem;}
	.anquan-list h4{height:.6rem;font-size:.32rem;line-height:.6rem;}
	.anquan-list p{width:100%; padding:0 .1rem; font-size:.28rem;line-height:1.6; box-sizing: border-box; text-align: justify;}
	
}