a, img{
	display: block;
	width: 100%;
}
/*banner*/
.ban{
	width: 7.5rem;
	position: relative;
}
.ban .ban-pos{
	width: 100%;
	height: 2.3rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: #382e6c;
}
.ban .swiper-pagination-bullet{
	width: .5rem;
	height: .06rem;
	opacity: .4;
    border-radius: 10px;
	background-color: #888888;
}
.ban .swiper-pagination-bullet-active{
    opacity: .8;
	background-color: #392f6c;
}
.ban .swiper-slide {
  	width: auto!important;
  	margin-left: 0.06rem;
  	margin-right: 0.06rem;
  	transform: translate3d(.25rem,0,0);
}
.ban .swiper-slide a,
.ban .swiper-slide img{
  	width: 6.9rem;
}
/*ebanner end*/
.box1{
    width: 100%;
    padding: .45rem 0;
    background: #e5e5fb url("/skin/v1/images/index/box1_01.jpg") no-repeat top;
	background-size: 100%;
}
.box1 .box1-main{
    width: 100%;
}
.box1-main .box1-top{
    width: 100%;
    padding: 2% 3%;
    background-color: #FFF;
}
.box1-top .box1-item{
    float: left;
    width: 3.4rem;
    margin-right: 0.2rem;
}
.box1-top .box1-item-2n{
    margin-right: 0;
}
.box1-mid{
    width: 100%; 
    margin: .3rem 0;
}
.box1-mid .box1-mid-tp1{
    margin-bottom: .15rem;
}
.box1-ft{
    width: 96%;
    margin: 0 auto;
}
.box1-ft .box1-item1{
    width: 2.3rem;
    float: left;
    margin-right: 0.14rem;
}
.box1-ft .box1-item1:last-child{
    margin-right: 0;
}
.box1 .box1-btn,
.box2 .box2-btn,
.box3 .box3-btn,
.box4 .box4-btn{
    width: 88%;
    margin: .5rem auto 0;
}
.box1 .box1-btn a,
.box2 .box2-btn a,
.box3 .box3-btn a,
.box4 .box4-btn a{
    display: block;
    width: 100%;
    color: #FFF;
    font-size: .36rem;
    line-height: 1rem;
    text-align: center;
    text-decoration: none;
    background-color: #fd76ef;
    border-radius: 90px;
}
.box2{
    width: 100%;
    padding: .45rem 0;
    background: #e5e5fb url("/skin/v1/images/index/box2_01.jpg") no-repeat top;
    background-size: 100%;
}
.box2 .box2-main{
    width: 100%;
}
.box2-main .box2-top{
    width: 100%;
    padding: 5% 3% 0;
}
.box2-top .box2-item{
    float: left;
    width: 3.4rem;
    margin-right: 0.2rem;
    margin-bottom: 0.5rem;
}
.box2-top .box2-item-2n{
    margin-right: 0;
}
.box2-top .box2-item a{
    display: block;
    color: #FFF;
    font-size: .26rem;
    line-height: .7rem;
    text-align: center;
    text-decoration: none;
    background-color: #8c6dca;
    border-radius: 0.5rem;
}
.box2-top .box2-item span{
    display: inline-block;
    width: 0.5rem;
    height: 0.3rem;
    position: relative;
    left: 5%;
    top: 3%;
    background: url(/skin/v1/images/index/box_i.jpg) no-repeat top;
    background-size: 100%;
}
.box2-min{
    width: 100%;
}
.box3{
    width: 100%;
    padding: .45rem 0;
    background: #e5e5fb url("/skin/v1/images/index/box3_01.jpg") no-repeat top;
    background-size: 100%;
}
.box3 .box3-main{
    width: 100%;
}
.box3-main .box3-top{
    width: 100%;
    padding: 5% 3% 0;
}
.box3-top .box3-item{
    float: left;
    width: 3.4rem;
    margin-right: 0.2rem;
    margin-bottom: 0.5rem;
}
.box3-top .box3-item-2n{
    margin-right: 0;
}
.box3-top .box3-item a{
    display: block;
    color: #FFF;
    font-size: .26rem;
    line-height: .7rem;
    text-align: center;
    text-decoration: none;
    background-color: #8c6dca;
    border-radius: 0.5rem;
}
.box3-top .box3-item span{
    display: inline-block;
    width: 0.5rem;
    height: 0.3rem;
    position: relative;
    left: 5%;
    top: 3%;
    background: url(/skin/v1/images/index/box_i.jpg) no-repeat top;
    background-size: 100%;
}
.box3-min{
    width: 100%;
}
.box4{
    width: 100%;
    padding: .45rem 0;
    background: #e5e5fb url("/skin/v1/images/index/box4_01.jpg") no-repeat top;
    background-size: 100%;
}
.box4 .box4-main{
    width: 100%;
}
.box4-main .box4-top{
    width: 100%;
    padding: 5% 3% 0;
}
.box4-top .box4-item{
    float: left;
    width: 3.4rem;
    margin-right: 0.2rem;
    margin-bottom: 0.5rem;
}
.box4-top .box4-item-2n{
    margin-right: 0;
}
.box4-top .box4-item a{
    display: block;
    color: #FFF;
    font-size: .26rem;
    line-height: .7rem;
    text-align: center;
    text-decoration: none;
    background-color: #8c6dca;
    border-radius: 0.5rem;
}
.box4-top .box4-item span{
    display: inline-block;
    width: 0.5rem;
    height: 0.3rem;
    position: relative;
    left: 5%;
    top: 3%;
    background: url(/skin/v1/images/index/box_i.jpg) no-repeat top;
    background-size: 100%;
}
.box4-min{
    width: 100%;
}
.huanjing{
	width: 7.5rem;
	padding: 0 0 0 0;
}