.xc-swiper{
    padding-bottom: .3rem;
}
.container-top{
    width: 100%;
    text-align: center;
    margin-bottom: .3rem;
}
.container-top h5{
    font-size: .36rem;
    line-height: .4rem;
    padding-top: .3rem;
}
.zy-top,.hj-top{

    display: flex;
    padding: 0 .3rem;

}
.zy-top li{

   list-style: none;

}

.zy-top li,.hj-top li{

    position: relative;

    display: flex;

    align-items: center;

    background-color: #e7e7e7;

    height: .6rem;

    color: #000;

    font-size: .3rem;

    width: 25%;

    text-align: center;

}



.zy-top li.active,.hj-top li.active{

    background-color: #b46636;

    color: #fff;

}

.zy-top li.active::before,.hj-top li.active::before{

    position: absolute;

    bottom: -0.1rem;

    left: 50%;

    display: block;

    /*visibility: hidden;*/

    width: 0;

    height: 0;

    border-top: .1rem solid #b46636;

    border-right: .1rem solid transparent;

    border-left: .1rem solid transparent;

    content: '';

    margin-left: -0.05rem;

}

.zy-top .boder{

    border-right: 1px solid #af821a;

}
.zy-top li h3,.hj-top li h3{

    width: 100%;

    height: .3rem;

    line-height: .3rem;

    font-weight: bold;

}

.zy-top li.active h3,.hj-top li.active h3{

    font-weight: bold;

}
.swiper-p{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: .2rem;
    margin-bottom: .2rem;
}
.swiper-p p{
    font-size: .26rem;
    color: #666666;
}

.zy-details-swiper{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: .25rem;

    padding-bottom: 0.25rem;
    

}

.zy-details-swiper li{
    box-shadow: 0 0 0.15rem #ccc;
    border-radius: .15rem;
    overflow: hidden;
}

.zy-swiper{
    padding: 0 .3rem;
}
.swiper-slide a{
    font-size: .34rem;
    display: block;
    text-align: center;
    width: 84%;
    height: 0.72rem;
    background: #b46636;
    color: #fff;
    margin: 0 auto;
    line-height: 0.72rem;
    margin-top: .26rem;
    border-radius: .45rem;
}
.zy-details-swiper .zy-swiper-big{
    width: 48.5%;
    margin-bottom: .06rem;
}
.zy-details-swiper .zy-swiper-big img{
    width: 100%;
    height: 2rem;
}
.zy-details-swiper .zy-swiper-bigbig{
    width: 48.5%;
    margin-bottom: .06rem;
}
.zy-details-swiper .zy-swiper-bigbig img{
    width: 100%;
    height: 2.8rem;
}
.zy-details-swiper p{
    font-size: .26rem;
    line-height: .3rem;
    padding-left: .1rem;
    padding-bottom: .1rem;
}
.zy-details-swiper .zy-swiper-small{
    width: 32%;
}
.zy-details-swiper .zy-swiper-small img{
    width: 100%;
    height: 1.4rem;
}
.one{
    height: 4.98rem;
    background: url(../images/xc-04.png);
    background-size: 100% 100%;
}
.two{
    height: 4.7rem;
    background: url(../images/xc-03.jpg);
    background-size: 100% 100%;
}
.three{
    height: 3.34rem;
    background: url(../images/xc-02.jpg);
    background-size: 100% 100%;
}
.four{
    height: 3.3rem;
    background: url(../images/xc-01.jpg);
    background-size: 100% 100%;
}





.zy-details-swiper li:nth-child(n+3){

    margin-top: .2rem;

}

.zy-details-swiper li h2{

    font-size: .3rem;

}

.zy-details-swiper-jx {
    display: flex;
    flex-wrap: wrap;
    margin-top: .25rem;
    justify-content: space-between;

}

.zy-details-swiper-jx li{
    width: 2.2rem;
    padding-bottom: .15rem;
    box-shadow: 0 0 0.15rem #ccc;
    overflow: hidden;
}
.zy-details-swiper-jx li:nth-child(n+4){
    margin-top: .2rem;
}
.zy-details-swiper-jx li h2{
    padding: 0 0.1rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
}
.zy-details-swiper-jx li h2 span{
    color: #cccccc;
    float: right;
}
.details-btn-zxjx{
    width: 1.4rem;
    height: 0.45rem;
    background-color: #b46636;
    font-size: .26rem;
    color: #fff;
    line-height: .45rem;
    margin: .1rem auto 0;
    border-radius: .3rem;
    text-align: center;
}


.zy-details-swiper .details-btn{

    display: flex;

    justify-content: space-between;

    margin-top: 0.12rem;

}

.zy-details-swiper .details-btn1{

    width: 1.41rem;

    height: 0.45rem;

    font-size: .26rem;

    text-align: center;

    line-height: 0.45rem;

    border: 1px solid #b46636;

    border-radius: 0.2rem;



}

.zy-details-swiper .details-btn1 a{

    color: #b46636;

}

.zy-details-swiper .details-btn2{

    width: 1.41rem;

    height: 0.45rem;

    font-size: .26rem;

    text-align: center;

    line-height: 0.45rem;

    background-color: #b46636;

    color: #fff;

    border-radius: 0.2rem;

}