@charset "utf-8";
/* CSS Document */
.indexBanner{
    position: relative;
    height: 8.4rem;
    padding:0 0.45rem;
}
.indexDown{
    position: absolute;
    bottom: 0.7rem;
    left: 1.55rem;
    width: 0.5rem;
    height: 0.5rem;
    z-index: 2;
    border: 0.02rem solid #fff;
    border-radius: 50%;
    background: url("../img/common/indexDown.svg") no-repeat center center;
    background-size: 0.22rem 0.24rem;
    cursor: pointer;
}
.swiper-container-banner{
    width: 100%;
    height: 100%;
}
.swiper-container-banner .swiper-pagination-fraction{
    width: 4.4rem;
    height: 0.8rem;
    left: auto;
    right: 0;
    bottom: 0;
    padding-right: 3.15rem;
    font-size: 0.18rem;
    line-height: 0.8rem;
    background-color: rgba(255,255,255,0.8);
    color: #262626;
    font-weight: bold;
}
.swiper-container-banner .bannerImg{
    width:100%;
    height: 8.4rem;
    object-fit: cover;
}
.swiper-container-banner .swiper-pagination-fraction .swiper-pagination-current{
    color: #EB3D01;
}
.swiper-container-banner .swiper-button-prev-banner,
.swiper-container-banner .swiper-button-next-banner{
    width: 0.8rem;
    height: 0.8rem;
    left: auto;
    top: auto;
    bottom: 0;
    transition: 0.5s;
}
.swiper-container-banner .swiper-button-prev-banner:after,
.swiper-container-banner .swiper-button-next-banner:after{
    content:'';
}
.swiper-container-banner .swiper-button-prev-banner:after{
    position: absolute;
    width: 0.01rem;
    height: 0.4rem;
    right: 0;
    top: 50%;
    margin-top: -0.2rem;
    background-color: #fff;
}
.swiper-container-banner .swiper-button-prev-banner{
    right: 2.35rem;
    background: url("../img/common/ibPrev.svg") no-repeat center center;
    background-size: 100% 100%;
}
.swiper-container-banner .swiper-button-prev-banner:hover{
    background: url("../img/common/ibPrevEd.svg") no-repeat center center;
    background-size: 100% 100%;
}
.swiper-container-banner .swiper-button-next-banner{
    right: 1.55rem;
    background: url("../img/common/ibNext.svg") no-repeat center center;
    background-size: 100% 100%;
}
.swiper-container-banner .swiper-button-next-banner:hover{
    background: url("../img/common/ibNextEd.svg") no-repeat center center;
    background-size: 100% 100%;
}
.indexBannerCont{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 1.55rem;
    color: #FFFFFF;
}
.indexOne{
    width:100%;
    height: 9.8rem;
    box-sizing: border-box;
    padding:.7rem 0;
}
.ibcTit{
    margin-bottom: 0.2rem;
    font-size: 0.48rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
}
.ibcTips{
    font-size: 22px;
    line-height: 0.43rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
}
.ibcSeeMore{
    display: block;
    width: 1.8rem;
    height: 0.5rem;
    padding-right: 0.4rem;
    margin-top: 0.6rem;
    font-size: 0.14rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    color: #666;
    text-align: center;
    line-height: 0.5rem;
    background: url("../img/common/ibcJt.svg") no-repeat 1.18rem center #fff;
    background-size: 0.2rem 0.14rem;
    transition: 0.5s;
}
.ibcSeeMore:hover{
    color: #fff;
    background: url("../img/common/ibcJtEd.svg") no-repeat 1.18rem center #EB3D01;
    background-size: 0.2rem 0.14rem;
}


.newProducts{
    position: relative;
    width: 7.5rem;
    height: 7.1rem;
    border: 0.01rem solid #E6E6E6;
}
.ibOneLabel{
    position: absolute;
    top: 0.4rem;
    left: 0;
    z-index: 2;
    width: 2.2rem;
    height: 0.6rem;
    padding-left: 0.3rem;
    font-size: 0.28rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 0.6rem;
    background: url("../img/common/dzbj.svg")  no-repeat;
    background-size: 100% 100%;
}
.ibOneLabel span{
    padding-left: 0.4rem;
    background: url("../img/common/dz.svg")  no-repeat left center;
    background-size: .3rem .3rem;
}
.ibOneImg{
    width: 100%;
    height: 5.3rem;
}
.iBOneCont{
    width: 100%;
    height: 1.8rem;
    padding: 0 0.3rem;
    background-color: #fff;
}
.ibOneTit{
    padding: 0.3rem 0 0.2rem;
    font-size: 0.24rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #262626;
    line-height: 0.24rem;
    border-bottom: 0.01rem solid #E6E6E6;
}
.ibOneInfo{
    width: 100%;
    height: 1.05rem;
    display: flex;
    align-items: center;
}
.ibOneInfoFl{
    flex: 1;
    width: 1px;
    font-size: 0.16rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    color: #666666;
}
.iboInfoLabel span{
    position: relative;
    padding-right: 0.11rem;
    margin-right: 0.1rem;
}
.iboInfoLabel span:after{
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 0.01rem;
    height: 0.16rem;
    margin-top: -0.08rem;
    background-color: #666;
}
.iboInfoLabel span:last-child::after{
    width: 0;
}
.stars{
    display: flex;
    align-items: center;
}
.star{
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    margin-top: 0.2rem;
}
.ibOneInfoSeeMore{
    display: block;
    width: 1.4rem;
    height: 0.44rem;
    font-size: 0.14rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    color: #666666;
    line-height: 0.44rem;
    text-align: center;
    background-color: #F2F4F7;
}
.swiper-container-one .swiper-pagination-bullets{
    height: 0.2rem;
    bottom: 2.05rem;
}
.swiper-container-one .swiper-pagination-bullet{
    width: 0.2rem;
    height: 0.2rem;
    background: #fff;
    opacity: 0.6;
}
.swiper-container-one .swiper-pagination-bullet-active{
    background:#fff;
    opacity: 1;
}


.carListBox{
    width:7.5rem;
    height: 7.1rem;
}
.carListBox .carItem{
    width:3.65rem;
    height: 3.45rem;
    position: relative;
    border:.01rem solid #F2F4F7;
    font-size:0
}
.carListBox .carItem:hover{
    box-shadow: 0 .05rem 0.2rem rgba(15,99,40,0.3);
}
.carListBox .carItem:last-child,
.carListBox .carItem:nth-child(3){
    margin-top:.2rem;
}
.carListBox  .carItem .carItemImg{
    width:100%;
    height: 2.4rem;
    object-fit: cover;
}
.carListBox  .carItem .carItemContent{
    width:100%;
    box-sizing: border-box;
    height: 1.05rem;
    padding:.2rem .2rem 0;

}
.carListBox  .carItem .carItemContent .title{
    font-size: .18rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #262626;
    line-height: .18rem;
    padding-bottom:.2rem;
    border-bottom: 0.01rem solid #E6E6E6;
}
.carListBox  .carItem .carItemContent .info{
    font-size:.14rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    margin-top:.2rem;
    line-height: .14rem;
    background:url("../img/caItemTop.png")no-repeat;
    background-position: right center;
    background-size:.3rem .12rem;
    }
.carListBox  .carItem .carItemHot{
    width:.8rem;
    height: .8rem;
    position: absolute;
    top:0;
    right: 0;
}
.carListBox  .carItem:hover .carItemContent{
 background:#EB3D01
}
.carListBox  .carItem:hover .carItemContent .title,
.carListBox  .carItem:hover .carItemContent .info{
    color:#fff;
}
.carListBox .carItem:hover .carItemContent .info{
    background:url("../img/carItemTopHove.png")no-repeat;
    background-position: right center;
    background-size:.3rem .12rem;
}







.indexFourBox{
    position: relative;
    width: 15.2rem;
    height: 6rem;
    margin: 0 auto;
}
.swiper-container-four-top{
    width: 100%;
    height: 100%;
}
.swiper-container-four-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 1.2rem;
}
.indexFourBottom{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
}

.twoBox{
    width:100%;
    height: 8.4rem;
    padding:0 .45rem;
    font-size: 0;
    box-sizing: border-box;
}
.twoBox .twoBoxContent{
    width:100%;
    height: 8.4rem;
    padding:.7rem 1.55rem;
    box-sizing: border-box;
    background:#F2F4F7;
}
.twoBoxLeft{
    background:#fff;
    width:8.7rem;
    height: 6rem;
    padding:.6rem .8rem;
    box-sizing: border-box;
}
.twoBoxLeft .title{
    font-size: .7rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #333333;
    line-height:.7rem;
    margin-bottom:.2rem;
}
.twoBoxLeft .info{
    font-size: .28rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #262626;
    line-height:.28rem;
    margin-bottom:.1rem;
}
.twoBoxLeft .info2{
    font-size: .16rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #262626;
    line-height: .24rem;
    margin-top:.3rem;
}
.twoBoxLeftImg{
    margin-top:.6rem;
    width:100%;
}
.twoBoxLeftImg img{
    margin-right: .4rem;
    width:.44rem;
    height: .44rem;
}
.twoBoxRight{
    width:6.5rem;
    height: 6rem;
    box-sizing: border-box;
    background: url("../img/twoBoxRight.png")no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    padding:.7rem .65rem;
}
.twoBoxRight .title{
    font-size:.28rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: .28rem;
}
.twoBoxRight .hr{
  width:100%;
    margin:.25rem 0;
}
.twoBoxRight .hr span{
    display: inline-block;
    width:.3rem;
    height: .04rem;
    background:#fff;
}
.twoBoxRight .info{
    font-size: .16rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .16rem;
    margin-bottom:.07rem;
}
.twoItem{
    width:1.7rem;
    text-align: center;
    border-right: 0.01rem solid #666666;
    margin-top:.85rem

}
.twoItem:nth-child(3n){
    border-right: none;
}

.twoItem img{
    width:.44rem;
    height: .44rem;
}
.twoItem .title{
    margin-top:.2rem;
    line-height: .16rem;
    font-size: .16rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #999999;
}
.twoBoxBottom{
    margin-top:.7rem;
}
.twoBoxBottom .twoButtonText a,
.twoBoxBottom .twoButtonText span
{
    font-size: .16rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #262626;
    line-height: .16rem;
}
.twoBoxBottom .twoButtonText a{
    margin-right: .3rem;
}
.twoInput{
    width:3.5rem;
    height: .5rem;
    background: #fff;
    border:0.01rem solid #CCCCCC;
    background-image: url("../img/search.png");
    background-repeat: no-repeat;
    background-position: 3.15rem .15rem ;
    background-size:.2rem .2rem;
    padding:0 .15rem;
    box-sizing: border-box;
}
.fourBanIcon{
    display: none;
    margin-bottom: 0.15rem;
}
.fourBanIcon img{
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
}
.fourBanTit{
    font-size: 0.18rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    line-height: 0.18rem;
}
.fourBanEn{
    margin-top: 0.15rem;
    font-size: 0.14rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    text-transform: Uppercase;
    line-height: 0.14rem;
}
.swiper-slide-thumb-active .indexFourBottom,
.indexFourBottom:hover{
    background-image: linear-gradient(rgba(235, 61, 1, 0), rgba(235, 61, 1, 0.8));
}
.swiper-slide-thumb-active .fourBanIcon{
    display: block;
}
.swiper-slide-thumb-active .fourBanEn{
    display: none;
}
.carBoxList{
    padding:.7rem 2rem;
    width:100%;
    height: 11.3rem;
    font-size: 0;
    box-sizing: border-box;
}
.carNav{
    width:100%;
    border: .01rem solid #E6E6E6;
    height: 1rem;
}
.carNavList{
    width:1.5rem;
    height: 1rem;
}
 .carNav .carNavList{
    width:1.5rem;
    height: 1rem;
    text-align: center;
    position: relative;
    border-right: .01rem solid #E6E6E6;
}
 .carNav .carNavList img{
    width:100%;
    height: 1rem;
    object-fit: cover;

}
.carNav .carNavList:last-child{
    display: flex;
    justify-content: center;
    align-items: center;
}
.carNav .carNavList:last-child img{
    width:.46rem !important;
    height: 0.1rem !important;
    object-fit: cover;

}


 .carNav .carNavList:nth-child(4n){
    border-right: 0;
}
 .carNav .carNavList .carNavHover{
    position: absolute;
    top:0;
    left: 0;
    width:1.5rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    font-size: .28rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    background:rgba(235, 61, 1,0.75);
    display: none;
}
.carNavList:hover .carNavHover{
    display: block;
}
.carList{
    width:100%;
    margin-top:.5rem;
}

.carList  .carItem{
    width:3.6rem;
    height: 3.4rem;
    border:0.01rem solid #F2F4F7;
    margin-bottom:.3rem;
    margin-right: .15rem;
    display: block;
}
.carList  .carItem:nth-child(4n){
    margin-right: 0;
}
  .carList .carItem img{
    width:100%;
    height: 2.4rem;
    object-fit: cover;
}
 .carList .carItem .carItemContent{
    width:100%;
    padding:.25rem 0 .23rem;
    text-align: center;
}
 .carList .carItem .carItemContent .title{
     font-size: .18rem;
     font-family: Source Han Sans CN-Medium, Source Han Sans CN;
     font-weight: 500;
     color: #262626;
     line-height: .18rem;
}
 .carList .carItem .carItemContent .info{
     font-size: .14rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 400;
    margin-top:.25rem;
    color: #999999;
    line-height: .14rem;
}
.carList  .carItem:hover{
    box-shadow: 0 .05rem 0.2rem rgba(15,99,40,0.3);
}
.carLink{
    width:3.6rem;
    display: inline-block;
    text-align: center;
   border: 0.01rem solid #CCCCCC;
    color:#999999;
    height: .6rem;
    line-height: .6rem;
    font-size: .18rem;

    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400
}


.carList  .carItem:hover  .carItemContent{
    background: #EB3D01;
}
.carList  .carItem:hover  .carItemContent .title,
.carList  .carItem:hover  .carItemContent .info
{
    color:#fff;

}
.newBox{
    width:100%;
    height: 9.6rem;
    padding-top:.7rem;
    box-sizing: border-box;
    font-size: 0;
}
.newBox  .newsContent{
    margin-top:.5rem;
}
.newOne{
    width:5.2rem;
    height: 5.3rem;
    border: .01rem solid #E6E6E6;
}
.newOne .newOneImg{
    width:100%;
    height: 2.8rem;
    object-fit: cover;
}
 .newItem{
    display: block;
     width:5.2rem;
     height: 2.5rem;
     padding:.25rem;
     box-sizing: border-box;
}
.newItem .newDate{
    height: .91rem;
    border-bottom: 0.01rem solid #E6E6E6;

}
.newItem .newDate .day{
    font-size: .4rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #999999;
    line-height: .4rem;
    margin-bottom:.16rem;
}
.newItem .newDate .month{
    font-size:.16rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    line-height: .16rem;
}
.newContent{
    margin-top:.25rem;
}
.newContent .title{
    font-size: .18rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #262626;
    line-height: .18rem;
    width:100%;
    margin-bottom:.15rem;
}
.newContent .info{

    font-size: .14rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    line-height: .28rem;

}
.newList{
 width:9.8rem;
    height: 5.3rem;
}
.newList .newItem{
    width:4.8rem;
    height: 2.55rem;
    border: 0.01rem solid #E6E6E6;
}
.newList .newItem:hover{
    background:#EB3D01;
    box-shadow: 0 .05rem 0.2rem rgba(15,99,40,0.3);
}

.newList .newItem:hover .newDateBox .day,
.newList .newItem:hover .newDateBox .month,
.newList .newItem:hover .newContent .title,
.newList .newItem:hover .newContent .info
{
    color:#fff;
}
.newList .newItem:hover .newDateBox img{
    content: url("../img/carItemTopHove.png");
}
.newBox .newBtn{
    margin-top:.7rem;
    width: 100%;
    text-align: center;
}
.newBox .btn{
    width:3.6rem;
    height: .6rem;
    line-height: .6rem;
    border:0.01rem solid #ccc;
    text-align: center;
    font-size: .18rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #999999;
   display: inline-block;
}
.aboutBox{
    width:100%;
    padding:0 .45rem ;
    font-size: 0;
    height: 8.1rem;
}
.aboutContent{
    width: 100%;
    height: 8.1rem;
    background: url("../img/aboutBg.png")no-repeat;
    background-position: center;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding:.7rem 1.4rem;
}
.aboutContent .tempTitle,
.aboutContent .tempInfo{
    color:#fff;
}
.aboutList{
    margin-top:.5rem;
}
.aboutItem{

   box-sizing: border-box;
    padding:.35rem .82rem;
    border-right: 0.01rem solid #999999;

    border-image:linear-gradient(to right,#999999,#FFFFFF) 1 10;
}

.aboutItem:last-child{
    border:none
}
.aboutItem img{
    width:.9rem;
    height: .9rem;
    object-fit: cover;
    margin-bottom: .4rem;
}
.aboutItem:hover{
    background:#EB3D01;
}
.aboutItem:hover  .aboutItem1Img{
    content: url("../img/aboutItemHover1.png");
}
.aboutItem:hover  .aboutItem2Img{
    content: url("../img/aboutItemHover2.png");
}
.aboutItem:hover  .aboutItem3Img{
    content: url("../img/aboutItemHover3.png");
}
.aboutItem:hover  .aboutItem4Img{
    content: url("../img/aboutItemHover4.png");
}
.aboutItem:hover  .aboutItem5Img{
    content: url("../img/aboutItemHover5.png");
}
.aboutItem:hover  .aboutItem6Img{
    content: url("../img/aboutItemHover6.png");
}
.aboutItem .aboutItemContent{
    width:.9rem;
    height: 3.34rem;


}

.aboutItem .aboutItemContent .title{
    font-size: .18rem;
    width:.18rem;
    font-family: Source Han Sans CN-Bold, Source Han Sans CN;
    font-weight: bold;
    color: #FFFFFF;
    writing-mode:vertical-lr
}
.aboutItem .aboutItemContent .info{
    font-size:.14rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;

    color: #999999;
    line-height: .28rem;

    writing-mode:vertical-lr
}

.linkBox{
    width:100%;
    padding:0 .45rem ;
font-size: 0;
}
.linkBox .linkContent{
    padding:.5rem 1.55rem .68rem;
    background: #F2F4F7;
}
.linkBox .linkTitle{
    width:100%;
}

.linkBox .linkTitle span{
    display: inline-block;
    width:1rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    background:#E6E6E6;
    font-size: .14rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #262626;
    margin-right: .1rem;
}
.linkBox .linkTitle .activity{
    background:#EB3D01;
    color:#fff;
}
.linkItem{
    width:100%;
    display: none;
}
.linkContent .itemActivity{
    display: block;
}
.linkItem a{
    margin-top:.2rem;
    margin-right: .3rem;
    font-size: .14rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    float: left;
    color: #262626;
}