.banner .swiper-slide{position: relative;}
.banner .swiper-slide .text{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; align-items: center; }
.banner .swiper-slide .text .p1{font-size: 3.125rem; color: #fff; line-height: 1.4; font-weight: bold;}
.banner .swiper-slide .text .p2{font-size: 1.875rem; color: #fff; line-height: 1.4;}
.banner .swiper-slide .text .btn{width: 150px; line-height: 50px; margin-top: 8.875rem; background: #373737; border-radius: 50px; font-size: 14px; color: #fff; display: block; text-align: center;}
.banner .swiper-pagination{bottom: 20px; height: 8px;}
.banner .swiper-pagination-bullet{width: 16px; height: 8px; background: #fff; opacity: 0.5; margin: 0 5px; border-radius: 8px; display: inline-block; vertical-align: top;}
.banner .swiper-pagination-bullet-active{width: 40px; opacity: 1; }
.banner_m{display: none;}
.banner_pc{display: block;}
@media (max-width: 767px){
	.banner{margin-top: 50px;}
	.banner_m{display: block;}
    .banner_pc{display: none;}
	.banner .swiper-slide .text .p1{font-size: 18px;}
	.banner .swiper-slide .text .p2{font-size: 14px;}
	.banner .swiper-slide .text .btn{margin-top: 15px; width: 90px; line-height: 30px; font-size: 13px;}
	.banner .swiper-pagination{text-align: right; bottom: 10px; padding: 0 10px;}
	.banner .swiper-pagination-bullet{height: 4px;}
	.banner .swiper-pagination-bullet{width: 12px;}
	.banner .swiper-pagination-bullet-active{width: 24px;}
}

.tabs{text-align: center; margin: 2.5rem auto;}
.tabs ul{display: inline-block;}
.tabs ul li{float: left; margin: 0 10px;}
.tabs ul li a{padding: 0 1.6875rem; min-width: 7.875rem; font-size: 1.125rem; line-height: 3.125rem; color: #373737; background: #FFF; border-radius: 8px; display: block;}
.tabs ul li.on a{background: #FFAF04; color: #fff;}
@media (max-width: 767px){
	.tabs{ margin: 15px auto;}
	.tabs ul li{margin: 0 5px;}
	.tabs ul li a{padding: 0 10px; min-width: auto;}
}

.more_box{margin: 3.75rem 0 0; text-align: center;}
.more_box .more{color: #FFAF04; font-size: 14px; line-height: 20px;}
.more_box .more::after{content: ""; width: 8px; height: 20px; margin: 0 0 0 7px; display: inline-block; vertical-align: top; background: url(../image/icon_more.png) no-repeat center left;}


/*carList*/
.carList{padding: 6.25rem 0 3.75rem; background: #F2F2F2;}
.carList .tabs_cont ul{ display: flex; flex-flow: wrap row; width: 100%; margin: 0 -10px; overflow: hidden;}
.carList .tabs_item{display: none;} 
.carList .tabs_item.on { display: flex;}
.carList .tabs_cont li{float: left; width: 25%; margin-top: 1.25rem; padding: 0 10px;}
.carList .tabs_cont .code{opacity: 0;position: absolute;top: 0;left: 0;right: 0;padding: 1.25rem;bottom: 5.625rem;background: #fff;display: flex;align-items: center;background: rgba(0,0,0,0.5);text-align: center;}
.carList .tabs_cont .code{ opacity: 0; position: absolute; top: 0; left: 0; right: 0; padding: 1.25rem; bottom: 5.625rem; background: #fff; display: flex; align-items: center;  background: rgba(0,0,0,0.5); text-align: center;}
.carList .tabs_cont .code img{margin: 0 auto;}
.carList .tabs_cont .item:hover .code{z-index: 2; opacity: 1;}
.carList .tabs_cont .item{position: relative; border-radius: 8px; height: 100%; background: #fff; overflow: hidden; display: block; transition: 0.36s all;}
.carList .tabs_cont .info{padding: 1.25rem;}
.carList .tabs_cont .tit{font-size: 1.125rem; color: #1C1C1C; font-weight: bold; display: flex; align-items: flex-start; justify-content: space-between}
.carList .tabs_cont .year{margin: 0 0 0 8px; padding: 0 10px; font-size: 14px; line-height: 18px; border-radius: 4px; color: #FFAF04; background: #FFF3D9; border: 1px solid #FFAF04;}
.carList .tabs_cont .tit span{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.carList .tabs_cont .price{border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; display: flex; margin: 15px 0 0;}
.carList .tabs_cont .price span{flex: 1; text-align: center; color: #FFAF04; padding: 8px 0; border-right: 1px solid #F2F2F2;}
.carList .tabs_cont .price span:last-child{border: none;}
.carList .tabs_cont .price .num{display: block; font-size: 1.5rem; font-weight: bold; line-height: 1.25;}
.carList .tabs_cont .price .unit{font-size: 14px; line-height: 1;}
.carList .tabs_cont .add{ margin: 0.625rem 0 2.1875rem; padding: 0 0 0 28px; font-size: 14px; line-height: 24px; background: url(../image/icon_add.png) no-repeat top left; color: #B7B7B7;}
.carList .tabs_cont .btn{line-height: 3.125rem; background: #373737; color: #fff; font-size: 14px; text-align: center; border-radius: 3.125rem;}
.carList .tabs_cont .item:hover{box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transform: translateY(-10px);}
.carList .tabs_cont .item:hover .btn{background: #FFAF04;}
@media (max-width: 767px){
	.carList{padding: 30px 0;}
	.carList .tabs_cont li{width: 50%; margin-top: 16px; padding: 0 8px;}
	.carList .tabs_cont .tit{display: block; font-size: 15px; height: auto;}
	.carList .tabs_cont .tit span{display: block; height: 40px;}
	.carList .tabs_cont .year{font-size: 12px;padding: 0 5px; display: inline-block;  margin: 8px 0 0;}
	.carList .tabs_cont .price .num{font-size: 13px;}
	.carList .tabs_cont .price .unit{font-size: 12px;}
	.carList .tabs_cont .add{font-size: 13px; margin: 10px 0 15px; background-size: 14px auto; padding: 0 0 0 20px;line-height: 20px;}
	.carList .tabs_cont .btn{font-size: 13px; line-height: 30px;}
	.carList .item:hover{box-shadow: none; transform: translateY(0);}
    .carList .item:hover .btn{background: #373737;}
    .carList .item:hover .picfocus,
    .carList .item:hover .info{z-index: 2;}
    .carList .item:hover .code{z-index: 2; opacity: 0;}
	.carList .active .item{box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transform: translateY(-10px);}
    .carList .active .item .btn{background: #FFAF04;}
    .carList .active .item .picfocus,
    .carList .active .item .info{z-index: 1;}
    .carList .active .item .code{z-index: 2; opacity: 1;}
}

/*tese*/
.tese{padding: 6.875rem 0 8.125rem; background: url(../image/tese_bg.png) no-repeat top center;}
.tese .cont{overflow: hidden; margin: 3.75rem 0 0;}
.tese .cont ul{margin: 0 -10px;}
.tese .cont li{float: left; width: 33.3%; padding: 10px 10px; }
.tese .cont .item{position: relative; border-radius: 8px; overflow: hidden;}
.tese .cont .item .img_m{display: none;}
.tese .cont .item .img_pc{display: block;}
.tese .cont .item .info{position: absolute; bottom: 4.125rem; left: 0; right: 0; text-align: center;}
.tese .cont .item .icon{display: inline-block;}
.tese .cont .item .tit{font-size: 1.5rem; color: #fff; line-height: 1.5; padding: 1rem 0;}
@media (max-width: 767px){
	.tese{padding: 30px 0; background-size: cover;}
	.tese .cont{margin: 14px 0 0;}
	.tese .cont li{width: 50%; padding: 0 8px; margin: 16px 0 0;}
	.tese .cont li:last-child{width: 100%;}
    .tese .cont .item .img_m{display: block;}
    .tese .cont .item .img_pc{display: none;}
	.tese .cont .item .icon{width: 36px; margin-bottom: 10px;}
	.tese .cont .item .tit{font-size: 13px; padding: 0 10px;}
}

/*liucheng*/
.liucheng{padding: 6.25rem 0 6.875rem; background: #F2F2F2;}
.liucheng .tabs{margin: 3.125rem 0 1.25rem; padding: 0 24.64%; text-align: center; overflow: hidden;}
.liucheng .tabs ul{display: flex; justify-content: space-between;}
.liucheng .tabs li{position: relative; margin: 0; text-align: right; flex: 1; cursor: pointer;}
.liucheng .tabs li .icon{width: 20px; height: 20px; margin: 9px auto; overflow: hidden; display: block;}
.liucheng .tabs li:nth-child(2) .icon{width: 58px; height: 38px; margin: 0 -10px 0 auto;;}
.liucheng .tabs li::before{content: ""; position: absolute; top: 17px; left: 0; right: 0; height: 4px; background: #DBDBDB; }
.liucheng .tabs li:first-child{flex: initial; text-align: left;}
.liucheng .tabs li:first-child::before{content: none;}
.liucheng .tabs li:nth-child(2)::before{ left: -8px; right: 58px;}
.liucheng .tabs li:nth-child(3)::before{ left: 20px; right: 28px;}
.liucheng .tabs li p{ text-align: center; line-height: 25px; margin: 5px 0 0;}
.liucheng .tabs li .box{position: relative; z-index: 2; display: inline-block;}
.liucheng .tabs p{font-size: 1.125rem; color: #888;}
.liucheng .tabs li .img{display: block;}
.liucheng .tabs li .img_on{display: none;}
.liucheng .tabs li.on p{color: #FFAF04;}
.liucheng .tabs li.on .img{display: none;}
.liucheng .tabs li.on .img_on{display: block;}
.liucheng .tabs li.on::before{background: #FFAF04;}
.liucheng .item{padding: 2.5rem; background: #fff; border-radius: 8px; display: flex; justify-content: space-between; align-items: center;}
.liucheng .item .info{width: 56%; overflow: hidden;}
.liucheng .item .tit{position: relative;}
.liucheng .item .tit span{position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: #1C1C1C; font-weight: bold;}
.liucheng .item .tit em{font-size: 7.5rem; line-height: 1; color: rgba(255, 175, 4, 0.2); font-weight: bold; font-family: bahnschrift;}
.liucheng .item .desc p{background: url(../image/icon_liucheng.png) no-repeat top left; color: #7E7E7E; font-size: 14px; line-height: 20px; margin-bottom: 20px; padding: 0 0 0 26px;}
.liucheng .item .desc p:last-child{margin-bottom: 0;}
.liucheng .item .btn{margin: 4.125rem 0 0; line-height: 3.125rem; text-align: center; width: 9.375rem; font-size: 14px; color: #fff; display: block; background: #373737; border-radius: 3.125rem;}
.liucheng .item .pic{width: 38.57%;border-radius: 8px; overflow: hidden;}
.liucheng .item .pic img{ overflow: hidden;}
.liucheng .item .btn:hover{background: #FFAF04;}
@media (max-width: 767px){
	.liucheng{padding: 30px 0;}
	.liucheng .tabs{margin: 14px 0 20px; padding: 0 10%;}
	.liucheng .item{display: block;}
	.liucheng .item .pic{display: none;}
	.liucheng .item .info{width: 100%;}
	.liucheng .tabs li::before{height: 2px;}
	.liucheng .tabs li .icon{width: 16px; height: 16px; margin: 10px auto;}
	.liucheng .tabs li:nth-child(2) .icon{width: 40px; height: 26px; margin: 4px -10px 4px 0;}
	.liucheng .tabs li:nth-child(2)::before{right: 41px; left: -20px;}
	.liucheng .tabs li:nth-child(3)::before{left: 16px; right: 5px;}
	.liucheng .item .btn{font-size: 13px;}
}


/*news*/
.news{padding: 6.25rem 0 5.625rem;}
.news .tabs ul li a{background: #F2F2F2;}
.news .tabs ul li.on a{background: #FFAF04;}
.news .tabs_cont{padding: 20px 0 0;}
.news .tabs_item{display: none;}
.news .new_tj{width: 23.9%; margin: 0 20px 0 0; border-radius: 8px; overflow: hidden; background: #F2F2F2; transition: 0.36s all;}
.news .new_tj .info{padding: 1.875rem 1.25rem 2.875rem;}
.news .new_tj .date{font-size: 14px; line-height: 1; color: #B7B7B7; font-family: bahnschrift;}
.news .new_tj .tit{color: #1C1C1C; font-size: 1.33; margin: 1.5rem 0 0.75rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .new_tj .desc{color: #818181; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .news_list{flex: 1;height: 100%;}
.news .news_list li{display: flex; height: 5.1875rem; align-items: center; justify-content: space-between; border-top: 1px solid #eee;}
.news .news_list li:last-child{border-bottom: 1px solid #eee; font-size: 14px;}
.news .news_list li a{flex: 1; margin-right: 15px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #1C1C1C;transition: 0.36s all;}
.news .news_list li span{color: #C8C8C8; font-family: bahnschrift; font-size: 14px;}
.news .news_list li a:hover {color: #FFAF04;}
.news .new_tj:hover{box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transform: translateY(-10px);}
.news .new_tj:hover .tit {color: #FFAF04;}
.news .tabs_item.on{display: flex;}
@media (max-width: 767px){
	.news{padding: 30px 0;}
	.news .tabs_item.on{display: block; overflow: hidden;}
	.news .new_tj{float: left; width: calc(50% - 5px); margin: 0 5px 0 0;}
	.news .new_tj:nth-child(2){margin: 0 0 0 5px;}
	.news .new_tj .info{padding: 15px 10px;}
	.news .new_tj .tit{margin: 10px 0 5px;}
	.news .new_tj .desc{font-size: 13px;}
	.news .news_list{ float: left; width: 100%;}
	.news .news_list li:nth-child{border-top: none;}
}