body{
padding-bottom:0.76rem;
font-family:sans-serif;
background:#f8f8f8;
}
.banner, .head, .item {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */ }


.banner {
height: 3.2rem;
width: 100%;}

.banner img {
width: 100%;
min-width: 6.4rem;
height: 3.2rem; }
.nav{
overflow:hidden;
background:url(../images/i-nav-bg.jpg) no-repeat;
background-size:6.4rem auto;
}
.nav ul{
width:6rem;
margin:0 auto;
overflow:hidden;
padding:0.4rem 0.2rem 0 0.2rem;
}
.nav li{
width:2rem;
height:1.8rem;
float:left;
overflow:hidden;
}
.nav li a{
display:block;
height:1.4rem;
width:1.4rem;
line-height:0.4rem;
color:#666;
font-size:0.22rem;
overflow:hidden;
text-align:center;
border-radius:50%;
color:#fff;
margin:0 auto;
}

.nav li .ico-1{
background:#a4ce68;
}
.nav li .ico-2{
background:#5d9cec;
}
.nav li .ico-3{
background:#7951df;
}
.nav li .ico-4{
background:#e28e2b;
}
.nav li .ico-5{
background:#d477a9;
}
.nav li .ico-6{
background:#72993a;
}
.nav li .ico-7{
background:#6390ac;
}
.nav li .ico-8{
background:#d2a774;
}
.nav li .ico-9{
background:#a89680;
}
.nav li img{
width:0.5rem;
height:0.5rem;
display:block;
margin:0.2rem auto 0.05rem auto;
}

.i-box{
background:#fff;
padding-top:0.3rem;
}
.i-box-bg{
background:#f0f7f8;
}
.i-title{
height:0.7rem;
background:url(../images/i-title.png) no-repeat bottom center;
background-size:1.5rem auto;
}
.i-in-title{
font-size:0.3rem;
color:#666;
font-weight:500;
text-align:center;
margin:0 auto;
}
.i-title .e-a{
display:block;
text-align:center;
font-size:0.16rem;
color:#666;
text-align:center;
height:0.24rem;
line-height:0.24rem;
}
.i-photo{
text-align:center;
background:url(../images/banner.jpg) no-repeat #14234a;
background-size:6.4rem auto;
width:6.4rem;
height:2.9rem;
padding-top:0.3rem;
}
.i-photo-pic{
width:1.44rem;
height:1.44rem;
border:0.05rem solid rgba(54,62,65,0.8);
border-radius:50%;
overflow:hidden;
display:block;
margin:0 auto;
}
.i-photo-pic img{
width:1.44rem;
height:auto;
margin:0 auto;
}
.i-photo-name{
font-size:0.3rem;
color:#fff;
line-height:0.5rem;
}
.i-photo-lawyer{
font-size:0.22rem;
color:#fbfbfb;
height:0.3rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:0 0.2rem;
}
.i-quick{
width:6.4rem;
height:1.18rem;
background:url(../images/i-quick-bg.jpg) no-repeat #2d315c;
background-size:6.4rem auto;
padding-top:0;
overflow:hidden;
}
.i-quick a{
display:block;
width:50%;
float:left;
height:0.98rem;
color:#fff;
padding-top:0.25rem;
}
.i-quick a i{
display:block;
font-style:normal;
}
.i-quick a .tle{
font-size:0.24rem;
height:0.3rem;
line-height:0.3rem;
margin-top:0.08rem;
}

.i-quick a .e-a{
font-size:0.18rem;
}
.i-quick a img{
width:0.64rem;
height:0.64rem;float:left;
margin:0 0.1rem 0 0.6rem;
}
.i-quick .navig{
float:left;
}

.i-info{
background: -webkit-linear-gradient(top, #fbfdfd,#e6f2f4);
background: -webkit-linear-gradient(top, #fbfdfd,#e6f2f4);
background: -o-linear-gradient(top, #fbfdfd,#e6f2f4);
background: -moz-linear-gradient(top, #fbfdfd,#e6f2f4);
background: linear-gradient(top, #fbfdfd,#e6f2f4);
}
.i-info-txt {
font-size:0.24rem;
line-height:0.36rem;
color:#666;
padding:0.1rem 0.4rem 0.2rem 0.4rem;
}
.i-info-txt a {
    font-size:0.24rem;
    line-height:0.36rem;
    color:#666;
}
.i-field-info{
overflow:hidden;
padding:0.2rem 0.6rem;
}
.i-field-info li{
float:left;
width:2.2rem;
margin:0.1rem 0.2rem;
}
.i-field-info li a{
background:#6390ad;
width:2.2rem;
height:0.6rem;
line-height:0.6rem;
text-align:center;
display:block;
color:#fff;
font-size:0.28rem;
border-radius:0.3rem;
box-sizing: border-box;
}
.i-field-info li a.blue{
background:#6390ad;
}
.i-field-info li a.green{
background:#a4ce68;
}
.i-field-info li a.violet{
background:#d478a9;
}
.i-field-info li a.org{
background:#d2a673;
}

.i-art .i-art-list{
padding:0rem 0.2rem 0.3rem 0.2rem;
}
.i-art .i-art-list li{
line-height:0.7rem;
border-bottom:1px dashed #e5e5e5;
padding:0.3rem 0;
}
.i-art .i-art-list li a{
font-size:0.3rem;
color:#74746a;
display:block;
}
.i-art .i-art-list .tle{
font-size:0.28rem;
color:#333;
height:0.48rem;
line-height:0.48rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.i-art .i-art-list .txt{
font-size:0.24rem;
color:#999;
line-height:0.34rem;
}
.i-art .i-art-hot-pic{
width:1.07rem;
height:1.07rem;
float:left;
margin-right:0.15rem;
margin-top:0.08rem;
}
.i-art .i-art-list  li.more{
color:#999;
background:#fff;
width:6rem;
height:0.6rem;
display:block;
line-height:0.6rem;
padding:0;
margin-top:-1px;
text-align:center;
border-radius:5px;
border:none;
border:1px solid #e5e5e5;
}
.i-art .i-art-list  li.more a{
color:#999;
font-size:0.2rem;
}
.i-msg-content{
width:6rem;
padding-bottom:0.3rem;
}
.i-msg{
width:6rem;
margin:0 0.2rem;
txt-align:center;
}
.i-msg textarea{
border-radius:2px;
padding:0.05rem;
font-size:0.28rem;
width:6rem;
height:3rem;
-webkit-appearance:none;
vertical-align:top;
background:#fff;
resize:none;
border:1px solid #c9c9c9;
box-sizing:border-box;
margin:0.3rem auto 0.2rem auto;
}

.i-msg button{
width:100%;
height:0.6rem;
line-height:0.6rem;
color:#fff;
font-size:0.28rem;
text-align:center;
background:#a4ce68;
border:none;
border:0;
margin:0 auto;
border-radius:2px;
}
.i-lxwm{
padding-top:0.3rem;
}
.i-lxwm-map{
width:6.4rem;
height:3rem;
overflow:hidden;
}
.i-lxwm-map img{
width:6.4rem;
height:3rem;
}
.i-lxwm-list{
padding:0.3rem 0.2rem 0.3rem 0.2rem;
}
.i-lxwm-list dt{
font-size:0.30rem;
font-weight:500;
color:#666;
height:0.52rem;
line-height:0.52rem;
background:url(../images/i-lxwm-dt-bg.png) no-repeat left top;
background-size:0.2rem auto;
padding-left:0.25rem;
}
.i-lxwm-list dd{
height:0.52rem;
line-height:0.52rem;
font-size:0.24rem;
color:#666;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
background:url(../images/i-lxwm-dd-bg.png) no-repeat left top;
background-size:0.2rem auto;
padding-left:0.25rem;
}
.i-lxwm-list dd a{
color:#333;
}
/*
.i-myphoto-list{
padding:0.3rem 0.09rem 0 0.09rem;
overflow:hidden;
}
.i-myphoto-list li{
float:left;
width:1.83rem;
height:2.28rem;
overflow:hidden;
margin:0 0.12rem;
}
.i-myphoto-list li img{
width:1.83rem;
border-radius:5px

}
.i-myphoto-list li .txt{
color:#999;
font-size:0.24rem;
line-height:0.3rem;
display:block;
text-align:center;
clear:both;
height:0.3rem;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:1.83rem;
}*/
.i-picture {
position:relative;
height:2rem;
background:#fff;
margin-bottom:0.2rem;
padding:0.4rem 0;
}
.i-picture .swiper-wrapper{
width:6.4rem;
margin:0 auto;
}
.i-picture .swiper-wrapper .swiper-slide{
width:auto;
}
.i-picture img{
height:1.8rem;
margin-right:0.2rem;
}
.i-picture .action{
position:absolute;
height:1.8rem;
left:0;
top:0;
z-index:10;
width:6.4rem;
}
.i-picture .action span{
display:block;
width:0.5rem;
height:1.8rem;
}
.i-picture .action .swiper-prev{
float:left;
background:url(../images/picture-prev.png) no-repeat;
background-size:0.5rem auto;
}
.i-picture .action .swiper-next{
float:right;
background:url(../images/picture-next.png) no-repeat;
background-size:0.5rem auto;
}

.i-picture .swiper-container{
height:2.2rem;
}
.i-picture .swiper-container-horizontal>.swiper-pagination-bullets,.i-picture .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:0rem;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
background-color: #666;
}
.i-msg-list {
padding:0.2rem 0.2rem;
}
.i-msg-list li{
border-bottom:1px dashed #e5e5e5;
height:0.74rem;
padding:0.3rem 0;
}
.i-msg-list li .txt{
color:#333333;
height:0.35rem;
line-height:0.4rem;
font-size:0.28rem;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-bottom:0.08rem;
}
.i-msg-list li .author{
font-size:0.24rem;
color:#999;

}
.i-msg-list li.more{
color:#5d9cec;
background:#fff;
width:6rem;
height:0.6rem;
display:block;
line-height:0.6rem;
padding:0;
margin-top:-1px;
text-align:center;
margin-bottom:0.3rem;
border-radius:5px;
border:1px solid #e5e5e5;
}
.i-msg-list li.more a{
color:#999;
font-size:0.2rem;
}
.i-charge{
width:6.4rem;
height:2rem;
border-bottom:0.4rem solid #f2f2f2;
}
.i-charge .i-charge-pic{
display:block;
width:6.4rem;
height:2rem;
overflow:hidden;
}
.i-charge img{
width:6.4rem;
height:2rem;
}
.footer-info {
    background-color: #f0f7f8;
    padding:0.2rem 0;
 }

.footer-info p, .footer-info p a {
color: #666;
font-size: 0.2rem;
text-align: center;
width: 100%; }
  

.swiper-pagination-bullet{
width:9px;
height:9px;
display:inline-block;
border-radius:100%;
background:#ccc;
opacity:0.9;
}
.swiper-pagination-bullet-active{
opacity:1;
background:#e28e2b;
}
/** 底部导航开始 **/
.other {
width: 6.4rem;
position: fixed;
z-index: 9;
bottom: 0;
height: 0.88rem;
background:#333; 
/*overflow:hidden;*/
}
body{
padding-bottom:0.88rem;
}
.other-menu{position:relative;z-index:2}
.other-menu a {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-color: #333;
display: block;
line-height: 1.16rem;
text-align: center;
height: 0.88rem;
width: 1.6rem;
float: left;
color:#ccc;
font-size: 0.22rem;
position:relative;
padding-top:0.1rem;
border-right: 1px solid #434343;
 }
.other-menu a:hover{
background:#3c3c3c;
}
.other-menu a.hover{
background:#3c3c3c;
color:#fff;
}
.other-menu a .ico {
width:0.4rem;
height:0.4rem;
display:inline-block;
vertical-align:-0.18rem;
position:absolute;
left:50%;
margin-left:-0.2rem;
}
.other-pop{
position:absolute;
bottom:-3.88rem;
right:0;
width:1.6rem;
opacity:0;
overflow:hidden;
transition: all 0.35s;
z-index:1;
border-radius:0.05rem 0.05rem 0 0
}
.other-pop a{
display:block;
width:1.6rem;
height:0.8rem;
line-height:0.8rem;
padding-top:0;
font-size:0.22rem;
border-bottom:0.01rem solid #5c5c5c;
background:rgba(60,60,60,0.95);
top:-3.40rem;
color:#fff;
text-align:center;
}
.other-pop-active {
opacity:1;
bottom:0.76rem;
right:0;
}

/** 底部导航结束 **/