/*
  Theme Name:尤辰荣刑事站主题
  Description:本主题为shangun.com专门为尤辰荣律师打造的lingle64.com站点织梦dedecms转wordpress的主题~
  Theme URI: http://www.shangun.com
  Author: 山滚网络
  Author URI: http://www.shangun.com/
  Version: 1.0
*/
body{font:14px/24px SimSun,arial;text-align:left;color:#333;}
*{padding:0;margin:0;}
li{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color: #06c;}
.clear{clear:both;}
.width{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.rel{position:relative;}
.abs {position:absolute;}

/***header***/
.header{height: 140px;background: url(img/headerbg.png) center 0 #262A35 no-repeat;overflow: hidden;}
.top{height: 29px;line-height: 29px;background: #262A35;border-bottom: #222 solid 1px;color:#fff;}
.top a{color:#fff;color: #fff;padding: 10px;}
.top a:hover{color: #C2C6D3;text-decoration: underline;}
.logobar{height:120px;position:relative;}
.logobar .logo{left: 0;top: 7px;}
.logobar .tel{right: 20px;top: 26px;width:206px;height:58px;}

/*nav*/
nav{width: 100%;height: 42px;z-index: 99;background: #262A35;}
nav .width{overflow: inherit;}
nav ul li{float: left;height: 42px;width:11.11%;position: relative;}
nav ul li:first-child,nav ul li:hover{color:#fff;background:#D4C790;}
nav ul li a{display: block;text-align: center;line-height: 42px;font-size: 16px;color: #fff;font-family:Microsoft YaHei;}
nav ul li:first-child a,nav ul li:hover a{color:#000;}
nav ul li .sub-menu{display:none;position:absolute;z-index:2;width: 100%;}
nav ul li .sub-menu li{background:#3c3e42;width:100%;border-bottom: #262a3540 solid 1px;}
nav ul li:hover .sub-menu{display:block;}
nav ul li .sub-menu li:hover{background:#D4C790;}
nav ul li .sub-menu li a{color:#fff;}
nav ul li .sub-menu li:hover a{color:#000;}

/*banner*/
.banner {position:relative; z-index:1; background:#000000;}
.focusBox { position: relative; width:100%; height:560px; overflow: hidden; }
.focusBox .pic{ height:560px; display: block; }
.focusBox .pic li { height:560px; display: block; position:relative;}
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:10px; left:50%; margin-left:-40px; z-index:3}
.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:16px; height:16px; border-radius:8px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .hover{ background:#fff; filter:alpha(opacity=100);opacity:1;   }
.banner1_img1 {width:528px; height:48px; background:url(img/banner1_img1.png) no-repeat; left:50%; top:380px; margin-left:-264px; opacity:0;}
.banner1_img2 {width:292px; height:21px; background:url(img/banner1_img2.png) no-repeat; left:50%; top:450px; margin-left:-131px; opacity:0;}
.banner2_img1 {width:433px; height:148px; background:url(img/banner2_img1.png) no-repeat; left:50%; top:118px; margin-left:-210px; opacity:0;}
.banner2_img2 {width:428px; height:43px; background:url(img/banner2_img2.png) no-repeat; left:50%; top:275px; margin-left:-210px; opacity:0;}
.banner2_img3 {width:423px; height:25px; background:url(img/banner2_img3.png) no-repeat; left:50%; top:332px; margin-left:-210px; opacity:0;}
.banner3_img1 {width:645px; height:69px; background:url(img/banner3_img1.png) no-repeat; left:50%; top:75px; margin-left:-229px; opacity:0;}
.banner3_img2 {width:458px; height:59px; background:url(img/banner3_img2.png) no-repeat; left:50%; top:163px; margin-left:-127px; opacity:0;}
.banner4_img1 {width:551px; height:120px; background:url(img/banner4_img1.png) no-repeat; left:50%; top:180px; margin-left:-324px; opacity:0;}
.banner4_img2 {width:546px; height:44px; background:url(img/banner4_img2.png) no-repeat; left:50%; top:321px; margin-left:-324px; opacity:0;}

/*topbar*/
.topbar{padding: 10px 0px 0px 0px;background: #BDBFC2;height: 160px;}
.topbar ul li{float: Left;padding-top: 2px;cursor: pointer;height: 155px;border-right: 1px solid #666;width:25%;padding:0 3%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.topbar ul li:hover{background: #CCCCCC;}
.topbar ul li:last-child{border:none;}
.topbar ul li h5{width: 100%;text-align: left;height: 40px;padding-top: 10px;white-space: nowrap;overflow: hidden;line-height:40px;}
.topbar ul li h5 a{font-size:16px;color:#000;font-weight:normal;}
.topbar ul li p{text-indent:0;margin-bottom:0;font-size:12px;height: 70px;overflow: hidden;}
.topbar ul li div{text-align: center;float: right;padding-top: 6px;}
.topbar ul li div a{border: 1px solid #cccccc;color: #55555;margin: 0 auto;display: inline-block;width: 86px;height: 24px;line-height: 24px;background: #aaa;position: relative;text-indent: -10px;font-size:12px;}
.topbar ul li div a em{width: 0;height: 0;font-size: 0;line-height: 0;position: absolute;right: 10px;top: 8px;border-width: 4px;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #999;}

.introduce{padding: 20px 0px 0px 0px;background: #BDBFC2;}
.themaintitle{height: 52px;background: url(img/introbg.png) repeat-x;}
.maintitle,.introduce .title .fr{margin-top: 8px;}
.maintitle{background: #D4C790;border-radius: 19px;width: 170px;line-height: 35px;font-size: 18px;text-align: center;cursor: pointer;font-family: microsoft yahei;font-weight: bold;}
.introduce h1{font-size: 18px;display: inline;}
.introduce .title .fr a{right: 0;top: 10px;font-size: 14px;color:#ccc;}
.lawinfo{width:400px;overflow: hidden;padding-top: 20px;}
.lawinfo .info{background:url(img/photo.jpg) no-repeat left;padding-left:180px;}
.lawinfo .info h4{height: 24px;font-weight: bold;line-height: 24px;font-size: 14px;text-align: left;color: #333333;padding-bottom: 20px;}
.lawinfo .info ul li{padding: 5px 0px;font-weight: normal;font-size: 14px;text-align: left;}
.lawinfo .mation{padding:20px 0;color:#D1583B;}
.lawinfo .mation li{padding:3px 0;}
.introduce .desc{width:400px;padding-top: 20px;line-height: 30px;text-indent:2em;}
.introduce .desc a{color:#fff;}
.introduce .cont{width:400px;margin-top: 15px;padding-left:30px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.introduce .cont li{vertical-align: top;height: 85px;margin-bottom: 10px;overflow: hidden;}
.introduce .cont li a{display: block;position: relative;padding-left:90px;background: #262A35;border-radius: 3px;height:100%;padding-right:10px;}
.introduce .cont li a:hover{background: #2C3A4E;}
.introduce .cont li h3{display: block;font-size: 20px;color: #6C758F;font-weight: bold;padding:5px 0 0 0;}
.introduce .cont li p{color: #666;text-indent:0;text-indent: 0;font-size: 12px;padding-bottom:5px;}
.introduce .cont li i{width:56px;height:56px;position:absolute;left:15px;top:15px;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.introduce .cont li:nth-child(1) i{background:url(img/icon.png) 0 0;}
.introduce .cont li:nth-child(1) a:hover i{background:url(img/icon.png) 0 -59px;}
.introduce .cont li:nth-child(2) i{background:url(img/icon.png) -56px 0;}
.introduce .cont li:nth-child(2) a:hover i{background:url(img/icon.png) -56px -59px;}
.introduce .cont li:nth-child(3) i{background:url(img/icon.png) -112px 0;}
.introduce .cont li:nth-child(3) a:hover i{background:url(img/icon.png) -112px -59px;}
.introduce .cont li:nth-child(4) i{background:url(img/icon.png) -168px 0;}
.introduce .cont li:nth-child(4) a:hover i{background:url(img/icon.png) -168px -59px;}

.thecase{margin:10px 0;}
.thecase ul{width:31%;float:left;margin:10px 0;margin-right:3.5%;border: 1px solid #ddd;-webkit-box-shadow: 2px 2px #eeeeee;-moz-box-shadow: 2px 2px #eeeeee;box-shadow: 2px 2px #eeeeee;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.thecase ul:nth-child(3),.thecase ul:nth-child(6){margin-right:0;}
.thecase ul img{width:100%;}
.thecase ul li{padding-left: 6px;padding-right: 20px;vertical-align: top;position: relative;border-bottom: #daccb3 dashed 1px;}
.thecase ul li:last-child{border-bottom:none;}
.thecase ul li h5{font-weight:normal;}
.thecase ul li a{display: block;height: 32px;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #332102;}

.newsinfo{background: #BDBFC2;height:350px;overflow:hidden;}
.newsinfo .maintitle{background:none;color:#ccc;}
.newsinfo .pass{background: #D4C790;color:#000;}
.newscont{padding:15px 0;height: 300px;padding-bottom: 100px;}
.newscont .fr{width: 700px;}
.newscont h4{font-size: 16px;font-weight: 400;margin-bottom: 5px;font-weight: bold;}
.newscont p{ font-size: 12px;color: #333;line-height: 24px;}
.newsinfo .wenji img{width:100%;height:70px;}
.newsinfo .wenji ul li{float:left;width:48%;padding-right:2%;float:height: 30px;line-height: 30px;}
.newsinfo .wenji ul li h5{font-size:14px;font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsinfo .wenji ul li h5 a{float:left;}
.newsinfo .wenji ul li h5 span{float:right;}

.zmcx{height:415px;overflow:hidden;}
.zmcx .maintitle{background:none;color:#ccc;}
.zmcx .pass{background: #D4C790;color:#000;}
.zmcx .zccont{padding-bottom:20px;}
.zmcx ul{padding:15px 0;}
.zmcx ul li{border-bottom: #ddd dashed 1px;float: left;width:23%;margin-right:2%;}
.zmcx ul li a{display: block;height: 32px;line-height: 32px;overflow: hidden;font-size: 14px;color: #333;}
.zmcx ul li a:hover {color: #000;text-decoration: underline;}
.zmcx .zccont .fr{background: #262A35;border-radius: 10px;padding:5px 20px;margin-right: 20px;}
.zmcx .zccont .fr a{color:#fff;}

.fnav{border-top:1px solid #000;padding:20px 0;}
.fcat{height:120px;float:left;width:20%;border-right:1px solid #e5e5e5;padding:5px 20px 10px 10px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.fcat:nth-child(5){border-right:0;}
.fcat h3{padding-top:0;font-size:16px;}
.fcat ul li{float:left;width:50%;}

footer {width: 100%;height: 208px;border-top: #7C7F85 solid 1px;background: #252A34;}
.footinfo{height: 152px;background:url(img/footerbg.png) no-repeat center;}
.footinfo .width{padding-top:20px;}
.footinfo .flogo,.footinfo .info{float:left;padding-left:20px;}
.footinfo .flogo{padding-top:10px;}
.footinfo .qrcode{float:right;padding-right:20px;}
.footinfo .info{color:#fff;}
.footinfo .info p:nth-child(3){color:#E53333;}
.footinfo .info p:nth-child(4){color:#999;}
.banquan{height: 56px;line-height: 56px;color: #fff;padding-left:40px;}
.link{padding:10px 0;color:#666;background:#ccc;}
.link a{color:#666;padding:0 5px;}

/***rightfloat***/
.rightfloat{  width: 50px ;  height: 250px ;  position: fixed ;  top: 50% ;  margin-top: -126px ;  background:#5a6170;  right: 0 ;  border-radius: 5px 0 0 5px ;  z-index: 999 ; }  
.rightfloat ul{  list-style: none ; }  
.rightfloat .icon li{  width: 49px ;  height: 50px ;  background: url(img/floaticon.png) no-repeat ; }  
.rightfloat .icon li a{  padding:20px ; }  
.rightfloat ul li p{  text-indent: 0em ; }  
.rightfloat .icon .up{  background-position:-330px -120px  ; }  
.rightfloat .icon li.qq{  background-position:-385px -73px  ; }  
.rightfloat .icon li.tel{  background-position:-385px -160px  ; }  
.rightfloat .icon li.wx{  background-position:-385px -120px  ; }  
.rightfloat .icon li.down{  background-position:-330px -160px  ; }  
.rightfloat .info{  top: 50% ;  height: 147px ;  position: absolute ;  right: 100% ;  background:#5a6170;  width: 0px ;  overflow: hidden ;  margin-top: -73.5px ;  transition:0.5s ;  border-radius:4px 0 0 4px  ; }  
.rightfloat .info.hover{  width: 145px ;  }  
.rightfloat .info li{  width: 145px ;  color: #CCCCCC ;  text-align: center ; }  
.rightfloat .info li p{  font-size: 1.1em ;  line-height: 3em ;  padding: 15px ;  text-align: left ; }  
.rightfloat .info li.qq p a{  display: block ;  margin-top: 12px ;  width: 100px ;  height: 32px ;  line-height: 32px ;  color: #00DFB9 ;  font-size: 16px;  text-align: center ;  text-decoration: none ;  border: 1px solid #00DFB9 ;  border-radius: 5px ; }  
.rightfloat .info li.qq p a:hover{  color: #FFFFFF ;  border: none ;  background: #00E0DB ; }  
.rightfloat .info li div.img{  height: 100% ;  /*background: #DEFFF9 ;*/  margin: 15px ; }  
.rightfloat .info li div.img img{  width: 100% ;}  /*控制菜单的按钮*/  
.index_cy{  width: 30px ;  height: 30px ;  background: url(img/index_cy.png) ;  position: fixed ;  right: 0 ;  top: 50% ;  margin-top: 140px ;  background-position: 62px 0 ;  cursor: pointer ; }  
.index_cy2{  width: 30px ;  height: 30px ;  background: url(img/index_cy.png) ;  position: fixed ;  right: 0 ;  top: 50% ;  margin-top: 140px ;  background-position: 30px 0 ;  cursor: pointer ; }  

.qqkf{ width: 30px;  height: 30px;  background: url(img/qq.png) no-repeat;  margin-top: 10px;  margin-left: 19px;  float: left; }
.header-plus{  width: 10px;  margin-top: -5px; }
.HuiTab4{  height:50px ; width:500px; }
.tab4Bar span {  background-color: #29ABE2;  cursor: pointer;  display: inline-block;  float: left;  height: 40px;  line-height: 40px;  padding: 0 15px;  width: 44%;  /*新加*/  color: #fff;  font-size: 18px;  font-weight: bold; }
.tab4Bar span.current {  background-color: #119AD4;  color: #fff; }
.h6-more{  float: right;  color: #fff;  margin-top: 14px; }
.h6-more a{  color:#fff; }
.question_form_phone{margin-top:15px;}
.classcat{position:absolute;bottom:20px;margin-left:15px;}
#most-zixun span.current{width:416px;padding:0;text-align:left;}

/**category**/
.catbanner{height: 300px;margin-bottom: 20px;}
.catlawyerbanner{background: url(img/catlawyer.png) #08090E center 0 no-repeat;}
.catcasebanner{background: url(img/case.png) #08090E center 0 no-repeat;}
.catknowledgebanner{background: url(img/knowledge.png) #08090E center 0 no-repeat;}
.catlawbanner{background: url(img/law.png) #08090E center 0 no-repeat;}
.cathotbanner{background: url(img/hotbanner.png) #08090E center 0 no-repeat;}
.catwenjibanner{background: url(img/wenji.jpg) #08090E center 0 no-repeat;}
.catcontactbanner{background: url(img/contact.png) #08090E center 0 no-repeat;}

/**aside**/
aside{width:340px;}
.widgettitle{height: 50px;line-height: 50px;background: #262A35;font-family:Microsoft Yahei;font-weight: normal;}
.widgettitle h3{height: 50px;font-size: 20px;width: 230px;padding:0 0 0 10px;color: #fff;}
.widget{margin-bottom: 20px;position:relative;}
.asidelist ul li{width:100%;height: 65px;border-bottom: #d4d4d4 solid 1px;border-top: #fff solid 1px;overflow: hidden;}
.asidelist ul li a{display: block;position: relative;padding: 10px 0 11px 74px;background: #f3f3f3;}
.asidelist ul li a:hover,.asidelist ul li a.on{background: #D4C790;color: #fff;}
.asidelist ul li a i{width: 40px;height: 40px; background: url(img/icon.png) no-repeat;position: absolute;left: 20px;top: 12px;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.asidelist ul li a:hover i,,.asidelist ul li a.on i{-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}
.catlawyer ul li:nth-child(1) a i{background-position: 0 -463px;}
.catlawyer ul li:nth-child(1) a:hover i,.catlawyer ul li:nth-child(1) a.on i{background-position: 0 -506px;}
.catlawyer ul li:nth-child(2) a i{background-position: -40px -463px;}
.catlawyer ul li:nth-child(2) a:hover i,.catlawyer ul li:nth-child(1) a.on i{background-position: -40px -506px;}

.catcase ul li:nth-child(1) a i{background-position: 0 -119px;}
.catcase ul li:nth-child(1) a:hover i,.catcase ul li:nth-child(1) a.on i{background-position: 0 -162px;}
.catcase ul li:nth-child(2) a i{background-position: -40px -119px;}
.catcase ul li:nth-child(2) a:hover i,.catcase ul li:nth-child(1) a.on i{background-position: -40px -162px;}
.catcase ul li:nth-child(3) a i{background-position: -80px -119px;}
.catcase ul li:nth-child(3) a:hover i,.catcase ul li:nth-child(1) a.on i{background-position: -80px -162px;}
.catcase ul li:nth-child(4) a i{background-position: -120px -119px;}
.catcase ul li:nth-child(4) a:hover i,.catcase ul li:nth-child(1) a.on i{background-position: -120px -162px;}
.catcase ul li:nth-child(5) a i{background-position: -160px -119px;}
.catcase ul li:nth-child(5) a:hover i,.catcase ul li:nth-child(1) a.on i{background-position: -160px -162px;}
.catcase ul li:nth-child(6) a i{background-position: -200px -119px;}
.catcase ul li:nth-child(6) a:hover i,.catcase ul li:nth-child(1) a.on i{background-position: -200px -162px;}

.catknowledge ul li:nth-child(1) a i{background-position: 0 -291px;}
.catknowledge ul li:nth-child(1) a:hover i,.catknowledge ul li:nth-child(1) a.on i{background-position: 0 -334px;}
.catknowledge ul li:nth-child(2) a i{background-position: -40px -291px;}
.catknowledge ul li:nth-child(2) a:hover i,.catknowledge ul li:nth-child(1) a.on i{background-position: -40px -334px;}

.catlaw ul li:nth-child(1) a i{background-position: 0 -205px;}
.catlaw ul li:nth-child(1) a:hover i,.catlaw ul li:nth-child(1) a.on i{background-position: 0 -248px;}
.catlaw ul li:nth-child(2) a i{background-position: -40px -205px;}
.catlaw ul li:nth-child(2) a:hover i,.catlaw ul li:nth-child(1) a.on i{background-position: -40px -248px;}
.catlaw ul li:nth-child(3) a i{background-position: -80px -205px;}
.catlaw ul li:nth-child(3) a:hover i,.catlaw ul li:nth-child(1) a.on i{background-position: -80px -248px;}
.catlaw ul li:nth-child(4) a i{background-position: -120px -205px;}
.catlaw ul li:nth-child(4) a:hover i,.catlaw ul li:nth-child(1) a.on i{background-position: -120px -248px;}

.catcontact ul li:nth-child(1) a i{background-position: 0 -377px;}
.catcontact ul li:nth-child(1) a:hover i,.catcontact ul li:nth-child(1) a.on i{background-position: 0 -420px;}
.catcontact ul li:nth-child(2) a i{background-position: -40px -377px;}
.catcontact ul li:nth-child(2) a:hover i,.catcontact ul li:nth-child(1) a.on i{background-position: -40px -420px;}
.catcontact ul li:nth-child(3) a i{background-position: -80px -377px;}
.catcontact ul li:nth-child(3) a:hover i,.catcontact ul li:nth-child(1) a.on i{background-position: -80px -420px;}
.catcontact ul li:nth-child(4) a i{background-position: -120px -377px;}
.catcontact ul li:nth-child(4) a:hover i,.catcontact ul li:nth-child(1) a.on i{background-position: -120px -420px;}
.asidelist ul li a h4{display: block;font-size: 20px;color: #6C758F;font-weight: bold;font-family: Microsoft Yahei;}
.asidelist ul li a:hover h4,.asidelist ul li a.on h4{display: block;font-size: 20px;color: #6C758F;font-weight: bold;}
.asidelist ul li a p{color: #999999;font-size: 14px;}
.asidelist ul li a:hover p,.asidelist ul li a.on p{color: #fff;}
aside img{width:100%;margin-bottom: 15px;}
.asidelist ul li a em{width: 20px;height: 20px;background: url(img/ico_sgo.png) no-repeat;right: -20px;top: 22px;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s; position: absolute;}
.asidelist ul li a:hover em,.asidelist ul li a.on em{right:10px;}

.widgettitle a{position:absolute;right:5px;top:0;color:#fff;font-family: simsun;}
.widgettitle a:hover{text-decoration:underline;}
.catwenji ul{background: #f3f3f3;padding: 10px 0;position:relative;}
.catwenji ul li{padding-right: 10px;border-bottom: none;padding-left: 25px;position: relative;}
.catwenji li i{width: 5px;height: 8px;background: url(img/ico_article.png) no-repeat;left: 10px;top: 12px;position:absolute;z-index: 1;}
.catwenji ul li a{display: block;height: 32px;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #332102;}
.catwenji ul li:hover a{text-decoration:underline;}

/*catmain*/
.main{width:840px;margin-bottom: 20px;}
.bread{height: 50px;line-height: 50px;padding: 0 10px;background: url(img/loca_bg.png) no-repeat;color: #666;font-size: 14px;padding-left: 10px;}
.bread a{margin: 0 6px;color: #333;}
.bread a:hover{color: #2C3A4E;text-decoration: underline;}
.catlist{border-bottom: #e1e1e1 solid 1px;background: url(img/inn_conBg.png) repeat-y;padding-top: 30px;}
.catlist h1,.catlist .h1{height: 50px;line-height: 50px;padding-left: 18px;background: url(img/inner_rtitBg.png) no-repeat;margin-left: 1px;width: 670px;font-size: 24px;color: #C2A424;font-weight: 400;font-family: Microsoft Yahei;font-weight: bold;}
.catjieshao{padding: 20px 30px;}
.catjieshao p{line-height: 24px;text-indent: 2em;font-size: 14px;margin-bottom: 20px;}
.catjieshao a{width: 130px;height: 60px;background: url(img/ico_yyBtn.png) no-repeat;display: block;text-align: center;margin: 0 auto;}
.lawlist{padding: 20px 30px;}
.lawlist ul li{vertical-align: top;height: 260px;position: relative;border: #dadada solid 1px;margin-bottom: 30px;}
.lawlist ul li img{width: 196px;height: 216px;border: #dfdfdf solid 2px;left: 20px;top: 20px;}
.lawlist ul li h3{padding-left: 240px;padding-top: 30px;}
.lawlist ul li p{padding-left: 240px;font-size: 14px;line-height: 30px;margin-bottom: 5px;color: #666;}
.catgorylist{padding: 20px 30px;}
.catgorylist ul li{vertical-align: top;border-bottom: #999999 dotted 1px;padding: 15px 0;height: 80px;}
.catgorylist ul li h3{font-size: 16px;font-weight: 400;margin-bottom: 10px;color: #333333;}
.catgorylist ul li a{color: #2C3A4E;}
.catgorylist ul li p{font-size: 14px;color: #999999;line-height: 22px;display: inline;}
.catgorylist ul li p a:hover{text-decoration: underline;}
.pagenavi{padding: 20px 0;text-align: center;}
.pagenavi span{color: #fff;background: #2C3A4E;border: 1px #ddd solid;padding: 5px 9px;margin: 0 3px;height: 16px;line-height: 16px;}
.pagenavi a{color: #525252;border: 1px #ddd solid;padding: 5px 9px;margin: 0 3px;height: 16px;line-height: 30px;}
.pagenavi a:hover,.pagenavi a.current{color: #fff;text-decoration: none;background: #2C3A4E;border: 1px #ddd solid;}

/**single*page**/
.singlecon{border-bottom: #e1e1e1 solid 1px;background: url(img/inn_conBg.png) repeat-y;padding-top: 30px;padding: 20px 30px;}
.singlecon .titlebox{text-align:center;}
.singlecon .titlebox h1{font-size: 20px;color: #333;font-weight: 300;padding: 10px 0;    font-family: "Microsoft YaHei";}
.singlecon .titlebox div{padding: 10px 0 10px;border-bottom: #999 dashed 1px;color: #999;}
.singlecon .titlebox div span{padding: 10px;}
.singlecontent{padding-top:20px;}

.bdsharebuttonbox{padding-bottom:20px;}
.article-nav{padding: 20px 10px;border-top: #999 dashed 1px;}
.related_article{width: 100%;border: #ddd solid 1px;}
.related_article .title{height: 30px;line-height: 30px;background: #ddd;padding: 0 10px;font-size: 14px;font-weight: bold;}  
.related_article ul{padding:1%;}
.related_article ul li{margin:0 1%;width:48%;position: relative;border-bottom: #ddd dashed 1px;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.related_article ul li a{line-height:2.5;}
.related_article ul li a:hover{color:#000;text-decoration:underline;}

.catlist .page{min-height: 400px;}
.catlist .page p{line-height: 30px;font-size: 14px;margin-bottom: 10px;color: #666;}

/***sidebar message css setting***/
.catmessage .information{font-size: 15px;padding: 5px 10px;font-weight: 100;color: #000;margin: 5px 0;font-family: Microsoft YaHei;border: 1px solid #ccc;width: 290px;}
.catmessage .infobox{background: #fff;border: 1px solid #ccc;vertical-align: top;width:305px;height: 30px;line-height: 30px;padding-left: 5px;color: #666;font-family: Microsoft YaHei;margin: 5px 0;}
.catmessage .table{background: #f3f3f3;padding:10px 15px;}
.catmessage .item{color: #1364C0}
.catmessage #submit{background: #1364c0;width: 99%;height: 40px;margin: 10px 0;border: 0;border-radius: 5px;color: #fff;font-size: 16px;cursor: pointer;}

.findlaw,.mrightfloat{display:none;}

@media screen and (max-width: 900px) {/*平板自适应宽度501-900*/  
html,body{min-width:0;width:100%;}
.width{width:100%;height:auto;position:relative;}
.header{background: #262a35;height: auto;}
.top {display: none;}
.logobar{height: 60px;}
.logo{left: 0;top: 7px;position: absolute;height: 50px;}
.logobar .tel{right: 0;top: 4px;width: 310px;margin-top: 0;height: 50px;width:auto;}

nav ul li{width: 12.5%;overflow: hidden;}
nav ul li:nth-last-child(2){display:none;}

.focusBox{height:auto;}
.focusBox, .focusBox .pic {height: auto;}
.focusBox .pic li {height: 280px;background-size: 960px!important;}
.focusBox .pic li span {display: none;}
.topbar{display:none;}

.themaintitle {background: none;height: 42px;}
.maintitle{background:none;width: 100%;}
.lawinfo{width:100%;padding-top:0;}
.lawinfo .info{width: 100%;float: none;text-align: center;padding:0;}
.lawinfo .info {background: url(img/photo.jpg) no-repeat center;height: 200px;}
.lawinfo h4,.lawinfo ul{display:none;}
.introduce .desc{width: 98%;padding: 1%;float: none;}
.introduce .desc a{display: block;text-align: center;border: 1px solid #ddd;}
.introduce .cont{display:none;}
.thecase ul {width: 48%;margin-right: 4%;}
.thecase ul:nth-child(3){margin-right: 4%;}
.thecase ul:nth-child(2),.thecase ul:nth-child(4){margin-right:0;}
.newsinfo {height: 440px;}
.newsinfo .themaintitle{margin-top:8;}
.newsinfo .maintitle{float: left;width: 50%;margin-right: 0;border: 1px solid #555;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 19px;}
.newsinfo .themaintitle .pass{background: #D4C790;color: #000;}
.newsinfo img{display:none;}
.newscont .fr {width: 98%;padding: 1%;}
.newscont .fr li{margin-bottom: 13px;}
.newsinfo .wenji ul li{width:98%;padding:0 1%;}

.zmcx,.fnav ul,.footinfo .qrcode,.banquan,.link,.rightfloat{display: none;}
.footinfo {height:auto;padding-bottom: 40px;background: #252A34;}

.fnav {padding: 0;}
.findlaw{display: block;height: 50px;line-height: 50px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;background: #3f434c;}




/*底部咨询及右侧添加微信代码css*/
.mrightfloat{display:block;}
.mfloat{height: 40px;background: #f00;text-align: center;line-height: 40px;font-size: 20px;font-weight: bold;position: fixed;left: 0;bottom: 0;border-top: 1px solid #888;width: 100%;}
.mfloat a{color:#fff;}

.float-right{position: fixed;right: 0;top: 30%;z-index: 998;cursor: pointer;width: 40px;}
.float-right img {width: 100%;right: 0px;}
.shade-model{display: none;position: fixed;height: 3.05rem;left: 0;right: 0;top: 50%;margin-top: -1.52rem;z-index: 1000;}
.shade-model .warpper {max-width: 640px;margin: 0 auto;}
.shade-model .content {width: 80%;margin: 0 auto;padding: 0.3rem 0 0.27rem;text-align: center;background: #FFF;border-radius: 20px;}
.shade-model .content .wechat-ico {padding-bottom: 0.1rem;}
.shade-model .content .wechat-ico img {}
.shade-model .content h3 {font-weight: bold;}
.shade-model .content p:nth-child(3) {color: #999;}
.shade-model .content p:nth-child(4) {padding: 0.12rem 0;}
.shade-model .close-btn {text-align: center;}
.shade-model .close-btn span {display: inline-block;padding: 0.5rem 1.5rem;color: #FFF;background-color: #6f88fe;border-radius: 0.46rem;cursor: pointer;}
.inShade {display: none;position: fixed;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0, 0.5);z-index: 999;}
footer {height: auto;}

/**category*single*page**/
aside{display:none;}
.main{width:100%;}
.bread{background:none;}
.lawlist,.catgorylist,.singlecon{padding:2px;}
.lawlist ul li {height: 160px;overflow: hidden;}
.lawlist ul li img{left: 2px;top: 2px;width: 30%;height: 150px;}
.lawlist ul li h3,.lawlist ul li p{    padding-left: 33%;  padding-top: 5px;}




 }
 
@media screen and (max-width: 500px) {/*手机自适应宽度500以下*/
nav {height: 84px;}
nav ul li {width: 25%;border: 1px solid #555;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.footinfo .flogo{display:none;}




}