/*  */
.mySwiper{overflow: hidden;text-align: center;}
.mySwiper .swiper-slide{padding: 21vh 0;}
.mySwiper .swiper-slide:nth-child(2n){background: #eef3f7;}
.mySwiper .swiper-slide:nth-child(2n-1){background: #f7fbff;}

.mySwiper .swiper-slide h3{color: #222222;font-size: 24px;font-weight: bold;margin-bottom: 13px;transition: all 0.5s;}
.jia{margin-bottom: 12px;opacity: 0;}
.mySwiper .swiper-slide:hover h3{color: #a60800;margin-top: -20px;}
.mySwiper .swiper-slide:hover .jia{opacity: 1;}
.mySwiper .swiper-slide .img img{max-width: 100%;}
dt{font-weight: normal;}

@media(max-width: 1630px){
    .cwz dt a{font-size: 14px;line-height: 24px;}
    .cwz dd,.bj1 h3{font-size: 24px;}
}

@media(max-width: 1500px){
    .mySwiper .swiper-slide  .img img{max-width: 100%;height: 18vw;}
    .mySwiper .swiper-slide h3{font-size: 20px;}
    .cwz dt{font-size: 16px;}
    .psort a{font-size: 14px;}
}






@media (min-width: 1401px) {
    .nnav_width{width: 19%;}
}
@media(max-width: 1400px){
    .nnav{width: auto;}
    .x-menu > li > a{font-size: 11px;}
    .nul3 li p{margin-top: 10px;}
    
}
@media(max-width: 1300px){
    .psort a{width: 50%;}
}

@media(max-width: 1240px){
  .hang{display: none;}
}


@media(max-width: 768px){
    .mySwiper .swiper-slide{padding: 40px 0 ;}
    .cleft,.cright{width: 100%;}
    .nul,.nul2,.nul3{width: 100%;}
    .nul2{margin: 20px 0;}
    .nul3 li{padding: 20px ;height: auto;}
    .w1,.mbox{width: 100%;text-align: center;}
    .mbox{margin-top: 20px;}
    .w1{margin-top: 0;}
    .lx{margin: 20px 0;}
    .nnav_width{width: 34%;}
}


@media(max-width: 640px){
    .mySwiper .swiper-slide h3{font-size: 16px;}
    .mySwiper .swiper-slide .img img{max-width: 100%;}
    .jia{opacity: 1;}
    .bt1 dd{font-size: 22px;}
    .box2{margin-top: 30px;}
    .bt1 dt{font-size: 14px;line-height: 22px;}
    .bj1{left: 20px;}
    .bj1 .bcon{font-size: 12px;line-height: 20px;}
    .cbox2 .cimg, .cc{width: 100%;}
    .cc{padding: 60px 0;}
    .cbox22{flex-direction: column-reverse;  }
    .nul3 li{margin-bottom: 20px;}
    .nul2 li:first-child{margin-bottom: 20px;}
    .box3{margin: 30px 0;}
    .box4{padding: 30px 0;}
    .mbox .m1{height: 46px;line-height: 46px;}
    .mbox .m2{height: 46px;line-height: 42px;}
    .mbox a{width: 130px;}
    .ft1{padding: 30px 0 10px;}
    .tlogo{text-align: center;width: 50%;margin: 0 auto;}
    .tleft,.tright{width: 100%;}
    .tewm{float: none;width: 100%;text-align: center;margin-top: 20px;}
    .w1{font-size: 18px;}
    .mbox a img{width: 20px;}
    .nul3 li a{width: calc(100% - 80px);}
}