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

.head {
box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
width: 100%;
height: 0.88rem;
background-repeat: no-repeat;
background-size: 0.8rem;
line-height: 0.88rem;
position: relative;
text-align:center;
background: -webkit-linear-gradient(top, #39464c,#2a3338, #13171a);
background: -webkit-linear-gradient(top, #39464c,#2a3338, #13171a);
background: -o-linear-gradient(top, #39464c,#2a3338, #13171a);
background: -moz-linear-gradient(top, #39464c,#2a3338, #13171a);
background: linear-gradient(top, #39464c,#2a3338, #13171a);
 }
.head span {
font-size: 0.34rem;
color: #fff;
margin: 0 0.8rem;
height: 100%;
z-index: 100; }
.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 #eaf4fc;
background-size:6.4rem auto;
height:9.6rem;
color:#fff;
font-size:0.24rem;
margin-bottom:0.2rem;
}
.nav li{
width:1.28rem;
height:1.28rem;
background:rgba(95,81,144,0.8);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-khtml-transform:rotate(45deg);
position:relative;
}
.nav li.li-1{
margin-top:1.52rem;
margin-left:0.86rem;
}
.nav li.li-2{
margin-left:1.86rem;
margin-top:-0.3rem;
}
.nav li.li-3{
margin-top:-0.3rem;
margin-left:0.86rem;
}
.nav li.li-4{
margin-left:1.86rem;
margin-top:-0.3rem;
}
.nav li.li-5{
margin-top:-0.3rem;
margin-left:0.86rem;
}
.nav li a{
width:1.28rem;
height:1.28rem;
display:block;
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-khtml-transform:rotate(-45deg);
text-align:center;
color:#fff;
}
.nav li img{
width:0.7rem;
height:0.7rem;
display:block;
margin:0 auto;
}
.nav li .txt{
float:left;
padding-top:0.20rem;}
.nav li i{
font-style: normal;
color:#1067b2;
font-size:0.28rem;
height:0.36rem;
line-height:0.36rem;
display:block;
}
.nav li i.dowm{
text-indent:0.3rem;
}
.i-box{
background:#f8f8f8;
margin-bottom:0.2rem;
overflow:hidden;
padding-bottom:0.2rem;
padding-top:0.1rem;
}
.i-title{
height:0.6rem;
line-height:0.6rem;
}
.i-in-title{
font-size:0.30rem;
color:#585858;
height:0.6rem;
font-weight:700;
text-indent:0.3rem;
}


.i-content{
}
.i-art-list{
width:3rem;
float:left;
}
.i-charge-btn{
width:3rem;
float:left;
}
.i-charge-btn a{
width:2.2rem;
height:1.2rem;
font-size:0.28rem;
color:#fff;
background:#5f5190;
display:block;
margin:0 auto;
line-height:1.2rem;
text-align:center;
margin-top:0.6rem;
}
.i-info{background:#f5f5f5;margin-bottom:0.2rem;
padding:0.2rem 0;}
.i-info-title {
height:0.88rem;
background:rgba(95,81,144,0.8);
line-height:0.88rem;
color:#fff;
font-size:0.28rem;
position:absolute;
width:6.4rem;
top:-1.08rem;
}
.i-info-in-title {
font-weight:500;
text-indent:0.3rem;
}
.i-info-list {padding:0 0.2rem;}
.i-info-photo-pic{
width:1.8rem;
height:2rem;
overflow:hidden;
display:block;
border:0.03rem solid #d8d2eb;
float:left;
margin-right:0.2rem;
}
.i-info-list img{
width:1.8rem;
height:auto;
}
.i-info-list .tle{
font-size:0.3rem;
line-height:0.5rem;
height:0.5rem;
color:#585858;
font-weight:700;
}
.i-info-list .txt{
color:#767676;
line-height:0.3rem;
}
.i-art-list li{
clear:both;
overflow:hidden;
height:0.5rem;
line-height:0.5rem;
font-size:0.20rem;
padding-left:0.3rem;
}
.i-art-list li a{
display:block;
color:#767676;
float:left;
width:2.6rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding-left:0.05rem;
}
.i-art-list li a:before{
content:"";
width:0.08rem;
height:0.08rem;
background:#99c8dd;
display:inline-block;
float:left;
margin-top:0.20rem;
margin-right:0.1rem;
}
.i-art-list li a:hover{
background:#e6e6e6;
}
.i-art-list-more {
clear:both;
padding-top:0.2rem;
}
.i-art-list-more a{
border:1px solid #d8d2eb;
height:0.34rem;
line-height:0.34rem;
width:6rem;
margin:0 auto;
background:#eee;
display:block;
text-align:center;
border-radius:0.04rem;
color:#999;
}
.i-art-hr{
border-right:1px solid #eee;
width:0.2rem;
float:left;
height:2.6rem;
}
.i-filed-bg{
background:#d8d2eb;
}
.i-filed{
padding-left:0.3rem;
line-height:0.4rem;
font-size:0.24rem;
}
.i-filed a{
color:#585858;
}
.i-filed a:hover{
color:#333;
}
.i-lxwm li{
clear: both;
width: 100%;
float:left;
font-size:0.20rem;
color:#666;
line-height:0.4rem;
padding-left:0.1rem;
}
.i-lxwm li i{
color:#999;
font-style:normal;
}
.i-lxwm li  a {
 color:#5F5190;
}
.i-lxwm-tel {
clear:both;
padding-top:0.3rem;
}
.i-lxwm-tel a{
font-size:0.3rem;
font-weight:700;
width:6rem;
height:0.8rem;
text-align:center;
color:#fff;
display:block;
background:#5f5190;
line-height:0.8rem;
margin:0 auto;
}
.i-photo{
width:6rem;
margin:0 auto;
}
.i-photo li{
float:left;
margin:0 0.1rem;
width:1.8rem;
height:2rem;
text-align:center;
line-height:2rem;
overflow:hidden;
}
.i-photo li img{
max-width:1.8rem;
vertical-align:middle;
}
 
.other {
width: 6.4rem;
position: fixed;
z-index: 9;
bottom: 0;
height: 0.88rem;
background:#333; 
/*overflow:hidden;*/
}
.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: 0.98rem;
text-align: center;
height: 0.88rem;
width: 1.6rem;
float: left;
color:#fff;
font-size: 0.24rem;
position:relative;
padding-top:0.1rem;
border-right:1px solid #464646;
 }
.other-menu a:hover{
background:#222;
}
.other-menu a.add{
border-right: 1px solid rgba(255,255,255,0.5);
border-left: 1px solid rgba(255,255,255,0.5);
}
.other-menu a .ico {
width:0.3rem;
height:0.3rem;
display:inline-block;
position:absolute;
left:50%;
margin-left:-0.15rem;
}
.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.24rem;
border-bottom:0.01rem solid rgba(255,255,255,0.2);
background:rgba(0,0,0,0.6);
top:-3.40rem;
color:#fff;
text-align:center;
}
.other-pop-active {
opacity:1;
bottom:0.88rem;
right:0;
}
.footer-tel{
width:6.4rem;
height:1.06rem;
background:url(../images/i-ico-fixed-tel.png) no-repeat;
background-size:6.4rem auto;
padding-bottom:0.2rem;
}
.footer-tel a{
line-height:1rem;
height:1.05rem;
color:#fff;
font-size:0.5rem;
text-indent:1.6rem;
display:block;
}
.footer-info {
margin-top: 0rem; }

.footer-info p, .footer-info p a {
background-color: #fff;
color: #999;
height:0.8rem;
line-height:0.8rem;
font-size: 0.24rem;
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;
}