/*
  Theme Name:重庆离婚律师站主题
  Description:本主题为woniuseo.com专门为柳涛律师打造的lvshi023.com站点主题~
  Theme URI: http://www.woniuseo.com
  Author: 蜗牛SEO
  Author URI: http://www.woniuseo.com/
  Version: 1.0
*/
body{font:14px/24px SimSun,arial;text-align:left;color:#333;}
*{padding:0;margin:0;font-family: Microsoft Yahei;}
li{list-style:none;}
a{color:#333;text-decoration:none;}
a:hover{color: #06c;}
.clear{clear:both;}
.width{width:1200px;margin:0 auto;}

/**header*nav**/
.header{padding:20px 0;}
.header .logo{float:left;padding-left:20px;}
.header .phone{float:right;padding-right:20px;}
nav{border-top:1px solid #dadada;}
nav ul{width:1000px;    margin: 0 auto;}
nav ul li{float:left;width:12.5%;text-align:center;border-top:2px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
nav ul li:hover{border-color:#c40000;}
nav ul li a{padding:15px 0;display: block;}
nav ul li a:hover{color:#333;}

/**banner**/
.banner {overflow:hidden;width:100%;height:100%;position:relative;float:left;}
.banner .pic img {width:100%;}
.banner .pic>img:not(:first-child){display:none;}
.banner .hd{height: 15px;width: 100%;margin: 0px auto;margin-top: -70px;position: absolute;z-index: 3;text-align: center;}
.banner .hd span {width:10px;height:10px;display:inline-block;background-color:#b4b5b7;border-radius:50%;margin:0px 2px;cursor:pointer;}
.banner .hd span.hover {background-color:#ffb23c;}
.banner .arrow {display: none;width: 30px;height: 60px;background-color: rgba(0,0,0,0.4);position: absolute;top: 50%;margin-top: -30px;z-index:999;}
.banner .arrow span {display: block;width: 10px;height: 10px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;}
.banner .arrow .slider_left {margin: 25px 0 0 10px;transform: rotate(45deg);}
.banner .arrow .slider_right {margin: 25px 0 0 5px;transform: rotate(-135deg);}
.banner .prve {left: 0;}
.banner .next {right: 0;}
.banner .arrow:hover{background:#444;}
.banner:hover .arrow{display:block;}

/**search**/
.search{background: url(img/sousuo_bg_01.jpg);width: 100%;}
.search .width{position: relative;height: 60px;margin: 0 auto;top:-35px;max-width: 1200px;width: 96%;background:#c40000;padding:25px 0;}
.search .message{font-size:12px;padding: 15px 40px;margin-left: 10px;float: left;background:url(img/message.png) no-repeat left;}
.search .message a{color:#fff;}
.search .width form{float:right;}
.tab_search{width:430px;    padding: 10px 0;}
.searchinput{float: left;margin-top: 3px;background: url(img/sousuokuang.jpg);border: 0px;height: 20px;width: 320px;color: #000;font-size:12px;line-height: 20px;padding: 7px 0 7px 8px;background: #fff;}
.searchaction{float: left;position: relative;top: 2px;left: 2px;background: #fff;border: 0;height: 36px;width: 82px;cursor: pointer;color:#b82d08;}

/**changshi**/
.changshi img{float:left;padding:10px;border:1px solid #ddd;width:540px;}
.cslist{float:right;width:620px;}
.cslist .csitem ul li{float:left;width:25%;border:1px solid #dadada;border-right:0;height: 40px;line-height: 38px;padding-top:2px;background:#f4f4f4;text-align:center;cursor:pointer;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.cslist .csitem ul li span{background:#f4f4f4;display:inline-block;width:100%;height:100%;}
.cslist .csitem ul li:nth-child(4){border-right:1px solid #dadada;}
.cslist .csitem ul li.active{background: #c40000;border-bottom: 0;padding-top:2px;}
.cslist .csitem ul li.active span{background:#fff;display:inline-block;width:100%;height:100%;}
.cslist .csitem ul li:hover{padding-top:2px;background:#c40000;}
.cslist .cscont{border:1px solid #dadada;border-top:0;display:none;    height: 341px;    overflow: hidden;}
.cslist .cscont .topone h4{line-height:50px; text-align:center;}
.cslist .cscont .topone .info p{text-indent: 2em;margin: 0 20px;padding-bottom: 20px;border-bottom: 1px dotted #bbb;color:#666;    height: 72px;overflow:hidden;}
.cslist .cscont ul li{height: 20px;font-size: 16px;padding: 5px;list-style: circle; margin-left: 40px;}
.cslist .cscont ul li h5{float: left;line-height: 30px;font-weight: normal;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cslist .cscont ul li span{float:right;position:relative;right:10px;    color: #aaa;}

/**fengcai*panjunshu**/
.fengcai{margin-top:30px;}
.titlebox{border-top:1px solid #ddd;}
.titlebox h2{float: left;padding:15px 30px;display:inline-block;color:#c40000;border-top:2px solid #c40000;font-weight:normal;font-size: 18px;}
.titlebox span{float:right;padding:15px 10px 0 0;}
.fengcai ul li{float:left;width:23.5%;padding-right:2%;}
.fengcai ul li:nth-child(4){padding:0;}
.fengcai ul li img{width:100%;height:210px;}
.fengcai ul li h4{position:relative;top:-5px;margin: 0;padding: 0 8px;height: 45px;line-height: 45px;background: #f4f4f4;font-size: 14px;box-shadow: 0 1px 3px rgba(0,0,0,.2);font-weight:normal;text-align:center;}

/**liucheng**/
.liucheng{padding-top:20px;}
.liuchengbox{padding-top:50px;text-align:center;color:#c40000;}
.liuchengbackground{background:url(img/wujiaoxing.png) no-repeat top;}
.liuchengbox h2{font-weight: normal;margin: 0 auto;padding-bottom: 5px;font-size: 18px;border-bottom: 1px solid #c40000;width: 140px;}
.liucheng ul li{width:50%;float:left;padding-top:40px;padding-right:1%;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.liucheng ul li:nth-child(2n){padding-left:25px;}
.liucheng ul li .lcleft{float:left;}
.liucheng ul li img{float:right;width:208px;height:156px;}
.liucheng ul li .date{font-size: 20px;color: #333;}
.liucheng ul li .year{font-size: 16px;color: #666;}
.liucheng ul li h4{font-weight:normal;padding:10% 0;}
.liucheng .more,.huanjing .more{width:130px;margin:30px auto;height:40px;line-height:40px;border: 1px solid #dadada;background: #f4f4f4;color: #333;text-align: center;}

/**huanjing**/
.huanjing{margin-top:0;}
.huanjingbackground{background:url(img/huanjing.png) no-repeat top;}
.huanjing ul{padding-top:40px;}
.huanjing h2{width:100px;}

/**zhishi*jiguan**/
.zhishijiguan{margin-bottom:10px;}
.zhishijiguan img{float:left;width:540px;padding:10px;border:1px solid #ddd;}
.zhishijiguan .zsjg{float:right;width:620px;height:382px;border:1px  solid #ddd;}
.zhishijiguan .zsjg .title{text-align: center;line-height: 40px;color: #c40000;border-top:2px solid #c40000;}
.zhishijiguan .zsjg .description{text-align:center;color:#c40000;padding-bottom:85px;margin:0 20px;border-bottom:1px dotted #eee;}
.zhishijiguan ul li{height: 25px;font-size: 16px;padding: 5px;list-style: circle; margin-left: 40px;}
.zhishijiguan ul li h5{float: left;line-height: 25px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zhishijiguan ul li span{float:right;position:relative;right:10px;    color: #aaa;}

/**about**/
.about{padding-bottom:60px;border-bottom:1px solid #eee;}
.about .width{border-top:1px solid #ddd;}
.about h2{width: 160px;text-align: center;line-height: 60px;font-size: 18px;color: #c40000;font-weight: normal;border-top: 2px solid #c40000;}
.about .info{float:left;width:600px;}
.about .info img{width:260px;height:212px;float:left;}
.about .info .intro{width:280px;padding:0 20px;float:right;}
.about .info .intro a{padding: 10px 40px;background: #c40000;color: #fff;position: relative;top: 60px;right:10px;}
.about .address{float:right;width:550px;padding-top:100px;background:url(img/address.png) no-repeat top;}
.about .address h3{color:#c40000;color:#666;text-align:center;padding:20px;}
.about .address p{font-family:simsun;text-align:center;}
.about .address .more{text-align:center;margin-top:15px;}
.about .address .more a{padding: 10px 60px;background: #c40000;color: #fff;border-radius: 20px;}

/**foot*link**/
footer .infomation{float:left; width:800px;padding-top:50px;}
footer .qrcode{float:right;text-align:center;padding-right:20px;}
.link{border-top:1px solid #eee;padding:10px;line-height:20px;}
.link a{color:#888;padding:0 10px;}

/**sidebar**/
#body .neiyecontainer, #divbody .neiyecontainer{padding:20px 0;border-bottom:1px solid #ddd;}
aside{float:left;width:270px;}
.widget h2{background:#c40000;font-size:12px;text-align:center;line-height:36px;color:#fff;}
.widget ul{padding:15px;background:#f4f4f4;}
.widget ul li{line-height:38px;padding-left:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.widget ul li a{color:#666;}
.product ul li{border-bottom:1px solid #ccc;}
.widget .more{text-align:center;padding-top:20px;}

/**category**/
.main{width:910px;float:right;}
.bread{background:#eee;line-height:36px;padding:0 10px;border-bottom:2px solid #ccc;}
.breadcrumbs{color:#000;font-weight:bolder;}
.breadcrumbs a,.breadcrumbs span{font-weight:normal;}
.main .catlist{padding-top:20px;}
.main .catlist ul li{float:left;background:#eee;margin:0 15px 10px 0;}
.main .catlist ul li a{padding:5px 30px;}
.main .catlist ul li.hover a,.main .catlist ul li:hover a{background:#c40000;color:#fff;}
.articlelist li{border-bottom: 1px dashed #ddd;height:190px;}
.articlelist li div{float:left;width:680px;padding:10px;}
.articlelist li div span{font-size:16px;}
.articlelist li div .y{color:#999;}
.articlelist li div h4{line-height:40px;font-weight:normal;font-size:16px;    font-family: simsun;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.articlelist li p{color:#333;text-indent:2em;}
.articlelist li img{float:right;width:196px;height:146px;padding:20px 0;}

.pagenavi{text-align: center;padding-top: 20px;}
.pagenavi a{width:20px; height:20px;border:1px solid #eee;margin:5px;    padding: 5px 10px;}
.pagenavi span{border:1px solid #eee;    padding: 5px 10px;}
.pagenavi a.current,.pagenavi a:hover{color:#fff;background:#c40000;}

/**service**/
.servicelist li{line-height:30px;height:30px;border-bottom:1px dashed #ddd;}
.servicelist li a{font-weight:normal;padding-left:10px;}
.servicelist li span{float:right;}

/**fengcai*panjueshu**/
.main .fengcai ul li,.main .fengcai ul li:nth-child(4n){width:31%;padding-right:3.5%;}
.main .fengcai ul li:nth-child(3n){padding-right:0;}
.main .fengcai ul li h4{background: #c40000;top: -10px;color: #fff;}

/**page*single**/
.pagecon img{padding:20px 0;]}
.pagecon p{text-indent:2em;}

.singlecon{padding-top:30px;}
.singlecon .titlebox{border:0;text-align:center;}
.singlecon .titlebox h1{font-weight:normal;font-size:20px;line-height:40px;}
.singlecon .titlebox span{float:none;line-height:60px;}
.singlecontent p{text-indent:2em;color:#666;    padding: 10px 0;}
.article-nav{padding:20px 0;height:30px;}
.article-nav-prev{float:left;}
.article-nav-next{float:right;padding-right:40px;}
.related_article .title{font-size:18px;font-weight:normal;line-height:40px;color:#c40000;padding-left:20px;border-bottom:1px solid #ddd;}
.related_article ul li{float:left;width:48%;margin-right:2%;border-bottom:1px dashed #ddd;line-height:40px;}
.related_article ul li a{padding-left:10px;color:#333;}

/**ask**/
.pagecon .ask{padding: 10px;}
#submit{padding:5px 10px;}

.mfootmenu{display:none;}

@media screen and (max-width: 900px) {/*手机自适应宽度500-900*/
.width{width:100%;max-width:900px;}
.header{padding:0;}
.header .logo{width:58%;padding:0;}
.header .phone{width:42%;padding:0;}
nav ul{width:100%;}
.tab_search{width:230px;}
.searchinput{width:120px;}
.search .message{padding-right:0;}

.changshi img{width:45%;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
.cslist{width:55%;}
.fengcai ul li img {height: 140px;}
.liucheng ul li .lcleft {width: 50%;}
.liucheng ul li img {width: 50%;}
.liucheng ul li:nth-child(2n){padding-left:0;}
.zhishijiguan img {width: 55%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.zhishijiguan .zsjg {width: 45%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.about .info {width: 100%;float:none;    height: 300px;}
.about .address {width: 100%;float: none;}

footer .infomation {width:66%;}
footer .qrcode {width: 33%;padding: 0;}

aside {display: none;}
.main {width: 100%;}
.articlelist li div {width: 77%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.articlelist li img {width: 22%;}
.articlelist li p {height: 72px;overflow: hidden;}
.singlecontent,.page{padding:10px;}
footer .infomation {padding-left: 10px;}

}


@media screen and (max-width: 500px) {/*手机自适应宽度500以下*/
nav ul {border-top: 1px solid #f00;}
nav ul li {width: 25%;border: 1px solid #f00;}
nav ul li a {padding: 10px 0;}
.search .width {padding: 0;height: 120px;}
.search .width form {float: none;padding-left: 40px;}
.changshi img {width: 100%;float: none;}
.cslist {float: none;width: 100%;}
.fengcai ul li img {height: 90px;}
.liucheng {padding-top: 40px;}

.zhishijiguan img {width: 100%;}
.zhishijiguan .zsjg {width: 100%;}
.zhishijiguan .zsjg .description {padding-bottom: 10px;}

.about .info img {width: 100%;}
.about .info .intro {width:98%;padding:1%;float:none;}
.about .address {float: none;margin-top: 150px;}

footer .infomation {width: 96%;padding: 2%;}
footer .qrcode,.link{display: none;}

/**neiye**/
.articlelist li div {width: 70%;padding: 1%;}
.articlelist li img {width: 30%;}
.article-nav-prev,.article-nav-next{float: none;}
.singlecon {padding: 30px 1%;}
.singlecontent, .page{padding:0}
.related_article ul li {float: none;width: 100%;}
.page{padding: 1%}

footer{padding-bottom: 54px;}
.mfootmenu{    width: 100%;border-top: 1px solid #1d1d1d;border-bottom: 1px solid #000;height:54px;background:#474747;position: fixed;bottom: 0;left: 0;
background-image: -webkit-gradient(linear, center top, center bottom, from(#474747), to(#2f2f2f));
background-image: -webkit-linear-gradient(top, #474747, #2f2f2f);
background-image: -moz-linear-gradient(top, #474747, #2f2f2f);
background-image: -o-linear-gradient(top, #474747, #2f2f2f);
background-image: -ms-linear-gradient(top, #474747, #2f2f2f);
background-image: linear-gradient(to bottom, #474747, #2f2f2f);
background: #474747;
background: -moz-linear-gradient(top, #474747 0%, #2f2f2f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474747), color-stop(100%, #2f2f2f));
background: -webkit-linear-gradient(top, #474747 0%, #2f2f2f 100%);
background: -o-linear-gradient(top, #474747 0%, #2f2f2f 100%);
background: -ms-linear-gradient(top, #474747 0%, #2f2f2f 100%);
background: linear-gradient(to bottom, #474747 0%, #2f2f2f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#2f2f2f', GradientType=0); }

.mfootmenu{display:block;}
.mfootmenu ul li{    float: left;width: 25%;text-align: center;position: relative;}
.mfootmenu ul li a{color: #fff;width: 100%;height: 54px;display: block;padding-top: 28px;}
.mfootmenu ul li a i{padding:12px;background-size:25px;}
.mfootmenu ul li a i {top: 3px;left: 40%;position:absolute;}
.mfootmenu ul li:nth-child(1) a i{background:url(img/icon.png) no-repeat;}
.mfootmenu ul li:nth-child(2) a i{background:url(img/icon.png) no-repeat 0 -25px;}
.mfootmenu ul li:nth-child(3) a i{background:url(img/icon.png) no-repeat 0 -50px;}
.mfootmenu ul li:nth-child(4) a i{background:url(img/icon.png) no-repeat 0 -75px;}



}