.kind-top {

    height: 80px;

}

.kind-top-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    background-color: #f7f7f7;

}

.kind-top-box.fixed {

    position: fixed;

    left: 0;

    top: 100px;

    z-index: 99;

    width: 100%;

}

.kind-top-item {

    position: relative;

    height: 78px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    padding: 0 10px 0 20px;

    margin: 0 15px;

    font-size: 18px;

    font-family: 'Montserrat-Light';

    line-height: 24px;

    color: #333;

    text-align: center;

    cursor: pointer;

    overflow: hidden;

}

.kind-top-item span {

    padding-right: .2rem;

}

.kind-top-item:after{content:'';height:3px; background:#cd1928;width:0;position:absolute;left:0;bottom:0px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

.kind-top-item.active {

    border-color: #000;

}

.kind-top-item.active:after{width:100%;}

.kind-top-item:hover:after{width:100%;}



.bicycles {

    position: relative;

}



@media (max-width: 768px) {

    .kind-top-item .iconfont {

        display: none;

    }

    .kind-top-item {

        padding: 0 .2rem;

        margin: 0 .3rem;

        font-size: 16px;

    }

}

@media (max-width: 768px) {

    

}

/*pageTit3*/

.pageTit3{position:relative;z-index:2;padding-top: 1.4rem;padding-bottom: 1.5rem;border-bottom: 1px solid #ededed;line-height:0;font-size:0; }

.pageTit3 h2{font-size:1.4rem;margin-bottom:10px;line-height:normal;text-transform:uppercase;color:#333333;font-family:'Montserrat-Medium';font-weight: normal;}

*[lang|="vn"] .pageTit3 h2{font-family: Inter,Arial, Helvetica, sans-serif; font-weight:500;}

.pageTit3 .des{color:#767574;font-size:18px;line-height:1.3; margin-bottom:.6rem;}

.pageTit3 .line{width:2.2rem; height:7px;background:#cd1928;display:inline-block; margin:0 auto;}

/* @media screen and (max-width: 1024px){

.pageTit3 h2{font-size:7rem;margin-bottom:55px;}

.pageTit3 .line{width:9rem; height:5px;}

.pageTit3 .des{font-size:1.4rem;}

.pageTit3 .des br{ display:none;}

}

@media screen and (max-width: 992px){

.pageTit3 h2{font-size:5rem;margin-bottom:0px;}

.pageTit3 .line{width:7rem; height:3px;}

}

@media screen and (max-width: 768px){

.pageTit3 h2{font-size:3rem;margin-bottom:0px;}

.pageTit3 .line{width:5rem; height:3px;}

} */

/*pageProList*/

.pageProList{padding-top:2.4rem; padding-bottom:1.3rem;margin:0 auto;}

.pageProListul{font-size:0;margin:0 -.8rem;}

.pageProListul li{display:inline-block;*display:inline;zoom:1;width:33.3333%;margin-bottom:2.2rem;vertical-align:top;}

.pageProListul li a{display:block;}

.pageProListul .item{display:block;margin:0 .8rem; position:relative; background:#fff; overflow:hidden;}

.pageProListul h2{font-size: 40px;margin-bottom:0;line-height:1;color:#000000;font-family:'Montserrat-SemiBold';font-weight:normal;margin-right:.6rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}

.pageProListul .des{font-size:20px;line-height:30px;color:#767574;font-weight:500;margin-right:.6rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}



/*ImgBoxB*/

.pageProListul .ImgBoxB{position:relative;}

.pageProListul .ImgBoxB .ImgBox{display:block;overflow:hidden;padding-bottom:56.7%; position:relative;}

.pageProListul .ImgBoxB .ImgBox img{position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;height:100%;width:100%;object-fit:contain;}

.pageProListul .ImgBoxB .ImgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.pageProListul .ImgBoxB .ImgBox:hover img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02); -o-transform: scale(1.02);-ms-transform: scale(1.02);transform: scale(1.02);}

/*hot*/

/* .pageProListul .hot{ width:2rem; height:2rem;background:url("../images/icon-hot.png") center center no-repeat;background-size:100%; position:absolute;right:10rem;top:.6rem;} */

/*moreimg*/

.pageProListul .moreimg img{ display:none;}

.pageProListul .moreimg dl{ display:block; text-align:center; font-size:0;line-height:0;width:16px; position:absolute; right:0;top:0; z-index:6;}

.pageProListul .moreimg dl dd{display:block;margin-right:6px; margin-bottom:6px;}

.pageProListul .moreimg dl dd a{display:block;background:#D3D2D3;border-radius:50%;height:16px; width:16px;border:1px solid #c1c1c1;}

.pageProListul .moreimg dl dd.on a{ border-color:#999;}

/*text*/

.pageProListul .t{font-size:20px;line-height:1;color:#000;font-family:'Montserrat-Medium';font-weight:normal;border-bottom:1px solid #d4d4d4; padding-bottom:6px;margin-bottom:.28rem; text-transform:uppercase;}

.pageProListul .text{font-size:16px;line-height:32px;color:#333;font-weight:500;margin-right:.6rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}

.pageProListul .text p{ padding-left:.4rem;background:url("../images/icon-y.png") left .24rem no-repeat;background-size:.2rem;}

/*m*/

.pageProListul .m{margin-top:.28rem;border-top:1px solid #d4d4d4; padding-top:.7rem;}

.pageProListul .m a{width:4rem;line-height:1.2rem;border-radius:1.2rem;font-size:16px;color:#fff; text-align:center;display:block; font-weight:bold;float:right; background:#cd1928; overflow:hidden; position:relative;}

.pageProListul .m a span{ display:block; position:relative; z-index:1;}

.pageProListul .m a:after{content:''; display:inline-block;width:0;height:100%; background-color:#f11b2d; position:absolute;left:0; top:0;}

.pageProListul .m a:hover:after{width:100%; left:auto; right:0;}

.pageProListul .m a,

.pageProListul .m a:after{-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;}

@media screen and (max-width: 992px){

    .pageProListul li{width:50%;}



}

@media screen and (max-width: 768px){

.pageProListul{margin:0 -.6rem;}

.pageProListul .item{margin:0 .6rem;}

.pageProListul h2{font-size:30px;}

.pageProListul .des{font-size:18px;}

	

.pageProListul .t{font-size:18px;}

.pageProListul .text{font-size:14px;}



.pageProList{padding-top:1.2rem; padding-bottom:.8rem;margin:0 auto;}	

	

.pageProListul li{width:100%;margin-bottom:1.6rem;}

.pageProListul .m a{width:4rem;min-width: 130px;line-height:36px;border-radius:1rem;font-size:14px;}

.pageProListul .text{font-size:14px;line-height:30px;margin-right:.4rem;}



.pageProListul .hot{ width:1.4rem; height:1.4rem;right:1rem;top:0rem;}

.pageProListul .m a{float:none; margin-left:auto; margin-right:auto;}

}