.syllabu{
    padding: .3rem 0;
}
.syllabu .syllabu-text-tit{
    height: .82rem;
    line-height: .82rem;
    font-size: .26rem;
    color: #666666;
    text-align: center;
}
.syllabu-cont{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.syllabu-cont li{
    width: 3.35rem;
    list-style: none;
}
.syllabu-cont li:nth-child(n+3){
    margin-top: .2rem;
}
.syllabu-cont li .syllabu-cont-text{
    display: flex;
    justify-content: space-between;
    padding: 0 .1rem;
    height: .5rem;
    line-height: .5rem;
    color: #fff;
    font-size: .3rem;
    background-color: #b46636;
}
.syllabu-cont li .syllabu p:last-child{
    text-align: right;
}





.xidian-swiper{
    padding-bottom: .3rem;
}
.container{
    padding-top: .3rem;
}
.container-top{
    width: 100%;
    text-align: center;
    margin-bottom: .3rem;
}
.container-top h5{
    font-size: .36rem;
    line-height: .4rem;
}
.xd-top,.hj-top{

    display: flex;
    padding: 0 .3rem;

}
.xd-top li{

   list-style: none;

}

.xd-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;

}



.xd-top li.active,.hj-top li.active{

    background-color: #b46636;

    color: #fff;

}

.xd-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;

}

.xd-top .boder{

    border-right: 1px solid #af821a;

}
.xd-top li h3,.hj-top li h3{

    width: 100%;

    height: .3rem;

    line-height: .3rem;

    font-weight: bold;

}

.xd-top li.active h3,.hj-top li.active h3{

    font-weight: bold;

}
.xd-swiper{
    margin: 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;
}
.swiper-p{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: .2rem;
    margin-bottom: .2rem;
}
.swiper-p p{
    font-size: .26rem;
    color: #666666;
}

.xd-details-swiper{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: .25rem;

    padding-bottom: 0.25rem;
    

}

.xd-details-swiper li{
    border-radius: .15rem;
    box-shadow: 0 0 0.15rem #ccc;
    overflow: hidden;
}

.xd-details-swiper .xd-swiper-big{
    width: 48.5%;
    margin-bottom: .06rem;
}
.xd-details-swiper .xd-swiper-big img{
    width: 100%;
    height: 2rem;
}
.xd-details-swiper h5{
    font-size: .26rem;
    font-weight: 500;
    padding-left: .1rem;
	padding-top:.1rem;
}
.xd-details-swiper p{
    font-size: .2rem;
    line-height: .26rem;
    padding-left: .1rem;
    padding-bottom: .1rem;
    padding-top: .1rem;
    color: #666;
}
.xd-details-swiper .xd-swiper-small{
    width: 32%;
}
.xd-details-swiper .xd-swiper-small img{
    width: 100%;
    height: 1.3rem;
}
.one{
    height: 4.76rem;
    background: url(../images/xidian-01.png);
    background-size: 100% 100%;
}
.two{
    height: 3.52rem;
    background: url(../images/xidian-02.png);
    background-size: 100% 100%;
}
.three{
    height: 4.28rem;
    background: url(../images/xidian-03.png);
    background-size: 100% 100%;
}
.four{
    height: 2.79rem;
    background: url(../images/xidian-04.png);
    background-size: 100% 100%;
}





.xd-details-swiper li:nth-child(n+3){

    margin-top: .2rem;

}

.xd-details-swiper li h2{

    font-size: .3rem;

}

.xd-details-swiper-jx {
    display: flex;
    flex-wrap: wrap;
    margin-top: .25rem;
    justify-content: space-between;

}

.xd-details-swiper-jx li{
    width: 2.2rem;
    padding-bottom: .15rem;
    box-shadow: 0 0 0.15rem #ccc;
    overflow: hidden;
}
.xd-details-swiper-jx li:nth-child(n+4){
    margin-top: .2rem;
}
.xd-details-swiper-jx li h2{
    padding: 0 0.1rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
}
.xd-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;
}


.xd-details-swiper .details-btn{

    display: flex;

    justify-content: space-between;

    margin-top: 0.12rem;

}

.xd-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;



}

.xd-details-swiper .details-btn1 a{

    color: #b46636;

}

.xd-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;

}





.swiper-slide .swiper-abox {text-align:center;}
.swiper-slide a{font-size: .32rem;display: inline-block;text-align: center;width: 40%;height: 0.72rem;background: #b46636;color: #fff;margin: 0 7px;line-height: 0.72rem;margin-top: .26rem;border-radius: .45rem;}


.container-xd-top{width: 100%;text-align: center;margin-bottom: .3rem;}
.container-xd-top h5{font-size: .36rem; line-height: .4rem;background:url(/jituan/images/tit_bg_20.png) center center no-repeat;background-size:3.7rem auto;color:#ef7800;}
.container-xd-top p {font-size:0.24rem;height:0.36rem;line-height:0.36rem;color:#ef7800;padding-top:0.1rem;}