@charset "utf-8";
/*
* Site:博爱曙光口腔科-仿站-首页-PC
* Author:luochou
* Date:2021.7.20
*/
.item{width:1200px;margin:0 auto;}
.icon{background:url(/style/images/index/icon.png) no-repeat;}
/* banner */
.banner-layer{width:100%;height:440px;overflow:hidden;position:relative;}
.banner{width:1920px;position:absolute;left:50%;top:0;margin-left:-960px;}
.banner li,.banner li img{width:1920px;height:440px;}
.banner .bajs-easy-slider-pagination{width:100%;text-align:center;line-height:0;font-size:0;position:absolute;left:0;bottom:10px;}
.banner .bajs-easy-slider-pagination a{width:12px;height:12px;background-color:#0f82d2;border-radius:50%;display:inline-block;margin:0 7px;}
.banner .bajs-easy-slider-pagination a.active{background-color:#ff7e00;}
/* f1Box */
.f1Box{height:296px;padding:32px 0;}
.f1Slide{float:left;position:relative;width:270px;height:296px;overflow:hidden;}
.f1Slide li,.f1Slide li img{width:270px;height:296px;}
.f1Slide i.mask{width:270px;height:25px;background-color:#000;opacity:0.5;filter:alpha(opacity=50);display:block;position:absolute;left:0;bottom:0;z-index:5;}
.f1Slide .bajs-easy-slider-pagination{width:100%;height:25px;text-align:center;line-height:25px;position:absolute;left:0;bottom:0;z-index:6}
.f1Slide .bajs-easy-slider-pagination a{width:10px;height:10px;font-size:0;background-color:#6b4c1d;display:inline-block;border-radius:50%;margin:0 3px;}
.f1Slide .bajs-easy-slider-pagination a.active{background-color:#ffc643;}
.f1News{float:left;/*width:608px;*/width:808px;margin:0 26px;}
.f1News h2{position:relative;height:36px;border-bottom:1px solid #ccc;color:#bababa;font-size:18px;font-weight:normal;line-height:36px;text-transform:uppercase;}
.f1News h2 a{height:34px;margin-right:10px;display:inline-block;border-bottom:#0f82d2 solid 2px;color:#0f82d2;font-size:20px;line-height:34px;}
.f1News dl{position:relative;height:128px;padding-left:190px;margin:25px 0 18px;overflow:hidden;}
.f1News dt{position:absolute;left:0;top:0;width:168px;height:128px;overflow:hidden;}
.f1News dt img{width:168px;height:128px;display:block;transition:all .3s;}
.f1News dt:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);}
.f1News dd{height:128px;overflow:hidden;}
.f1News dd h3{height:40px;font-size:18px;font-weight:normal;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.f1News dd h3 a{color:#1589ec;}
.f1News dd p{padding-top:4px;color:#666;font-size:14px;line-height:28px;text-indent:2em;text-align:justify;}
.f1News ul{padding-top:10px;border-top:solid 1px #f0f0f0;}
.f1News li{position:relative;height:28px;padding:0 100px 0 16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.f1News li span{position:absolute;top:0;right:0;}
.f1News li i{position:absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;background-color:#666;border-radius:50%;overflow:hidden;}
.f1News li a{color:#666;font-size:14px;line-height:28px;}
.f1News li a:hover{color:#1589ec;}
.f1Right{float:right;width:270px;}
.f1Right h2{position:relative;height:36px;border-bottom:1px solid #ccc;color:#bababa;font-size:18px;font-weight:normal;line-height:36px;text-transform:uppercase;}
.f1Right h2 span{height:32px;margin-right:10px;display:inline-block;border-bottom:#0f82d2 solid 2px;color:#0f82d2;font-size:20px;line-height:28px;}
.f1Right .contact{padding:16px 0 18px;overflow:hidden;}
.f1Right .contact a{float:left;width:78px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#424242;padding-top:42px;border-radius:3px;border:#999 solid 1px;/*box-shadow:#f7ede1 5px 5px 5px inset;*/margin-right:15px;display:block;position:relative; background-color:#f7f7f7;}
.f1Right .contact a.none{margin-right:0;}
.f1Right .contact i{position:absolute;left:50%;top:11px;}
.f1Right .contact i.ioc1{width:43px;height:34px;margin-left:-22px;}
.f1Right .contact i.ioc2{width:33px;height:36px;background-position:-47px 0;margin-left:-17px;}
.f1Right .contact i.ioc3{width:38px;height:36px;background-position:-84px 0;margin-left:-19px;}
.f1Right .contact a:hover{background-color:#1589ec;color:#fff;box-shadow:#1589ec 0 0 0;border-color: #1589ec;}
.f1Right .contact a:hover i.ioc1{background-position:0 -40px;}
.f1Right .contact a:hover i.ioc2{background-position:-47px -40px;}
.f1Right .contact a:hover i.ioc3{background-position:-84px -40px;}
.f1Right .telephone{height:45px;padding:14px 0;margin-bottom:13px;display:block;background-color:#d8d8d8;}
.f1Right .telephone i{width:238px;height:45px;margin:0 auto;display:block; background: url(/style/images/index/telphone.png) no-repeat;}
/* f2Box */
.f2Box{padding:25px 0 10px;}
.f2Con{padding-bottom:20px;overflow:hidden;}
.f2Doctors{float:left;width:780px;}
.f2Doctors h2{position:relative;height:36px;border-bottom:1px solid #ccc;color:#bababa;font-size:18px;font-weight:normal;line-height:36px;text-transform:uppercase;}
.f2Doctors h2 span{height:34px;margin-right:10px;display:inline-block;border-bottom:#0f82d2 solid 2px;color:#0f82d2;font-size:20px;line-height:34px;}
.doctor_list{height:440px;background: url(https://boaioss.oss-cn-shenzhen.aliyuncs.com/bajs/style/ajax-loader.gif) no-repeat center;}
.doctor_list dl{position:relative;height:440px;padding-left:360px;display:none;background: #fff;}
.doctor_list dt{position:absolute;left:0;bottom:0;width:334px;height:420px;overflow:hidden;}
.doctor_list dt img{width:334px;height:420px;display:block;}
.doctor_list dd{padding-top:52px;}
.doctor_list dd h3{font-weight:normal;}
.doctor_list dd h3 a{display:block;margin-bottom:20px;color:#1589ec;font-size:78px;line-height:100px;}
.doctor_list dd h3 span{display:block;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;color:#666;font-size:24px;line-height:40px;}
.doctor_list dd p{color:#666;font-size:18px;line-height:36px;text-align:justify;}
.doctor_list dd p span{display:block;padding-top:12px;color:#666;font-size:20px; font-weight: bold;}
.doctor_list dd p a{background-color:#1589ec;color:#fff;}
.f2Doctors .f2DoctorSlide{height:120px;padding:10px 60px;background-color:#6294ca;}
.f2DoctorSlide ul{height:120px;overflow:hidden;}
.f2DoctorSlide li{width:120px;height:120px;margin-right:15px;}
.f2DoctorSlide li img{width:120px;height:120px;display:block;}
.f2DoctorSlide .bajs-easy-slider-nav{position:absolute;top:50%;margin-top:-32px;width:20px;height:65px;display:block;background:url(/style/images/index/slider_btn.png) no-repeat;}
.f2DoctorSlide .prev-btn{left:16px;}
.f2DoctorSlide .next-btn{right:16px;background-position:-20px 0;}
.f2Services{float:right;width:379px;}
.f2Services h2{position:relative;height:36px;border-bottom:1px solid #ccc;color:#bababa;font-size:18px;font-weight:normal;line-height:36px;text-transform:uppercase;}
.f2Services h2 span{height:34px;margin-right:10px;display:inline-block;border-bottom:#0f82d2 solid 2px;color:#0f82d2;font-size:20px;line-height:34px;}
.f2Services .con{border-left:1px solid #e0e0e0;overflow:hidden;}
.f2Services .con a{float:left;position:relative;width:125px;height:110px;display:block;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.f2Services .con a span{height:56px;padding-top:54px;display:block;color:#797979;font-size:16px;line-height:56px;text-align:center;}
.f2Services .con a i{position:absolute;left:50%;transition:all .3s;}
.f2Services .con .a1 i{top:18px;margin-left:-20px;width:40px;height:40px;background-position:0 -90px;}
.f2Services .con .a2 i{top:18px;margin-left:-22px;width:43px;height:39px;background-position:-50px -90px;}
.f2Services .con .a3 i{top:21px;margin-left:-22px;width:45px;height:34px;background-position:-110px -90px;}
.f2Services .con .a4 i{top:20px;margin-left:-22px;width:44px;height:39px;background-position:-160px -90px;}
.f2Services .con .a5 i{top:20px;margin-left:-20px;width:40px;height:37px;background-position:-210px -90px;}
.f2Services .con .a6 i{top:22px;margin-left:-18px;width:35px;height:31px;background-position:-260px -90px;}
.f2Services .con .a7 i{top:17px;margin-left:-20px;width:40px;height:41px;background-position:-300px -90px;}
.f2Services .con .a8 i{top:18px;margin-left:-22px;width:43px;height:40px;background-position:-350px -90px;}
.f2Services .con .a9 i{top:20px;margin-left:-18px;width:36px;height:35px;background-position:-400px -90px;}
.f2Services .con a:hover{background-color:#1494da;}
.f2Services .con a:hover span{color:#fff;}
.f2Services .con .a1:hover i{background-position:0 -140px;}
.f2Services .con .a2:hover i{background-position:-50px -140px;}
.f2Services .con .a3:hover i{background-position:-110px -140px;}
.f2Services .con .a4:hover i{background-position:-160px -140px;}
.f2Services .con .a5:hover i{background-position:-210px -140px;}
.f2Services .con .a6:hover i{background-position:-260px -140px;}
.f2Services .con .a7:hover i{background-position:-300px -140px;}
.f2Services .con .a8:hover i{background-position:-350px -140px;}
.f2Services .con .a9:hover i{background-position:-400px -140px;}
.f2Services .info{padding:18px 0 24px;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.f2Services .info p{width:240px;height:36px;margin:0 auto 16px;background:#f2f2f2;border-radius:5px;color:#1589ec;text-align:center;font-size:14px;line-height:36px;}
.f2Services .info h3{position:relative;width:180px;height:48px;padding-left:58px;margin:0 auto;font-size:16px;font-weight:normal;line-height:24px;white-space:nowrap;}
.f2Services .info h3 i{position:absolute;left:0;top:0;width:48px;height:48px;background-position:0 -220px;}
.f2Services .info h3 span{display:block;color:#1589ec;font-size:16px;line-height:30px;}
.f2Services .info h3 b{font-size:28px;}
.f2Services ul{padding:10px 24px 14px 40px;border:1px solid #e0e0e0;}
.f2Services li{position:relative;height:32px;padding-left:24px;color:#666;font-size:14px;line-height:32px;}
.f2Services li.i2{height: 48px; line-height: 24px;}
.f2Services li i{position:absolute;left:0;top:50%;margin-top:-9px;width:18px;height:18px;background-position:-30px -190px;}
.f2Services li.i2 i{background-position:0 -190px; margin-top: -20px;}
.f2Interflow{position:relative;height:130px;padding-left:110px;overflow:hidden;}
.f2Interflow h2{position:absolute;left:0;top:0;width:90px;height:120px;padding:5px 0;background-color:#1494da;color:#fff;font-size:24px;font-weight:normal;line-height:30px;text-align:center;}
.f2Interflow h2 i{position:absolute;top:50%;right:-6px;margin-top:-6px;width:0;height:0;border-top:6px solid transparent;border-left:6px solid #1494da;border-bottom:6px solid transparent;}
.f2Interflow  .f2Slide{height:130px;}
.f2Slide li{float:left;width:227px;height:130px;margin-right:17px;}
.f2Slide li img{width:227px;height:130px;display:block;transition:all .3s;}
.f2Slide li img:hover{transform:scale(1.04);-webkit-transform:scale(1.04);}
/* f3Box */
.f3Box{padding:35px 0;border-bottom:1px solid #e1e1e1;}
.f3Box h2{position:relative;height:36px;margin-bottom:35px;border-bottom:1px solid #ccc;color:#bababa;font-size:18px;font-weight:normal;line-height:36px;text-transform:uppercase;}
.f3Box h2 span{height:34px;margin-right:10px;display:inline-block;border-bottom:#0f82d2 solid 2px;color:#0f82d2;font-size:20px;line-height:34px;}
.f3Box h2 .more{position:absolute;right:10px;top:50%;margin-top:-5px;width:47px;height:10px;background-position:-390px 0;line-height:0;font-size:0;}
.f3Tab{position:relative;height:400px;border-top:1px solid #e1e1e1;}
.f3Tab .tab{float:left;width:192px;border-left:1px solid #e1e1e1;}
.f3Tab .tab span{position:relative;height:66px;padding-left:42px;display:block;border-bottom:1px solid #e1e1e1;color:#333;font-size:18px;line-height:66px;transition:all .3s;}
.f3Tab .tab span i{position:absolute;right:20px;top:50%;margin-top:-9px;width:9px;height:17px;background-position:-60px -190px;transition:all .3s;}
.f3Tab .tab span.active{background-color:#1494da;color:#fff;}
.f3Tab .tab span.active i{background-position:-80px -190px;}
.f3Tab .tabBox{float:left;width:1007px;height:400px;overflow:hidden;}
.f3Tab .tabCon{float:left;width:1005px;height:399px;border:1px solid #e1e1e1;border-top:none;}
.f3Left{float:left;width:610px;height:379px;padding:10px 25px;}
.f3Left .con dt{height:20px;padding:5px 0 15px;border-bottom:solid 1px #ccc;color:#666;font-size:18px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.f3Left .con dt a{color:#666;}
.f3Left .con dd{padding-top:6px;color:#666;font-size:14px;line-height:28px;text-indent:2em;}
.f3Left .con dd a{color:#1589ec;font-weight:bold;}
.f3Left .con ul{padding:14px 0 10px;overflow:hidden;}
.f3Left .con li{float:left;position:relative;width:305px;height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.f3Left .con li i{position:absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;background-color:#666;border-radius:50%;overflow:hidden;}
.f3Left .con li a{height:30px;display:block;padding-left:16px;color:#666;font-size:14px;line-height:30px;}
.f3Left .con li a:hover{color:#1589ec;}
.f3Left .follow h3{height:30px;border-bottom:1px solid #ccc;}
.f3Left .follow h3 span{display:inline-block;color:#666;font-size:16px;font-weight:normal;line-height:28px;border-bottom:solid 3px #16c2c2;}
.f3Left .follow ul{height:100px;padding:20px 15px 0;overflow:hidden;}
.f3Left .follow li{float:left;width:180px;height:100px;margin-right:20px;overflow:hidden;}
.f3Left .follow li.mr0{margin-right:0;}
.f3Left .follow li img{width:180px;height:100px;display:block;transition:all .3s;}
.f3Left .follow li:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);}
.f3Right{float:right;width:304px;height:375px;padding:12px 20px;border-left:solid 1px #e1e1e1;}
.f3Right .tit{position:relative;height:30px;border-bottom:1px solid #ccc;}
.f3Right .tit span{position:absolute;left:0;bottom:-1px;height:28px;display:inline-block;border-bottom:solid 2px #0f82d2;color:#424242;font-size:18px;line-height:28px;}
.f3Right .diseases{padding:10px 0;}
.f3Right .diseases h3{height:30px;padding-left:5px;border-left:4px solid #1494da;color:#1494da;font-size:16px;font-weight:normal;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.f3Right .diseases h3 a{color:#666;}
.f3Right .diseases p{ color:#666;font-size:14px;line-height:24px;}
.f3Right .ask{padding-bottom:6px;}
.f3Right .media{padding-top:10px;border-top:dotted 1px #adadad;}
.f3Right .media ul{padding-top:6px;border-top:dotted 1px #adadad;}
.f3Right .media li{position:relative;height:28px;padding-left:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.f3Right .media li i{position:absolute;left:0;top:50%;margin-top:-6px;width:15px;height:11px;background-position:-100px -190px;}
.f3Right .media li a{color:#666;font-size:14px;line-height:28px;}
.f3Right .media li a:hover{color:#1589ec;}
/* f5Box */
.f4Box{padding:36px 0 80px;}
.f4Box h2{padding-bottom:40px;color:#bababa;font-size:18px;font-weight:normal;line-height:36px;text-transform:uppercase;}
.f4Box h2 span{padding-right:10px;color:#0f82d2;font-size:20px;}
.f4PicFocus{margin-bottom:32px;border:solid 1px #e1e1e1;}
.f4PicFocus .bd{height:490px;padding:20px 64px;background-color:#f2f2f2;overflow:hidden;}
.f4PicFocus .bd li{width:1070px;height:490px;overflow:hidden;}
.f4PicFocus .bd li img{width:1070px;height:490px;display:block;transition:all .3s;}
.f4PicFocus .bd li:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);}
.f4PicFocus .hd{padding:16px 23px;}
.f4PicFocus .hd ul{height:64px;}
.f4PicFocus .hd li{float:left;position:relative;width:132px;margin:0 4px;border:2px solid #fff;}
.f4PicFocus .hd li i{position:absolute;top:-8px;left:50%;margin-left:-6px;width:0;height:0;border-left:6px solid transparent;border-bottom:6px solid #1589ec;border-right:6px solid transparent;display:none;}
.f4PicFocus .hd li img{width:100%;display:block;}
.f4PicFocus .hd li.on{border-color:#1589ec;cursor:pointer;}
.f4PicFocus .hd li.on i{display:block;}
.f4Links{border-bottom:solid 1px #e1e1e1;}
.f4Links h3{height:36px;border-bottom:solid 1px #e1e1e1;color:#0f82d2;font-size:20px;font-weight:normal;line-height:36px;}
.f4Links .links{padding:24px 0;}
.f4Links .links i{padding:0 8px;color:#666;font-size:14px;}
.f4Links .links a{color:#666;font-size:14px;line-height:28px;}
.f4Links .links a:hover{color:#1589ec;}