* {
    font-size: 0;
}
.warp_box {
    background-color: #fff;
    text-align: center;
}
/*banner01*/
.banner1 {
    width: 100%;
    height: 5.2rem;
}
.banner1 img {
    width: 100%;
    height: 100%;
}
/*标题*/
.larg-title {
    font-size: .58rem;
    color: #323232;
}
/*描述*/
.content-text {
    display: inline-block;
    font-size: .26rem;
    color: #686868;
    line-height: .44rem;
    padding: 0 .4rem;
}
.clearboth {
    position: relative;
}
.clearboth::after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
}
/*上边距*/
.p61 {
    padding-top: .61rem;
}
.t84 {
    padding-top: .84rem;
}
.left {
    float: left;
}
.right {
    float: right;
}
/*页面第一部分*/
.content01 {
    padding: .53rem .41rem .7rem .51rem;
}
.content01-bg,.content02-bg{
    width: .74rem;
    height: .74rem;
    margin-right: .48rem;
    position: absolute;
    top: .4rem;
}
.content01-bg {
    background: url("../images/nocar/conttent01-1.png") center center no-repeat;
    background-size: contain;
}
.content02-bg {
    background: url("../images/nocar/conttent01-2.png") center center no-repeat;
    background-size: contain;
}
.content01 .titles {
    font-size: .35rem;
    color: #3c4349;
    font-weight: 600;
    height: 1.11rem;
    line-height: 1.11rem;
}
.content01 li {
    line-height: .41rem;
    color: #878787;
    font-size: .3rem;
    margin-bottom: .2rem;
}
.content01-1 li {
    min-height: .82rem;
}
.content01-list li::before {
    content: "";
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    background-color: #20ba88;
    border-radius: 50%;
    margin: 0 .2rem;
    vertical-align: middle;
}
.content01-list li span {
    float: right;
    display: inline-block;
    width: 4.8rem;
    font-size: .28rem;
}

.content01-list {
    width: 5.39rem;
    text-align: left;
}
.content02 {
    background: url("../images/index/content2.jpg") center center no-repeat;
    height: 9.87rem;
    width: 100%;
    background-size: 100%;
}
.content02 .larg-title {
    color: #fff;
    line-height: 1.26rem;
}
.content02 .content-text{
    padding: 0 .82rem;
    color: #c6c6c6;
}
.swiper2-content {
    height: 100%;
    background-color: transparent;
}
.swiper2-content img {
    height: 3.38rem;
}
#swiper2 .swiper-slide {
    width: 5.66rem;
    text-align: left;
}
.swiper2-content .swiper-titles {
    text-align: center;
    margin-top: .21rem;
    font-size: .28rem;
    color: #fff;
    font-weight: 600;
    height: .63rem;
    line-height: .63rem;
}
.swiper2-content .swiper-texts {
    color: #e8e8e8;
    line-height: .39rem;
    font-size: .24rem;
    font-weight: lighter;

}
/*part3*/
.content03 {
    background-color: #f6f6f6;
    padding-bottom: .58rem;
}
.content03 .larg-title {
    font-size: .5rem;
}
.swiper-container {
    width: 100%;
    padding-top: .48rem;
    padding-bottom: 1.04rem;
}
#swiper1 .swiper-slide {
    width: 5.65rem;
    height: 6.5rem;
    border-radius: .08rem;
}
.swiper-container .swiper-contents {
    padding: 0 1.17rem;
    text-align: center;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 .3rem rgba(0,0,0,.1);
}
.swiper-container .swiper-contents .swiper-imgs{
    width: 2.03rem ;
    height: 2.34rem;
    margin-top: .83rem;
    margin-bottom: .47rem;
}
.swiper-container .swiper-contents .swiper-titles {
    position: relative;
    font-size: .40rem;
    color: #4a4a4c;
    font-weight: 500;
    line-height: 1.15rem;
}
.swiper-container .swiper-contents .swiper-titles::after {
    content: "";
    background-color:#4c4c4e;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.32rem;
    height: .03rem;
    width: .65rem;
}
.swiper-container .swiper-contents .swiper-texts {
    display: inline-block;
    color: #939498;
    font-size: .26rem;
    margin-top: .38rem;
}
.swiper-pagination-bullet-active {
    background: #02a56c;
}
/*part4*/
.bg1 img {
    width: 5.08rem;
    height: 3.98rem;
}
.bg2 img {
    height: 5.66rem;
}
.content04 .bg1 .larg-title {
    font-size: .58rem;
}
.content04 .larg-title {
    height: 1.26rem;
    line-height: 1.26rem;
    font-size: .5rem;
}
.content04 .bg2 .larg-title {
    height: .75rem;
    line-height: .75rem;
}
.content04 .bg3 .larg-title {
    height: .64rem;
    line-height: .64rem;
}
.content04   .content-text {
    margin-bottom: .58rem;
}
.content04  .bg1 {
    margin-bottom: .63rem;
}
.content04  .bg2 {
    margin-bottom: .66rem;
}
.content04  .bg2 .content-text {
    margin-bottom: 1.16rem;
}