main .banner{width: 19.2rem;overflow: hidden;font-size: 0;height:8.5rem}
main .banner img{width: 100%;height: 100%;}
main .product{padding: 0.8rem 0;}
main .product .title{font-size: 0.36rem;color: #3b3138;text-align: center;}
main .product .subtitle{font-size: 0.2rem;color: #999999;text-align: center;padding: 0.25rem 0 0.5rem;}
main .product .cons{width: 12.8rem;margin:0 auto;}
main .product .cons .ls{width: 100%;height: 3.5rem;/*overflow: hidden;*/position: relative;display: block;text-decoration: none;}
main .product .cons .ls:not(:nth-last-of-type(1)){margin-bottom: 15px;}
main .product .cons .ls img{width: 100%;height: 100%;}
main .product .cons .ls:nth-of-type(1) .content{position: absolute;top: 50%;right: 2rem;transform: translateY(-50%);}
main .product .cons .ls:nth-of-type(2) .content{position: absolute;top: 50%;left: 1.4rem;transform: translateY(-50%);}
main .product .cons .ls:nth-of-type(3) .content{position: absolute;top: 50%;right: 0.6rem;transform: translateY(-50%);}
main .product .cons .ls:hover .content{top: 45%;transition: 0.5s;}
main .product .cons .ls .content .s-title{font-size: 0.32rem;color:#806a79;}
main .product .cons .ls .content .desc{font-size: 0.2rem;color: #666666;}
@media screen and (max-width:1280px){
    main .product .cons{width: 14.8rem;}
    main .product .cons .ls{height: unset;font-size: 0;}
}
@media screen and (max-width:783px){
    main .banner{width: 100%;height: unset;}
    main .product .cons{width: 90%;}
    main .product .cons .ls .content .s-title{font-size: 26px;}
    main .product .cons .ls:nth-of-type(1) .content,main .product .cons .ls:nth-of-type(3) .content{right: 0.4rem;}
    main .product .cons .ls:nth-of-type(2) .content{left: 0.4rem;}
    .menu-top a img{width: 70%;}
    .menu-top a, .memu-close{padding: 20px !important;}
}
@media screen and (max-width:540px){
    main .product .cons{padding-top: 0.4em;}
    main .product .cons .ls .content, main .product .cons .ls:nth-of-type(3) .content{position: unset !important;transform: translateY(0) !important;}
    main .product .cons .ls:not(:nth-last-of-type(1)){margin-bottom: 35px;}
    main .product .title{font-size: 24px;}
    main .product .cons .ls .content{display: flex;justify-content: space-between;align-items: center;}
    main .product .cons .ls .content .s-title{font-size: 18px;padding-top: 20px;}
    main .product .cons .ls .content .desc{font-size: 16px;}
    main .product .cons .ls .content div:nth-of-type(1){width: max-content;}
    .mores{width: 100px !important;height: 35px !important;font-size: 14px !important;margin-top: 20px !important;}

    main .product .cons .ls:nth-of-type(1) .content,main .product .cons .ls:nth-of-type(3) .content{right: 0.4rem;}
    main .product .cons .ls:nth-of-type(2) .content{left: 0.4rem;}

    .swiper{width: unset !important;height: 6rem !important;}
    .swiper-slide{overflow-x: hidden;}
    main .banner img{width: auto;height: 100%;margin-left: -95px;}
    .swiper-pagination-bullet>div:not(:nth-of-type(1)){display: none;}
    main .product .subtitle{font-size: 14px;padding: 0 0 0.25rem 0;}
    /* .mores{display: none !important;} */
    
}
@media screen and (max-width:400px){
    main .product .cons .ls .content .desc br{display: none;}
}