/*
Theme Name:toyonauto
Version: 1.0
Author: Andy
*/
@charset "utf-8";

@font-face {
    font-family:'AlbertSansLight';
    src:url(static/fonts/AlbertSans-Light.ttf);
    font-style:normal;
}
@font-face {
    font-family:'AlbertSansRegular';
    src:url(static/fonts/AlbertSans-Regular.ttf);
    font-style:normal;
}

@font-face {
    font-family:'AlbertSansBold';
    src:url(static/fonts/AlbertSans-SemiBold.ttf);
    font-style:normal;
}

body {
    font-family:'AlbertSansRegular';
}

.wrap {width:74vw;max-width:2200px;margin-left:auto;margin-right:auto;}

@media screen and (max-width:1920px) {
  .wrap {width:74vw;}
}

@media screen and (max-width:1400px) {
  .wrap {width:90vw;}
}

@media screen and (max-width:1200px) {
  .wrap {width:94vw;}
}

.wrap_l{display:block;padding-left:8%;}
.wrap_r{display:block;padding-right:8%;}

@media screen and (max-width:1600px) {
  .wrap_l{padding-left:6%;}
  .wrap_r{padding-right:6%;}
}

@media screen and (max-width:1200px) {
	.wrap_l{padding-left:5%;}
	.wrap_r{padding-right:5%;}
}

@media screen and (max-width:960px) {
  .wrap_l{padding-left:3%;}
  .wrap_r{padding-right: 3%;}
}

@media screen and (max-width: 767px) {
	.wrap_l{padding-left:1%;}
	.wrap_r{padding-right:1%;}
}


:root {
	--i_color: #222;
	/* 全局颜色 */
	--i_color2: #333;
	/* 副颜色 */
	--i_color3:#6AA935;
	/* 选中颜色 */
	--bc_color: #EBF0F3;
	/* 背景颜色 */
	--header_height: .7rem;
	/* 头部高度 */
	--border_color: rgba(0, 0, 0, .1);
	/* 默认边框颜色 */
	--f_menu_height: .5rem;
	/* 移动端底部菜单 */
	--linear-gradien:linear-gradient(90deg, #6AA935 0%, #C2CC49 100%);
}

.text_linear_color{display:inline-table;-webkit-text-fill-color:transparent;background:linear-gradient(90deg, #6AA935 0%, #C2CC49 100%);background-clip:text;}

@media screen and (max-width:960px) {
	:root,header{--header_height:.6rem;}
}

@media screen and (max-width:767px) {
	:root{--border_color:rgba(0, 0, 0, .06)}
}

/* header */
header{width:100%;z-index:2014;height:var(--header_height);position:fixed;top:0;left:0;}
.top_cont{position:relative;z-index:2013;display:-webkit-flex;display:flex;flex-wrap:nowrap;align-items:center;}
.TopHeader{position:fixed;top:0;left:0;background:var(--i_color2)}

@media screen and (max-width:960px) {
    .top_cont{justify-content:flex-start}
}


.full_header{height:var(--header_height);}


/* logo */
.logo{display:-webkit-flex;display:flex;align-items:center;height:var(--header_height);}
.logo a{display:-webkit-flex;display:flex;align-items:center;height:100%;}
.logo img{max-height:100%;}
@media screen and (max-width:960px) {
	.logo{margin-right:auto;}
}


/* 导航 */
@media screen and (min-width:960px) {
	.i_nav{display:-webkit-flex;display:flex;flex-wrap:nowrap;z-index:2014;margin:0 auto;}
	.i_nav>li{margin:0 .4rem;position:relative;}
	.i_nav>li:last-child{text-transform:none;}
	.i_nav>li>a{font-size:0.16rem;color:#fff;line-height:var(--header_height);white-space:nowrap;display:flex;align-items:center;}
	.i_nav>li::before{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;transform:translateX(-50%);background:var(--i_color3);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
	.i_nav>.current-menu-item::before,.i_nav>.current-category-ancestor::before,.i_nav>.current-post-ancestor::before,.i_nav>.current-menu-ancestor::before,.i_nav>.current-menu-parent::before,.i_nav>li:hover::before,.i_nav>.active::before{width:98%;}
	.i_nav>.current-menu-item>a,.i_nav>.current-category-ancestor>a,.i_nav>.current-post-ancestor>a,.i_nav>.current-menu-ancestor>a,.i_nav>.current-menu-parent>a,.i_nav>li:hover>a{color:var(--i_color3) !important;}
	.i_nav>.current-menu-item>a::before,.i_nav>.current-category-ancestor>a::before,.i_nav>.current-post-ancestor>a::before,.i_nav>.current-menu-ancestor>a::before,.i_nav>.current-menu-parent>a::before,.i_nav>li:hover>a::before{width:100%;background:var(--i_color3);}
	.i_nav .sub-menu{display:none;position:absolute;left:0;width:2.7rem;background:#FFF;overflow:hidden;box-shadow:0 .06rem .1rem rgb(0 0 0 / 8%);}
	.i_nav .sub-menu li{position:relative;}
	.i_nav .sub-menu li:not(:last-child){border-bottom:1px solid rgb(0 0 0 / 6%);}
	.i_nav .sub-menu a{display:block;padding:.12rem .2rem;font-size:0.14rem;color:var(--i_color);line-height:0.2rem;}
	.i_nav .sub-menu li:hover a{color:var(--i_color3);}
	.nav_dropdown_menu1 .sub-menu{display:none!important}
}

@media screen and (max-width:1366px) {
	.i_nav>li>a {font-size:0.15rem;}
}

@media screen and (max-width:1200px) {
	.i_nav>li {margin: 0 0.3rem;}
	.i_nav>li>a {font-size: 0.14rem;}
}

@media screen and (max-width:1024px) {
	.i_nav>li {margin: 0 0.1rem;}
}

@media screen and (max-width:960px) {
	.i_nav{display:none;position:fixed;top:var(--header_height);right:0;width:33%;background:#FFF;overflow-y:auto;z-index:2}
	/*滚动条*/
	.i_nav::-webkit-scrollbar {width: 3px;height: 8px}
	.i_nav::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);background:#555}
	.i_nav::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius:0;background:#F1F1F1}
	.i_nav>li {margin: 0 0 !important;border-bottom: 1px solid var(--border_color);position: relative;text-align: center;}
	.i_nav>.menu-item-has-children span{display:block;position:absolute;top:0;right:0;width:.44rem;height:.44rem;background:rgb(0 0 0 / 3%) url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;background-size:.2rem;box-sizing:border-box;}
	.i_nav>.menu-item-has-children span.on{background:rgb(0 0 0 / 3%) url(static/images/public/arrow_up_hollow_hei.svg) no-repeat center;background-size:.2rem;}
	.i_nav>li>a {padding:0 .2rem;font-size:.15rem;color:#222;line-height:.44rem;}
	.i_nav>li>.sub-menu{display:none}
	.i_nav>li>.sub-menu li{position:relative;}
	.i_nav .sub-menu a{padding:0 .4rem;font-size:.14rem;color:#555;line-height:.4rem;position:relative}
	.i_nav .sub-menu li:not(:last-child) {border-bottom:1px solid var(--border_color)}
	.i_nav>li>.sub-menu b{position:absolute;top:0;right:0;width:.4rem;height:.4rem;background:url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;background-size:.16rem;}
	.i_nav>li>.sub-menu b.on{background:url(static/images/public/arrow_up_hollow_hei.svg) no-repeat center;background-size:.16rem;}
	.i_nav .sub-menu .sub-menu{display:none;}
	.i_nav .sub-menu .sub-menu a{padding: 0 .6rem;font-size:.13rem;color:#888;line-height:.36rem;position:relative;}
	.i_nav a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	.nav_contact li{margin:.1rem 4%;display:flex;display:-webkit-flex;align-items:center;}
	.nav_contact li iconify-icon{color:var(--i_color3);}
	.nav_contact li a{margin-left:5px;}
	.nav_list_show{display:none!important}
}




/* 移动端导航按钮 */
.nav_menu{position:absolute;width:18px;height:14px;right:4%;top:50%;transform:translateY(-50%);display:none;cursor:pointer}
.nav_menu i{display:block;width:100%;height:2px;position:absolute;top:50%;margin-top:-1px;background:#fff;border-radius:.1rem;transition:.5s}
.nav_menu::before,.nav_menu::after{content:"";width:100%;height:2px;background:#fff;position:absolute;left:0;border-radius:.1rem;transition:.5s}
.nav_menu::before{top:0;}
.nav_menu::after{bottom:0;}
.nav_menu.on i{opacity:0}
.nav_menu.on::before{transform:rotate(45deg);top:50%;margin-top:-2px}
.nav_menu.on::after{transform:rotate(-45deg);top:50%;margin-top:-2px}

@media screen and (max-width:960px) {
	.nav_menu {display:block !important}
}



/* search main */
.top_r{display:flex;display:-webkit-flex;align-items:center;}
.top_search {--search_height: .38rem}
.top_search{visibility:hidden;opacity:0;position:fixed;top:var(--header_height);left:0;width:100%;padding:.16rem 0;background:#FFF;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:6;}
.top_search.on {visibility: visible;opacity: 1;top: var(--header_height);box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);}
.top_search form {width: 80%;margin: 0 auto;max-width: 5rem;display: -webkit-flex;display: flex;flex-wrap: wrap;box-sizing: border-box;border: 1px solid var(--i_color2);overflow: hidden;}
.top_search_ipt {width: calc(100% - var(--search_height) * 2);height: var(--search_height);box-sizing: border-box;padding: 0 0 0 .12rem;}
.top_search_btn{font-size:0;color:#FFF;width:calc(var(--search_height) * 2);height:var(--search_height);background:var(--i_color2) url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cpath fill="white " d="m29 27.586l-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9a9.01 9.01 0 0 1-9-9Z"%2F%3E%3C%2Fsvg%3E') no-repeat center;background-size: .24rem;cursor: pointer;}

.top_language{display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;height:var(--header_height);position:relative;}
.top_language iconify-icon{color:#fff;font-size:.24rem;cursor:pointer;}
.top_language_list{display:none;position:absolute;right:0;top:52px;z-index:2;-moz-user-select:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;}
.top_language_list::before{content:'';position:absolute;top:-.1rem;right:.12rem;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff}
.top_language.on .top_language_list {display: block !important;}
.top_language_list ul {-webkit-border-radius:.05rem;border-radius:.05rem;overflow:hidden}
.top_language_list li {background:#fff;}
.top_language_list a>span {display:block;padding:0 14px;min-width:100px;overflow:hidden}
.top_language_list img,.top_language_list .trp-ls-language-name{display:inline-block;vertical-align:middle}
.top_language_list .trp-ls-language-name{margin-left:8px;font-size:.13rem;color:#606060;line-height:32px}
.top_language_list li:hover {background:var(--i_color2)}
.top_language,.top_language>i {-webkit-transition:all .3s ease;transition:all .3s ease}

.top_search_ico {display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: center;height: var(--header_height);cursor: pointer;margin-right: 6%;}
.top_search_ico iconify-icon {font-size: 0.2rem;color:#fff;cursor: pointer;}
.top_search_ico.on iconify-icon {color: var(--i_color2);}

@media screen and (max-width:960px) {
	.top_r{margin-right: 4%;}
}

@media screen and (max-width:768px) {
	.top_r{margin-right: 6%;}
}
@media screen and (max-width:460px) {
	.top_r{margin-right: 10%;}
}

.full_header{height:var(--header_height);}

header,.top_cont,.logo,.logo img,.i_nav>li,.i_nav>li>a{-webkit-transition:all .7s ease;transition:all .7s ease}


/* Footer */
footer{position:relative;}
.footer_menu{display:flex;display: -webkit-flex;gap: 0 2%;}
.footer_menu li{width:25%;}
.footer_menu li:first-child{width:35% !important;}
.footer_menu li h4{margin-bottom:3%;color:var(--i_color);display:flex;align-items:center;}
.footer_menu li h3{margin-bottom:6%;}
.footer_menu li p:hover{color:var(--i_color3);}
.footer_menu li img{width:70%;margin-bottom:4%;}
.footer_menu li a{display:flex;align-items:center;line-height:30px;color:var(--i_color2);}
.f_media{display:-webkit-flex;display:flex;flex-wrap:wrap;}
.f_media iconify-icon{font-size:.28rem !important;}
.f_media dt:not(:last-child){margin-right:.4rem}

.p_men_list li{position:relative}
.p_men_list li a{position:relative;line-height:100%;padding:1% 0;display:block;color:var(--i_color)}
.p_men_list ul{display:none}
.p_men_list ul li{clear:both;width:100%}
.p_men_list ul li p{color:var(--i_color);padding:0 2%}
.p_men_list>li>p{text-transform: uppercase}
.p_men_list span{display:block;width:20px;height:20px;cursor:pointer;position:absolute;top:.05rem;right:5%;z-index:3;color:var(--bc_color);-webkit-transition:all .5s ease;transition:all .5s ease}
.p_men_list span i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.p_men_list span i.clo{display:block;width:100%;height:100%;background:url(static/images/public/arrow_down_hollow_hei.svg) no-repeat center;background-size:cover;}
.p_men_list span i.open{display:block;width:100%;height:100%;background:url(static/images/public/arrow_up_hollow_hei.svg) no-repeat center;background-size:cover}
.footer_contact h4{color:var(--i_color);}
.f_cr .wrap{border-top:1px solid var(--i_color2);padding:1% 0;text-align:center;}
.f_cr p{font-size:.16rem}

@media screen and (max-width: 1024px) {
	.f_cr{text-align:center;}
}

@media screen and (max-width: 767px) {
	.f_cr .wrap{display:block;text-align:center;}
}



/* ----------------------------- 侧边客服 ---------------------------- */
.aside_right{position:fixed;right:10px;bottom:20%;z-index:999999;}
.aside_right li{position:relative;cursor:pointer;}
.aside_right li{transition:all 0.3s ease;width:40px;height:40px;margin-top:5px;border-radius:50%;background:#e0e0e0;display:flex;justify-content:center;align-items:center;z-index:3;}
.aside_right li a{font-size:.16rem;}
.aside_right li a iconify-icon{color:var(--i_color);font-size:.2rem;}
.aside_right li:hover a iconify-icon{color:var(--bc_color);}
.aside_right li:hover{background:var(--linear-gradien);}
.aside_right li{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}



/* HOME - big title */
.i_tit h2,.i_tit h2 .roll_num{font-size:.36rem;color:var(--i_color);font-family:'AlbertSansBold';}
.i_tit h3,.i_tit h3 .roll_num{font-size:.24rem;color:var(--i_color);}
.i_tit h4,.i_tit h4 .roll_num{font-size:.2rem;color:var(--i_color3);}
.i_tit p,.i_tit p .roll_num{font-size:.18rem;color:var(--i_color2);}
.i_tit.center{margin: 0 auto;}

@media screen and (max-width:1200px) {
	.i_tit h2,.i_tit h2 .roll_num{font-size:.32rem;}
}

@media screen and (max-width:1024px) {
	.i_tit h2,.i_tit h2 .roll_num{font-size:.3rem;}
	.i_tit h3,.i_tit h3 .roll_num{font-size:.20rem;}
	.i_tit h4,.i_tit h4 .roll_num{font-size:.18rem;}
	.i_tit p,.i_tit p .roll_num{font-size:.16rem;}
}

@media screen and (max-width:960px) {
	.i_tit h2,.i_tit h2 .roll_num{font-size:.26rem;}
	.i_tit h3,.i_tit h3 .roll_num{font-size:.18rem;}
	.i_tit h4,.i_tit h4 .roll_num{font-size:.16rem;}
	.i_tit p,.i_tit p .roll_num{font-size:.14rem;}
}

@media screen and (max-width:767px) {
	.i_tit h2,.i_tit h2 .roll_num{font-size:.24rem;}
	.i_tit h3,.i_tit h3 .roll_num{font-size:.16rem;}
	.i_tit h4,.i_tit h4 .roll_num{font-size:.15rem;}
	.i_tit p,.i_tit p .roll_num{font-size:.12rem;}
}

@media screen and (max-width:560px) {
	.i_tit h2,.i_tit h2 .roll_num{font-size:.2rem;}
	.i_tit h3,.i_tit h3 .roll_num{font-size:.15rem;}
}

@media screen and (max-width:460px) {
	.i_tit h2,.i_tit h2 .roll_num{font-size:.18rem;}
}



/* HOME - more */


.i_more{display:table;box-sizing:border-box;width:auto;padding:10px 30px;cursor:pointer;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;overflow:hidden;align-items:center;display:inline-flex;justify-content:center;border-radius:5px;position:relative;background:var(--bc_color);border:1pxx solid var(--bc_color);}
.i_more b{font-size:.16rem;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;position:relative;color:var(--i_color);display:inline-flex;align-items:center;}
.i_more:before{content:"";width:200%;height:200%;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--i_color3);transition:.5s ease;}
.i_more:hover:before{top:-10%}
.i_more iconify-icon{font-size:.16rem;color:var(--i_color);padding-left:5px;}
.i_more:hover iconify-icon,.i_more:hover b{color:#fff;}
.i_more:hover{border:var(--i_color3);}



@media screen and (max-width: 1024px) {
    .i_more b{font-size:.16rem;}
}

@media screen and (max-width: 560px) {
  	.i_more b{font-size:.14rem;}
}

@media screen and (max-width: 430px){
	.i_more b{font-size:.12rem;}
}


/* 当前位置 */
.in_position{padding:.15rem 0;z-index: 999;}
.in_position a{display:block;float:left;font-size:.14rem;color:var(--i_color);position:relative;line-height:20px;}
.in_position a:first-child{padding-left:.24rem;background:url(static/images/public/home_1_hei.svg) no-repeat left center;background-size:.2rem}
.in_position a:not(:last-child):after{content:">"; margin:0 .05rem;color:var(--i_color)}
.in_position a:hover{color:var(--i_color3)}
@media screen and (max-width:960px){
	.in_position a{font-size:.13rem}
}

@media screen and (max-width:560px){
	.in_position a{font-size:.12rem}
}



/* Number of pages */
.in_page_box {text-align:center;overflow:hidden}
.in_page {display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.in_page li {min-width:.32rem;margin:0 .04rem;}
.in_page a,.in_page span {display:block;padding:0 .12rem;line-height:.32rem;font-size:.14rem;color:#666;background:#FFF;-webkit-border-radius:.05rem;border-radius:.05rem;border:1px solid var(--border_color);overflow:hidden;}
.in_page>i {margin-top:0.14rem;width:100%;font-size:0.13rem;color:#888;}
.in_page a:hover,.in_page .active_page a,.in_page .active_page span {border-color:var(--i_color3) !important;background:var(--i_color3);color:#FFF !important}



#mask_bg{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;z-index:998;background:rgba(0, 0, 0, 0.6);}


/* banner */
.banner{width:100%;font-size:0;overflow:hidden;position:relative;}
.banner .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.banner .swiper-wrapper{display:flex;position:relative;width:100%;z-index:1}
.banner .swiper-slide{display:-webkit-flex;display:flex;flex-shrink:0;position:relative;overflow:hidden;height:0;padding-bottom:35%;}
.banner .swiper-slide>img,.banner .swiper-slide>video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.banner-pagination{position:absolute;left:5%;bottom:50%;transform:translateX(-50%);width:auto;cursor:pointer;z-index:3;}
.banner-pagination .swiper-pagination-bullet{display:block;width:2px;height:30px;-webkit-border-radius:.1rem;border-radius:.1rem;margin:5px 0;background:#fff;position:relative;outline:none;overflow:hidden;}
.banner-pagination .swiper-pagination-bullet-active::before{content:"";position:absolute;-webkit-border-radius:.1rem;border-radius:.1rem;top:0;left:0;width:100%;height:100%;background:var(--i_color3);}
.banner-pagination .swiper-pagination-bullet-active::before{-webkit-animation:h100 8000ms 1;animation:h100 8000ms 1;}


@keyframes h100 {
	0%{height:0%;}
	100%{height:94%;}
}


/* main */
/* main */
.h_select{z-index:222;position:absolute;left:50%;transform:translateX(-50%);margin-top: -6%;}
.h_select h3{color:#fff;background: var(--linear-gradien);padding: 3% 0 3% 5%;}
.tab-container{margin: 0 auto;padding:2% 5% 3% 5%;background-color: var(--bc_color);}
.tabs{display:flex; gap:10px;margin-bottom:20px;}
.tab { padding: 8px 16px;background:#fff;border: 1px solid #e0e0e0;border-radius: 4px;cursor: pointer;transition: all 0.3s ease;}
.tab.current{background:var(--i_color3);color:#fff;border-color:var(--i_color3);}
 /* 选择器区域 */
 .selector-container{display:none;}
.selector-container.active{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 auto;}
.selector-group {flex: 1; position: relative;}
.selector-group label{display: block;margin-bottom: 5px;font-size: 14px;color: #666;}
.selector-group select{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;font-size:14px;cursor:pointer;}

/* 确认按钮 */
.confirm-btn{padding:12px;background:#4CAF50;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition: background-color 0.3s ease;}
.confirm-btn:hover {background-color: #388e3c;}


@media screen and (max-width:1440px) {
	.h_select{margin-top: -10%;}
}

@media screen and (max-width:1200px) {
	.h_select{position: static;transform: translateX(0);margin-top:0;}
}


.h_about{position:relative;padding-top:10%;}
.h_about .i_tit{position:absolute;left:50%;top:40%;transform:translate(-50% , -50%);}
.h_about img{width: 100%;}
@media screen and (max-width:1440px) {
	.h_about{padding-top:20%;}
	.h_about .i_tit{top:35%}
}
@media screen and (max-width:1200px) {
	.h_about{padding-top:5%;}
}

@media screen and (max-width:767px) {
	.h_about .i_tit{position: static;transform:translate(0 , 0);}
}

.h_brands{background: var(--bc_color);}
.h_brands img{width: 100%;}


.h_product dl{border-bottom: 1px solid var(--bc_color);}
.h_product .wrap{display:flex;display:-webkit-flex;gap:0 2%;}
.h_product dl h4{padding-bottom:10px;color:var(--i_color);}
.h_product dl h4.current{color:var(--i_color3);border-bottom:2px solid var(--i_color3);}
.product_list{overflow:hidden;display:none;position: relative;}
.product_list.active{overflow:hidden;display:block;padding:0 2%;}
.product_list .swiper-wrapper{display:-webkit-flex;display:flex;width:100%}
.product_list .swiper-slide{flex-shrink:0;transition:300ms;}
.product_list .swiper-slide img{width:100%;}
.product_list .swiper-slide h4{color:var(--i_color);}
.product-prev,.product-next{position:absolute;top:50%;transform:translate(0,-50%);z-index:3;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;}
.product-prev{left:1%;}
.product-next{right:1%;}
.product-prev iconify-icon,.product-next iconify-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.24rem; color:var(--i_color);}
.product-prev:hover,.product-next:hover{background:var(--i_color);}
.product-prev:hover iconify-icon,.product-next:hover iconify-icon{color:var(--i_color3);}


.h_choose{position: relative;;}
.h_choose img{width:100%;}
.h_choose .i_tit{position:absolute;top:10%;left:50%;transform:translateX(-50%);}
.h_choose ul{display:flex;display:-webkit-flex;}
.h_choose ul li{width:25%;}
.h_choose ul h2{display:flex;display: -webkit-flex;justify-content:center;color: var(--i_color3);}
.h_choose ul h2 .roll_num{font-size: .5rem;color: var(--i_color3);}
.h_choose .i_more{border:1px solid var(--i_color2);}
.h_choose .i_more:hover{border:1px solid var(--i_color3);}

@media screen and (max-width:1024px) {
	.h_choose ul h2 .roll_num{font-size: .45rem;}
}

@media screen and (max-width:960px) {
	.h_choose ul h2 .roll_num{font-size: .4rem;}
}
@media screen and (max-width:767px) {
	.h_choose .i_tit{position:static;transform: translateX(0);}
	.h_choose ul h2 .roll_num{font-size: .36rem;}
}
@media screen and (max-width:560px) {
	.h_choose ul h2 .roll_num{font-size: .3rem;}
}


.h_partner ul{display:flex;display:-webkit-flex;gap:0 2%;flex-wrap:wrap;justify-content: center;}
.h_partner ul li{border:1px solid var(--bc_color);border-radius: 10px;padding:3% 1%;width:21.2%;}
.h_partner ul li h4{color:var(--i_color);}
.h_partner ul li img{width:15%;padding:10px;border-radius:10px;background:var(--bc_color);}

@media screen and (max-width:960px) {
	.h_partner ul li{width:46.2%;margin-bottom:5%;}
	.h_partner ul li img{width: 20%;}
}

.h_market{background:var(--bc_color);}
.h_market img{width:100%;}


.news_list{position:relative; overflow:hidden;text-align:left;}
.news_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.news_list .swiper-slide{flex-shrink:0; position:relative}
.news_list .swiper-slide .date{display:-webkit-flex; display:flex;border-bottom: 1px solid var(--i_color);}
.news_list .swiper-slide h2{margin-right:10px;padding-right:10px;position: relative;}
.news_list .swiper-slide h2::after{position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:20px;background:var(--i_color2);content:'';}
.news_list .swiper-slide h4{color:var(--i_color);}
.news_list .img{width:100%; position:relative; overflow:hidden;}
.news_list .img::before{content:"";display:block;padding-bottom:60%}
.news_list .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;-webkit-transition:all .5s ease; transition:all .5s ease;}
.news_list a:hover img{width:105%; height:105%;}


.h_contact h2,.h_contact h4{color:#fff;}
.h_contact h2{font-size: .5rem;}
.h_contact .i_more{background:transparent;border: 1px solid #fff;}
.h_contact .i_more b{color:#fff;}
.h_contact .i_more:hover{border: 1px solid var(--i_color3);}

@media screen and (max-width:1024px) {
	.h_contact h2{font-size: .45rem;}
}

@media screen and (max-width:960px) {
	.h_contact h2{font-size: .4rem;}
}
@media screen and (max-width:767px) {
	.h_contact h2{font-size: .3rem;}
}
@media screen and (max-width:560px) {
	.h_contact h2{font-size: .24rem;}
}




/* -----------------------------内页banner---------------------------- */
.in_banner{position:relative;width:100%;}
.in_banner>img{width:100%;}
.in_banner .i_tit h2,.in_banner .i_tit p{color:#fff;}
.in_banner .i_tit{position:absolute;top:50%;left:0;width:100%;transform: translateY(-50%);}
.in_banner li{display: flex;display:-webkit-flex;align-items: center;}
.in_banner li img{width:15px;padding-right:5px;}

/* ----------------------------- About --------------------------- */
.in_about .wrap{display:flex;display:-webkit-flex;gap:0 5%;align-items: center;}
.in_about .img,.in_about .i_tit{width:47.5%;}
.in_about .img img{width:100%;}

@media screen and (max-width: 960px) {
	.in_about .wrap{display:block;}
	.in_about .img,.in_about .i_tit{width:100%;}
	.in_about .i_tit{padding-top:5%;}
}

.in_values{background:var(--bc_color);}
.in_values ul{display:flex;display:-webkit-flex;flex-wrap: wrap;}
.in_values ul li{width:21%;position:relative;margin-right:2%;padding-right:2%;}
.in_values ul li::after{position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:50px;background:var(--i_color2);content:'';}
.in_values ul li:last-child::after{content:none;}
.in_values ul li h3{font-family: 'AlbertSansBold';color:var(--i_color3);}

@media screen and (max-width: 960px) {
	.in_values ul li{width:46%;padding-bottom:5%;}
	.in_values ul li:nth-child(2n)::after{content:none;}
}

.in_service {position: relative;}
.in_service .wrap,.in_service ul{display:-webkit-flex;display:flex;gap:0 2%;flex-wrap: wrap;align-items: end;}
.in_service .i_tit{width:70%;}
.in_service .img{width:28%;}
.in_service .img img{width:100%;}
.in_service ul li{display:-webkit-flex;display:flex;gap:0 5%;align-items:center;width:47%;padding-bottom:5%;}
.in_service ul li img{width:46px;height:46px;}
.in_service ul li h3{font-family: 'AlbertSansBold';}
@media screen and (max-width: 960px) {
	.in_service .wrap{display:block;}
	.in_service .i_tit{width:100%;}
	.in_service .img{width:100%;}
	.in_service ul li{width:49%;}
}

.in_choose {background:var(--bc_color);}
.in_choose .choose_desc{display:-webkit-flex;display:flex;gap:0 3%;flex-wrap: wrap;align-items: center;}
.in_choose ul{width:70%;display:-webkit-flex;display:flex;gap:0 4%;flex-wrap: wrap;}
.in_choose .img{width:27%;}
.in_choose .img img{width:100%;}
.in_choose ul li{width:42%;padding:2% 3%;;border-radius:10px;background: #fff;margin-bottom: 4%;}
.in_choose ul li h3{font-family: 'AlbertSansBold';}
@media screen and (max-width: 960px) {
	.in_choose .wrap{display:block;}
	.in_choose ul{width:100%;padding-top:5%;}
	.in_choose .img{width:100%;}
}


.in_find{background: #3f57a5;}
.in_find .i_tit{display:flex;display:-webkit-flex;align-items: center;gap:0 5%;}
.in_find .img{width:47%;margin-top: -20%;}
.in_find .find_desc{width:47%;}
.in_find .img img{width:100%;}
.in_find .more h2{display:flex;display:-webkit-flex;border:1px solid #fff;border-radius:10px;padding:10px;}
.in_find .more h2:first-child{margin-right: 20px;}
.in_find .more{display:flex;display:-webkit-flex;align-items: center;}
.in_find h2 .roll_num{font-size: .5rem;color:#fff;}
.in_find h2 p{color: #fff;margin: auto;padding-left:20px;}
.in_find .i_more{background: transparent;border:1px solid #fff;}
.in_find .i_more b{color:#fff;}
.in_find .i_more:hover{border:1px solid var(--i_color3);}
.in_find h2,.in_find h4{color: #fff;}

@media screen and (max-width:1024px) {
	.in_find h2 .roll_num{font-size: .45rem;}
}

@media screen and (max-width:960px) {
	.in_find .i_tit{display:block;}
	.in_find .img{width:100%;margin-top:0;}
	.in_find .find_desc{width:100%;padding-top: 5%;}
	.in_find h2 .roll_num{font-size: .4rem;}
}
@media screen and (max-width:767px) {
	.in_find h2 .roll_num{font-size: .36rem;}
}
@media screen and (max-width:560px) {
	.in_find h2 .roll_num{font-size: .3rem;}
}



.in_process ul{display:flex;display:-webkit-flex;flex-wrap: wrap;}
.in_process ul li{width:33.3%;padding-bottom: 5%;}
.in_process ul li .img{width:50px;height:50px;background:var(--i_color3);border-radius:40px;padding:15px;margin-left:-25px;}
.in_process ul li:nth-child(2n) .img{background:var(--bc_color);}
.in_process ul li .img img{width:100%;}

.in_process ul li .num{padding:10px;border-radius:50px;background:var(--i_color3);width:20px;height:20px;color:var(--i_color);display:flex;display:-webkit-flex;justify-content:center;align-items:center;z-index:2;position:relative;}
.in_process ul li h3{border-top: 1px dotted var(--i_color2);margin-top: -20px;font-family: 'AlbertSansBold';}
.in_process ul li p{padding-right:5%;}

@media screen and (max-width:960px) {
	.in_process ul li{width:50%;padding-bottom: 5%;}
	.in_process ul li .img{width:35px;height:35px;padding:10px;margin-left:-10px;}
}


.in_about_contact{display:flex;display:-webkit-flex;gap:0 5%;align-items:end;background:linear-gradient(to top,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0));}
.in_about_contact .img{width:50%;}
.in_about_contact .i_tit{width:34%;}
.in_about_contact .img img{width:100%;}
@media screen and (max-width:960px) {
	.in_about_contact{display:block;}
	.in_about_contact .img{width:96%;margin: 0 auto;}
	.in_about_contact .i_tit{width:94%;padding-left:3%;padding-top: 5%;}
}


/* ----------------------------- warranty --------------------------- */
.in_warranty .Warranty_desc{display:flex;display:-webkit-flex;gap:0 5%;align-items: center;}
.in_warranty ul{width:47.5%;text-align:left;border-left: 2px solid var(--bc_color);}
.in_warranty ul li{padding-left:.2rem;}
.in_warranty .img{width:50%;}
.in_warranty .img img{width:100%;}

@media screen and (max-width:960px) {
	.in_warranty .Warranty_desc{display:block;}
	.in_warranty ul,.in_warranty .img{width:100%;}
	.in_warranty .img{padding-top:5%;}
}


.in_quality{position:relative;}
.in_quality img{width:100%;}
.in_quality .quality_title{position:absolute;top:10%;left:0;width:100%;}
.in_quality .quality_desc{position:absolute;bottom:10%;left:0;width:100%;}
.in_quality ul{display:flex;display:-webkit-flex;gap: 0 2%;flex-wrap:wrap;align-items:end;}
.in_quality ul li{width:19.5%;background:rgba(255,255,255,.75);box-shadow:0 4px 10px rgba(0, 0, 0, .1);padding:3% 2%;border-radius:10px;}
.in_quality ul li h4{color:var(--i_color);}
.in_quality ul li .img img{width:20%;}
.in_quality ul li .img,.in_quality ul li p{display:none;}

@media screen and (max-width:960px) {
	.in_quality ul li .img,.in_quality ul li p{display:block;}
	.in_quality ul li{width:45%;margin-bottom:2%;}
	.in_quality ul li .img img{width:15%;}
}


.in_after{background:var(--bc_color);}
.in_after .after_sales{display:flex;display:-webkit-flex;gap: 0 5%;flex-wrap:wrap;align-items: center;}
.in_after ul{display:flex;display:-webkit-flex;flex-wrap:wrap;}
.in_after .img,.in_after ul{width:47.5%;}
.in_after .img img{width:100%;}
.in_after ul li{width:43.5%;border-bottom: 1px solid #ccc;padding:2% 3% 4% 3%;position:relative;}
.in_after ul li::after{content:'';position:absolute;top:50%;right:0;width:1px;height:76%;background:#ccc;transform:translateY(-50%);}
.in_after ul li:nth-child(2n)::after{content: none;}
.in_after ul li:nth-child(3),.in_after ul li:last-child{border-bottom: none;}
@media screen and (max-width:960px) {
	.in_after .after_sales{display:block;}
	.in_after .img,.in_after ul{width:100%;}
	.in_after .img{margin-bottom: 5%;}
}


/* ------------------------- FAQ ------------------------ */
.faq_menu ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap: 0 2%;}
.faq_menu ul li{width:21.5%;padding:2% 1%;box-shadow:0 4px 10px rgba(0, 0, 0, .1);border-radius:10px;background:#fff;}
.faq_menu ul li .img{width:40px;height:40px;border-radius:40px;margin:0 auto;background:var(--i_color3);padding: 10px;transition: filter 0.2s;display:flex;align-items:center;justify-content: center;}
.faq_menu ul li .img img{width:80%;}
.faq_menu ul li h4{color:var(--i_color);font-family: 'AlbertSansBold';}
.faq_menu li:hover,.faq_menu li.current{background:var(--bc_color);}
.faq_menu li:hover .img,.faq_menu li.current .img{background:#fff;}
.faq_menu li:hover img,.faq_menu li.current img{filter:brightness(100);}

.faq {box-sizing: border-box}
.faq dl{display: none}
.faq dl.active{display: block}
.faq dt{margin-bottom:1%;border:1px solid var(--bc_color);border-radius:10px;padding:0 15px;}
.faq_q{display:flex;display:-webkit-flex;align-items:center;box-sizing:border-box;cursor:pointer;}
.faq dt h4{color:var(--i_color);font-family:'AlbertSansBold';margin-right:10px;}
.faq_q i{display:block;width:.24rem;min-width:.24rem;height:.52rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%236aa935' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12m10-8a8 8 0 1 0 0 16a8 8 0 0 0 0-16'/%3E%3Cpath d='M13 7a1 1 0 1 0-2 0v4H7a1 1 0 1 0 0 2h4v4a1 1 0 1 0 2 0v-4h4a1 1 0 1 0 0-2h-4z'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;background-size:100%;margin-left:auto;}
.faq_q i.open{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236aa935' d='m8.746 8l3.1-3.1a.527.527 0 1 0-.746-.746L8 7.254l-3.1-3.1a.527.527 0 1 0-.746.746l3.1 3.1l-3.1 3.1a.527.527 0 1 0 .746.746l3.1-3.1l3.1 3.1a.527.527 0 1 0 .746-.746zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16'/%3E%3C/svg%3E") center no-repeat;background-size:100%}
.faq_a{display:flex;display:-webkit-flex;box-sizing:border-box;padding-bottom:1%;}
.faq_aa {display: none}

@media screen and (max-width: 1024px) {
    .in_faq ul {width:26%;margin-right: 4%}
    .in_faq .faq {width: 70%}
    .in_faq ul li iconify-icon {font-size: .14rem}
}

@media screen and (max-width: 960px) {
    .in_faq ul {width:100%;margin-right: 0;margin-bottom: 5%}
    .in_faq .faq {width: 100%}
    .in_faq ul li iconify-icon {font-size: .14rem;padding: 0}
    .faq_q i {width: .2rem;min-width: .2rem}
}

@media screen and (max-width: 767px) {
    .in_faq .faq {margin-bottom:.3rem}
    .faq_q i {width: .2rem;min-width: .2rem}
}


/* ------------------------- New Cars ------------------------ */
.in_cate{display:flex;display:-webkit-flex;gap:0 2%;align-items: end;}
.in_cate h3{width:23%;color:var(--i_color);display:flex;gap:0 2%;align-items: center;}
.in_cate h2{width:75%;}


.in_products .in_product_list{display:flex;display:-webkit-flex;gap: 0 2%;}
.in_products .products_left{width:23%;}
.p_nav_list{box-sizing:border-box;background:var(--bc_color);border-radius:10px;padding:10px;}
.p_nav_list li>a{display:block;border-bottom:1px dotted var(--i_color2);position:relative;}
.p_nav_list li>a iconify-icon{position:absolute;top:50%;transform:translate(0, -50%);right:3%;}
.p_nav_list li>a b{display:block;padding:2% 3%;font-size:0.16rem;font-weight:bold;color:var(--i_color);line-height:0.44rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.p_nav_list dl{display:none;}
.p_nav_list dt{box-sizing:border-box;padding:1% 6%;box-sizing:border-box;border-bottom:1px dotted var(--i_color2);position:relative;border-left:2px solid transparent;display:flex;display:-webkit-flex;align-items:center;}
.p_nav_list dt span{width:10px;height:10px;border: 1px solid var(--i_color);margin-right:10px;}
.p_nav_list dt a{display:block;padding-right:0.16rem;font-size:0.15rem;color:var(--i_color2);line-height:0.44rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
.p_nav_list dt:hover,.p_nav_list dt.active{border-left:2px solid var(--i_color3);}
.p_nav_list dt:hover a,.p_nav_list dt.active a{color:var(--i_color3);}
.p_nav_list li.on .submenu {display:block !important;}
.p_nav_list li.on>a iconify-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:40%}
.p_nav_list li.on>a b{color:var(--i_color3);}
.p_nav_list li>a,.p_nav_list li>a iconify-icon{-webkit-transition:all .5s ease;transition:all .5s ease}
.p_nav_list dt span.active,.p_nav_list dt:hover span{border: 1px solid var(--i_color3);margin-right:10px;}


.in_products .products_right{width:75%;}
.products_right ul{display:flex;display:-webkit-flex;gap: 0 2%;flex-wrap: wrap;}
.products_right ul a{border-radius:10px;padding:1%;box-shadow:0 4px 10px rgba(0, 0, 0, .1);width:30%;margin-bottom:2%;}
.products_right ul a .img{width: 100%;position: relative;overflow: hidden;border-radius:10px;}
.products_right ul a .img::before{content:"";display:block;padding-bottom:75%}
.products_right ul a .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-webkit-transition:all .5s ease; transition:all .5s ease;border-radius:10px;}
.products_right ul a:hover .img img{width: 110%; height: 110%;}
.products_right .product_desc h4{color:var(--i_color);}
.products_right .product_desc .roll_num{color:var(--i_color3);}
.products_right ul a .more{text-align:center;background:var(--i_color3);color:#fff;padding:10px;border-radius: 10px;}


@media screen and (max-width:1200px) {
	.p_nav_list li>a b,.p_nav_list dt a{font-size:0.15rem;}
}

@media screen and (max-width:960px) {
	.in_cate{margin-left: 0;text-align:center;}
	.in_cate .in_cate_desc{width: 100%;}
	.in_products dl{justify-content:center;}
	.in_products .in_product_list{display:block}
	.in_products .products_left{width:100%;}
	.in_products .products_right{width:100%;margin-top:5%;}
	.p_nav_list li>a b{padding:1% 2%;}
	.p_nav_list dt{padding:0 4%;}
	.p_nav_list dt a{padding-right:0;}
}

@media screen and (max-width:960px) {
	.p_nav_list li>a b,.p_nav_list dt a{font-size:0.14rem;}
	.products_right ul a{width:47%;}
}

.in_product_choose{background:var(--bc_color);}
.in_product_choose img{width:60%;}
.in_product_choose ul{display:flex;display:-webkit-flex;gap: 0 5%;flex-wrap: wrap;}
.in_product_choose ul li{width:43%;position:relative;border:1px solid #ccc;border-radius:10px;padding:2% 2%;margin-bottom:5%;}
.in_product_choose ul li h4{color:var(--i_color);}
.in_product_choose ul li .img{width:50px;height:50px;background:var(--i_color3);border-radius:50px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-30px;right:5%;border:10px solid #b9c3aca9;}
@media screen and (max-width:767px) {
	.in_product_choose ul li{width:43%;margin-bottom:10%;}
	.in_product_choose ul li .img{width:40px;height:40px;bottom:-25px;}
}

.in_product_life{display:flex;display:-webkit-flex;gap:0 5%;align-items:center;}
.in_product_life .img,.in_product_life .i_tit{width:50%;}
.in_product_life .img img{width:100%;}
.in_product_life li{display:flex;display:-webkit-flex;gap:0 5%;align-items:center;}
.in_product_life li img{padding:5px;background:var(--bc_color);border-radius:10px;width:8%;}
@media screen and (max-width:960px) {
	.in_product_life{display:block;}
	.in_product_life .img{width:96%;margin: 0 auto;}
	.in_product_life .i_tit{width:94%;padding-left:3%;padding-top: 5%;}
}

.in_product_contact{position: relative;}
.in_product_contact img{width:100%;}
.in_product_contact .i_tit{position:absolute;top:50%;left:0;width:100%;transform: translateY(-50%);}
.in_product_contact .i_tit h2{color:#fff;padding-bottom:5%;}
.in_product_contact .i_more:first-child{margin-right:3%;}




/* ------------------------- Used Cars ------------------------ */
.in_product_quality{background:var(--bc_color);}
.in_product_quality .product_quality,.in_product_quality .product_quality li{display:flex;display:-webkit-flex;gap:0 5%;align-items:center;}
.in_product_quality .product_quality .quality_img{width:65%;}
.in_product_quality .product_quality ul{width:30%;}
.in_product_quality .quality_img img{width:100%;}
.in_product_quality ul li .img{width:50px;height:50px;background:#fff;border-radius:50px;display:flex;align-items:center;justify-content:center;border:10px solid #dfd4d438;position: relative;}
.in_product_quality ul li .img img{width:70%;}
.in_product_quality ul{position:relative;}
.in_product_quality ul li .img::after{position:absolute;left:50%;width:1px;height:34px;content:'';background:#c4c4c4;bottom: -42px;}
.in_product_quality ul li:last-child .img::after{content:none;}
.in_product_quality ul li:hover .img{background:var(--i_color3);border:10px solid #b9c3aca9;}
.in_product_quality ul li h4{color:var(--i_color);font-family:'AlbertSansBold';}
.in_product_quality ul li:hover .img img{filter:brightness(100);}

@media screen and (max-width:960px) {
	.in_product_quality .product_quality{display:block;}
	.in_product_quality .product_quality .quality_img{width:100%;}
	.in_product_quality .product_quality ul{width:100%;margin-top: 5%;}
}


.in_product_condition .condition_desc{display:flex;display:-webkit-flex;align-items:center;background:var(--bc_color);border-radius:10px;padding:4% 2%;}
.in_product_condition .condition_desc ul{display:flex;display:-webkit-flex;gap:0 5%;align-items:center;width:60%;flex-wrap:wrap;}
.in_product_condition .condition_desc ul h4{display:flex;display:-webkit-flex;gap:0 5%;align-items:center;width:47.5%;color:var(--i_color);}
.in_product_condition .condition_desc ul h4 iconify-icon{color:var(--i_color);font-size:.24rem;}
.in_product_condition .condition_desc .img{margin-top:-10%;width:40%;}
.in_product_condition .condition_desc .img img{width:100%;}

@media screen and (max-width:960px) {
	.in_product_condition .condition_desc{display:block;}
	.in_product_condition .condition_desc ul{width:100%;}
	.in_product_condition .condition_desc .img{margin-top:0;width:100%;}
}


.in_product_benefits ul{display:flex;display:-webkit-flex;gap:0 2%;flex-wrap:wrap;}
.in_product_benefits ul li{width:23.5%;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_product_benefits ul li .img{display:none;}
.in_product_benefits ul li img{width:100%;}
.in_product_benefits ul li .benefits_desc{background:var(--bc_color);border-radius:10px;padding:30px 15px;}
.in_product_benefits ul li .benefits_desc h4{color:var(--i_color);}
.in_product_benefits ul li:hover .img{display:block;}

@media screen and (max-width:960px) {
	.in_product_benefits ul li{width:49%;background:var(--bc_color);margin-bottom:5%;border-radius:10px;}
	.in_product_benefits ul li .img{display:block;}
}


/* ------------------------- Auto Parts ------------------------ */
.in_product dl{display:flex;display:-webkit-flex;gap: 0 2%;}
.in_product dl a{padding:5px 20px;border:1px solid var(--bc_color);border-radius:10px;}
.in_product dl a:hover,.in_product dl a.current{border:1px solid var(--i_color3);background:var(--i_color3);}
.in_product dl a h4{color:var(--i_color2);}
.in_product dl a:hover h4{color:#fff;}

.in_product ul{display:flex;display:-webkit-flex;gap: 0 2%;flex-wrap: wrap;}
.in_product ul a{border-radius:10px;padding:1%;box-shadow:0 4px 10px rgba(0, 0, 0, .1);width:21.5%;margin-bottom:2%;}
.in_product ul a .img{width: 100%;position: relative;overflow: hidden;border-radius:10px;}
.in_product ul a .img::before{content:"";display:block;padding-bottom:75%}
.in_product ul a .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-webkit-transition:all .5s ease; transition:all .5s ease;border-radius:10px;}
.in_product ul a:hover .img img{width: 110%; height: 110%;}
.in_product .product_desc h4{color:var(--i_color);}
.in_product .product_desc .roll_num{color:var(--i_color3);}
.in_product ul a .more{text-align:center;background:var(--i_color3);color:#fff;padding:10px;border-radius: 10px;}


@media screen and (max-width:960px) {
	.in_product ul a{width:47%;}
}

.in_product_parts{background:var(--bc_color);}
.in_product_parts ul{display:flex;display:-webkit-flex;gap: 0 .5%;flex-wrap: wrap;}
.in_product_parts ul li{width:35.5%;position: relative;margin-bottom:.5%;}
.in_product_parts ul li.frist,.in_product_parts ul li.last{width:28%;}
.in_product_parts ul li .img{position:relative;overflow:hidden;border-radius:5px;}
.in_product_parts ul li .img::before{content:"";display:block;padding-bottom:60%}
.in_product_parts ul li.frist .img::before,.in_product_parts ul li.last .img::before{content:"";display:block;padding-bottom:76%}
.in_product_parts ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;border-radius:5px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_product_parts ul li h4{position: absolute;top:5%;left: 5%;color:#fff;}

@media screen and (max-width:960px) {
	.in_product_parts ul li{width:49% !important;}
	.in_product_parts ul li .img::before{padding-bottom:60% !important}
}

@media screen and (max-width:560px) {
	.in_product_parts ul li{width:100% !important;}
}

.in_product_auto ul{display:flex;display:-webkit-flex;flex-wrap:wrap;background:var(--bc_color);align-items:center;}
.in_product_auto ul li{width:25%;}
.in_product_auto ul li img{width:100%;}
.in_product_auto ul li h4,.in_product_auto ul li p{margin:0 10%;color:var(--i_color);}
.in_product_auto ul li iconify-icon{font-size: .3rem;color:var(--i_color3);}

@media screen and (max-width:960px) {
	.in_product_auto ul li{width:50%;}
}

@media screen and (max-width:560px) {
	.in_product_auto ul li{width:100%;}
	.in_product_auto ul li h4{margin:5% 3% 0 3%;color:var(--i_color);}
	.in_product_auto ul li iconify-icon{margin-bottom: 5%;}
}

.partner_support h2,.partner_support p{color:#fff;}
.partner_support{overflow: hidden;position: relative;}
.partner_support_box {display: flex;height: 100%;width: 100%;}
.partner_support_li{cursor:pointer;overflow:hidden;position:relative;transition:flex 400ms ease;-ms-transition:flex 400ms ease;-moz-transition: flex 400ms ease;-webkit-transition:flex 400ms ease;-o-transition: flex 400ms ease;flex: 1;-ms-flex: 1;-moz-flex: 1;-webkit-flex: 1;-o-flex: 1;}
.partner_support_li>img {height: 100%;}
.partner_support_li h2{display:none;position:absolute;bottom:6%;left:5%;}
.partner_support_li iconify-icon {position:absolute;top:10%;left:5%;color:#fff;font-size:.3rem;}
.partner_support_li.active {/* flex: 3; */-ms-flex: 2;-moz-flex: 2;-webkit-flex: 2;-o-flex: 2;}
.partner_support_li.active h2 {z-index: 99;display: block;}

@media screen and (max-width: 1280px) {
  .partner_support_li .partner_text_wrap {position: absolute;bottom: 60px;left: 16px;}
  .partner_support_li h2{width: calc(100% - 20px);}
  .partner_support_li.active h2 {left: 16px;width: 100%;}
}

@media screen and (max-width: 768px) {
  .partner_support {height: auto;}
  .partner_support_li .partner_support_Title {position: static;text-align: center;font-size: 24px;line-height: 28px;margin: 0 auto;margin-bottom: 24px;width: 278px;}
  .partner_support_box {display: block;height: auto;}
  .partner_support_li {height: 88px;width: calc(100% - 24px);box-sizing: border-box;transition: all 300ms ease;-ms-transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;}
  .partner_support_li .partner_text_wrap {position: absolute;bottom: 24px;left: 24px;margin-right: 0;}
  .partner_support_li img {width: 100%;height: auto;}
  .partner_support_li h2{max-width:100%;bottom:24px;left:24px;margin-right:0}
  .partner_support_li.active {height: auto;transition: all 300ms ease;-ms-transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;}
  .partner_support_li.active img {width:100%;}
  .partner_support_li.active h2{width:auto;margin-bottom: 0;padding-right: 0;}
}



/* -------------------------Brands------------------------ */
.in_brands dl{display:flex;display:-webkit-flex;gap:0 2%;justify-content:center;}
.in_brands dl .img{background:var(--bc_color);width:15%;}
.in_brands dl .img img{width:80%;}
.in_brands dl .img.current,.in_brands dl .img:hover{background:var(--i_color3);}
.in_brands dl .img.current img,.in_brands dl .img:hover img{filter:brightness(100);}

.in_brands .brands_desc ul{display:none;}
.in_brands .brands_desc ul.active{display:flex;display:-webkit-flex;gap: 0 2%;flex-wrap: wrap;}
.in_brands .brands_desc ul a{border-radius:10px;padding:1%;box-shadow:0 4px 10px rgba(0, 0, 0, .1);width:21.5%;margin-bottom:2%;}
.in_brands .brands_desc ul a .img{width: 100%;position: relative;overflow: hidden;border-radius:10px;}
.in_brands .brands_desc ul a .img::before{content:"";display:block;padding-bottom:75%}
.in_brands .brands_desc ul a .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-webkit-transition:all .5s ease; transition:all .5s ease;border-radius:10px;}
.in_brands .brands_desc ul a:hover .img img{width: 110%; height: 110%;}
.in_brands .brands_desc .product_desc h4{color:var(--i_color);}
.in_brands .brands_desc .product_desc .roll_num{color:var(--i_color3);}
.in_brands .brands_desc ul a .more{text-align:center;background:var(--i_color3);color:#fff;padding:10px;border-radius: 10px;}


@media screen and (max-width:960px) {
	.in_brands .brands_desc ul a{width:47%;}
}

.in_brands_type{background:var(--bc_color);}
.in_brands_type ul{display:flex;display:-webkit-flex;gap: 0 2%;flex-wrap: wrap;}
.in_brands_type ul li{border-radius:10px;padding:1%;box-shadow:0 4px 10px rgba(0, 0, 0, .1);width:30%;margin-bottom:2%;}
.in_brands_type ul li .img{width: 100%;position: relative;overflow: hidden;border-radius:10px;}
.in_brands_type ul li .img::before{content:"";display:block;padding-bottom:75%}
.in_brands_type ul li .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-webkit-transition:all .5s ease; transition:all .5s ease;border-radius:10px;}
.in_brands_type ul li:hover .img img{width: 110%; height: 110%;}
.in_brands_type ul li .more{display:flex;display:-webkit-flex;justify-content:space-around;}
.in_brands_type ul li .more .i_more{border:1px solid #c4c4c4;}

@media screen and (max-width:960px) {
	.in_brands_type ul li{width:47%;}
}

@media screen and (max-width:560px) {
	.in_brands_type ul li .more{display:block;}
	.in_brands_type ul li .more .i_more{margin-bottom:3%;width:100%;}
}



.in_brands_source h2,.in_brands_source p{color:#fff;}
.in_brands_source ul{display:flex;display:-webkit-flex;gap:0 1%;border-radius:10px;background:var(--bc_color);padding:1%;margin-top:10%;}
.in_brands_source ul li{box-shadow:0 4px 10px rgba(0, 0, 0, .1);border-radius:10px;text-align:left;padding:2% 1%;width:19%;}
.in_brands_source ul li:nth-child(2n){background:#fff;}
.in_brands_source ul li h4,.in_brands_source ul li p{color:var(--i_color);}

.in_brands_parts .more{display:flex;display:-webkit-flex;justify-content:center;gap:0 50px;}
.in_brands_parts .more .i_more{border:1px solid #c4c4c4;}






/* -------------------------Details------------------------ */

.in_detail .p_detail{display:flex;display:-webkit-box;}
/* atlas */
.p_thumb {width:35%;height:100%;margin-right:5%;}
.p_atlas_list {position:relative;overflow:hidden}
.p_atlas_list .swiper-wrapper{display:-webkit-flex;display:flex;position:relative;width:100%}
.p_atlas_list .swiper-slide{flex-shrink:0;position:relative;overflow:hidden;}
.p_atlas_list .swiper-slide img {width:100%;height:100%;}

/* thumbnail */
.p_thumbnail_list {width:100%;margin:.2rem auto 0;box-sizing:border-box;position:relative;overflow:hidden}
.p_thumbnail_list .swiper-wrapper{display:-webkit-flex;display:flex;position:relative;width: 100%;}
.p_thumbnail_list .swiper-slide {flex-shrink:0;position:relative;box-sizing:border-box;border:1px solid var(--i_color2);overflow:hidden;cursor:pointer;}
.p_thumbnail_list .swiper-slide::before {content:'';display: block;padding-bottom: 100%;}
.p_thumbnail_list .swiper-slide img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.p_thumbnail_list .swiper-slide-thumb-active {border-color:var(--i_color3);}
.thumbnail-prev,.thumbnail-next{position:absolute;top:50%;transform:translate(0,-50%);z-index:3;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;z-index:3;}
.thumbnail-prev {left:0;}
.thumbnail-next {right:0;}
.thumbnail-prev iconify-icon,.thumbnail-next iconify-icon {font-size:0.3rem;color:var(--i_color);}
.p_thumbnail_list .swiper-button-disabled {cursor: not-allowed}
.thumbnail-prev:hover iconify-icon,.thumbnail-next:hover iconify-icon {color:var(--i_color3);}

.p_detail .p_desc{width:60%;}
.p_detail h2{font-family:'AlbertSansBold';color:var(--i_color3);border-bottom:1px solid var(--i_color2);}
.p_detail h4{color:var(--i_color);}
.p_more{display: flex;display: -webkit-flex;gap: 0 2%;}


@media screen and (max-width:1024px) {
	.in_detail .p_detail{display: block;}
	.p_thumb{width: 100%;height: auto;margin-right: 0;}
	.thumbnail-prev iconify-icon,.thumbnail-next iconify-icon{padding:2%;}
	.p_detail .p_desc{width: 100%;margin-top: 5%;}
}

@media screen and (max-width:767px) {
	.thumbnail-prev iconify-icon,.thumbnail-next iconify-icon {font-size:.2rem;}
}






/* ------------------------- News ------------------------ */
.news_menu .wrap{display:flex;display:-webkit-flex;}
.news_menu a{position: relative;padding:0 1%;}
.news_menu a:first-child{padding:0 1% 0 0;}
.news_menu a h4{color:var(--i_color);font-family:'AlbertSansBold';}
.news_menu a.active h4{color:var(--i_color3);}
.news_menu a:after{position:absolute;top:0;right:0;width:1px;height:100%;background:var(--i_color2);content:'';}
.news_menu a:last-child::after{content:none;}



.in_news ul{display:flex;display:-webkit-flex;flex-wrap:wrap;gap: 0 2%;justify-content:center;}
.in_news ul a{border:1px solid var(--i_color3);width:29.6%;margin-bottom: 2%;border-radius:10px;padding:2% 1%;}
.in_news ul h4{font-family:'AlbertSansBold';color:var(--i_color);}
.in_news .img{position:relative;overflow:hidden;border-radius:5px;}
.in_news .img::before{content:"";display:block;padding-bottom:60%}
.in_news .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;border-radius:5px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.in_news a:hover .img img{width:105%;height:105%;}
.in_news .news_desc{display:flex;display:-webkit-flex;justify-content: space-between;align-items:center;}
.in_news .news_desc iconify-icon{color:var(--i_color3);font-size:.3rem;}
@media screen and (max-width:960px) {
	.in_news ul a{width:44%;padding:4% 2%;}
}

@media screen and (max-width:560px) {
	.in_news ul a{width:100%;padding:4% 3%;}
}

/* -------------------------news detail------------------------ */
.in_news_detail .wrap{text-align: center}
.in_news_detail h1{font-size: 40px;color:var(--i_color);font-family:'AlbertSansBold';}
.date{font-size: 0.2rem;color: var(--i_color3);}
.category{font-size:.2rem;color:var(--i_color2);margin-right:4%;}
.in_news_detail ul{display:flex;display:-webkit-flex;justify-content:center;gap:0 1%;position:relative;}
.in_news_detail ul::before,.in_news_detail ul::after{content:'';width:40%;height:1px;background:#eaeaea;position:absolute;top:50%;}
.in_news_detail ul::before{left: 0;}
.in_news_detail ul::after {right: 0;}
.in_news_detail ul li{-webkit-transition:all .7s ease;transition:all .7s ease}
.in_news_detail ul li iconify-icon{color:var(--i_color);font-size:45px;}
.in_news_detail ul li:hover{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)}
.in_news_detail ul li:hover iconify-icon{color:var(--i_color3);}
.news_article .more{display:flex;display:-webkit-flex;align-items:center;justify-content: space-between;}

@media screen and (max-width: 1200px) {
	.in_news_detail h1{font-size: 34px}
}

@media screen and (max-width: 960px) {
	.in_news_detail h1{font-size:30px}
	.in_news ul li iconify-icon{font-size:40px;}
}

@media screen and (max-width: 767px) {
	.in_news_detail h1{font-size: 24px}
	.in_news_detail ul li iconify-icon{font-size: 30px;}
	.in_news_detail ul::before, .in_news_detail ul::after {width: 38%;}
}

@media screen and (max-width: 460px) {
	.in_news_detail h1{font-size: 20px}
	.in_news_detail ul li iconify-icon{font-size: 24px;}
	.in_news_detail ul::before,.in_news_detail ul::after{width: 35%;}
}


/* -------------------------Contact------------------------ */

.in_contact ul{display:-webkit-flex;display:flex;flex-wrap:wrap;gap:0 2%}
.in_contact ul li{width:23.5%;border-radius:10px;}
.in_contact ul li iconify-icon{color:var(--i_color3);font-size:.4rem;background:var(--bc_color);padding:10px;border-radius:10px;}
.in_contact ul li h4{font-family:'AlbertSansBold';}

.contact_form{display:-webkit-flex;display:flex;gap:0 5%;align-items:center;background:var(--i_color);}
.contact_form .img{width:50%;}
.contact_form .contact{width:34%;}
.contact_form .img img{width:100%;}
.contact_form h2,.contact_form h3{color:#fff;}


#wpforms-57,#wpforms-61{--input_font_size:14px;--input_height:.36rem;margin: 0 auto}
.wpforms-container .wpforms-field-label {font-size:.16rem !important;color:var(--i_color) !important;font-weight:400 !important;}
#wpforms-61 .wpforms-field-label {font-size:.16rem !important;color:#fff !important;font-weight:400 !important;}
.wpforms-container .wpforms-required-label{font-size:.16rem !important;color: #ff0000;}
.wpforms-container .wpforms-field{width:100%;padding:0 0 6px !important;position:relative;}
.wpforms-container input,.wpforms-container textarea, .wpforms-container select{width:100%;max-width:100%!important;min-width:100%;font-size:var(--input_font_size);color:var(--i_color);height:var(--input_height);box-sizing:border-box;border:1px solid var(--border_color);background:#fff;padding:0 .1rem 0 .16rem;-webkit-border-radius:.05rem;border-radius:.05rem;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease}
.wpforms-container .wpforms-field-container input:hover,.wpforms-container textarea:hover,.wpforms-container select:hover{border-color:var(--i_color3)!important}
.wpforms-container input{line-height: var(--input_height)}
.wpforms-container textarea{line-height:.22rem;min-height:1rem;padding:.06rem .16rem}
.wpforms-container .wpforms-field{width: 100%!important}
.wpforms-container .wpforms-field-textarea{width: 100%!important}
.wpforms-container input::-webkit-input-placeholder,.wpforms-container textarea::-webkit-input-placeholder,.wpforms-container input::-moz-placeholder,.wpforms-container textarea::-moz-placeholder,.wpforms-container input::-ms-input-placeholder,.wpforms-container textarea::-ms-input-placeholder{color: rgb(0 0 0 / 40%);font-size: var(--input_font_size)}
.wpforms-container .wpforms-field-container{width:100%;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}
.wpforms-container .wpforms-submit-container{text-align:center;padding-top:3%;overflow:hidden;position:relative;}
.wpforms-container .wpforms-submit-container button{padding:.12rem .5rem !important;font-size:.16rem !important;color:#fff !important;cursor:pointer;border-radius:10px !important;background:var(--linear-gradien)!important;width:100%;}
.wpforms-container .wpforms-submit-container:hover button{color:var(--i_color) !important;}
.wpforms-container .wpforms-uploader{padding:6px 10px!important}

.wpforms-container .wpforms-field-content{width:100% !important;}
@media screen and (max-width:960px) {
	.contact_form{display:block;}
	.contact_form .img,.contact_form .contact{width:94%;padding:0 3%;}
	.contact_form .contact{padding-top: 5%;}
}

@media screen and (max-width:460px) {
    .wpforms-container .wpforms-field{width:100%!important}
}