@charset "UTF-8";
/**
 * @Site: 五洲—口腔科—种植牙改版PC端—王铭章—陈春芳策划(1)
 * @authors:caolinli
 * @date: 2017-04-25
 */
.container{position:relative;background-color:#fff;}
.block{position:relative;width:100%;}
.item{ width:1200px; margin:0 auto;}
.bgimg{background:url(http://www.wz16.net/images/zt/kouqiang/kouqianganli/bgimg.jpg) no-repeat;display:inline-block;}
.bgimg2{background:url(http://www.wz16.net/images/zt/kouqiang/kouqianganli/bgimg2.png) no-repeat;display:inline-block;}
.bgColor3 {background-color:#f2f2f2;}
.bgColor2 {background-color:#ebecf6;}
.public-nav .nav{ padding-left: 0!important;}

.titleH2 {font-size:48px;line-height:50px;font-weight:normal;text-align:center;position:relative;}
.titleH2 span {background-color:#ebecf6;display:inline-block;position:relative;z-index:2;padding:0 22px;}
.titleH2 em {display:block;color:#6b6b6b;opacity:.5;filter: alpha(opacity=50);font-size:16px;line-height:32px;text-transform:uppercase;}
.titleH2 .line {display:block;width:100%;height:1px;background-color:#b7b8c0;position:absolute;left:0;top:27px;z-index:1;}

/*itemTie*/
.itemTie{ font-size: 44px; font-weight: normal; color: #0c7cbd; text-align: center; height: 120px; line-height: 120px; margin-top: 20px;}
/*.banner*/
.banner{height:619px;width:100%;overflow:hidden;z-index:1;position:relative;}
.banner img{ position: absolute; left: 50%; margin-left: -960px; top:0;}
/*f1Box*/
.f1Box{ background-color: #eff9ff; overflow: hidden;}
.f1Box .tabBox{ overflow: hidden;}
.f1Box .tab{ width: 800px; height: 44px; margin:50px 0 22px;}
.f1Box .tab span{display: block;width: 160px;height: 44px;float: left;background: url(http://www.wz16.net/images/zt/kouqiang/kouqianganli/tab.png) no-repeat center;background-position:  0 0;font-size: 24px;color: #fff;text-align: center;line-height: 44px;}
.f1Box .tab span.active{background-position: 0 -59px;}
.tabBox li{height:380px;background-color: #fff;margin-bottom: 70px;overflow: hidden;}
.tabBox li .con{width:1060px;height: 310px;margin:35px auto;}
.f1Box .con .fl{width: 740px;}
.f1Box .con dl{ position: relative; padding-left: 450px; height: 310px;}
.f1Box .con dl dt{ width: 432px; height: 310px; position: absolute; left: 0; top:0;}
.f1Box .con dl dd{ height: 310px; position: relative; overflow: hidden;}
.f1Box .con dl dd h3{font-size: 24px;color:#333;line-height: 35px;margin-bottom: 10px; overflow: hidden;}
.f1Box .con dl dd h3 a{ color: #333;}
.f1Box .con dl dd h3 a:hover{ color: #ff6c00;}
.f1Box .con dl dd span{font-size: 18px;color: #333;line-height: 35px;display: block;}
.f1Box .con dl dd .zixun{ width: 230px; height: 40px; position: absolute; left: 0; bottom: 0;}
.f1Box .con dl dd .zixun a{ display: block; width: 106px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; border-radius: 5px;}
.f1Box .con dl dd .zixun a.fl{ background-color: #ff6c00;}
.f1Box .con dl dd .zixun a.fr{ background-color: #0277bb;}
.f1Box .con .fr{ width:240px; height: 310px;}
/*f2Box*/
.f2Box{background-color: #fff;}
.f2Box a{ display: block; width: 1200px; height: 312px; margin:36px auto;}
/*expert*/ 
.expert {padding:54px 0 0 0;}
.expertSlide {height:520px !important;overflow:hidden;position:relative;}
.expertSlide li {width:1200px;}
.expertSlide dl {position:relative;height:520px;}
.expertSlide dt {width:586px;height:520px;position:absolute;left:0;top:0;}
.expertSlide dt img {width:586px;height:520px;}
.expertSlide dt h3 {width:45px;height:165px;border:#c1c1c6 solid 1px;position:absolute;right:77px;top:99px;}
.expertSlide dt h3 span {width:32px;line-height:32px;font-size:32px;color:#ff7800;font-weight:normal;background-color:#ebecf6;display:block;padding:5px 0;position:absolute;left:-16px;top:15px;}
.expertSlide dt h3 span a {color:#ff7800;}
.expertSlide dt h3 small {width:22px;line-height:22px;font-size:22px;color:#363636;font-weight:normal;background-color:#ebecf6;display:block;padding:5px 0;position:absolute;right:-11px;bottom:17px;}
.expertSlide dd {height:477px;margin-left:586px;position:relative;padding-top:43px;width:490px;}
.expertSlide dd p{line-height:26px;font-size:14px;color:#6d6d6d;padding-bottom:10px;}
.expertSlide dd p a {color:#0277bb;}
.expertSlide dd p a:hover {text-decoration:underline;}
.expertSlide dd p span{line-height:30px;font-size:20px;color:#000;display:block;position:relative;padding-left:35px;}
.expertSlide dd p i{position:absolute;left:0;top:50%;}
.expertSlide dd p i.ioc1{width:26px;height:21px;background-position: -72px -445px;margin-top:-10px;}
.expertSlide dd p i.ioc2{width:23px;height:25px;background-position: -100px -445px;margin-top:-12px;}
.expertSlide .imgs {overflow:hidden;width:100%;position:absolute;left:0;top:306px;}
.expertSlide .imgs img {width:224px;height:116px;float:left;border:4px solid #fff;margin-right:19px;}
.expertSlide .imgs img.lastPic {margin-right:0;}
.expertSlide .askBox {overflow:hidden;width:100%;position:absolute;top:452px;left:0;}

.expertSlide .askBox .btn {width:138px;height:40px;text-align:center;line-height:40px;font-size:18px;color:#fff;background-color:#ff9000;border-radius:.3em;display:block;margin-right:20px;float:left;}
.expertSlide .askBox .btn:hover{ opacity: 0.6;filter: alpha(opacity=60);}
.expertSlide .askBox .btn.booking{background-color:#818dc5;}
.expertSlide .prev-btn,.expertSlide .next-btn {width:24px;height:45px;display:block;background:url(http://www.wz16.net/images/zt/kouqiang/kouqianganli/btn.png) no-repeat;position:absolute;top:50%;z-index:2;}
.expertSlide .prev-btn {left:0;background-position:0 0;}
.expertSlide .next-btn {right:0;background-position:-25px 0;}
.expertSlide .prev-btn:hover {background-position:-50px 0;}
.expertSlide .next-btn:hover {background-position:-75px 0;}

.expertTab {padding:0 30px 0 29px;overflow:hidden;}
.expertTab span {display:block;width:134px;height:149px;float:left;border:2px solid transparent;margin-left:5px;cursor:pointer;overflow:hidden;}
.expertTab span.first {margin-left:0;}
.expertTab span.active,.expertTab span:hover {border-color:#0277bb;}
.expertTab span img {width:134px;height:149px;transition:transform .5s ease;-webkit-transition:transform .5s ease;}
.expertTab span.active img,.expertTab span:hover img {transform:scale(1.04,1.04);-wbkit-transform:scale(1.04,1.04);}
/*f5Box*/
.f5Box {padding:40px 0 0 0;}
.f5Box .titleH2 span {background-color:#fff;}
.f5Con {overflow:hidden;margin-top:26px;height:360px;overflow:hidden;}
.f5Con .f5Tab {float:left;width:283px;}
.f5Con .f5Tab span {display:block;width:182px;height:82px;line-height:82px;padding-left:101px;background-color:#f2f2f2;font-size:18px;color:#333;margin-bottom:5px;position:relative;cursor:pointer;}
.f5Con .f5Tab span.active {background-color:#0277bb;color:#fff;}
.f5Con .f5Tab span i {display:block;width:27px;height:27px;background-position:0 -360px;position:absolute;left:69px;top:50%;margin-top:-13px;transition:all .5s ease;-webkit-transition:all .5s ease;}
.f5Con .f5Tab span i.ico2 {background-position:-27px -360px;}
.f5Con .f5Tab span i.ico3 {background-position:-54px -360px;}
.f5Con .f5Tab span i.ico4 {background-position:-81px -360px;}
.f5Con .f5Tab span.active i.ico1 {background-position:0 -414px;}
.f5Con .f5Tab span.active i.ico2 {background-position:-27px -414px;}
.f5Con .f5Tab span.active i.ico3 {background-position:-54px -414px;}
.f5Con .f5Tab span.active i.ico4 {background-position:-81px -414px;}
.f5Con .f5Info {float:right;height:360px;overflow:hidden;}
.f5Con .f5Info ul {width:891px;overflow:hidden;}
.f5Con .f5Info li {float:left;width:210px;margin-right:17px;text-align:center;}
.f5Con .f5Info li.clearMargin {margin-right:0;}
.f5Con .f5Info li img {width:210px;height:140px;display:block;transition:transform .5s ease;-webkit-transition:transform .5s ease;}
.f5Con .f5Info li:hover img {transform:scale(1.04,1.04);-wbkit-transform:scale(1.04,1.04);}
.f5Con .f5Info li b {display:block;line-height:40px;height:40px;}
.f5Con .f5Info .map{ width: 860px; height: 274px; margin-top: 40px;}
.f5Con .f5Info .map .fl{ width: 460px; height: 275px;}
.f5Con .f5Info .map .fl img{ width: 460px; height: 275px;}
.f5Con .f5Info .map .fr{ width: 345px; height: 235px; background-color: #f9f9f9; padding:20px 25px;}
.f5Con .f5Info .map .fr dl{ height: 64px; position: relative; padding-left: 73px; margin-bottom: 20px;}
.f5Con .f5Info .map .fr dd{font-size: 17px;color: #333;height: 64px;overflow: hidden;padding-top: 9px;}
.f5Con .f5Info .map .fr dt{ width:64px; height: 64px; position: absolute; left: 0; top:0;}
.f5Con .f5Info .map .fr .dl1 dt{background-position: -4px -4px;}
.f5Con .f5Info .map .fr .dl2 dt{background-position: -4px -88px;}
.f5Con .f5Info .map .fr .dl3 dt{background-position: -4px -172px;}
/*f6Box*/
.f6Box{padding:10px 0;}
.f6Box .tab{height:54px;border-bottom:1px solid #ccc;}
.f6Box .tab span{float:left;position:relative;width:94px;height:54px;color:#333;font-size:18px;line-height:54px;text-align:center;}
.f6Box .tab span i{position:absolute;left:0;bottom:-1px;width:94px;height:1px;background-color:#0277bb;overflow:hidden;display:none;}
.f6Box .tab span.active i{display:block;}
.f6Box .tabBox {height:113px;overflow:hidden;padding-top:26px;}
.f6Box .tabCon {}
.f6Box .tabCon ul {overflow:hidden;height:125px;}
.f6Box .tabCon li{float:left;width:166px;}
.f6Box .tabCon li span{display:block;color:#333;font-size:16px;line-height:40px;text-align:center;}
.f6Box .tabCon .conA {}
.f6Box .tabCon .conA li {height:125px;}
.f6Box .conA li img{width:59px;height:59px;display:block;margin:0 auto;}
.f6Box .conB li.li1 {margin-right:64px;}
.f6Box .conB li.li2 {margin-right:43px;}
.f6Box .conB li.li3 {margin-right:70px;}
.f6Box .conB li.li4 {margin-right:39px;}
.f6Box .conB li.li1,.f6Box .conB li.li1 img {width:226px;}
.f6Box .conB li.li2,.f6Box .conB li.li2 img {width:248px;}
.f6Box .conB li.li3,.f6Box .conB li.li3 img {width:141px;}
.f6Box .conB li.li4,.f6Box .conB li.li4 img {width:166px;}
.f6Box .conB li.li5,.f6Box .conB li.li5 img {width:203px;}
.f6Box .conB li img {height:85px;display:block;margin:0 auto;}
.f6Box .conC a{padding-right:24px;color:#333;font-size:12px;line-height:22px;}
.f6Box .conC a:hover{color:#ff8a00;text-decoration: underline;}
/*f7Box*/
.f7Box {overflow:hidden;height:239px;padding:17px 0 74px 0;font-size:14px;}
.f7Box .f7Left,.f7Box .f7Center {float:left;height:100%;}
.f7Box .f7Right {float:right;height:100%;}
.f7Box .f7Left {padding-left:29px;width:318px;border-right:1px solid #d9d9d9;}
.f7Box .f7Left dl {margin-top:36px;}
.f7Box .f7Left dt a {width:292px;height:84px;background:url(https://boaioss.oss-cn-shenzhen.aliyuncs.com/bajs/modules/project/wz/pc/utility/kouqiang/header-1/logo.png) 0 -88px no-repeat;display: block;}
.f7Box .f7Left dd {margin-top:17px;}
.f7Box .f7Left em {display:block;line-height:24px;padding-left:30px;position:relative;}
.f7Box .f7Left em i {width:12px;height:16px;background:url(https://boaioss.oss-cn-shenzhen.aliyuncs.com/bajs/modules/project/wz/pc/utility/kouqiang/header-1/logo.png) -250px -295px no-repeat;display:block;position:absolute;left:11px;top:5px;}
.f7Box .f7Left dd i.icon2 {width:14px;height:14px;background-position:-265px -295px;}

.f7Box .f7Center {width:509px;border-right:1px solid #d9d9d9;}
.f7Box .f7Center dl {float:left;padding-left:40px;text-align:center;width:84px;}
.f7Box .f7Center dl.dl2 {padding-left:39px;padding-right:52px;}
.f7Box .f7Center dt {line-height:24px;height:24px;font-size:16px;font-weight:bold;color:#000;padding:12px 0 6px 0;}
.f7Box .f7Center dd a {color:#000;display:block;line-height:24px;}
.f7Box .f7Center dd a:hover {color:#0277bb;}

.f7Box .f7Right {width:306px;}
.f7Box .f7Right p {margin:22px 0 10px 0;line-height:14px;}
.f7Box .f7Right .tel {width:246px;height:31px;display:block;background:url(https://boaioss.oss-cn-shenzhen.aliyuncs.com/bajs/modules/project/wz/pc/utility/kouqiang/header-1/logo.png) 4px -290px no-repeat;}
.f7Box .f7Right dl {margin-top:26px;position:relative;height:99px;}
.f7Box .f7Right dt {width:103px;height:99px;position:absolute;left:0;top:0;}
.f7Box .f7Right dd {margin-left:115px;height:96px;padding-top:3px;}
.f7Box .f7Right dd span {display:block;line-height:26px;}