/**== 品牌中心 公共样式 ==**/
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: 347px;overflow: hidden;}
.brand-banner img{display: block;position: absolute;top:0;left:50%;margin-left:-960px;width: 1920px;height: 347px;}
.brand-left{position: relative;z-index: 2;width: 240px;margin:-100px 0 0 0;}
.brand-left-hd{height: 100px;background: #31a0fa;background:#31a0fa;}
.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: #31a0fa;background: #e1e1e1;border-left: 3px solid #31a0fa;}
.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: #31a0fa;}
.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: #31a0fa;}
/**== 右侧漂浮工具栏 End ==*/

.brand-left-contact{padding:10px;background: #f8f7f7;border-right: 10px solid #31a0fa; border-bottom: 10px solid #31a0fa; 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: #31a0fa;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: #31a0fa 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:#31a0fa;}

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

.pagelist{text-align: center;font-size: 0;}
.pagelist li{display: inline-block; *display: inline; *zoom:1; margin: 0 3px;font-size: 14px;}
.pagelist li a{display: inline-block; height: 30px; padding: 0 10px; line-height: 30px; background: #e5e5e5; *display: inline; *zoom:1;}
.pagelist li a:hover,
.pagelist li.thisclass{color: #fff; background: #4ebbb5;}
.pagelist li strong{font-weight: normal; padding: 0 5px;}
.pagelist li.thisclass{height: 30px;line-height: 30px;padding: 0 10px; cursor: not-allowed;}

/** == 视频弹窗播放 ==*/
.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);}