@charset "utf-8";
/* CSS Document */

.main {
    padding: .2rem 0;
}

.main .pos {
    font-size: .3rem;
    width: 94%;
    margin: 0 auto .3rem;
    line-height: .5rem;
}
.main .pos img {
    width: .3rem;
    margin-right: .1rem;
}
.main .pos p {
    display: inline-block;
}
.main .content{
    margin: .5rem auto;
}
.main .content .adv{
    margin: 0 auto;
    background-size: 100% 100%;
    width: 95%;
}
.main .content .adv img {
    width: 100%;
}
.xxgk {
    height: 6rem;
}
.xxgk  .iconList {
    width: 96%;
    margin: .5rem auto;
    overflow: hidden;
}
.xxgk  .iconList .itm{
    width: 32%;
    margin-top: .3rem;
    display: inline-block;
    height: 2rem;
    
}
.xxgk  .iconList .itm img{
    width: 1rem;
    height: 1rem;
    text-align: center;
    margin: 0 auto .1rem;
    display: block;
}
.xxgk  .iconList .itm p{
    font-size: .28rem;
    text-align: center;
}

.xxgk  .iconList .itm.sp img{
    width: 1rem;
    height: 1rem;
    text-align: center;
    margin: 0 auto .35rem;
    display: block;
}
 .xxgk .arrow-left {
    background: url(../images/pre_m.png) no-repeat left top;
    position: absolute;
    top: 11.5rem;
    left: 10px;
    width: 10px;
    height: 17px;
    z-index: 2;
}
.xxgk .arrow-right {
    background: url("../images/next_m.png") no-repeat left top;
    position: absolute;
    top: 11.5rem;
    right: 10px;
    width: 10px;
    height: 17px;
    z-index: 2;
}
.xxgk-pagination {
    width: 19%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    display: block;
}
.xxgk-pagination .swiper-pagination-switch {
    width: .2rem;
    height: .2rem;
    border-radius: .5rem;
    margin-right: .1rem;
    float: left;
    background-color: #c9deef;
    cursor: pointer;
}
.xxgk-pagination .swiper-pagination-switch:last-child {
    margin-right: 0;
}

.xxgk-pagination .swiper-active-switch {
    background-color: #4c93c9;
}