@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;overflow: hidden;}
.itemTie{text-align: center;font-weight: normal;color: #0057a6;font-size: 24px;line-height: 36px;color: #0057a6;margin-top: 34px;}
.itemTie span{text-align: center;padding:0 80px;font-size: 52px;color: #0057a6;position: relative;display: inline-block;line-height: 54px;}
.itemTie b{ display: block;}
.itemTie span i{display: block;position: absolute;top: 14px;background-position: -72px -4px;width: 60px;height: 30px;}
.itemTie span i.i1{ left: 0;}
.itemTie span i.i2{ right: 0;}
.bgimg{ background: url(http://www.wz16.net/images/zt/kouqiang/zt_zhengji/bgimg.png) no-repeat center 0; overflow: hidden;}
/*banner*/
/*.banner*/
.banner{width:100%;height:613px;overflow:hidden;position:relative;}
.bannerList{width:1920px;height:684px;overflow:hidden;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerList li,.bannerList li img{width:1920px;height:613px;}
.bannerList .bajs-easy-slider-pagination{width:100%;text-align:center;line-height:0;font-size:0;position:absolute;left:0;bottom:22px;}
.bannerList .bajs-easy-slider-pagination a{width: 10px;height: 10px;background-color: #9a9a9a;border-radius:50%;display:inline-block;margin:0 3px;}
.bannerList .bajs-easy-slider-pagination a.active{background-color: #0277bb;}

/*f1Box*/
.f1Box{ overflow: hidden;}
.f1Con{ overflow: hidden;}
.f1Con .fl{width: 410px;margin-top: 41px; overflow: hidden;}
.f1Con .fl .p1{ font-size: 38px; color: #0055a4; line-height: 60px;}
.f1Con .fl span{ display: block; width: 55px; height: 47px; margin: 20px 0 0 102px;}
.f1Con .fl .p2{ font-size: 24px; color: #393939; line-height: 56px;}
.f1Con .fr{width:592px;margin-top: 65px; overflow: hidden;}
.f1Con .fr li{float: left;width: 174px;height: 174px;line-height: 64px;text-align: center;margin-left: 23px;margin-bottom: 15px;}
.f1Con .fr li.first span{ border-bottom: none;}
.f1Con .fr li dl dt{ width:172px; height: 111px; position: relative;}
.f1Con .fr li dl dt p{ display: none; width: 172px; height: 111px; position: absolute; left: 0; top:0; background: url(http://www.wz16.net/images/zt/kouqiang/zt_zhengji/zhe.png) no-repeat center 0;}
.f1Con .fr li:hover dl dt p{ display: block;}
.f1Con .fr li dl dt span{display: block;width: 154px;height: 68px;position: absolute;left: 9px;top:20px;border:1px solid #fff;border-left: 0;border-right: 0;font-size: 14px;line-height: 22px;color: #fff;text-align: left;}
.f1Con .fr li dl dd{ height: 64px; line-height: 64px; text-align: center; font-size: 22px; color: #393939;}
.f1Con .fr ul{ overflow: hidden;}
.f1Con .fr a.btn{ display: block; width: 356px; height: 82px; line-height: 82px; text-align: center; font-size: 24px; color: #fff; border-radius: 5px; background-color: #ff9f77; float: right;}
/*f2Box*/
.f2Box{ background-color: #eaf3fc;overflow: hidden; margin-top: 90px;}
.f2Con{ overflow: hidden; height: 606px; margin-top: 20px;}
.f2Con .fl{ width: 438px; height: 606px;}
.f2Con .fl dt{width: 438px;height: 147px;margin: 30px 0 15px;}
.f2Con .fl dd p{ font-size: 22px; color: #393939; line-height: 45px;}
.f2Con .fl dd a.btn{display: block;width: 357px;height: 82px;text-align: center;border-radius: 5px;font-size: 24px;color: #fff;background-color: #ff9f77;line-height: 82px;margin: 25px auto 0;}
/*f3Box*/
.f3Box .tab{width: 846px;height: 102px;margin: 50px auto;}
.f3Box .tab span{display: block;width: 280px;height: 76px;float: left;margin-right: 2px;background-color: #a1a1a1;font-size: 28px;color: #fff;text-align: center;padding: 13px 0;}
.f3Box .tab span.active{ background-color: #0098df; position: relative;}
.f3Box .tab span.active i{display: block;width: 28px;height: 18px;position: absolute;left: 50%;margin-left: -20px;bottom: -25px;background-position: -153px -8px;}
.f3BoxCon{width: 1130px;height: 770px;margin:0 auto;overflow: hidden;}
.f3BoxCon .pho{ visibility: hidden;}

.tabBox1{width: 1130px;height: 510px;}
.tabBox1 li{padding-top: 55px;width: 1130px;}
.tabBox2 li{padding-top: 55px;width: 1130px;}
.tabBox1 .fl{width: 590px;padding:0 40px;height: 510px;background-color: #eaf3fc;}
.tabBox1 .fl .top{ width:430px; height:176px; margin:30px auto; position: relative; padding-left: 200px;}
.tabBox1 .fl .top img{width: 176px;height: 176px;float: left;margin-left: 17px;}
.tabBox1 .fl .top span{display: block;position:absolute;width: 225px;height: 253px;left: -40px;top: -80px;}
.tabBox1 .fl .top span img{width: 225px;height: 253px;margin: 0;}
.tabBox2 .fr .top span{display: block;position:absolute;width: 225px;height: 253px;right: -40px;top: -88px;}
.tabBox2 .fr .top span img{width: 225px;height: 265px;margin: 0;}

.tabBox1 .fl .bot{ font-size: 20px; color: #393939; line-height: 38px;}
.tabBox1 .fl .zixun{ width: 510px; height: 62px; margin:25px auto;}
.tabBox1 .fl .zixun a{display: block;width: 235px;height: 62px;line-height: 62px;text-align: center;border-radius: 5px;padding:0;font-size: 24px;}
.tabBox1 .fl .zixun a.fl{ border:1px solid #ff9f77; color: #ff9f77;}
.tabBox1 .fl .zixun a.fr{ color: #fff; background-color: #ff9f77;}

.tabBox1 .fr{width: 460px;background-color: #ccfffa;height: 510px;}
.tabBox1 .fr dl{border-bottom: 1px solid #a2e7e0;padding: 15px 0;margin-left:10px;position: relative;padding-left: 160px;height: 98px;}
.tabBox1 .fr dl dt{height: 98px;width: 98px;position: absolute;left: 10px;bottom: 15px;text-align: center;}
.tabBox1 .fr dl dt.icon1{ background-position: -12px -71px;}
.tabBox1 .fr dl dt.icon2{background-position: -120px -71px;}
.tabBox1 .fr dl dt.icon3{background-position: -228px -71px;}
.tabBox1 .fr dl dt.icon4{background-position: -335px -71px;}
.tabBox1 .fr dl dt span{font-size: 24px;color: #fff;text-align: center;margin: 18px 0;display: block;}
.tabBox1 .fr dl dd{height: 98px;width: 270px;}
.tabBox1 .fr dl dd p{ font-size: 20px; color: #393939; line-height: 30px; margin-top: 10px;}
.tabBox1 .fr dl.last{ border-bottom: 0;}

.tabBox2{width: 1130px;height: 510px;}
.tabBox2 .fr{width: 590px;padding:0 40px;height: 510px;background-color: #eaf3fc;}
.tabBox2 .fr .top{width:580px;height:176px;margin:30px auto;position: relative;}
.tabBox2 .fr .top img{width: 176px;height: 176px;float: left;margin-right: 15px;}
.tabBox2 .fr .bot{ font-size: 20px; color: #393939; line-height: 38px;}
.tabBox2 .fr .zixun{ width: 510px; height: 62px; margin:25px auto;}
.tabBox2 .fr .zixun a{display: block;width: 235px;height: 62px;line-height: 62px;text-align: center;border-radius: 5px;padding:0;font-size: 24px;background: none;}
.tabBox2 .fr .zixun a.fl{ border:1px solid #ff9f77; color: #ff9f77;}
.tabBox2 .fr .zixun a.fr{ color: #fff; background-color: #ff9f77;}

.tabBox2 .fl{width: 460px;background-color: #ccfffa;height: 480px;padding-top: 30px;overflow: hidden;}
.tabBox2 .fl dl{border-bottom: 1px solid #a2e7e0;padding: 18px 0;margin-left:10px;position: relative;padding-left: 160px;height: 98px;}
.tabBox2 .fl dl dt{height: 98px;width: 98px;position: absolute;left: 10px;bottom: 18px;text-align: center;}
.tabBox2 .fl dl dt.icon1{ background-position: -12px -71px;}
.tabBox2 .fl dl dt.icon2{background-position: -120px -71px;}
.tabBox2 .fl dl dt.icon3{background-position: -228px -71px;}
.tabBox2 .fl dl dt span{font-size: 24px;color: #fff;text-align: center;margin: 18px 0;display: block;}
.tabBox2 .fl dl dd{height: 98px;width: 270px;}
.tabBox2 .fl dl dd p{ font-size: 20px; color: #393939; line-height: 30px; margin-top: 10px;}
.tabBox2 .fl dl.last{ border-bottom: 0;}

.f3Con{width: 1130px;height: 160px;margin: 30px auto;position: relative;background: url(http://www.wz16.net/images/zt/kouqiang/zt_zhengji/pic_19.jpg) no-repeat center 0;overflow: hidden;}
.f3Con a{display: block;width: 140px;height: 140px;position: absolute;left: 50%;margin-left: 400px;top:15px;}

/*f4Box*/
.f4Box{background-color: #eaf3fc;overflow: hidden;}
.f4Box .top{width: 1080px;height: 320px;margin: 20px auto 0;}
.f4Box .top dl{width: 245px;height: 320px;float: left;margin-right: 33px;}
.f4Box .top dl.last{ margin-right: 0;}
.f4Box .top dl dt{ width: 245px; height: 237px;}
.f4Box .top dl dd{ font-size: 20px; color: #393939; line-height: 32px;}
.f4Slide li{ width: 1080px; height: 375px; margin:30px auto; background-color: #c6c6c6;}
.f4Slide li .fl{width: 515px;background-color: #0098df;overflow: hidden;height: 375px;}
.f4Slide li .fl .top{width: 500px;height: 177px;margin: 5px auto 15px;}
.f4Slide li .fl dl{ position: relative; padding-left: 72px; height: 153px;}
.f4Slide li .fl dl dt{width: 41px;height: 153px;position: absolute;left: 20px;top:0;}
.f4Slide li .fl dl dd{ height: 153px; position: relative;}
.f4Slide li .fl dl dd p{line-height: 30px;font-size: 20px;color: #fff;}
.f4Slide li .fl dl dd a{display: block;width: 178px;height: 54px;line-height: 54px;text-align: center;border-radius: 8px;background-color: #ff9f77;font-size: 20px;color: #fff;position: absolute;right: 20px;top: 0;}
.f4Slide li .fr{ width: 565px; height: 375px;}
.f4Slide li .fr img{ display: block; width: 565px; height: 375px;}
.f4Slide .bajs-easy-slider-container{ width: 1080px; overflow: hidden; margin:0 auto;}
.f4Slide .bajs-easy-slider-nav{ background: url(http://www.wz16.net/images/zt/kouqiang/zt_zhengji/bgimg.png) no-repeat center 0; overflow: hidden; width: 30px; height: 43px; top:50%;}
.f4Slide .prev-btn{left: 0;background-position: -205px 1px;}
.f4Slide .next-btn{right: 0;background-position: -247px 1px;}
/*f5Box*/
.f5Box .itemTie{ margin-bottom: 25px;}
.f5Con{ height: 653px; background: url(http://www.wz16.net/images/zt/kouqiang/zt_zhengji/f5bg.jpg) no-repeat center 0; overflow: hidden;}
.f5Slide{ overflow: hidden;}
.f5Slide li{height: 653px;overflow: hidden;width: 1140px;}
.f5Slide dl{height: 653px;position: relative;padding-right: 612px;overflow: hidden;width: 528px;}
.f5Slide dl dt{width: 580px;height: 628px;position: absolute;right: 0;bottom: 0;}
.f5Slide dl dt a{ display: block;}
.f5Slide dl dd{height: 653px;width: 480px;margin-left: 65px;}
.f5Slide dl dd h3{ height: 68px; line-height: 68px; font-size: 18px; color: #fff; font-weight: normal; margin:37px 0;}
.f5Slide dl dd h3 a{ font-size: 36px; font-weight: bold; color: #ffed98; margin-right: 10px;}
.f5Slide dl dd h3 span{ font-size: 22px; color: #fff;}
.f5Slide dl dd p{ font-size: 18px; color: #fff; line-height: 31px; margin-bottom: 30px;}
.f5Slide dl dd div{ width: 440px; height: 55px; margin:0 auto;}
.f5Slide dl dd div a{ display: block; width: 205px; height: 55px; line-height: 55px; text-align: center; border-radius: 5px; color: #fff; font-size: 21px;}
.f5Slide dl dd div a.fl{ border:1px solid #fff;}
.f5Slide dl dd div a.fr{ background-color: #ff9f77;}
.f5Slide .bajs-easy-slider-nav{ background: url(http://www.wz16.net/images/zt/kouqiang/zt_zhengji/bgimg.png) no-repeat center 0; overflow: hidden; width: 30px; height: 43px; top:50%;}
.f5Slide .prev-btn{left: 0;background-position: -288px 0;}
.f5Slide .next-btn{right: 0;background-position: -320px 1px;}
/*f8Box*/
.f8Box{ margin:30px 0; overflow: hidden;}
.f8Box h3{ font-size: 32px; color: #0057a6; height: 65px; line-height: 65px;}
.f8Con{width: 1100px;margin:0 auto;overflow: hidden;}
.f8Box ul{width: 520px;}
.f8Box ul li{ height: 60px; line-height: 60px; border-bottom: 1px dashed #e7e6e6; position: relative; padding-left: 10px;}
.f8Box ul li a{ font-size: 18px; color: #333;}
.f8Box ul li a:hover{ color: #ff0000;}
.f8Box ul li i{display: block;width: 3px;height: 3px;background-color: #000;position: absolute;left: 0;top: 28px;}
.f8Box ul li span{ position: absolute; right: 5px; top: 5px;font-size: 20px;}

/*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;}