body{ font-family:"Microsoft YaHei"; background:url(../images/za-bg.png)}
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft YaHei"}
a{ color:#333}
a:hover{ color:#0062C2; text-decoration:none}
.new-bg{ background:rgba(255,255,255,0.6)!important; border:none; margin-top:20px}
.new-bg .tab-content{margin-bottom:0px}
.new-bg .panel{margin-bottom:0px}
.nav-bg{ background:rgba(0, 103, 203, 0.8)!important; background:#930;}
.nav-bg a{ color:#fff}
.nav-bg a:hover{background:rgba(0, 84, 166, 0.8)!important}
.nav-bg a:focus{background:rgba(0, 84, 166, 0.8)!important}
.nav .caret {
  border-top-color: #ccc;
  border-bottom-color: #ccc;
}

.nav a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-bg .logo:hover{ background:none!important}
.nav-btn{ background:#014E98!important}
.nav-btn:hover,.nav-btn:focus{background:#1469BB!important}
.nav-btn .icon-bg{ background:#fff!important}
.dr-m-bg{background:rgba(0, 103, 203, 0.8)!important; background:#930; overflow:hidden}
.dr-m-bg li a{ color:#fff}
.dr-m-bg li a:hover{ background:#fff!important; color:#01388e}
.foot-bg{ background:rgba(0, 103, 203, 0.8)!important; background:#930; color:#fff; font-size:14px; margin-bottom:-21px}
.foot-bg a{ color:#fff}
.foot-bg a:hover{ text-decoration:underline}
.foot-bg dt{ font-size:18px}
.top-cen{ background:none; text-align:center; color:#fff; margin-bottom:0; margin-top:20px}
.top-cen h1{ margin-bottom:0; padding-bottom:0}
.color-f { color:#ccc}
.color-f a{ color:#ccc}
.color-f a:hover{ color:#fff}
.center-txt {
  display: block; text-align:center
}
.btn-new {
  color: #ffffff;
  background:#930;
}

.btn-new:hover
{
  color: #ffffff;
  background:#AE470F;
}
.btn-boder{ border:none}
.list-inline li{ margin-top:10px}
.za-bg{ background:url(../images/za-bg.png)}
.bs-docs-section p{ text-indent:2em}
.bwg-list .thumbnail{ text-align:center; max-width:308px; margin:0 auto;}
.in-dh3{text-align:center; background:url(../images/za-dh3-bg.png); margin-top:15px; padding-bottom:15px}
.in-dh3 h3{ margin-top:0}
.in-dh3 a{ color:#fff}
.in-dh3 a:hover{ color:#900}
.in-dh3 .lszs-tit{ font-size:18px; font-weight:bold; margin-bottom:5px}
.in-list .thumbnail{ text-align:center; margin:0 auto; padding-bottom:15px}
.in-list .thumbnail h3{ margin-top:5px}
.carousel-inner .item img{ width:100%;}


.zt-nav{ margin-left:-36px; margin-bottom:0px;}
.zt-nav a{ border:none;border-radius:0px; margin-left:8px; margin-right:8px}
.zt-nav a:focus{border-radius:0}
.zt-box{ margin-top:20px}
.zt-box h3{ font-size:16px; margin:0; font-weight:bolder}
.zt-box small{ font-size:12px; margin-left:5px}
.zt-box small a{ color:#666}
.zt-box small a:hover{ color:#930}
.tit-nav{ min-width:210px; text-align:center}
.tit-nav h3{ margin-top:3px; margin-bottom:13px}
.tit-nav p{ margin:5px 0}
.tt-bg{ border:none; background:#D7D7D7}
.toutiao{  text-align:center; }
.toutiao p{ margin:5px 0 5px 0;font-size:24px;}
.toutiao p a{ color:#0053A5}
.toutiao p a:hover{ color:#00376E}
.top-one{ text-align:center;}
.top-one .thumbnail{background:url(../images/za-bg.png); height:250px; border:none}


.top-one .tt-ad1{ margin:5px 0 15px 0; font-size:24px; color:#0E6CCA}
.top-one .tt-ad2{ font-size:18px; color:#666; margin:5px 0}
.top-one .tt-ad3{ margin-bottom:5px}
.top-one .tt-ad3 .rx{ color:#666;}
.top-one .tt-ad3 .tel{ font-size:18px; color:#0E6CCA; font-family:"Arial Black", Gadget, sans-serif}
.top-one .tt-fzm{ /*font-size:36px;*/ color:#0E6CCA; font-weight:bold}
.zhici p{ font-size:24px; margin:5px 0; text-align:center}
.zx-bg{ background:rgba(153,51,0,1)!important; background:#930;}
.zx-bg a{ color:#fff}
.zx-bg a:hover{background:#930!important}
.zx-bg a:focus{background:#930!important}
.in-fz .btn-default{ background:none; border:none;border-radius:0px;}
.in-fz .btn-default:hover{ color:#fff}
.in-fz .btn-default:focus{ background-color:#930!important}
.in-fz .dropdown-toggle:focus{background-color:#930!important}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: rgba(0, 84, 166, 0.8)!important;
  border-color: #428bca;
}

.fenzhan{ margin:5px;}
.fenzhan a{ display:block; padding:5px 10px; float:left}
.fenzhan a:hover{ background:#fff!important; color:#930}
.about-txt{ max-width:1100px; margin:0 auto;background:rgba(255,255,255,0.6)!important;}
.about-txt p{ text-indent:2em}
.in-tj{ margin-bottom:0px}
.in-zjgx{ margin-bottom:5px; line-height:25px; margin-left:10px}
.in-zjgx li a{ color:#333}
.in-zjgx li a:hover{ color:#930}
.in-tuijian .panel-heading{ background:#0053A5; color:#FFF}
.in-tuijian .list-group-item{ padding-top:13px; padding-bottom:13px}
.in-tuijian .list-group-item-heading{ color:#0062C2!important; margin-bottom:8px}
.in-tuijian .list-group-item-text{ color:#666}
.in-btn3{ background:#930}
.in-btn3 .media-heading a{ color:#fff}
.gywm .list-group-item{ padding:17px;}
.gywm .media-heading{ font-size:24px; font-weight:bolder; padding-top:8px}
.in-qp{ width:100%; margin:10px 0; background:url(../images/top-bg.jpg)}
.in-qp .container{ padding-top:10px; /*padding-bottom:10px*/}
.in-juli{ margin-top:10px}
.dt-al .thumbnail{ background:rgba(255,255,255,0.6)!important; border:none;}
.dt-al .nav-tabs{ border-bottom:none}
.dt-al .tab-content{margin-bottom:-16px}
.dt-al .panel-body{ padding-top:10px; padding-bottom:10px}
.zxgx{ font-weight:bolder; color:#930; border-bottom:1px solid #ccc; margin-left:10px; margin-top:5px; padding-bottom:5px; width:20%}
.in-tuwen h4{ color:#f2f2f2}
.in-tuwen img{ height:100px}
.in-tuwen .caption {text-align:center;}
.in-tuwen a{  color:#ccc; display:block; margin:5px 0}
.in-tuwen a:hover{color:#fff}
.al-tj{ margin:0;}
.al-tj dt{ font-size:16px; margin:0}
.foot-inlinelist .list-inline li{ padding-left:0}
.nav-btn-3{ overflow:hidden}
.nav-btn-3 a{ display:block; float:left; border:1px solid #dedede; width:33.33333333333333333333333333333333333%; padding:13px 0px; text-align:center; background:#FFF; font-size:18px; font-weight:bold;}
.nav-btn-3 a:hover{ background:#0053A5; color:#FFF}
.qbal-btn a{ display:block; float:left; padding:10px; margin-right:7px; margin-left:4px; background:rgba(50, 132, 212, 1); margin-top:11px; margin-bottom:11px; color:#FFF}
.qbal-btn a:hover{ background:#1563B0}
/*index-gai*/
.nav-index a{ display:block; float:left; list-style:none; padding:15px}
.nav-index a:hover{ background:#930}
@media (max-width: 768px) {
	.nav-index a{ display:block; float:left; list-style:none; padding:10px}
	.qbal-btn a{ margin:5px 2px}
	
}
 /*右下角、右中浮动*/
.Right_bot {right:0;bottom:0;position:fixed;+position:absolute;top:expression(parseInt(document.body.scrollTop)+document.body.clientHeight-75); z-index:1040;} 
.Right_jz {right:0;bottom:33%;position:fixed;+position:absolute;top:expression(parseInt(document.body.scrollTop)+document.body.clientHeight-75); z-index:1040;} 
.Right_jz a{ display:block; width:135px; height:198px; background:url(http://www.scxsls.com/d/file/201404/12c9fe31986933ae739dedcc3349724e.jpg)}
@media (max-width: 768px) {
	.Right_bot{ display:none !important;}
	.Right_jz a{ display:block; width:40px; height:150px; background:url(http://www.scxsls.com/d/file/201404/d1558472f53ce7528e791965e3e963d4.jpg)}
}   

/*list*/
.list-mbx{ border:none; background:none;}
.list-mbx .breadcrumb{ background:none}
.list-ls { max-width:1130px}
.list-ls .caption{ text-align:center}
.list-ls .thumbnail{background:rgba(255,255,255,0.6)!important; margin-top:10px}
.list-ls .img-responsive{ margin-left:auto; margin-right:auto}
.list-ls a{ color:#900}
.list-ls a:hover{ text-decoration:underline}
.sxls-tit{ font-size:18px; color:#900; font-weight:bold; border-bottom:2px solid #333; padding-bottom:5px}
.list-ls-tit{ background:none; text-align:center; color:#fff; margin-bottom:10px; border-bottom:2px solid #fff; padding-bottom:15px}
.list-ls-tit h2{ margin-bottom:0; padding-bottom:0}
.panel-default .tit-bg{ background:#930; color:#fff}
.sfjs-jj { margin:15px;}
.sfjs-jj a{ color:#930}
.sfjs-jj a:hover{ text-decoration:underline}
.lt-sp a img{ height:160px; width:auto}
/*neir*/
.za-nr-mbx{ margin-bottom:0}
.za-nr h1{ font-size:24px}
.za-nr a{ color:#2f81d1;}
.za-nr a:hover{ color:#0421cc;}
.za-nr img{
  display: block;
  height: auto;
  max-width: 100%;
  margin-left:auto; margin-right:auto
}
.bs-docs-section a{ color:#930}
.bs-docs-section a:hover{ color:#900; text-decoration:underline}
.bs-docs-section .list-group a{ color:#333}
.bs-docs-section .list-group a:hover{ color:#930; text-decoration:none}
/*bwg*/
.bwg h1{ font-weight:bolder; padding-bottom:10px; border-bottom:1px solid #930 }
.bwg h2{ font-weight:bolder; padding-bottom:10px; border-bottom:1px solid #930 }
.bwg h3{ font-weight:bolder; padding-bottom:10px; border-bottom:1px solid #930 }
.bwg h4{ font-weight:bolder; padding-bottom:10px; border-bottom:1px solid #930 }
.bwg h1{background:url(../images/bwg-border.png) no-repeat 0 10px; padding-left:30px}
.bwg h2{background:url(../images/bwg-border.png) no-repeat 0 6px; padding-left:30px}
.bwg h3 small{ font-size:16px; color:#666}
.bwg h4 small{ font-size:16px; color:#666}
.bwg .thumbnail{ margin-bottom:15px}


.imgList{overflow:hidden;width:100%;margin:0 auto;padding-bottom:30px; text-align:center}
.imgList li{width:260px;height:120px;float:left;margin:30px 0px 0 20px;overflow:hidden;display:inline;position:relative;}
.imgList li img{width:260px;height:120px;position:relative;display:block;z-index:2;}
.mask{width:260px;height:120px;background:#930;top:-250px;left:0;position:absolute;z-index:3;}
.mask h2 a{ color:#FFF}
.mask p{ color:#ccc}

.sy-r-ls{ padding:5px}
.sy-r-ls .tit{ font-size:18px; font-weight:bold; margin-bottom:0}
.sy-r-ls .gd { margin-right:5px; margin-bottom:0; float:right}
.sy-r-ls .gd a{ color:#900}
.sy-r-ls .gd1 { margin-right:5px; margin-bottom:0}
.sy-r-ls .gd1 a{ color:#900}
.ex-ls { text-align:center; padding-bottom:0px; margin-bottom:-6px}
.ex-ls .thumbnail{ padding-bottom:0}
.ex-ls .caption{ padding-bottom:0px}
.qg-ls{text-align:center;}
.qg-ls li { margin-left:5px; margin-right:5px}
.qg-ls li img{ width:150px; height:200px}
.bajg-ss{ margin:0; padding:0}
.bajg-ss .form-control{ width:210px} 
.bajg-ss .btn-default{ width:66px}
.rdzt { text-align:center}
.rdzt .pic{ line-height:8px}
.sj-foot{ text-align:center;}
.sj-foot a{ color:#333}
.fz-sx .caption{ text-align:center}
@media (min-width: 768px) {
  .sj-foot{ display:none !important;}
}
/*qbal*/
.qbal-list{ text-indent:2em; padding:0 15px}
.qbal-tit{ text-align:center; font-size:18px; margin-bottom:10px; font-weight:bold; color:#900}

/*刑事辩护之被告人*/
.xb-bgr{ padding:0;}
.nav-3j{ padding-left:10px;}
.xb-bgr h1{padding-bottom:15px; border-bottom:1px solid #930!important; padding-top:1em!important; background:url(../images/bwg-border.png) no-repeat 0.5em 1.2em; padding-left:1.8em;}
.xb-bgr h2{ padding-left:1.5em; margin-top:10px; font-size:18px;}
.xb-bgr h3{ padding-left:1.7em; margin-top:14px; font-size:16px;}
.why-img{ width:100%; padding:2px; border:1px solid #ddd; border-radius:3px;}
.img-text{ text-align:center; display:block; width:100%!important;}
.img-spacing{ margin:0 0.5em;}
.cont-padding{ padding:0 1em;}
.img-left span{ margin-left:1em; padding-top:0.5em;}
@media (min-width: 768px) {
 .why-img{ margin-left:1em;}
 .al-teshu{ width:17%!important;}
}
@media (max-width: 768px) {
 .why-img{ width:94%; margin-left:3%;}
 .img-left span{ margin-left:0;}
 .alrw { margin-bottom:1em;}

}


.line{ border-bottom:1px dotted #ddd; padding-top:1em;}
.mingyan{ padding:1em 1em 0;}
.noborder{ border-bottom:none!important; padding-bottom:1em!important;}
.mingyan span{ display:block; text-align:right; padding-right:1em; border-bottom:1px dotted #ddd; padding-bottom:2em;}

.xbbgr-ul{margin:0 3em;}
.xbbgr-ul li{ margin:1em 0; list-style:circle;}
.bgrql-main{ margin:1em 0;}
.bgrql-main-cont{ margin-top:1.5em;}

.img-cont{ text-align:center; width:100%; padding:1em 0;}
.img-cont span{ display:inline-block;width:30%;}
.img-cont img{ width:100%; padding:2px; border:1px solid #ddd; border-radius:3px; margin:0.5em 0;}

/*刑事辩护之历程*/

.xblc-al{ margin-top:2em;}
.alrw img{padding:2px; border:1px solid #ddd; border-radius:3px; width:35%; float:left; margin-right:1em;}
.alrw-img{ width:100%;}

/*刑事辩护之公益*/
.xbgyhdbt{ display:block; text-align:center}
.gyws-ul li{ line-height:2em; list-style:circle;}
.flgytb img{ width:100%;}
.xbgyhd{ margin-bottom:1em;}

/*中西方刑罚*/
.sxbx-ul li,.rxbx-ul li,.zyxbx-ul li,.ccxbx-ul li{ margin:1em 0; list-style:circle;}
.sxbx-ul li img,.rxbx-ul li img,.xfxf img{ padding:2px; border:1px solid#ddd;}
#szcrx-xrmj img,.qyimg-bottom,.dpbhzs-img{ margin-bottom:1em;}
/*刑事专题*/
.xszt-bg,.rongyu-bg,.lsjj-bg{ background:#fff; border-radius:3px;}
.border-color{ border-color:#930;}
.xszt-h1{ font-size:2em; padding-left:2em; background:url(../images/bwg-border.png) no-repeat 0.5em 0.2em;}
.xszt-h2{ font-size:1.5em; border:none; padding-left:2.5em; padding-bottom:0; font-weight:normal; background:url(../images/bwg-border.png) no-repeat 0.5em;}
.xszt-h2 small{ margin-right:2em;}
.xszt-h2 small a{ color:#666;}
.xszt-h2 small a:hover{ color:#930;}
.margin-bottom{ margin-bottom:1em;}
.xszt-lb li{float:left; text-align:center;}
.xszt-lb li a{ display:block; padding:0.5em 0; border-bottom:1px solid #ddd;}
.xszt-lb li a:hover{ background:#3385d5; color:#fff;}

/*荣誉*/
.ry-dbt{
	background:url(../images/rongyu/ry-bt.png) no-repeat center; padding:1em 0; font-size:2em; text-align:center;
	}
.ry-xbt{
	background:url(../images/rongyu/ry-bq.png) no-repeat; font-size:1.3em; font-weight:bold; position:relative; left:-23px; padding:0.2em 0 1em 1.5em; color:#963; text-shadow:-0.5px -1px rgba(255,255,255,.5);
	}
.ry-img{ margin-bottom:1em;}
.ry-img span,.lsjj-img span{ display:block; margin-top:0.5em; text-align:center;}

/*律师简介*/
.lsjj-bg{ padding:0 3em;}
.text-indent{text-indent:2em;}
.lsjj-head{ background:url(http://www.scxsls.com/css2014/images/ls-topbg.jpg) repeat-x;}
.lsjj-head .container img{ margin:0 auto}
.ls-weibo{ background:#ddd; height:300px;}
.lsjjcont-nav{ border-bottom:1px solid #930; padding:1em 0;}
.lsjjcont-nav a{ padding:0.5em 0.5em; display:inline-block; margin-right:1em;font-size:1.2em;}
.lsjjcont-nav a:hover{ background:#930; color:#fff;}
.lsjj-bg h1{ font-size:24px}
.lsjj-bg h2{ font-size:1.2em;}
.lsjj-bg h2 span{ color:#930;}
.lsjj-bg ul li,.lsjj-bg ol li{ margin:1em 0;}
.lsjj-bg p{ text-indent:2em}
.lsjj-img{ margin-bottom:1em;}
.lsjj-img img{ width:100%;}
.lsjj-bn{ text-align:center;}
.lsjj-bn a{ display:block; background:#930; padding:20px; color:#FFF; font-size:18px; margin:10px 0}
.lsjj-bn a:hover{ background:#C30}

@media (max-width: 768px) {
 .lsjj-bg #lthd img,.lsjj-bg #rwhy img,.lsjj-bg #txl img{ width:60%; margin-left:20%;}
}
@media (min-width: 768px) {
 .lsjj-img img{ height:210px}
}
/*律师微信专题*/
.lszt-tit{ background:#930}
.lszt-tit h1{ font-size:24px; color:#fff; padding:10px}


/*首席律师致辞*/
.sxlszc-bg{ background:url(../images/sxlszc/lszc-bg.jpg) repeat; font-size:1.3em;}
.sxlszc-main{ -webkit-box-shadow:0px 10px 40px rgba(0,0,0,.2),-10px 0px 40px rgba(0,0,0,.2),10px 0px 40px rgba(0,0,0,.2),0px -10px 40px rgba(0,0,0,.2);
              -moz-box-shadow:0px 10px 40px rgba(0,0,0,.2),-10px 0px 40px rgba(0,0,0,.2),10px 0px 40px rgba(0,0,0,.2),0px -10px 40px rgba(0,0,0,.2);
              box-shadow:0px 10px 40px rgba(0,0,0,.2),-10px 0px 40px rgba(0,0,0,.2),10px 0px 40px rgba(0,0,0,.2),0px -10px 40px rgba(0,0,0,.2);
			  border-radius:15px;
			  
			  }
.sxlszc-cont h1 span{ display:block; line-height:2em; margin-bottom:1em;}
.lsln{ border-right:5px solid #564016; margin-bottom:1em; padding:0 1em;}
.lsln span{ display:block; text-align:right; padding-right:1em;}
.shuming{ text-align:right; padding-right:2em; color:#930;}
@media (max-width: 768px) {
 .sxlszc-cont img{ width:40%; margin-left:30%;}

}

/*话题*/
.huati p{ text-indent:2em; font-size:1.2em;}
.huati-head{ -webkit-box-shadow:0 10px 10px rgba(0,0,0,.3); -moz-box-shadow:0 10px 10px rgba(0,0,0,.3); box-shadow:0 10px 10px rgba(0,0,0,.3);}
.huati-head h1{ font-size:4em; font-weight:bold; margin-bottom:0.5em; -webkit-text-shadow:3px 3px 1px rgba(0,0,0,.5); -moz-text-shadow:3px 3px 1px rgba(0,0,0,.5); text-shadow:3px 3px 1px rgba(0,0,0,.5);}
.huati-img-bg{ width:100%; height:300px; background:#000;}

.huati-head-cont{ position:relative; overflow:hidden;}

.ht-head-cont1{ position:absolute; bottom:0; width:100%; height:300px; text-align:center;}
.ht-head-cont2{ position:absolute; top:173px; width:100%; height:300px;}
.huati-jj{ height:300px;color:#fff;}
.huati-pic{ height:360px; background:#fff; margin-top:-60px; border:5px solid #ddd;}
.huati-pic img{ width:100%; height:300px; margin:12px 0;}
.huati-pic span{ float:right;}
.huati-cont{background:url(../images/sxlszc/lszc-bg.jpg) repeat;
            -webkit-box-shadow:0px 10px 40px rgba(0,0,0,.2),-10px 0px 40px rgba(0,0,0,.2),10px 0px 40px rgba(0,0,0,.2);
            -moz-box-shadow:0px 10px 40px rgba(0,0,0,.2),-10px 0px 40px rgba(0,0,0,.2),10px 0px 40px rgba(0,0,0,.2);
            box-shadow:0px 10px 40px rgba(0,0,0,.2),-10px 0px 40px rgba(0,0,0,.2),10px 0px 40px rgba(0,0,0,.2);
			}
.ht-cont h3{ background:url(../images/huati/huati-bq.png) 0 0px no-repeat; padding:18px 0 24px 7em; margin-left:-1em; border:none;}
.ht-cont,.ht-xgnews,.ht-wqzt{ margin-bottom:3em;}
.ht-img-right{ float:right;}
.ht-right-border{ border:1px solid #930;}
.ht-xgnews h3,.ht-wqzt h3,.ht-lxwm h3,{ border-bottom:1px solid #930; padding-bottom:1em;}
.ht-xgnews ul li{ list-style:circle; padding-right:1em; margin:1em 0;}
.ht-xgnews ul li a,.ht-wqzt ul li a{ color:#000; font-size:1.2em;}
.ht-xgnews ul li a:hover,.ht-wqzt ul li a:hover{ color:#930;}
.ht-wqzt ul li{padding:0 1em;margin:1em 0;}
.ht-wqzt .line{ border-color:#930;}
.ht-info{ padding:0 1em; line-height:1.7em; margin-bottom:1em;}
@media (max-width: 768px) {
 .huati-pic{ margin-top:-20px;}
 .huati-head{ margin-bottom:27.7em;}
 .ht-img-right{ width:100%}
 .ht-cont img{ width:60%; margin-left:20%;}
 .ht-cont h3{ padding:3em 0 0 1em;}
}

/*分页代码*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px auto;
}
.pagination a,.pagination b{ display:block; float:left; padding:4px 10px; border:1px solid #CCC; margin-left:-1px;}
.pagination b{ margin-right:-1px}
.pagination a:hover{ background:#dedede}
.pagination a:first-child,.pagination b:first-child{border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination a:last-child,.pagination b:first-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

/*news*/
.news-dh{ margin:0px; padding:0}
.news-dh li{ float:left; margin-right:15px; list-style:none; line-height:28px}
.news-zmdh button{ border:none}
.news-zmdh .btn-group{ margin-right:2px; margin-left:1px}
.news-zmdh h3{ font-size:16px; float:left; margin-top:2px; margin-right:10px; font-weight:bold}
.news-h3{ font-size:16px; margin-top:2px; margin-bottom:0; margin-right:10px; font-weight:bold}
/*首页幻灯文字背景*/
.carousel-caption {
  position: absolute;
  right: 2%;
  bottom: 10px;
  left: 2%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 0px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background:rgba(0,104,206,0.7)!important
}

@media (min-width: 768px) {
.zxzx{position:fixed; top:300px;  right:0px}
.zxzx a{ display:block; width:150px; height:200px; background:url(http://www.scxsls.com/d/file/201410/72952afba113024658e241a604d4db6a.jpg)}
}
@media (max-width: 768px) {
.zxzx{position:fixed;right:0px; bottom:0px;}
.zxzx a{ display:block; width:200px; height:50px; background:url(http://www.scxsls.com/d/file/201410/eadb0572fa93d6314db7af7cd76b5a75.jpg)}
}

@media (max-width: 1199px){
.top-one .thumbnail{height:230px;}
}