html,
body {
    position: relative;
    height: 100%;
    background: #2b314b;
}
.cfg_remarks {
  color: #a2a2a2;
  font-size: 12px;
  font-weight: 300;
  margin-top: 5vh;
  line-height: normal;
  text-align: left
}
.lipin-box {
    background: url(../img/car5o/lpbg.jpg?v=1) center center no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    position: relative;
}
.lipin-cont {
    background: url(../img/car5o/lipin5-m.png?v=1) center top no-repeat;
    background-size: 100% auto;
    padding-top: 7.45rem;
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -4.5rem;
    font-size: .2rem;
    left: 0;
    color:#fff;
    line-height: 1.8;
    text-align: left;
}
.lipin-cont .txt {
    padding-top: 2em;
    padding-left: .8rem;
    padding-right: .5rem;
}

.lipin-cont .txt {
    padding-top: 2em;
    padding-left: .8rem;
    padding-right: .5rem;
}

#swiperMain {
    width: 100%;
    height: 100%;
}

#swiperMain>.swiper-wrapper>.swiper-slide {
    height: 100%;
    text-align: center;
}


/* 底部菜单 */

.posMenu {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 101;
    width: 7.5rem;
    height: 0.9rem;
    background: rgba(0, 0, 0, 0.65);
    border-top: 0.01rem solid #6d6c6c;
}

.posMenu .menuLink {
    overflow: hidden;
    margin: 0 0.2rem;
}

.posMenu .menuLink li {
    width: auto;
    float: left;
    margin: 0 0.06rem;
    padding: 0.25rem 0;
}

.posMenu .menuLink a {
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #fff;
    text-align: center;
    display: block;
    padding: 0 0.1rem;
}

.posMenu .menuLink li.cur a {
    border-bottom: 0.01rem solid #e21212;
}


/* banner */

.banner {
    background: url(../img/car5o/banner_bg.jpg?v=1);
    background-size: 100% auto;
}

.banner .bannerTxt {
    background: url(../img/car5o/banner_txt.png?v=1) no-repeat top left;
    background-size: 100%;
    width: 4.85rem;
    height: 2.09rem;
    position: absolute;
    top: 2.05rem;
    left: 0.4rem;
}

.banner .bannerPrize {
    /* background: url(../img/car5o/banner_prize.png?v=1) no-repeat top left; */
    background-size: 100%;
    width: 3.32rem;
    height: 0.43rem;
    position: absolute;
    top: 53%;
    margin-top: 3rem;
    left: 50%;
    transform: translateX(-50%);
}

.banner .bannerBtn {
    background: url(../img/car5o/banner_btn.png?v=1) no-repeat top left;
    background-size: 100%;
    width: 2.2rem;
    height: 0.8rem;
    position: absolute;
    top: 53%;
    margin-top: 3.6rem;
    left: 50%;
    transform: translateX(-50%);
}

.banner .bannerBtn a {
    display: block;
    text-indent: -999px;
    overflow: hidden;
}


/* 产品1 */

.mainPro1 {
    background: url(../img/car5o/pro1_bg-0915.jpg?v=1) no-repeat top center;
    background-size: 100% auto;
}

.mainPro1 .proTxt {
    background: url(../img/car5o/pro1_txt-0915.png?v=1) no-repeat top left;
    background-size: 100%;
    width: 3.76rem;
    height: 1.36rem;
    position: absolute;
    top: 9.72rem;
    left: 0.67rem;
}

.mainPro1 .proMore {
    background: url(../img/car5o/button-0915.png?v=1);
    background-size: 100%;
    width: 2.86rem;
    height: 0.66rem;
    position: absolute;
    top: 11.26rem;
    left: 0.67rem;
}

.mainPro1 .proBtns {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: 3rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    text-align: center;
}

.mainPro1 .proBtns a:nth-child(1) {
    background: url(../img/car5o/pro1_btn1.png?v=1);
    background-size: 100%;
    width: 3.25rem;
    height: 2.23rem;
    display: inline-block;
    margin: 0 -0.15rem;
}

.mainPro1 .proBtns a:nth-child(2) {
    background: url(../img/car5o/pro1_btn2.png?v=1);
    background-size: 100%;
    width: 3.24rem;
    height: 2.23rem;
    display: inline-block;
    margin: 0 -0.15rem;
}


/* 产品2 */

.mainPro2 {
    background: url(../img/car5o/pro2_bg-0915.jpg?v=1);
    background-size: 100% auto;
}

.mainPro2 .proTxt {
    background: url(../img/car5o/pro2_txt-0915.png?v=1) no-repeat top left;
    background-size: 100%;
    width: 3.76rem;
    height: 1.36rem;
    position: absolute;
    top: 9.72rem;
    left: 0.67rem;
}

.mainPro2 .proMore {
    background: url(../img/car5o/button-0915.png?v=1);
    background-size: 100%;
    width: 2.86rem;
    height: 0.66rem;
    position: absolute;
    top: 11.26rem;
    left: 0.67rem;
}


/* 产品2 */

.mainPro3 {
    background: url(../img/car5o/pro3_bg-0915.jpg?v=1);
    background-size: 100% auto;
}

.mainPro3 .proTxt {
    background: url(../img/car5o/pro3_txt-0915.png?v=1) no-repeat top left;
    background-size: 100%;
    width: 3.76rem;
    height: 1.36rem;
    position: absolute;
    top: 9.72rem;
    left: 0.67rem;
}

.mainPro3 .proMore {
    background: url(../img/car5o/button-0915.png?v=1);
    background-size: 100%;
    width: 2.86rem;
    height: 0.66rem;
    position: absolute;
    top: 11.26rem;
    left: 0.67rem;
}

.mainPro4 {
    background: url(../img/car5o/pro4_bg-0915.jpg?v=1);
    background-size: 100% auto;
}

.mainPro4 .proTxt {
    background: url(../img/car5o/pro4_txt-0915.png?v=1) no-repeat top left;
    background-size: 100%;
    width: 3.76rem;
    height: 1.36rem;
    position: absolute;
    /*top: 2.78rem;*/
    top: 9.72rem;
    left: 0.67rem;
}

.mainPro4 .proMore {
    background: url(../img/car5o/button-0915.png?v=1);
    background-size: 100%;
    width: 2.86rem;
    height: 0.66rem;
    position: absolute;
    top: 11.26rem;
    left: 0.67rem;
}

.mainPro4 .proTxtImg {
    background: url(../img/car5o/pro4_word-0915.png?v=1);
    background-size: 100%;
    width: 5.6rem;
    height: 5.76rem;
    position: absolute;
    top: 4.24rem;
    left: 0.67rem;
}

.mainPro5 {
    background: url(../img/car5o/chexing-0915.png?v=1) no-repeat;
    background-size: 100% auto;
}

.iconHot {
    background: url(../img/car5o/icon_hot.png?v=1);
    background-size: 100%;
    width: 0.68rem;
    height: 0.68rem;
    display: block;
    cursor: pointer;
}


/* 图集 */

.mainPics {
    background: url(../img/car5o/pics_bg.jpg?v=1);
    background-size: 100% auto;
}

.mainPics .picsBtns {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.mainPics .picsBtns a {
    width: 3.24rem;
    height: 1.69rem;
    text-indent: -999px;
    overflow: hidden;
    display: inline-block;
    margin: 0 -0.15rem;
}

.mainPics .picsBtns a:nth-child(1) {
    display: none;
    background: url(../img/car5o/pics_btn1.png?v=1);
    background-size: 100% 100%;
}

.mainPics .picsBtns a:nth-child(2) {
    background: url(../img/car5o/pics_btn2.png?v=1);
    background-size: 100% 100%;
}

/* 配置表 */
@media (min-width:374px) and (max-height:650px) {
    .banner {
        background-size: 100% 120%;
    }

    .mainPro1 {
        background-size: 100% 120%;
    }

    .mainPro1 .proBtns {
        top: 70%;
        margin-top: 0 !important;
    }

    .mainPro2 {
        background-size: 100% 120%;
    }

    .mainPro2 .proMore {
        top: 75%;
        margin-top: 0 !important;
    }

    .mainPro3 {
        background-size: 100% 120%;
    }

    .mainPro3 .proMore {
        top: 80%;
        margin-top: 0 !important;
    }

    .mainPics {
        background-size: 100% 120%;
    }

    .mainPics .picsBtns {
        top: 75%;
        margin-top: 0 !important;
    }
}
.mainPeizhi {
    background: url(../img/car5o/peizhi_bg.jpg?v=1);
    background-size: 100% 100%;
}

.mainPeizhi .peizhiBox {
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 0.2rem;
    right: 0.2rem;
    background: #fff;
    box-shadow: 0 0.05rem 0.2rem rgba(0, 0, 0, 0.45);
}

.mainPeizhi .peizhiBox .boxCar {
    background: url(../img/car5o/peizhi_car.png?v=1);
    background-size: 100%;
    width: 3.24rem;
    height: 1.05rem;
    position: absolute;
    top: -0.72rem;
    right: 0;
}

.mainPeizhi .peizhiBox .boxSel {
    position: absolute;
    top: -0.47rem;
    left: -0.2rem;
    z-index: 99;
    width: 4.05rem;
    height: 0.8rem;
}

.mainPeizhi .peizhiBox .boxTable {
    padding: 0.75rem 0.2rem 0.3rem 0.2rem;
    box-sizing: border-box;
    height: 100%;
}

.mainPeizhi .swiper-container {
    width: 100%;
    height: 100%;
}

.mainPeizhi .swiper-slide {
    text-align: center;
    height: auto;
}

.mainPeizhi .peizhiBox .contOption {
    width: auto;
    height: auto;
    text-align: center;
}

.mainPeizhi .peizhiBox .contOption table {
    border-top: 0.01rem solid #abaaaf;
    border-left: 0.01rem solid #abaaaf;
}

.mainPeizhi .peizhiBox .contOption th {
    text-align: left;
    font-size: 0.16rem;
    color: #626262;
    line-height: 0.28rem;
    font-weight: bold;
    padding: 0.25rem 0.15rem;
    border-right: 0.01rem solid #abaaaf;
    border-bottom: 0.01rem solid #abaaaf;
}

.mainPeizhi .peizhiBox .contOption td {
    text-align: center;
    font-size: 0.16rem;
    color: #626262;
    line-height: 1.3;
    padding: 0.25rem 0.15rem;
    border-right: 0.01rem solid #abaaaf;
    border-bottom: 0.01rem solid #abaaaf;
}

.peiSel {
    width: 4.05rem;
    height: 0.8rem;
    display: block;
    position: relative;
}

.peiSel .selTit {
    width: 4.05rem;
    height: 0.8rem;
    background: url(../img/car5o/icon_sel.png?v=1) no-repeat 3.6rem 0.32rem #bf2424;
    background-size: 0.24rem auto;
    font-size: 0.24rem;
    line-height: 0.8rem;
    text-align: left;
    color: #fff;
    padding: 0 0.2rem;
}

.peiSel .selCont {
    width: 4.05rem;
    position: absolute;
    top: 0.8rem;
    left: 0;
    background: #9c1111;
    display: none;
}

.peiSel .selCont h3 {
    width: 4.05rem;
    height: 0.8rem;
    background: url(../img/car5o/icon_sel.png?v=1) no-repeat 3.6rem 0.32rem #9c1111;
    background-size: 0.24rem auto;
    font-size: 0.24rem;
    line-height: 0.8rem;
    text-align: left;
    color: #fff;
    padding: 0 0.3rem;
    border-top: 0.01rem solid #7a0707;
}

.peiSel .selCont ul {
    display: none;
}

.peiSel .selCont li {
    width: 4.05rem;
    height: 0.8rem;
    background: #ddd;
    font-size: 0.24rem;
    line-height: 0.8rem;
    text-align: left;
    color: #333;
    padding: 0 0.3rem;
    border-top: 0.01rem solid #999;
}


/* 弹出层 */

.layerPics {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #010101;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
}

.layerPics::after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: #76201c;
}

.layerPics .picsMain {
    width: 7.5rem;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

.layerPics .picsMain .mainClose {
    background: url(../img/car5o/hot_close.png?v=1);
    background-size: 100%;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: -1rem;
    right: 0.65rem;
    z-index: 99;
    cursor: pointer;
}

.layerPics .picsMain .mainTit {
    font-size: 0.42rem;
    line-height: 0.5rem;
    text-align: left;
    color: #fff;
    position: absolute;
    top: -1rem;
    left: 0.65rem;
    z-index: 99;
}

.layerPics .picsMain .mainCont {
    width: 6.2rem;
    margin: 0 auto;
}

.layerPics .swiper-container {
    width: 6.2rem;
    height: 8.23rem;
    background: #fff;
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden;
}

.layerPics .swiper-container .swiper-slide {
    text-align: center;
}

.layerPics .mainCont img {
    width: 6.2rem;
    height: 3.9rem;
    display: block;
    margin-bottom: 0.3rem;
}

.layerPics .mainCont h3 {
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #111111;
    text-align: left;
    padding: 0 0.3rem;
    margin-bottom: 0.2rem;
}

.layerPics .mainCont p {
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #333;
    text-align: justify;
    padding: 0 0.3rem;
}

.layerPics .swiper-container .swiper-button-next,
.layerPics .swiper-container .swiper-button-prev {
    width: 0.32rem;
    height: 0.55rem;
    position: absolute;
    top: 3.05rem;
    display: none;
}

.layerPics .swiper-container .swiper-button-next {
    background: url(../img/car5o/hot_next.png?v=1);
    background-size: 100%;
    right: 0.2rem;
}

.layerPics .swiper-container .swiper-button-prev {
    background: url(../img/car5o/hot_prev.png?v=1);
    background-size: 100%;
    left: 0.2rem;
}

.layerPics .swiper-container .swiper-pagination {
    width: 5.6rem;
    height: 0.9rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-top: 0.01rem solid #bebdbd;
    text-align: left;
    padding: 0.15rem 0;
}

.layerPics .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 0.15rem;
    height: 0.15rem;
    background: #adadad;
    opacity: 1;
    border-radius: 50%;
    overflow: hidden;
}

.layerPics .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #ff0606;
}

.layerPics .swiper-container .swiper-jt {
    background: url(../img/car5o/hot_jt.png?v=1);
    background-size: 100%;
    width: 0.56rem;
    height: 0.35rem;
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    z-index: 101;
}


/* 弹出层 */

.layerImgs {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #010101;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
}

.layerImgs .imgsMain {
    width: 7.5rem;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

.layerImgs .imgsMain .mainClose {
    background: url(../img/car5o/hot_close.png?v=1);
    background-size: 100%;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: -0.6rem;
    right: 0.65rem;
    z-index: 99;
    cursor: pointer;
}

.layerImgs .imgsMain .mainCont {
    text-align: center;
}

.layerImgs .imgsMain .mainCont h3 {
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #fff;
    text-align: center;
    margin-bottom: 0.2rem;
}

.layerImgs .swiper-container {
    width: auto;
    height: 5.1rem;
    position: relative;
    overflow: hidden;
}

.layerImgs .swiper-container .swiper-slide {
    text-align: center;
}

.layerImgs .mainCont img {
    width: 6.2rem;
    /* height: 3.9rem; */
    display: block;
    margin: 0 auto;
}

.layerImgs .swiper-container .swiper-button-next,
.layerImgs .swiper-container .swiper-button-prev {
    width: 0.17rem;
    height: 0.3rem;
    position: absolute;
    top: 2.8rem;
}

.layerImgs .swiper-container .swiper-button-next {
    background: url(../img/car5o/hot_next.png?v=1);
    background-size: 100%;
    right: 0.25rem;
}

.layerImgs .swiper-container .swiper-button-prev {
    background: url(../img/car5o/hot_prev.png?v=1);
    background-size: 100%;
    left: 0.25rem;
}

.layerImgs .swiper-container .swiper-pagination {
    width: 100%;
    height: 0.27rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.28rem;
    line-height: 0.27rem;
    text-align: center;
    color: #ef1414;
    bottom: 0;
}

.layerImgs .swiper-container .swiper-pagination .swiper-pagination-current {
    color: #fff;
}


/* 弹出层 */

.layerVideo {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #010101;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
}

.layerVideo .videoMain {
    width: 7.5rem;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
}

.layerVideo .videoMain .mainClose {
    background: url(../img/car5o/hot_close.png?v=1);
    background-size: 100%;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    top: -1rem;
    right: 0.65rem;
    z-index: 99;
    cursor: pointer;
}

.layerVideo .videoMain .mainCont {
    width: 6.3rem;
    margin: 0 auto;
}

.layerVideo .videoMain .mainCont h3 {
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #fff;
    text-align: center;
    margin-bottom: 0.2rem;
}

.layerVideo .swiper-container {
    width: auto;
    height: 5.1rem;
    position: relative;
    overflow: hidden;
}

.layerVideo .swiper-container .swiper-slide {
    text-align: center;
}

.layerVideo .swiper-container .swiper-slide i {
    background: url(../img/car6/video/icon_play.png?v=1);
    background-size: 100%;
    width: 1.02rem;
    height: 1.02rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.layerVideo .mainCont img {
    width: 6.2rem;
    height: 3.9rem;
    display: block;
    margin: 0 auto;
}

.layerVideo .swiper-container .swiper-button-next,
.layerVideo .swiper-container .swiper-button-prev {
    width: 0.17rem;
    height: 0.3rem;
    position: absolute;
    top: 2.8rem;
}

.layerVideo .swiper-container .swiper-button-next {
    background: url(../img/car5o/hot_next.png?v=1);
    background-size: 100%;
    right: 0.25rem;
}

.layerVideo .swiper-container .swiper-button-prev {
    background: url(../img/car5o/hot_prev.png?v=1);
    background-size: 100%;
    left: 0.25rem;
}

.layerVideo .swiper-container .swiper-pagination {
    width: 100%;
    height: 0.27rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.28rem;
    line-height: 0.27rem;
    text-align: center;
    color: #ef1414;
    bottom: 0;
}

.layerVideo .swiper-container .swiper-pagination .swiper-pagination-current {
    color: #fff;
}

.videoBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000;
    z-index: 9999;
}


/* 产品内容从下往上的入场动画 */
@keyframes car5oProRise {
    from {
        opacity: 0;
        transform: translateY(0.45rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#swiperMain > .swiper-wrapper > .swiper-slide.mainPro1.swiper-slide-active .proTxt,
#swiperMain > .swiper-wrapper > .swiper-slide.mainPro2.swiper-slide-active .proTxt,
#swiperMain > .swiper-wrapper > .swiper-slide.mainPro3.swiper-slide-active .proTxt,
#swiperMain > .swiper-wrapper > .swiper-slide.mainPro4.swiper-slide-active .proTxt,
#swiperMain > .swiper-wrapper > .swiper-slide.mainPro5.swiper-slide-active .proTxt {
    animation: car5oProRise 0.8s ease-out both;
}

#swiperMain > .swiper-wrapper > .swiper-slide.mainPro1.swiper-slide-active .proMore,
#swiperMain > .swiper-wrapper > .swiper-slide.mainPro2.swiper-slide-active .proMore,
#swiperMain > .swiper-wrapper > .swiper-slide.mainPro3.swiper-slide-active .proMore,
#swiperMain > .swiper-wrapper > .swiper-slide.mainPro4.swiper-slide-active .proTxtImg,
#swiperMain > .swiper-wrapper > .swiper-slide.mainPro5.swiper-slide-active .proTxtImg {
    animation: car5oProRise 0.8s ease-out 0.25s both;
}
.in-container .cbs_btn_list,.in-container .posMenu,.in-container .config_btn,.is-container-sapp .cbs_btn_list,.is-container-sapp .posMenu,.is-container-sapp .config_btn,.is-container-sapp .m-page-footer,.is-container .m-page-footer{
  visibility: hidden !important;
} 
.is-container .m-page-footer ,.is-container-sapp .m-page-footer{
    display: none !important;
}