/**== 品牌中心 公共样式 ==**/
body{background: #f5f5f5;}
body.case-body{background: #fff;}
.cnt{width: 1340px;}
.brand-main2{background: #fff; padding: 50px 0;}

.brand-banner{position: relative;z-index:1;width: 100%;height: 800px;overflow: hidden;}
.brand-banner img{display: block;position: absolute;top:0;left:50%;margin-left:-960px;width: 1920px;}
.brand-left{position: relative;z-index: 2;width: 240px;margin:-100px 0 0 0;}
.brand-left-hd{height: 100px;background: #4cbbb4;background: rgba(76,187,180,0.8);}
.brand-left-hd strong,.brand-left-hd span{display: block;text-align: center;font-weight: normal;}
.brand-left-hd strong{padding:15px 0 0 0;margin:0 0 5px;font-size: 32px;color: #fff;line-height: 40px;}
.brand-left-hd span{font-size: 20px;color: #fff;line-height: 20px; font-family: Arial, Helvetica, sans-serif;}
.brand-left-bd{background: #fff;border: 1px solid #e3e3e3; border-bottom: none;}
.brand-left-bd li{height: 40px;letter-spacing: 2px;border-bottom: 1px solid #e3e3e3;}
.brand-left-bd li a{display: block;height: 40px;text-align: center;overflow: hidden; line-height: 40px;font-size: 16px;color: #333; border-left:3px solid #fff; border-left: 3px solid transparent; transition: background ease .3s,color ease .3s,border ease .3s;}
.brand-left-bd li a::after{display: inline-block;content: ''; width: 5px;height: 9px;margin: 0 0 0 15px;font-size:0;line-height:0;vertical-align:middle;background: url(../images/brand_dot.png) left top no-repeat;}
.brand-left-bd li.on a,
.brand-left-bd li a:hover{padding: 0;color: #4cbbb4;background: #e1e1e1;border-left: 3px solid #4cbbb4;}
.brand-left-bd li.on a::after,
.brand-left-bd li a:hover::after{background-position: left bottom;}

/**== 右侧漂浮工具栏 ==*/
.brand-tool{position: fixed;z-index: 99;bottom: 50px;width: 60px;font-size: 16px;background: #fff;display: none;}
.brand-tool.brand-tool-absolute{position: absolute; bottom: auto;}
.brand-tool-links{border: 1px solid #e3e3e3;}
.brand-tool-links a{display: block;width: 58px;height: 58px;border-bottom: 1px solid #e3e3e3;}
.brand-tool-links a.brand-tool-yuyue{border-bottom: none;}
.brand-tool-links a i{display: block;width: 25px;height: 25px;margin:7px auto 5px;background-image: url("../images/brand-tool.png");}
.brand-tool-links a span{display: block;color: #999;line-height: 20px;text-align: center;}
.brand-tool-links a:hover span{color: #4cbbb4;}
.brand-tool-home i{background-position: 0 0;}
.brand-tool-youhui i{background-position: 0 -25px;}
.brand-tool-chat i{background-position: 0 -50px;}
.brand-tool-yuyue i{background-position: 0 -75px;}
.brand-tool-home:hover i{background-position: -25px 0;}
.brand-tool-youhui:hover i{background-position: -25px -25px;}
.brand-tool-chat:hover i{background-position: -25px -50px;}
.brand-tool-yuyue:hover i{background-position: -25px -75px;}
.brand-tool-top{display: block;width: 60px;height: 60px;background: #5a5a5a;}
.brand-tool-top span{display: block;padding:7px 0 2px 0;text-align: center;color: #fff;line-height: 18px;}
.brand-tool-top i{display: block;width: 13px;height: 7px;margin:0 auto;font-size: 0;line-height: 0;background: url("../images/brand-tool.png") 0 -100px;}
.brand-tool-top:hover i{background: url("../images/brand-tool.png") -13px -100px;}
.brand-tool-top:hover span{color: #4cbbb4;}
/**== 右侧漂浮工具栏 End ==*/

.brand-left-contact{padding:10px;background: #f8f7f7;border-right: 10px solid #4cbbb4; border-bottom: 10px solid #4cbbb4; background:#f8f7f7 url("../images/left_shadow.png") left top no-repeat;}
.brand-left-contact .tel,.brand-left-contact .weixin{height: 40px;padding: 15px 0 10px 45px; font-size: 18px; color:#666; line-height: 22px;}
.brand-left-contact .tel{border-bottom: 1px solid #dcdcdc; background: url("../images/tel.gif") 0 15px no-repeat;}
.brand-left-contact .weixin{padding-bottom: 20px; border-top: 1px solid #fff; background: url("../images/weixin.gif") 0 15px no-repeat;}
.brand-left-contact .tel span,.brand-left-contact .weixin span{font-size: 20px; color: #4cbbb4;line-height: 20px;}
.brand-left-contact .online,.brand-left-contact .online2{float: left;width: 102px;height: 99px;}
.brand-left-contact .online a,.brand-left-contact .online2 a{display: block;height: 34px; padding-top: 65px; line-height: 30px; text-align: center; font-size: 18px; color: #fff;}
.brand-left-contact .online{margin-right: 1px;}
.brand-left-contact .online a{background: #4cbbb4 url("../images/online1.png");}
.brand-left-contact .online2 a{ background: #fca232 url("../images/online2.png");}

.brand-right{width: 920px;padding: 0 0 70px 0; margin: 0 140px 0 0;}
.brand-path{font-size: 14px;text-align: right;line-height: 60px;}
.brand-pos{padding: 30px 0 0 0; margin-bottom:30px;/*border-bottom: 1px solid #dcdcdc;*/}
.brand-pos h2{font-size: 28px;font-weight: normal;color: #333;line-height: 28px;}
.brand-pos .path{padding: 12px 0 0 0;font-size: 16px;line-height: 16px;color: #666;}
.brand-pos a{color: #666;}
.brand-pos a:hover{color:#4CBBB4;}

.brand-right-hd{ height: 100px; line-height: 100px; font-size: 48px;color: #218c85;font-weight: normal;}

/** == 视频弹窗播放 ==*/
.showvideo,.vmask{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%; _position: absolute;}
.vmask{cursor: pointer;}
.showvideo{z-index: 99999999;}
.showvideo{width: 820px;height:500px;left:50%;top:50%;margin:-255px 0 0 -410px;border: 10px solid #fff;border-radius: 5px;}
.showvideo .vclose{position: absolute;z-index: 10;right: -20px;top:-20px;width: 30px;height: 30px;font-size: 14px; font-family: verdana; text-align: center;line-height: 30px;color:#fff;background: #000;border-radius: 100%;border: 3px solid #fff;}
.myvideo{display: block;width: 820px;height:500px;overflow: hidden;background: #000 url("../images/loading.gif") center center no-repeat;}
.vmask{z-index: 998;background: #000; background: rgba(0,0,0,0.8);}


/** ==环境 ==*/
.brand-hj-info{position: relative; height: 168px; overflow: hidden; padding: 45px; margin: 0 0 70px 0; font-size: 16px;line-height: 30px;color: #666; background: url("../images/brand-hj-info.gif") no-repeat;}
.brand-hj-info p{margin: 0 0 30px 0; text-indent: 2em;}

.brand-hj-tab{margin: 0 0 70px 0;}
.brand-hj-tab .hd{margin: 0 0 40px 0;}
.brand-hj-tab .hd a{float: left; position: relative; /*width: 300px; width:144px;*/width: 174px; height: 60px;margin: 0 10px 10px 0;text-align: center;line-height: 60px;font-size: 24px;color: #fff;background: #bbb;}
.brand-hj-tab .hd a i{ display: none; position: absolute;left: 50%;bottom: -9px;margin: 0 0 0 -8px;font-size: 0;width: 17px;height: 9px;background: url("../images/tab_cur.png") no-repeat;}
.brand-hj-tab .hd a.on{background: #4cbbb4;}
.brand-hj-tab .hd a.on i{display: block;}
.brand-hj-tab .hd a.last{margin:0;}
.brand-hj-tab .bd,.brand-hj-tab .fbd{position:relative;width: 915px;height: 515px;overflow: hidden;}
.brand-hj-tab .fbd img{display: block;width: 915px;height: 515px;}
.brand-hj-tab .fhd{position: absolute;left: 0;bottom: 0;width: 915px; height: 91px;padding: 10px 0;background: rgba(0,0,0,0.2);}
.brand-hj-tab .fhd .fprev,.brand-hj-tab .fhd .fnext{position: absolute;left:10px;top:50%;width: 14px;height: 20px;margin: -10px 0 0 0; background: url("../images/prev.png") no-repeat;}
.brand-hj-tab .fhd .fnext{left:auto; right: 10px; background: url("../images/next.png") no-repeat;}

.brand-hj-tab .fhd-box{position: relative; width: 848px; height: 91px; overflow: hidden; margin: 0 auto;}
.brand-hj-tab .fhd-box ul{position: absolute; left: 0; top: 0; width: 500%;}
.brand-hj-tab .fhd li{position:relative;float: left;width:95px;height:85px;margin:0 5px 0 0;border: 3px solid #fff; cursor: pointer; transition: all linear .3s;}
.brand-hj-tab .fhd li img{display: block;width: 95px;height: 85px;}
.brand-hj-tab .fhd li span{position: absolute;left: 0;bottom: 0;width: 95px;height: 22px;line-height: 22px; text-align: center; line-height: 22px; font-size: 13px;color: #fff;background: rgba(0,0,0,0.2);}
.brand-hj-tab .fhd li.on{border-color: #4cbbb4;}


/** ==资讯 ==*/
.brand-focus{position: relative;width: 915px; margin: 0 auto 20px;}
.brand-focus .bd{position: relative;width: 915px;height:420px;overflow: hidden; background: #fff;}
.brand-focus .bd li{width: 915px;height: 420px;position:relative;}
.brand-focus .bd li img{display: block;width: 915px;height: 420px;}
.brand-focus .bd li p{position: absolute;left: 0;right: 0;bottom: 0;height: 60px; padding: 0 20px; overflow: hidden; line-height: 60px;font-size: 18px; color: #fff; background: #000; background: rgba(0,0,0,0.6);}
.brand-focus .hd{display: none; position: absolute;right: 15px; bottom: 24px;font-size: 0; line-height: 0;}
.brand-focus .hd li{display: inline-block;width: 12px;height: 12px;margin: 0 5px;overflow:hidden; border-radius: 50%; text-indent: -9999px;background: #fff; *display: inline; *zoom: 1; cursor: pointer;}
.brand-focus .hd li.on{background: #4ebbb5;}

.brand-focus .prev{position: absolute; z-index: 10; top:50%; left: 10px; margin-top: -50px; width: 50px;height: 100px;background: url("../images/banner_arrow.png") left bottom;}
.brand-focus .next{position: absolute; z-index: 10; top:50%; right: 10px; margin-top: -50px; width: 50px;height: 100px;background: url("../images/banner_arrow.png");}
.brand-focus .prev:hover{background-position: right bottom;}
.brand-focus .next:hover{background-position: right top;}


.brand-zixun{margin: 0 0 30px 0;}
.brand-zixun .hd{margin: 0 0 20px 0;}
.brand-zixun .hd a{float: left; position: relative; width: 218px;height: 60px;margin: 0 4px;text-align: center;line-height: 60px;font-size: 24px;color: #fff;background: #bbb;}
.brand-zixun .hd a i{ display: none; position: absolute;left: 50%;bottom: -9px;margin: 0 0 0 -8px;font-size: 0;width: 17px;height: 9px;background: url("../images/tab_cur.png") no-repeat;}
.brand-zixun .hd a:hover,
.brand-zixun .hd a.on{background: #4cbbb4;}
.brand-zixun .hd a.on i{display: block;}
.brand-zixun .bd{border-top: 1px solid #e1e1e1;}
.brand-zixun .bd li{overflow:hidden;padding: 20px 0 20px 10px;border-bottom: 1px solid #e1e1e1;}
.brand-zixun .pic img{display: block;width: 217px;height: 130px;}
.brand-zixun .title{height:50px;line-height:50px;font-size: 18px;}
.brand-zixun .title .meta{float: right;width: 155px;}
.brand-zixun .title .share-btn{float: left;position: relative;width: 16px; height: 20px; margin:17px 0 0 0;line-height: 16px;}
.brand-zixun .title .share-btn span{display: block;width: 16px;height: 16px;background: url("../images/sh2.png") center center no-repeat; cursor: pointer;}
.brand-zixun .title .share-btn span.on{background: url("../images/sh.png") center center no-repeat;}
.brand-zixun .title .share-btn .share-btns{display: none; position: absolute;left: -20px;top: 20px;width: 80px;padding:8px; font-size: 13px; background: #fff;border: 1px solid #e1e1e1; border-radius: 3px; overflow: hidden; zoom:1;}
.brand-zixun .title .share-btn .share-btns a{display: block;margin:0 0 5px 0; text-decoration: none;}
.brand-zixun .title .share-btn .share-btns a.bshare-sinaminiblog{margin: 0;}
.brand-zixun .title .time{float: left;  padding: 0 0 0 10px; line-height: 50px; text-align: left; font-size: 14px;color: #999; font-style: italic;}
.brand-zixun .info{width: 750px; font-size: 14px;line-height: 24px;color: #999;}
.brand-zixun .info a{color: #999;}
.brand-zixun .info a:hover{color: #4ebbb5;}
.brand-right .pagelist{margin: 0 0 70px 0;}

/** ==来院路线 ==*/
.laiyuan{margin: 0 0 70px 0;}
.laiyuan .hd{margin: 0 0 60px 0;display: flex;justify-content: space-between;}
.laiyuan .hd a{position: relative; flex: 1;margin-right:10px;height: 60px;text-align: center;line-height: 60px;font-size: 22px;color: #fff;background: #bbb;}
.laiyuan .hd a i{ display: none; position: absolute;left: 50%;bottom: -9px;margin: 0 0 0 -8px;font-size: 0;width: 17px;height: 9px;background: url("../images/tab_cur.png") no-repeat;}
.laiyuan .hd a.on{background: #4cbbb4;}
.laiyuan .hd a.on i{display: block;}
.laiyuan .hd a:last-child{margin-right: 0;}
.laiyuan h3{font-size: 24px;font-weight:normal;color: #218c85; line-height: 34px;}
.laiyuan .dizhi-info{float: left;margin: 10px 30px 0 0;font-size: 18px;line-height: 2em;}
.laiyuan .dizhi-code{float: left;width: 157px;height: 157px;}
.laiyuan .dizhi-code img{display: block;width: 157px;height: 157px;}
.laiyuan .dizhi-map{margin: 50px 0 0 0; height: 502px;}
.laiyuan .dizhi-map iframe{margin: 0;padding: 0;border: none;height: 502px;}


/** ==品牌荣誉 ==*/
.brand-rongyu-info{padding:30px 45px; height: 150px; margin: 0 0 70px 0; font-size:16px; text-indent: 2em; line-height:30px;background: url("../images/brand_ry_bg0.gif") no-repeat;}
.brand-rongyu-list{margin:0 0 40px 0;}

.brand-rongyu-tab .hd{margin:0 0 0 -20px;}
.brand-rongyu-tab .hd li{float: left; position: relative;width: 450px;height: 60px; cursor: pointer;margin:0 0 0 20px;_display:inline;text-align:center;line-height:60px;color:#fff;font-size:22px;background: #bbbbbb;}
.brand-rongyu-tab .hd li::after{display: none; position: absolute;content: '';font-size:0;left: 50%;margin-left: -8px; width: 0;height: 0;border: 8px solid #f5f5f5;border-top-color:#4cbbb4; }
.brand-rongyu-tab .hd li.on{background: #4cbbb4;}
.brand-rongyu-tab .hd li.on::after{display: block;}
.brand-rongyu-tab .bd{padding: 40px 0 0 0;}
.brand-rongyu-tab .brand-rongyu-list{display: none;}
.brand-rongyu-tab .brand-rongyu-list.on{display: block;}
.brand-rongyu-list ul{margin-left: -28px;}
.brand-rongyu-list li{position:relative;float: left;width: 168px;height: 254px;padding: 20px;margin: 0 0 30px 28px; background: url("../images/rongyu_bg1.gif");}
.brand-rongyu-list li.big{width: 404px; background: url("../images/rongyu_bg2.gif"); }
.brand-rongyu-list li.nomr{margin-right: 0;}
.brand-rongyu-list li img{display: block;}
.brand-rongyu-list li:after{position: absolute; opacity: 0; content: ''; top: 0px;right: 0px;bottom: 0px;left: 0px;border: 5px solid #4cbbb4;transition: none;}
.brand-rongyu-list li:hover:after{opacity: 1;top: 0;right: 0;bottom: 0;left:0; transition: all linear .4s;}