@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;}
/* f1Box */
.f1Box{padding-top: 60px;}
.f1Box h2{padding-bottom: 25px; color: #333; font-size: 40px; font-weight: normal; line-height: 50px; text-align: center;}
.f1Box h2 span{display: block; color: #666; font-size: 24px; line-height: 30px;}
.f1Box p{padding: 15px 20px 30px; color: #666; font-size: 18px; line-height: 30px; text-indent:2em; text-align: justify;}
.f1Box .imgBox{width: 560px; margin: 0 auto;}
/* f2Box */ 
.f2Box{padding-top: 60px;}
.f2Box h2{padding-bottom: 25px; color: #333; font-size: 40px; font-weight: normal; line-height: 50px; text-align: center;}
.f2Box h2 span{display: block; color: #666; font-size: 24px; line-height: 30px;}
.hj-tab-hd{margin-bottom: 15px;}
.hj-tab-hd ul{overflow: hidden;}
.hj-tab-hd li{float: left; width: 175px;height: 60px; line-height: 60px;text-align: center; color: #fff; font-size: 22px; background-color: #bbbbbb; cursor: pointer; border-right: 1px solid #fff;}
.hj-tab-hd li.on{background-color: #4cbbb4;}
.hj-tab-hd li.mr0{border: none; width: 176px;}
.hj-focus{width: 880px;height: 404px;position: relative; overflow: hidden;}
.hj-focus img{display: block;width: 880px;height: 404px;}
.hj-focus .hj-focus-text-bg{position: absolute; left: 0; right: 0; bottom: 0; height: 50px; background: #000; opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.hj-focus .hj-focus-text{position: absolute; left: 30px; right: 30px; overflow: hidden; bottom: -50px; height: 50px; line-height: 50px; color: #fff;}
.hj-focus .focus-prev,.hj-focus .focus-next{position: absolute;width: 50px;height: 92px;top: 50%;left:0;margin-top:-46px; background: url(/style/images/bapz/yyhj/prev.png);}
.hj-focus .focus-next{left: auto; right: 0; background: url(/style/images/bapz/yyhj/next.png);}
.hj-tab-bd{position: relative;  height: 404px; overflow: hidden;}
/* f3Box */
.f3Box{padding: 50px 0;}
.f3Box h2{padding-bottom: 25px; color: #333; font-size: 40px; font-weight: normal; line-height: 50px; text-align: center;}
.f3Box h2 span{display: block; color: #666; font-size: 24px; line-height: 30px;}
.f3Box ul{ margin-right: 2px; border: 1px solid #dcdcdc; border-left:none; overflow: hidden;}
.f3Box li{float: left;width: 218px;padding: 5px 0 20px 0; border-left: 1px solid #dcdcdc;text-align: center;}
.f3Box li img{display: block;width:208px;margin: 0 auto;}
.f3Box li h3{padding:15px 0 5px 0; font-size: 22px; line-height: 30px; color: #333; font-weight: normal;}
.f3Box li p{color: #666; font-size: 16px; line-height: 24px;}
/* f4Box */
.f4Box{padding-bottom:50px;}
.f4Box h2{color: #333; font-size: 40px; font-weight: normal; line-height: 50px; text-align: center;}
.f4Box h2 small{display: block; color: #666; font-size: 18px; line-height: 24px;}
.f4List ul{padding: 25px 0 30px; overflow: hidden;}
.f4List li{float: left;width: 164px; margin-right: 15px; text-align: center;}
.f4List li.mr0{margin-right: 0;}
.f4List li .circy{width: 164px;height: 164px;background: url(/style/images/bapz/yyhj/m5_sbg.png);color: #fff; font-size: 24px; line-height: 30px;}
.f4List li .circy span{display: block; padding-top:30px;font-size: 44px; line-height: 60px;}
.f4List li p{padding-top:10px; color: #666; font-size: 18px; line-height: 30px;}
/* f5Box */
.f5Box{position: relative;}
.f5Box .info{position: absolute; left: 0; right: 0; top:0; bottom: 0;}
.f5Box .info p{position: absolute; left: 0; top:50%; margin-top: -100px; width: 100%; color: #fff; font-size: 24px; line-height: 40px; text-align: center;}

@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;}
	/* f1Box */
	.f1Box{padding-top: .6rem;}
	.f1Box h2{padding-bottom: .25rem; font-size: .46rem;line-height: 1.6;}
	.f1Box h2 span{font-size: .28rem; line-height: 1.4;}
	.f1Box p{padding: .15rem .2rem .3rem;font-size: .28rem; line-height: 1.5;}
	.f1Box .imgBox{width: 5.6rem;}
	/* f2Box */ 
	.f2Box{padding: .6rem .2rem 0;}
	.f2Box h2{padding-bottom: .25rem;font-size: .46rem;line-height: 1.6rem;}
	.f2Box h2 span{font-size: .28rem; line-height: 1.4;}
	.hj-tab-hd{margin-bottom: .15rem;}
	.hj-tab-hd ul{display: flex; display: -webkit-flex; justify-content: space-between;}
	.hj-tab-hd li{float: none; width: 20%;height: .6rem; line-height: .6rem;font-size: .28rem; box-sizing: border-box;}
	.hj-tab-hd li.mr0{width: 20%;}
	.hj-focus{width: 100%;height:3.26rem;}
	.hj-focus img{width: 100%;height:3.26rem;}
	.hj-focus .hj-focus-text-bg{height: .8rem;}
	.hj-focus .hj-focus-text{left: .3rem; right: .3rem; overflow: hidden; bottom: -.6rem; height: .8rem; line-height:1.2; font-size: .26rem; display: flex; display: -webkit-flex; align-items: center;}
	.hj-focus .focus-prev,.hj-focus .focus-next{width: .5rem;height: .92rem;margin-top:-.46rem; background: url(/style/images/bapz/yyhj/prev.png); background-size: 100% 100%;}
	.hj-focus .focus-next{background: url(/style/images/bapz/yyhj/next.png); background-size: 100% 100%;}
	.hj-tab-bd{height:3.26rem;}
	/* f3Box */
	.f3Box{padding: .5rem .2rem;}
	.f3Box h2{padding-bottom: .25rem;font-size: .46rem; line-height: 1.6;}
	.f3Box h2 span{font-size: .28rem; line-height: 1.4;}
	.f3Box ul{ margin-right: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: center;}
	.f3Box li{float: none;width: 50%;padding: .1rem .1rem .2rem; box-sizing: border-box;}
	.f3Box li img{width:100%;}
	.f3Box li h3{padding:.15rem 0 .05rem 0; font-size: .32rem; line-height: 1.6;}
	.f3Box li p{font-size: .26rem; line-height: 1.4;}
	/* f4Box */
	.f4Box{padding:.5rem .2rem .4rem;}
	.f4Box h2{font-size: .46rem;line-height:1.6;}
	.f4Box h2 small{font-size: .18rem; line-height: 1.4;}
	.f4List ul{padding: .25rem 0 .3rem; overflow: hidden; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: center;}
	.f4List li{float: none;width: 33.33%; margin-right: 0; margin-bottom: .2rem;}
	.f4List li .circy{width: 1.64rem;height: 1.64rem; margin: 0 auto; background: url(/style/images/bapz/yyhj/m5_sbg.png); background-size: 100% 100%; font-size: .24rem; line-height: .4rem;}
	.f4List li .circy span{padding-top:.3rem;font-size: .44rem; line-height: .6rem;}
	.f4List li p{padding-top:.1rem;font-size: .28rem; line-height: 1.4;}
	/* f5Box */
	.f5Box .info p{margin-top: -1rem;font-size: .28rem; line-height: .4rem;}

}