.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;
}
.block .desc{
    font-size:.18rem;
    color:#999;
}
.block .contain{
    width:12.5rem;
}
.swiper-container2 {
    width: 5.5rem;
    height: 3.2rem;
}

.swiper-container2 .swiper-slide {
    background-position: center;
    background-size: cover;
}
.zhbox .miaosu{
    width:5.76rem;
    font-size: .18rem;
    color: #666666;
    margin-top:.6rem;
    white-space: pre-line;
}
.zhbox .contain{
    display: flex;
}
.texingbox{
    width:100%;
    /*height: 3rem;*/
    background: #E9E9E9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8em 0;
}
.texingcontain{
    width:12.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.texingitem{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.texingitem .tximg{
    height:.6rem;
}
.texingitem .txtit{
    font-size: .2rem;
    color: #333333;
    margin-top:.3rem;
}
.texingitem .txdesc{
    width:2.2rem;
    font-size: .18rem;
    color: #666;
    margin-top:.2rem;
    text-align: center;
}
.jsbox{
    margin-top:.6rem;
}
.jsitem{
    width:12.5rem;
    height:3.5rem;
    display: flex;
  position: relative;
  background: #F0F0F0;
}
.jsitem >.jsbgtian{
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  transition: all .3s;
  background: #1C5DBF;
}
.jsitem:hover .jsbgtian{
  width: 100%;
}
.jsitem:nth-of-type(2n){
    flex-direction: row-reverse;
  /*transform-style: preserve-3d;*/
}
.jsitem:nth-of-type(2n) .jsbgtian{
  left: 100%;
}
.jsitem:nth-of-type(2n):hover .jsbgtian{
  left: 0;
}
.jscontain{
    width:50%;
    padding:.5rem;
    /*background: #F0F0F0;*/
    color:#333;
    position: relative;
  transition: all .3s;

}
.jsitem:hover .jscontain{
    /*background: #1C5DBF;*/
    color:#fff;
}
.jsitem:hover .jstit span{
    border-bottom:1px solid #fff ;
}
.jsitem:hover .jsbtn{
    border: 1px solid #fff;
}
.jsitem .sanjiao{
    width: 0;
    height: 0;
    border-top: .16rem solid transparent;
    border-bottom: .16rem solid transparent;
    border-left: .16rem solid #F0F0F0;
    position: absolute;
    right:1px;
    top:50%;
    transform: translate(100% ,-50%);
  z-index: 1;
  transition: all 0s linear 0.15s;

}
.jsitem:nth-of-type(2n) .sanjiao{
    border-left:0;
    border-right: .16rem solid #F0F0F0;
    left:1px;
    transform: translate(-100% ,-50%);
}
.jsitem:hover .sanjiao{
    border-left:.16rem solid #1C5DBF;
}
.jsitem:nth-of-type(2n):hover .sanjiao{
    border-left:0;
    border-right: .16rem solid #1C5DBF;
}
.jstit{
    font-size:.2rem;
}
.jstit span{
    padding-bottom:.03rem;
    border-bottom:1px solid #333 ;
}
.jsdesc{
    font-size:.18rem;
    margin-top:30px;
}
.jsbtn{
    width:2.3rem;
    height:.4rem;
    font-size:.18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #333;
    margin-top:40px;
}
.jsimg{
    width:50%;
    height:100%;
  position: relative;
    object-fit: cover;
}
.albox{
    width:12.5rem;
    height:3.2rem;
    margin-top:.5rem;
    position: relative;
}
.anli{
    width:100%;
    height:100%;
    display: flex;
    justify-content: flex-end;
}
.anliimg{
    width:3.8rem;
    height:2.5rem;
    position: absolute;
    left:2px;
    top:0;
    object-fit: cover;
    z-index:2;
}
.anlicontain{
    width:9.3rem;
    height:100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
.anlitit{
    font-weight: bold;
    padding:0 1rem;
  transition: all .3s;
}
.anlitosen:hover >.anlitit{
  color: #1C5DBF;
}
.luodi{
    padding:0 1rem;
    margin-top:.3rem;
}
.xiangqing{
    margin-top:.2rem;
    width:100%;
    height:2rem;
    background: #F0F0F0;
    padding:0 1rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.xiangqing .xq{
    width:100%;
}
.more{
    margin-top:.5rem;
    display: flex;
    align-items: center;
}
.more img{
    width:18px;
    margin-left:5px;
}
.albox .swiper-button{
    width: .34rem;
    height: .64rem;
}
.albox .swiper-button-prev{
    transform: translateX(-1rem);
}
.albox .swiper-button-next{
    transform: translateX(1rem);
}
@media (max-width: 1500px) {

}
@media (max-width: 1100px) {
    .block{
        padding:.8rem .5rem;
    }
    .block .titlebox{
        width:100%;
        flex-wrap: wrap;
    }
    .block .desc {
        font-size: .28rem;
    }
    .block .contain{
        width:100%;
    }
    .zhbox .contain{
        justify-content: space-between;
    }
    .swiper-container2 {
        width: 5rem;
        height: 3.3rem;
        margin:0;
    }
    .zhbox .miaosu{
        width:14rem;
        font-size: .28rem;
    }
    .texingbox{
        /*height: 4rem;*/
    }
    .texingcontain{
        width:100%;
        padding:0 .5rem;
    }
    .texingitem .tximg{
        height:1rem;
    }
    .texingitem .txtit{
        font-size: .32rem;
        color: #333333;
    }
    .texingitem .txdesc{
        width:3.6rem;
        font-size: .28rem;
    }
    .jsbox{
        margin-top:.6rem;
    }
    .jsitem{
        width:100%;
        height:4.5rem;
    }
    .jscontain{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding:0 .5rem;
    }
    .jsitem:hover .jsbtn{
        border: 1px solid #fff;
    }
    .jstit{
        font-size:.32rem;
    }
    .jsdesc{
        font-size:.28rem;
        margin-top:.3rem;
    }
    .jsbtn{
        width:2.5rem;
        height:.6rem;
        font-size:.24rem;
        margin-top:.4rem;
    }
    .albox{
        width:100%;
        height:4rem;
    }
    .anli{
        justify-content: space-between;
    }
    .anliimg{
        width:6rem;
        height:4rem;
        position: relative;
        left:2px;
        top:0;
        object-fit: cover;
    }
    .anlicontain{
        width:calc(100% - 6.5rem);
        justify-content: flex-start;
    }
    .anlitit{
        padding:0 .5rem;
    }
    .luodi{
        padding:0 .5rem;
        margin-top:.3rem;
    }
    .xiangqing{
        height:3.5rem;
        padding:0 .5rem;
    }
    .albox .swiper-button{
        width: .34rem;
        height: .64rem;
    }
    .albox .swiper-button-prev{
        transform: translateX(-.6rem);
    }
    .albox .swiper-button-next{
        transform: translateX(.6rem);
    }
}
@media (max-width: 900px) {


}
@media (max-width: 800px) {
    .block{
        padding:.5rem;
    }
    .zhbox .miaosu {
        width: 8rem;
        font-size: .28rem;
    }
    .texingitem .txdesc {
        width: 3rem;
        font-size: .28rem;
    }
}
@media (max-width: 640px) {
    .block{
        padding:.5rem .3rem;
    }
    .block .desc {
        font-size: .24rem;
    }
    .banner{
        height:3.6rem;
    }
    .zhbox .contain{
        flex-direction: column-reverse;
    }
    .swiper-container2 {
        width: 100%;
        height: 4.3rem;
        margin:.3rem 0;
    }
    .zhbox .miaosu {
        width: 100%;
        font-size: .28rem;
        margin-top:0;
    }
    .texingbox{
        padding-bottom: .5rem;
        height:auto;
    }
    .texingcontain {
        width: 100%;
        padding: 0 1.3rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    .texingitem{
        margin-top:.5rem;
    }
    .texingitem .txdesc {
        width: 5.2rem;
    }
    .jsbox {
        margin-top: .3rem;
    }
    .jsitem{
        height:3.2rem;
    }
    .jscontain {
        padding: 0 .3rem;
    }
    .jstit {
        font-size: .28rem;
        font-weight: bold;
    }
    .jsdesc {
        font-size: .24rem;
        margin-top: .2rem;
    }
    .jsbtn {
        width: 2rem;
        height: .5rem;
        font-size: .24rem;
        margin-top: .2rem;
    }
    .albox {
        margin-top:.3rem;
        height:auto;
    }
    /*.albox .swiper-button {
        transform: translateY(.2rem);
    }*/
    .albox .swiper-button-next {
        transform: translate(.4rem,.2rem);
    }
    .albox .swiper-button-prev {
        transform: translate(-.4rem,.2rem);
    }
    .anli{
        flex-wrap: wrap;
    }
    .anliimg {
        width: 100%;
        height: 3rem;
    }
    .anlicontain {
        width: 100%;
        margin-top:.2rem;
    }
    .anlitit {
        padding: 0 .3rem;
    }
    .luodi {
        padding: 0 .3rem;
        margin-top: .1rem;
    }
    .xiangqing {
        height: 3rem;
        padding: 0 .3rem;
    }
    .hidefont6 {
        line-clamp: 4;
        -webkit-line-clamp: 4;
    }
}