.banner{
    width:100%;
    height:6rem;
}
.banner .swiper-slide a{
    display: block;
    width:100%;
    height:100%;
}
.banner .swiper-slide a img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.block{
    width:100%;
    padding:1.4rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.block .titlebox{
    width:12.5rem;
    display: flex;
    justify-content: space-between;
}
.block .title{
    font-size:.46rem;
    font-weight: bold;
    color:#333;
    position: relative;
}
.block .desc{
    font-size:.18rem;
    color:#999;
}
.block .line{
    width: 100%;
    height: .2rem;
    background: #E6CA22;
    position: absolute;
    left:0;
    bottom:0;
}
.block .contain{
    width:12.5rem;
}
.zhbox .miaosu{
    width:100%;
    font-size: .18rem;
    color: #666666;
    margin-top:.6rem;
}
.zhbox .contain{
    display: flex;
}
.nav{
    width:12.5rem;
    padding:1rem 2.3rem 0;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #E6E6E6;
}
.navbtn{
    height:.6rem;
    font-weight: bold;
    border-bottom:2px solid rgba(0,0,0,0);
}
.actbtn{
    color:#1C5DBF;
    border-bottom:2px solid #E6CA22;
}
.sblock{
    width:12.5rem;
    padding-top:1rem;
}
.stit{
    border-left: 4px solid #1C5DBF;
    padding-left:.1rem;
    font-weight: bold;
    margin-bottom:.5rem;
    line-height:1.2;
}
.scontain{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.ysblock{
    width:50%;
    height:3.5rem;
    overflow-y:auto ;
    padding-right:.9rem;
}
.ysitem+.ysitem{
    margin-top:.2rem;
}
.ystit{
    font-weight: bold;
}
.ystit img{
    height:14px;
    margin-right:5px;
}
.ysdesc{
    margin-top:.15rem;
}
.chanpinimg{
    height:100%;
    max-width:100%;
    object-fit: cover;
}
.gnbox{
    width:100%;
    display: flex;
    justify-content: center;
    background: #E9E9E9;
    padding-bottom: 1rem;
    margin-top: 1rem;
}
.gnblock{
    flex-wrap: wrap;
}
.gnitem{
    width:50%;
}
.gnitem:nth-of-type(n+3){
    margin-top:.5rem;
}
.gnitem:nth-of-type(2n){
    padding-left:.5rem;
}
.gntit{
    font-weight: bold;
}
.gntit img{
    height:20px;
    margin-right:5px;
}
.gndesc{
    margin-top:.15rem;
}
.cjbox{
    position: relative;
}
.changjing{
    width:100%;
    height:4.9rem;
    object-fit: cover;
}
.cj{
    position: absolute;
    left:50%;
    top:50%;
    padding:0 .3rem;
    /*height: .5rem;*/
    background: rgba(255,255,255,.2);
    border-radius: .08rem;
    transform: translate(-50%,-50%);
    font-weight: bold;
    color:#fff;
    display: flex;
    align-items: center;
}
@media (max-width: 1100px) {
    .block{
        padding:.8rem 0;
    }
    .block .titlebox{
        width:100%;
        flex-wrap: wrap;
        padding:0 .5rem;
    }
    .block .desc {
        font-size: .28rem;
    }
    .block .contain{
        width:100%;
        padding:0 .5rem;
    }
    .zhbox .miaosu{
        font-size: .28rem;
    }
    .nav{
        width:100%;
        padding:.5rem 0 0;
        justify-content: space-around;
    }
    .navbtn {
        height: 1rem;
    }
    .sblock{
        width:100%;
    }
    .ysblock{
        height:5rem;
    }
    .changjing{
        height:5.6rem;
    }
}
@media (max-width: 900px) {


}
@media (max-width: 800px) {
    .block{
        padding:.5rem 0;
    }
    .sblock {
        padding-top: .5rem;
    }
    .gnbox{
        padding-bottom: .5rem;
        margin-top: .5rem;
    }
    .gnitem{
        width:100%;
    }
    .gnitem:nth-of-type(n+2){
        margin-top:.5rem;
    }
    .gnitem:nth-of-type(2n){
        padding-left:0;
    }
}
@media (max-width: 640px) {

    .block{
        padding:.5rem 0;
    }
    .block .desc {
        font-size: .24rem;
    }
    .block .contain{
        padding:0 .3rem;
    }
    .block .titlebox{
        padding:0 .3rem;
    }
    .banner{
        height:3.6rem;
    }
    .zhbox .miaosu {
        font-size:.26rem;
        margin-top: .4rem;
    }
    .nav {
        padding: .3rem 0 0;
    }
    .scontain {
        flex-wrap: wrap;
    }
    .stit {
        margin-bottom: .3rem;
    }
    .ysblock{
        width:100%;
        height:auto;
        padding-right:0;
    }
    .chanpinimg{
        height:3.6rem;
        margin-top:.3rem;
    }
    .changjing{
        height:3.6rem;
    }
    .ystit img {
        height: 8px;
        margin-right: 5px;
    }
    .gntit img {
        height: 14px;
        margin-right: 5px;
    }
}