.clear::before,
.clear::after {
    content: '';
    clear: both;
    display: block;
}

/* banners */
.banners {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

.banners img {
    width: 100%;
    height: 100%;
}

/* 内容区域 */
.contents {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    background-image: url(./aside/images/carworldbg_02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%, 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}

.logos {
    width:220px;
    margin: 0 auto;
}

.logos img {
    width:100%;
}
.logoer img{ max-width:200px;}
.contents p {
    width: 60%;
    margin: 0 auto;
    font-size: 16px;
    color: #494949;
    margin-top: 25px;
    line-height: 2;
text-align:left;
}

.titles {
    margin-top: 8%;
    font-size: 36px;
    letter-spacing: 4px;
    font-weight:600;
}

/* 类别 */
.category {
    width: 60%;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    margin-top: 3%;
}

.category-item {
    flex: 1;
    cursor: pointer;
}

.content-pic {
    margin-top:50px;
    width: 90%;
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 3%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.content-pic-item {
    display: block;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 70px;
}

.content-pic-item:nth-child(3n) {
    margin-right: 0;

}

.content-pic-title {
    margin: 5% 0 0 0;
    color: #333;
    font-size: 16px;
}

.content-pic-item img {
    width: 100%;
    box-shadow:0px 0px 20px 0px #ccc;
    padding:20px 0;
}

/*tab切换1*/
.tabBox1 {width:100%;margin-top:80px;}
.tabBox1>.hd {width:100%;margin:0 auto;}
.tabBox1>.hd ul {width:90%;max-width:1440px;margin:0 auto;display:flex;justify-content:center;}
.tabBox1>.hd ul li {margin:0 35px;;text-align:center;position:relative;padding-bottom:15px;font-size:22px;cursor:pointer;}
.tabBox1>.hd ul li a{ display:block;margin-bottom:15px;font-size:22px;}
.tabBox1>.hd ul li.on a {color:#e02020;}
.tabBox1>.hd ul li: ahover {color:#e02020;}
.tabBox1>.hd ul li  span{
	position: absolute;
	bottom: 1px;
	left: 0;
	width: 0;
	height: 2px;
	background: #e02020;
	content: '';
        transition:0.36s;
        display:block;
}
.tabBox1>.hd ul li:hover span{
        width:100%;

}
.tabBox1>.hd ul li.on  span {
	width:100%;
}


/* 媒体查询 */

/* 1600以上 */
@media only screen and (min-width:1600px) {}

/* 1440-1600 */
@media only screen and (min-width: 1440px)and (max-width: 1600px) {
    .content p {
        font-size: 17px;
    }

    .title {
        font-size: 32px;
    }
}

/* 1280-1440 */
@media only screen and (min-width: 1280px)and (max-width: 1439px) {
    .content p {
        font-size: 16px;
    }

    .title {
        font-size: 30px;
    }

}

/* 1024-1280  */
@media only screen and (min-width: 1024px)and (max-width: 1280px) {
    .content p {
        font-size: 16px;
    }

    .title {
        font-size: 28px;
    }


}

/* pad 768-1024 */
@media only screen and (min-width: 768px)and (max-width: 1024px) {
    .content p {
        font-size: 15px;
        width: 80%;
    }

    .title {
        font-size: 26px;
    }


}

/* 屏幕小于 767px 时的样式  */
@media only screen and (max-width: 768px) {
    .content p {
        font-size: 13px;
        width: 80%;
    }

    .title {
        font-size: 22px;
    }

    .logo {
        width: 40%;
    }

    .gallery-thumbs {
        display: none;
    }

    .content-pic {
        display: block;
    }

    .content-pic-item {
        width: 100%;
        height: auto;
    }
.contents p {
    width: 85%;
   
}
}