@import "comm.css";
/**==========品牌中心 公共==================**/
body{background: #fff;}
.brand-bg-gray{background: #f5f5f5;}
.brand-nav{position: relative;height: 50px;}
.brand-nav ul{position: relative; z-index: 10;}
.brand-nav li{float:left;width: 160px;}
.brand-nav li span{display: block;height: 50px;line-height: 50px; text-align: center; font-size: 16px;}
.brand-nav li span a{display: block;height: 50px; transition: none;}
.brand-nav li.home{width: 235px;}
.brand-nav .navbg{position: absolute; z-index: 2; left: 0; bottom: 0; height: 50px; width: 235px; background: url("../images/pinpai/home.gif") no-repeat;}

.brand-nav li.cur span a{color: #fff;}
.brand-nav-sub{display: none;position: absolute;left: 235px;top: 50px;width: 960px; height: 260px;padding:50px 0;overflow: hidden; background: #000; background: rgba(0,0,0,0.8);}
.brand-nav-sub .brand-nav-item{float: left;width: 240px;height: 260px;padding: 0 0 0 30px;border-right: 1px solid #636464;}
.brand-nav-sub .brand-nav-item-last{border:none;}
.brand-nav-sub h3{height: 20px;margin:0 0 15px;font-size: 18px;font-weight: normal;color: #b29057;line-height: 20px;}
.brand-nav-sub ul{height: 200px;}
.brand-nav-sub ul li{float: left;width: 120px;height: 40px;line-height: 40px;}
.brand-nav-sub ul li a{color: #fff;}
.brand-nav-sub ul li a:hover{color: #b29057;}
.brand-nav-sub ul li a.hot:after{display: inline-block;content:'';width:21px;height:7px;margin:0 0 0 3px;font-size: 0;line-height: 0;background: url("../images/pinpai/nav_hot.png") no-repeat;vertical-align: text-top;animation:hotTag 2s infinite linear;}
.brand-nav-sub .brand-nav-more{line-height: 25px;}
.brand-nav-sub .brand-nav-more a{font-size:16px;color: #b29057;text-decoration: underline;}
.brand-nav-sub .history{position: absolute;right: 20px;bottom: 50px;font-size: 16px;line-height: 20px;color: #b29057;}
.brand-nav-sub .history .history-p1::before,
.brand-nav-sub .history .history-p2::before{display: inline-block;content: '';width: 2px;height: 16px;margin:0 7px 0 0;font-size: 0;line-height: 0;background: #eee;vertical-align: middle;}
.brand-nav-sub .history .history-p2::before{background: #b29057;}

.brand-banner{position: relative;z-index:1;width: 100%;height: 360px;overflow: hidden;}
.brand-banner img{display: block;position: absolute;top:0;left:50%;margin-left:-960px;width: 1920px;height: 360px;}
.brand-left{position: relative; z-index: 2; width: 240px;padding: 0 0 35px 0;margin:-40px 0 0 0;background: url(../images/pinpai/brand_shadow.png) left bottom no-repeat;}
.brand-left-hd{height: 120px;text-align: center;background: #b29057;background: rgba(178,144,87,.9);}
.brand-left-hd strong,.brand-left-hd span{display: block; color: #fff;}
.brand-left-hd strong{padding:38px 0 7px 0;font-size: 36px;font-weight:bold;line-height: 40px;}
.brand-left-hd span{font-size: 18px;line-height: 20px; font-family: Arial, Helvetica, sans-serif;}
.brand-left-bd{background: #f5f5f5;}
.brand-left-bd li a{display: block;height: 50px;overflow: hidden;line-height: 50px;text-align:center;font-size: 16px;color: #333;;border-bottom: 1px solid #ddd}
.page-quanshi .brand-left li.qs a,
.brand-left-bd li.on a{background: #808080;border-bottom-color: #808080;color: #fff;}
.brand-left-bd li a:hover{color: #b29057;}

.brand-left-contact{background: #e9e9e9;}
.brand-left-contact li{padding: 20px 0 10px 58px; font-size: 16px; color:#333; line-height: 22px;}
.brand-left-contact .tel{border-bottom: 1px solid #ddd; background: url("../images/pinpai/tel.gif") 15px 20px no-repeat;}
.brand-left-contact .weixin{padding-bottom: 20px;border: none;background: url("../images/pinpai/weixin.gif") 15px 20px no-repeat;}
.brand-left-contact li span{font-size: 22px; color: #b29057;line-height: 26px;}


.brand-right{width: 940px;padding: 0 0 70px 0;}
.brand-position{padding:47px 0 0 0;margin:0 0 30px;height: 42px;border-bottom: 1px solid #ddd;}
.brand-position .cur{font-size: 24px;color: #b29057;line-height: 42px;}
.brand-position .path{padding: 12px 0 0 0;font-size: 14px;line-height: 30px;color:#999;}
.brand-position .path a{color:#999;}
.brand-position .path a:hover{color:#b29057;}


.brand-btns{overflow: hidden;}
.brand-btns ul{margin: 0 0 0 -40px;}
.brand-btns ul li{float: left;width: 205px;height: 205px;margin: 0 0 0 40px;}
.brand-btns a{display: block;position: relative;width: 205px;height: 205px;overflow: hidden;transform-style: preserve-3d;}
.brand-btns i{display: block;margin: 0 auto 5px;padding:30px 0 0 0;}
.brand-btns i img{display: block;margin: 0 auto;}
.brand-btns .brand-statu1{position: relative; z-index: 1; width: 205px;height: 205px;text-align: center;background: url(../images/pinpai/brand_btn.png) no-repeat;transition: all linear .3s;}
.brand-btns .brand-statu1 b{display: block;font-size: 24px;color: #666;font-weight: normal;line-height: 35px;}
.brand-btns .brand-statu1 span{display: block;font-size: 16px;color: #666; font-family: Arial, Helvetica, sans-serif;}
.brand-btns .brand-statu2{opacity: 0; position: absolute;z-index: 2; left: 0;top: 0;width: 205px;height: 205px;background: url(../images/pinpai/brand_btn_hover.png) no-repeat; transform: rotate3d(0,1,0,180deg); transition: all linear .3s;display: none\9;}
.brand-btns .brand-statu2 p{width: 167px;margin:0 auto;padding: 55px 0 0 0;font-size: 16px;color: #666;line-height: 24px;}
.brand-btns .brand-statu2 span{position: absolute;left: 0;bottom: 0; width: 100%;height: 60px;font-size: 18px;line-height: 55px;text-align: center;color: #fff;}
.brand-btns a:hover .brand-statu1{opacity: 0; transition: all linear .1s;}
.brand-btns a:hover .brand-statu2{opacity: 1; transform: rotate3d(0,1,0,0deg);display: block\9;}


/**=========品牌中心  真实案例==========*/
.brand-anli-hd{margin: 0 0 30px 0;}
.brand-anli-hd a{float: left; position: relative; width: 298px;height: 60px;margin: 0 12px 0 0;text-align: center;line-height: 60px;font-size: 24px;color: #fff;background: #bbb;}
.brand-anli-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/pinpai/tab_cur.png") no-repeat;}
.brand-anli-hd a:hover,
.brand-anli-hd a.on{background: #b29057;}
.brand-anli-hd a.on i{display: block;}
.brand-anli-hd a.last{margin: 0;}
.brand-anli{position: relative; height: 510px; margin: 0 0 30px 0; overflow: hidden;}
.brand-anli .hd{position: absolute; z-index: 2; width: 74px; top: 0; right: 5px;}
.brand-anli .hd a{display: block;height: 60px;line-height: 60px;text-align: center;font-size: 20px;color: #fff;background: #bbb;margin: 0 0 1px 0;}
.brand-anli .hd a.on{background: #fca232;}
.brand-anli .bd{margin: 0 0 0 10px;}
.anli-focus-bd{position: relative; width: 813px;height: 448px;padding: 7px;border: 4px solid #bbb; overflow: hidden;}
.anli-focus-bd li{position: relative; width: 813px;height: 448px;overflow: hidden;}
.anli-focus-bd img{display: block;width: 813px;height: 448px;}
.anli-focus-bd .anli-info{position: absolute;width: 370px;top: 92px;right: 15px;}
.anli-focus-bd h4{font-size: 20px;font-weight: normal;line-height: 30px;}
.anli-focus-bd .p1{margin:0 0 15px 0;font-size: 16px;text-indent: 2em;}
.anli-focus-bd .p2{font-size: 15px;color: #999;line-height: 22px;}
.anli-focus-bd .p2 p{text-indent: 2em;}
.anli-focus-hd{text-align: center;font-size: 0; height: 20px; margin: 20px 0 0 0;}
.anli-focus-hd li{display: inline-block;width: 12px;height: 12px;margin: 0 5px;overflow:hidden; border-radius: 50%; text-indent: -9999px;background: #bcdddb; *display: inline; *zoom: 1; cursor: pointer;}
.anli-focus-hd li.on{background: #b29057;}
.brand-anli .ibg{position: absolute; z-index: 1;top: 35px; left: 0px; width: 21px;height: 391px;background: #fca232;}
.brand-anli .ianli{position: absolute; z-index: 1;top: 12px; right: 12px; width: 240px;height: 83px;background:url("../images/anli/case.png") no-repeat;}

.brand-anli-lb img{display: block;width: 915px;height: 150px;}

.brand-xs{margin:0 0 70px 0;}
.brand-xs-hd{margin:0 0 20px 0;font-size: 48px;font-weight: normal;text-align: center; line-height: 55px;}
.brand-xs-intro{margin:0 0 30px 0;font-size: 18px;line-height: 30px;color: #666;}
.brand-xs-list{width: 615px;}
.brand-xs-list li{padding: 20px 0 20px 75px;overflow: hidden;border-bottom: 1px dashed #e1e1e1;}
.brand-xs-list .avatar{float:left;width: 64px;height: 64px;margin: 0 0 0 -75px;}
.brand-xs-list .avatar img{display: block;width: 64px;height: 64px;}
.brand-xs-list .title{height: 30px;line-height: 30px;font-size: 18px;color: #0e877f;}
.brand-xs-list .meta{height: 20px;margin: 2px 0 0 0;font-size:0;line-height: 0;overflow: hidden;}
.brand-xs-list .meta b,
.brand-xs-list .meta span{display:inline-block;padding:0 0 0 20px;line-height: 20px;font-size: 14px;color: #999;vertical-align: top; *display: inline; *zoom: 1;}
.brand-xs-list .meta b{padding:0 5px;color:#fff;font-weight:normal;background: #bbb;}
.brand-xs-list .plus{ height: 20px; line-height: 20px; margin: 7px 0 0 0;}
.brand-xs-list .plus img{vertical-align: middle;width: 16px;height: 16px;margin: 0 0 0 2px;}
.brand-xs-list .con{margin:12px 0 0 0;font-size: 14px;line-height: 24px;}
.brand-aside{width: 280px;}
.wenzhen{margin: 0 0 10px 0;}
.wenzhen .wenzhen-hd{height: 60px; line-height: 60px; text-align: center;font-size: 24px;color: #fff; font-weight: normal; background: #b29057;}
.wenzhen .wenzhen-bd{padding:20px; font-size: 16px;line-height: 30px; color: #666; border: 1px solid #e1e1e1;border-top: none;}
.wenzhen .wenzhen-bd label{cursor: pointer;}
.wenzhen .wenzhen-bd input{vertical-align: middle;margin: 0 5px 0 0;}
.wenzhen .wenzhen-bd p{margin:20px 0 0 0;font-size: 20px;text-align: center; color: #b29057; line-height: 20px; cursor: pointer;}
.wenzhen .wenzhen-bd a{display: block;width: 160px;height: 40px;margin:10px auto 0;text-align: center;line-height: 40px;color: #fff; font-size: 20px; background: #fca232;animation: ease btn-heart 2.6s infinite;transition: all linear .3s;}
.wenzhen .wenzhen-bd a span{display: block; height: 40px; position: relative; z-index: 2;}
.wenzhen .wenzhen-bd a:hover{background: #b29057; animation: none;}
@keyframes btn-heart{
    0%,30%,70%,100%{transform:scale(1)}
    10%{transform:scale(0.95)}
    50%{transform:scale(0.95)}
}
.wenzhen2{margin:0 0 20px 0;border: 1px solid #e1e1e1;}
.wenzhen2 dl{padding: 10px 15px 0;}
.wenzhen2 dt{padding: 10px 0 10px 55px; overflow: hidden; border-bottom: 1px dashed #e1e1e1;}
.wenzhen2 dt a{display: block; transition: all linear .3s;}
.wenzhen2 dt span{float: left;margin: 0 0 0 -55px; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; transition: all linear .3s;}
.wenzhen2 dt span img{display: block;width: 40px;height: 40px;transition: all linear .3s;}
.wenzhen2 dt h4{height: 22px;line-height: 22px; font-size: 16px;font-weight: normal;transition: all linear .3s;}
.wenzhen2 dt h4 img{vertical-align: middle;}
.wenzhen2 dt p{font-size: 12px;color: #999;}
.wenzhen2 dt.last{border: none;}
.wenzhen2 .wz-zj img{display: block;width: 278px;height: 130px;margin: 5px 0 0 0;}
.wenzhen2 dt a:hover{transform: translateX(5px);}

.brand-guahao{line-height: 35px;font-size: 0;}
.brand-guahao label{font-size: 16px;vertical-align: middle;}
.brand-guahao input{width: 220px;height: 16px; padding: 5px; font-size: 14px; line-height: 16px; vertical-align: middle;background: url("../images/anli/input.gif") no-repeat; border: none; outline: none;}
.brand-guahao select{width: 230px;height: 26px; font-size: 14px; line-height: 26px; vertical-align: middle;}
.brand-guahao button{display: block; margin: 10px 0 0 0; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #fff; background: #fca232; border: none; outline: none; cursor: pointer; transition: all linear .3s;}
.brand-guahao button:hover{background: #b29057;}





/**========= 治疗日记 ==========*/
.brand-zlrj-banner{margin: 0 0 30px 0;}
.brand-zlrj-banner img{display: block;height: 370px;}
.brand-zlrj{width: 915px}
.brand-zlrj-list li{float: left;width: 445px;height: 458px; margin: 0 20px 20px 0; overflow: hidden; border: 1px solid #e1e1e1;transition: all linear .3s;}
.brand-zlrj-list li.nomar{margin-right: 0;}
.brand-zlrj-list li:nth-child(2n){margin-right: 0;}
.brand-zlrj-list li a{display: block;position: relative;width: 445px;height: 458px;}
.brand-zlrj-list li a:after{position: absolute; z-index: 3; left: -1px;top: -1px;right: -1px;bottom: -1px;border: 5px solid #b29057; content: ''; opacity: 0; border: none\9; transition: all linear .3s;}
.brand-zlrj-list .zlrj-pic{position: relative; z-index: 1; width: 445px;height: 374px;}
.brand-zlrj-list .zlrj-pic img{display:block;width: 445px;height: 374px;}
.brand-zlrj-list .zlrj-bot{position: relative; z-index: 2; padding:20px;background: #fff;  transition: all ease-in-out .3s; box-shadow: -50px 0 50px rgba(0,0,0,0.5);}
.brand-zlrj-list .zlrj-bar{line-height: 42px;font-size: 14px;}
.brand-zlrj-list .zlrj-hztx{width: 42px;height: 42px;margin:0 10px 0 0;border-radius: 50%; overflow: hidden;}
.brand-zlrj-list .zlrj-hztx img{display: block;width: 42px;height: 42px;}
.brand-zlrj-list .zlrj-hzxm{margin: 0 30px 0 0;}
.brand-zlrj-list .zlrj-zlsj{color: #999;}
.brand-zlrj-list .zlrj-title{height: 25px;overflow: hidden; margin: 20px 0 0 0; font-size: 18px;color: #218c85;line-height: 25px;}
.brand-zlrj-list .zlrj-intro{height: 48px; overflow: hidden; font-size: 14px;line-height: 24px; color: #666;}
.brand-zlrj-list .zlrj-btn{margin: 15px 0 0 0;font-size: 0;line-height:0;text-align: right;}
.brand-zlrj-list .zlrj-btn span{display: inline-block;width: 120px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 15px;background: #fca232; border-radius: 15px;*display: inline; *zoom: 1; transition: all linear .3s;}
.brand-zlrj-list .zlrj-btn span:hover{background: #b29057;}
.brand-zlrj-list li:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.brand-zlrj-list li a:hover:after{ opacity: 1;}
.brand-zlrj-list li a:hover .zlrj-bot{margin-top: -135px;}
/**========= 品牌视频 ==========*/
.brand-shipin{width: 915px;height: 518px; margin: 20px 0 0 0; background: #fff;}
.shinpin-tab{margin: 0 0 30px 0;}
.shinpin-tab .hd{margin: 0 0 10px 0;font-size:0;}
.shinpin-tab .hd a{float: left; position: relative; width: 220px;height: 60px;margin: 0 11px 0 0;text-align: center;line-height: 60px;font-size: 24px;color: #fff;background: #bbb;}
.shinpin-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/pinpai/tab_cur.png") no-repeat;}
.shinpin-tab .hd a:hover,
.shinpin-tab .hd a.on{background: #b29057;}
.shinpin-tab .hd a.on i{display: block;}
.shinpin-tab .hd a.last{margin: 0;}

.shinpin-tab .bd li{float: left;width: 447px;margin:20px 20px 0 0;overflow: hidden;transition: all linear .3s;}
.shinpin-tab .bd li:nth-child(2n),
.shinpin-tab .bd li.nomar{margin-right: 0;}
.shinpin-tab .bd li a{display: block;}
.shinpin-tab .shipin-pic{position:relative;width: 425px;height: 238px;padding: 10px;border: 1px solid #e1e1e1;}
.shinpin-tab .shipin-pic span{ position: relative; z-index: 1; display:block;width: 425px;height: 238px;overflow:hidden;}
.shinpin-tab .shipin-pic img{display: block;width: 425px;height: auto;}
.shinpin-tab .shipin-pic i{position: absolute;z-index:2;left:10px;top:10px;width: 425px;height: 238px;background: url("../images/pinpai/shinpin-mask.png") no-repeat;}
.shinpin-tab .shipin-title{height: 40px;overflow:hidden;font-size:18px;line-height: 40px;text-align: center;}