@charset "utf-8";


@font-face {
	font-family: MontserratRegular;
	src: url('../font/Montserrat-Regular.ttf')
}
@font-face {
	font-family: MontserratMedium;
	src: url('../font/Montserrat-Medium.ttf')
}
@font-face {
	font-family:MontserratBold;
	src: url('../font/Montserrat-Bold.ttf')
}
@font-face {
	font-family: MontserratSemiBold;
	src: url('../font/Montserrat-SemiBold.ttf')
}
@font-face {
	font-family: MontserratExtraBold;
	src: url('../font/Montserrat-ExtraBold.ttf')
}
@font-face {
	font-family:MontserratLight;
	src: url('../font/Montserrat-Light.ttf')
}
@font-face {
	font-family: PoppinsRegular;
	src: url('../font/Poppins-Regular.otf')
}
@font-face {
	font-family: PoppinsMedium;
	src: url('../font/Poppins-Medium.otf')
}
@font-face {
	font-family: PoppinsSemiBold;
	src: url('../font/Poppins-SemiBold.otf')
}




@font-face {
	font-family: RobotoRegular;
	src: url('../font/Roboto-Regular.ttf')
}
@font-face {
	font-family: RobotoMedium;
	src: url('../font/Roboto-Medium.ttf')
}
@font-face {
	font-family: RobotoBold;
	src: url('../font/Roboto-Bold.ttf')
}
@font-face {
	font-family: RobotoBlack;
	src: url('../font/Roboto-Black.ttf')
}
@font-face {
	font-family: RobotoLight;
	src: url('../font/Roboto-Light.ttf')
}
@font-face {
	font-family: OpenSans;
	src: url('../font/OpenSans.ttf')
}
@font-face {
	font-family: SansationBold;
	src: url('../font/Sansation-Bold.ttf')
}
@font-face {
	font-family: SansationRegular;
	src: url('../font/Sansation-Regular.ttf')
}



*{box-sizing:border-box;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code,a{margin:0;padding:0;color:inherit;line-height: inherit; font-family:inherit; text-decoration:none; font-size: inherit;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
ul,li{ list-style:none; }
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	

.imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.squareimg{width:100%;padding-bottom: 100%;overflow: hidden;position: relative;}
.squareimg .img{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; object-fit: cover;transform: translate(-50%,-50%);}
.item:hover .imgbox.squareimg .img{transform: translate(-50%,-50%) scale(1.1,1.1) ;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}
.img_fit{width: 100%;height: 100%;display: block;object-fit: contain!important;}


.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: flex;}
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;min-width:0;min-height: 0;}
.flex-center{display: flex;align-items: center;justify-content: center;}
html {
	font-size: 5.2083vw;
}

body{overflow-x: hidden;color:#000000;font-size: var(--fz17);line-height: 1.5;background:#fff;font-family: 'MontserratRegular', "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Arial, sans-serif; }
.auto{margin:0 auto;max-width: 14.4rem;width: 92%;}
.auto1680{margin:0 auto;max-width: 16.8rem;width: 92%;}


button,input,select,textarea{font-size:inherit;}
h1,h2,h3,h4,h5,h6{line-height:1.3;font-size:inherit;}
::-webkit-input-placeholder{color:#a7a7a7;}
:-moz-placeholder{color:#a7a7a7;}
::-moz-placeholder{color:#a7a7a7;}
:-ms-input-placeholder{color:#a7a7a7;}

.iconfont{font-size:inherit;}


/* 示例：换主题时只覆盖变量 */
:root,#green-theme {
	--theme-color: #18545e;
}
:root,#blue-theme {
	--theme-color: #0061ac;	
}

#green-theme{
	.hd-sear-drop{
		background:rgba(24,84,94,.85)
	}
}
#blue-theme{
	.hd-sear-drop{
		background:rgba(0,67,139,.85)
	}
}

/* 主题色 / 字体 */
:root{
	--font-montserrat-medium: 'MontserratMedium';
	--font-montserrat-bold: 'MontserratBold';
	--font-montserrat-light: 'MontserratLight';
	--font-montserrat-semiBold: 'MontserratSemiBold';
	--font-montserrat-extraBold: 'MontserratExtraBold';
	
	
	--font-poppins-regular: 'PoppinsRegular';
	--font-poppins-medium: 'PoppinsMedium';
	--font-poppins-semiBold: 'PoppinsSemiBold';
	
	
	--font-roboto-regular: 'RobotoRegular';
	--font-roboto-medium: 'RobotoMedium';
	--font-roboto-bold: 'RobotoBold';
	--font-roboto-black: 'RobotoBlack';
	--font-roboto-light: 'RobotoLight';
	
	--font-sansation-bold: 'SansationBold';
	--font-sansation-regular: 'SansationRegular';
	

	
	--fz15:0.15rem;
	--fz16:0.16rem;
	--fz17:0.17rem;
	--fz18:0.18rem;
	--fz19:0.19rem;
	--fz20:0.20rem;
	--fz21:0.21rem;
	--fz22:0.22rem;
	--fz23:0.23rem;
	--fz24:0.24rem;
	--fz25:0.25rem;
	--fz26:0.26rem;
	--fz27:0.27rem;
	--fz28:0.28rem;
	--fz29:0.29rem;
	--fz30:0.3rem;
	--fz31:0.31rem;
	--fz32:0.32rem;
	--fz34:0.34rem;
	--fz35:0.35rem;
	--fz36:0.36rem;
	--fz37:0.37rem;
	--fz38:0.38rem;
	--fz39:0.39rem;
	--fz40:0.4rem;
	--fz41:0.41rem;
	--fz42:0.42rem;
	--fz43:0.43rem;
	--fz44:0.44rem;
	--fz45:0.45rem;
	--fz46:0.46rem;
	--fz47:0.47rem;
	--fz48:0.48rem;
	--fz49:0.49rem;
}

.fz18{font-size:var(--fz18);}

.theme-color{color: var(--theme-color);}


.btn{color:#fff;background: var(--theme-color);font-size:var(--fz20);height:0.6rem;padding:0 .3rem;border:0;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;}
.btn:hover{opacity: 0.85;}

.lk-line{position: relative;cursor: pointer;font-family: var(--font-montserrat-extraBold);font-size: var(--fz19);text-transform: uppercase;display: inline-flex;line-height: 1.1;}
.lk-line::after{content:'';position: absolute;left:0;bottom:0;height:1px;background:#606061;width:100%;transition: all 0.3s;}
.lk-line:hover{color:var(--theme-color);}
.lk-line:hover::after{width:0;}

.lk-line-hover{position: relative;cursor: pointer;display: inline-flex;line-height: 1.2;}
.lk-line-hover::after{content:'';position: absolute;left:0;bottom:0;height:0.01rem;background:#606061;width:0;transition: all 0.3s;}
.lk-line-hover:hover{color:var(--theme-color);}
.lk-line-hover:hover::after{width:100%;}





/* 内页banner */
.inner-ban{/* height: 4.3rem; */position: relative;}
/* .inner-ban.big{height: 6.4rem;} */
.inner-ban .box{position: absolute;width: 100%;left:0;bottom:0.25rem;}
.inner-ban .bt{font-size: var(--fz45);margin-bottom:0.15rem;font-weight: bold;color:#fff;line-height: 1.2;text-transform: uppercase;}
.inner-ban .crumb{color:#fff;padding:0;}




.crumb{color:rgba(0,0,0,.71);padding:0.15rem 0;font-family: var(--font-roboto-regular);}
.crumb:before{content:'\e65d';font-family: 'iconfont';margin-right:0.06rem;}
.crumb a:hover{color:var(--theme-color);}

.pagelist{display: flex;justify-content: center;gap:0.06rem;margin-top:0.6rem;}
.pagelist a{display: flex;align-items: center;justify-content: center;min-width:0.5rem;height:0.5rem;border:1px solid #444;}
.pagelist a.active,.pagelist a:hover{background:var(--theme-color);color:#fff;}
.pagelist .prev::after,.pagelist .next::after{content:'\e602';font-family: 'iconfont';font-size: 0.08rem;}
.pagelist .next::after{transform: rotate(180deg);}

.pagenav{margin-top:0.65rem;}
.pagenav li{background:#f4f6f9;margin-bottom: 0.15rem;display: flex;line-height: 0.3rem;}
.pagenav span{font-size: var(--fz19);color:#fff;background:var(--theme-color);width: 1.65rem;padding-left:0.3rem;font-family: var(--font-montserrat-extraBold);text-transform: uppercase;display: flex;align-items: center;}
.pagenav .lk{font-size: var(--fz21);padding:0.1rem 0.25rem;font-family: var(--font-roboto-medium);}
.pagenav .lk em{-webkit-line-clamp: 1;}
.pagenav li:hover .lk{color:var(--theme-color);}

.pub-tt{margin-bottom: 0.5rem;display: flex;align-items: center;justify-content: space-between;}
.pub-tt .bt{font-size: var(--fz30);color:#282828;font-family: var(--font-montserrat-extraBold);}
.pub-tt .more{font-size: var(--fz20);color:#353535;font-family: var(--font-poppins-semiBold);position: relative;line-height: 1.4;}
.pub-tt .more::before{content:'';position: absolute;left:0;bottom:0;height:1px;transition: all 0.3s;}
.pub-tt .more::before{width:100%;background:#999999;}
.pub-tt .more:hover{color:var(--theme-color);}
.pub-tt .more:hover::before{width: 0;}


/* 底部大图 新闻、服务*/
.di-column{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap:0.5rem;padding:0.6rem 0 0.5rem;}
.di-column .item{text-align: center;position: relative;}
.di-column .item .imgbox{aspect-ratio: 1.56; }
.di-column .item .box{color:#fff;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background:rgba(0,0,0,.3);display: flex;flex-direction: column;align-items: flex-start;justify-content: center;text-align: center;padding:0 0.2rem;}
.di-column .item .title{font-size: var(--fz36);font-family: var(--font-roboto-medium);width: 100%;}
.di-column .item .text{font-size: var(--fz20);margin-top:0.45rem;font-family: var(--font-montserrat-light);width: 100%;}
.di-column .item .text::after{content:'\e70a';font-family: 'iconfont';}
.di-column .item .text:hover{font-weight: bold;}

.di-ban{font-size: var(--fz20);font-family: var(--font-montserrat-light);color:#fff;min-height: 5.15rem;padding:0.5rem 0;display: flex;align-items: center;justify-content: center;text-align: center;}
.di-ban .title{font-size: var(--fz36);font-family: var(--font-roboto-medium);}
.di-ban .txt{margin-top:0.25rem;}
.di-ban .more{margin-top:0.55rem;display: flex;gap:0 0.1rem;align-items: center;}
.di-ban .more::after{content:'\e70a';font-family: 'iconfont';}
.di-ban .more:hover{font-weight: bold;}


/* 卡车页面底部  联系我们 、下载*/
.truck-album{padding:0.55rem 0 0;}
.truck-album .titbox{text-align: center;margin-bottom: 0.5rem;}
.truck-album .titbox .bt{font-size: var(--fz47);font-family: var(--font-roboto-bold);line-height: 1.2;}
.truck-album .titbox .smwz{font-size: var(--fz18);color:#303030;font-family: var(--font-roboto-light);margin:0.2rem auto 0;max-width:10.5rem;}

.truck-album .list{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap:3px;}
.truck-album .list .item{position: relative;display: block;}
.truck-album .list .imgbox{width:100%;aspect-ratio: 1.5;}
.truck-album .list .box{position: absolute;inset: 0;/* background:rgba(0,0,0,.3); */display: flex;align-items: flex-end;padding:0 0.25rem 0.2rem;}
.truck-album .list .title{font-size: var(--fz34);color:#fff;width: 100%;text-align: center;font-family: var(--font-roboto-bold);text-shadow:0 0 0.1rem #000;}


.truck-lm{padding:0.7rem 0;}
.truck-lm .list{display: flex;flex-wrap: wrap;justify-content: space-between;g}
.truck-lm .list .item{max-width:23%;text-align: center;transition: all 0.3s;}
.truck-lm .list .icon{height: 1rem;width: auto;display: block;margin:0 auto 0.17rem;}
.truck-lm .list .title{font-size: var(--fz21);font-family: var(--font-poppins-medium);text-transform: uppercase;}
.truck-lm .list .item:hover .title{color:var(--theme-color);}
.truck-lm .list .item:hover{transform: translate(0,-.1rem);}



/* 顶部导航  关于我们、技术数据*/
.tabs-bar{padding:0.44rem 0;background:#f9f9f9;}
.tabs-bar .box{display: flex;gap:0.12rem;flex-wrap: wrap;}
.tabs-bar .lk{font-size: var(--fz22);color:#333333;padding:0.15rem 0.2rem;border:1px solid #c7c8c8;line-height: 0.3rem;text-transform: uppercase;font-family: var(--font-roboto-bold);}
.tabs-bar .lk.cur,.tabs-bar .lk:hover{color:#fff;background:var(--theme-color);}


.us-truck{margin-bottom: 0.06rem;}
.us-truck .titbox{margin-bottom: 0.8rem;text-align: center;text-transform: uppercase;}
.us-truck .tit{font-size: var(--fz45);font-family: var(--font-roboto-bold);}
.us-truck .smtit{font-size: var(--fz40);font-family: var(--font-roboto-black);margin-top: 0.05rem;}

.us-truck .list{display: flex;flex-wrap: wrap;gap:3px;}
.us-truck .list .item{height: 6.45rem;position: relative;width:calc(33.3% - 3px);}
.us-truck .list .imgbox{height: 100%;}
.us-truck .list .box{position: absolute;width: 100%;left: 0;top: 0;height: 100%;display: flex;align-items: flex-end;}
.us-truck .list .bot{width: 100%;padding:0 0.1rem 0.2rem 0.25rem;display: flex;align-items: flex-end;gap:0.2rem;}
.us-truck .list .title{font-size: var(--fz22);color:#fff;font-family: var(--font-roboto-black);margin-bottom:0.06rem;flex:1;overflow: hidden;}
.us-truck .list .icon{width: 1rem;}
.us-truck .list .item:nth-child(1){width:calc(66.666% - 4.5px);}
.us-truck .list .item:nth-child(1) .title{font-size: var(--fz26);}
.us-truck .list .item:nth-child(2) .title{font-size: var(--fz25);}


/* 公共头部部分 */

.hd-sear-drop{position: fixed;inset: 0;z-index:101;visibility: hidden;opacity: 0;transform: translateY(-100%);transition: transform .45s ease, opacity .35s ease, visibility .45s;pointer-events: none;}
.hd-sear-drop.show{visibility: visible;opacity: 1;transform: translateY(0);pointer-events: auto;}
.hd-sear-drop .closeicon{position: absolute;right: 4%;top: 4%;font-size:var(--fz26);color:#fff;cursor: pointer;}
.hd-sear-drop .box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 50%;border-bottom:1px solid #fff;display: flex;align-items: center;padding-bottom:0.05rem;}
.hd-sear-drop .ipt-txt{background:none;color:#fff;font-size:var(--fz20);}
.hd-sear-drop .submit{width: 0.44rem;height: 0.44rem;color:#fff;background:none;font-size:var(--fz24);cursor: pointer;border:0;}
.hd-sear-drop .submit::after{content:'\e75e';font-family: 'iconfont';}
.hd-sear-drop ::-webkit-input-placeholder{color:#fff;}
.hd-sear-drop :-moz-placeholder{color:#fff;}
.hd-sear-drop ::-moz-placeholder{color:#fff;}
.hd-sear-drop :-ms-input-placeholder{color:#fff;}


.hd-nav .li:hover .hd-drop{opacity: 1;visibility: visible;transform: scaleY(1);}

.hd-drop{background:#fff;position: absolute;width: 100%;left: 0;top: 100%;padding:0.3rem 0.35rem 0.45rem;border-radius:0.05rem;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;}

.hd-drop .detail{display: flex;gap:0 0.8rem;}
.hd-drop .lbox{width: 3.65rem;}
.hd-drop .rbox{flex:1;min-width: 0;}
.hd-drop .t-tit{font-size:var(--fz29);font-family: var(--font-montserrat-bold);margin-bottom: 0.2rem;}

.hd-drop .menu{border-top:1px solid #cbd3dc;}
.hd-drop .menu .lk{font-size:var(--fz21);padding:0.17rem 0.15rem 0.17rem 0.2rem;line-height: 0.3rem;border-bottom:1px solid #cbd3dc;display: flex;align-items: center;justify-content: space-between;}
.hd-drop .menu .lk::after{content:'\e695';font-family: 'iconfont';font-size:var(--fz17);opacity: 0;}
.hd-drop .menu .lk.cur,.hd-drop .menu .lk:hover{background:#f4f5f6;}
.hd-drop .menu .lk.cur::after,.hd-drop .menu .lk:hover::after{opacity: 1;}



.hd-list{display: grid;gap:0.4rem 0.15rem;grid-template-columns: repeat(3, minmax(0, 1fr));}
.hd-list .title{font-size:var(--fz24);font-family: var(--font-roboto-bold);margin-top: 0.1rem;text-align: center;}
.hd-list .more{color:#3e3d3d;height: 0.5rem;display: flex;align-items: center;justify-content: center;border:1px solid #4b4c4c;margin-top: 0.08rem;text-transform: uppercase;}
.hd-list .more:hover{color:#fff;border-color:var(--theme-color);background:var(--theme-color);}
.hd-list .item:hover .title{color:var(--theme-color);}

.hd-list .imgbox{position: relative;}
.type-video .playicon,.hd-video-list .playicon{width:0.46rem;height:0.46rem;background:url(../images/service_13.png) no-repeat center;background-size:contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.type-truck .hd-list .imgbox{position: relative; aspect-ratio: 1.6;display: flex;align-items: center;justify-content: center; background: linear-gradient(#ecefef 60%, #fff 60%,#fff 100%);}
.type-truck .hd-list .imgbox .img{width: 86%;height: 86%;object-fit: contain;}

.type-video .hd-list .imgbox .img {width: 100%;height: 100%;}

.hd-list .last{background:var(--theme-color);color:#fff;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.hd-list .last .tp{height: 0.55rem;width: auto;}
.hd-list .last .learnmore{font-size:var(--fz21);margin-top: 0.25rem;font-family: var(--font-montserrat-bold);}
.hd-list .last .learnmore:hover{text-decoration: underline;}

/* 固定悬浮 */
.kf-fixed{position: fixed;bottom: 3vh;right: 1%;z-index:90;}
.kf-fixed .item{margin-bottom:0.15rem;}
.kf-fixed .lk{width:0.6rem;height:0.6rem;background:#1ea012;border-radius:50%;font-size:0.3rem;color:#fff;display: flex;align-items: center;justify-content: center;}
.kf-fixed .lk:before{font-family: 'iconfont';}
.kf-fixed .phone{font-size: 0.4rem;}
.kf-fixed .phone:before{content:'\e69b';}
.kf-fixed .message:before{content:'\e612';}
.kf-fixed .menu{background-color: var(--theme-color);border-radius:0;}
.kf-fixed .menu:before{content:'\e7f4';}
.kf-fixed .lk img {width: 100%;height: 100%;object-fit: contain;}

.kf-fixed .item.last{display: none;}


/* 视频弹窗 */
.pop-video{position: fixed;inset: 0;background:rgba(0,0,0,.5);display: none;}
.pop-video .detail{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 12.8rem;height: 7.6rem;}
.pop-video .video{width: 100%;height: 100%;object-fit: cover;}
.pop-video .close{font-size: 0.22rem;color:#fff;position: absolute;right: 0;top:0;transform: translate(0,-100%);text-transform: capitalize;cursor: pointer;}
.pop-video .close:before{content:'\e63d';font-family: 'iconfont';font-size:0.17rem;margin-right:0.06rem;}



.banner .swiper-button{width:0.7rem;height:0.7rem;opacity: 1;background: rgba(0,0,0,.65);border-radius:50%;color:#fff;display: flex;align-items: center;justify-content: center;font-size: 0.3rem;transform: translate(0,-50%);margin:0;}
.banner .swiper-button::after{content:'\e695';font-family: 'iconfont';}
.banner .swiper-button-prev{left:3%;transform: translate(0,-50%) rotate(180deg);}
.banner .swiper-button-next{right:3%;}
.banner .swiper-button:hover{background:var(--theme-color);}

.banner .swiper-pagination{display: flex;align-items: center;justify-content: center;gap:0.1rem;bottom: 0.4rem;}
.banner .swiper-pagination-bullet{width: 0.46rem;height: 0.04rem;background:#fff;border-radius:0;}

.banner .swiper-slide video {width: 100%;height: 100%;}
.banner .swiper-slide iframe {width: 100%; aspect-ratio: 1.77;}

.parts-ad{min-height: 4.45rem;padding:0.65rem 0;margin-bottom: 0.6rem;color:#fff;text-align: center;}
.parts-ad .box{max-width:8.55rem;margin:0 auto;}
.parts-ad .title{font-size:var(--fz34);font-family: var(--font-roboto-bold);line-height: 1.6;}
.parts-ad .txt{font-size:var(--fz21);font-family: var(--font-roboto-light);margin: 0.2rem auto 0;max-width:5.8rem;}
.parts-ad .link{font-size:var(--fz21);font-family: var(--font-roboto-medium);margin:0.45rem auto 0;max-width:4.3rem;width: 100%;height:0.5rem;border-radius:0.1rem;background: linear-gradient(to right, #d03502 , #d85f17);}
.parts-ad .link:hover{background: linear-gradient(to right, #d03502 , #d03502);}

@media (min-width: 1200px) {
	.hd-drop .menu {
		border-top: 0;
	}
	.hd-drop .menu .lk {
		background: #ececec;
		border-radius: .1rem;
		border: 0;
		margin-bottom: .1rem;
	}
	.hd-drop .menu .lk.cur, 
	.hd-drop .menu .lk:hover {
		color: #ffffff;
		background: var(--theme-color);
	}
	
}

@media (max-width:1260px){
	
	html {
		font-size: 7.8vw!important;
	}
	
	/* news */
	.inner-ban{height:3.4rem;}
	
	
	/* 头部 */
	.sj-menu{position:absolute;right: 2%;top: 50%;width: .4rem;height: .4rem;margin-top: -0.2rem;display: flex;align-items: center;justify-content: center;font-size: var(--fz30);color:#fff;}
	.sj-menu::after{content:'\e7f4';font-family: 'iconfont';}
	.sj-menu.close::after{content:'\e63d';}
	
	.head.fixed{position: fixed;width: 100%;left: 0;top: 0;z-index:100;}
	
	.hd-sear-drop .box{width: 75%;padding-bottom:0.12rem;}
	.hd-sear-drop .ipt-txt{font-size: var(--fz28);}
	.hd-sear-drop .submit{width: 0.6rem;height: 0.6rem;font-size: var(--fz30);}
	
	.hd-nav .li:hover .hd-drop{opacity: 1;visibility: visible;transform: none;}
	.hd-drop{display: none;width: 100%;background-color: transparent;padding: 0;transition: none;position: static;opacity: 1;visibility: visible;transform: none;}
	.hd-drop.show{display: block;}
	
	
	.hd-drop .detail{display: block;}
	.hd-drop .t-tit,.hd-drop .rbox{display: none;}
	.hd-drop .lbox{width: 100%;}
	
	.hd-drop .menu{border-color:#efefef;}
	.hd-drop .menu .lk{border-color:#efefef;padding: 0.22rem 0.3rem 0.22rem 0.3rem;}
	.hd-drop .menu .lk:last-child{border:0;}
	.hd-drop .menu .lk:first-child{display: none;}
	
}


@media (max-width:991px){
	
	html {
		font-size: 11vw!important;
	}
	
	.banner .swiper-button{display: none;}
	
	.di-column{grid-template-columns: repeat(1, minmax(0, 1fr));gap:0.3rem;}
	
	
	.truck-album .list{grid-template-columns: repeat(2, minmax(0, 1fr));}
	
	.truck-lm .list .icon{height:0.7rem;}
	
	
	
	/* .tabs-bar .box{flex-wrap: nowrap;overflow-x: auto;width:calc(100% + 4%);padding-right:3%;}
	.tabs-bar .lk{flex-shrink: 0;} */
	.tabs-bar .box{flex-wrap:wrap;}
	
	
	
	.us-truck .list .item{width:calc(50% - 1.5px);height: 5rem;}
	.us-truck .list .item:nth-child(1){width: 100%;}
	
	
	.kf-fixed .item.last{display: block;}
	
	
	
	
	
	
	
	
	
}

@media (max-width:767px){
	
	html {
		font-size: 20vw!important;
	}
	
	
	.banner .swiper-pagination{bottom:0.26rem;}
	.banner .swiper-pagination-bullet{width:0.32rem;}
	
	
	
	.btn{padding:0 0.25rem;height:0.5rem;}
	
	.di-column{gap:0.2rem;}
	.di-column .item .title{font-size: var(--fz34);}
	.di-column .item .text{margin-top: 0.3rem;}
	
	.truck-album .titbox .bt{font-size: var(--fz41);}
	.truck-album .titbox .smwz{margin-top: 0.1rem;}
	.truck-album .list{grid-template-columns: repeat(1, minmax(0, 1fr));}
	
	.truck-lm .list{grid-template-columns: repeat(2, minmax(0, 1fr));display: grid;gap:0.5rem 0.3rem;}
	.truck-lm .list .item{max-width:100%;}
	.truck-lm .list .icon{height:0.6rem;}
	
	
	
	.pagelist a{min-width: 0.46rem;height: 0.46rem;}
	
	.pagenav{margin-top: 0.5rem;}
	.pagenav li{line-height: 1.2;}
	.pagenav span{width: 1.2rem;padding-left: 0.12rem;font-size: var(--fz18);}
	.pagenav .lk{padding:0.15rem 0.15rem;font-size: var(--fz19);}
	.pagenav .lk em{-webkit-line-clamp: 2;}
	
	
	/* news */
	.inner-ban{height:2.1rem;}
	.inner-ban .bt{font-size: var(--fz30);line-height: 1.2;margin-bottom: 0.05rem;}
	
	.pub-tt{margin-bottom: 0.4rem;}
	
	.tabs-bar{padding:0.3rem 0;}
	.tabs-bar .lk{font-size: var(--fz20);padding: 0.1rem 0.17rem;}
	
	
	.us-truck .titbox{margin-bottom: 0.5rem;}
	.us-truck .tit{font-size: var(--fz36);}
	.us-truck .smtit{font-size: var(--fz32);margin-top: 0.2rem;}
	.us-truck .list .item{width:100%;height: 4rem;}
	.us-truck .list .item:nth-child(1){width: 100%;}
	.us-truck .list .icon{width: 0.8rem;}
	
	
	/* 头部 */
	.hd-sear-drop .box{width: 90%;padding-bottom:0.08rem;}
	.hd-sear-drop .ipt-txt{font-size: var(--fz22);}
	.hd-sear-drop .submit{width: 0.4rem;height: 0.4rem;font-size: var(--fz24);}
	
	
	.sj-menu{font-size: var(--fz26);}
	
	.parts-ad .title{font-size: var(--fz26);}
	
	
}




.show-mb {
    display: none !important;
}

.show-mb-flex {
    display: none !important;
}

.lg-backdrop {
    background-color: rgba(0, 0, 0, .6);
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.rich-text h1 {
    margin-top: .67em;
    margin-bottom: .67em;
}

.rich-text h2 {
    margin-top: .83em;
    margin-bottom: .83em;
}

.rich-text h3 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.rich-text h4 {
    margin-top: 1.16em;
    margin-bottom: 1.16em;
}

.rich-text h5 {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.rich-text h6 {
    margin-top: 2.33em;
    margin-bottom: 2.33em;
}

.rich-text p {
    margin: 1em 0;
}

.rich-text p::after {
    content: "";
    display: block;
    clear: both;
}

.rich-text * {
    max-width: 100%;
}

.rich-text img,
.rich-text video {
    max-width: 100%;
    height: auto !important;
}

.rich-text iframe {
    max-width: 100%;
}

.rich-text ul {
    list-style: initial;
    padding-left: 30px;
}

.rich-text .gallery {
    display: flex;
    gap: 1em;
}

.rich-text .gallery p {
    display: none;
}

.rich-text .gallery-item {
    margin-top: 1em !important;
}

.rich-text .gallery-item img {
    display: block;
    border: 0 !important;
}

.rich-text .wp-caption-text {
    margin-top: 0;
}

.popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000
}

.popup .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.popup.iframe .mask {
    background: rgba(0, 0, 0, .8)
}

.popup .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}


.popup.tip .container {
    background: #fff;
    border-radius: 10px;
    max-width: 400px;
    width: 90%;
    padding: 0
}

.popup.tip .title {
    font-size: 20px;
    text-align: center;
    color: #000
}

.popup.tip .txt {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    color: #666;
    padding: 0 20px
}

.popup.tip .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: var(--theme-color);
    border-radius: 50%;
    background-image: url(../images/correct.png);
    margin-top: 30px;
    margin-bottom: 20px;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat
}

.popup.tip .opt {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding: 10px 0;
    cursor: pointer
}

.popup.tip .opt .btn {
    color: #000;
    font-size: 16px;
    border-radius: 6px;
	background: transparent;
}

.popup.iframe .container {
    width: 70%;
	aspect-ratio: 1.77;
    /* height: calc(70vw / 1.77); */
	max-height: 86vh;
    padding: 0
}

.popup.iframe iframe,
.popup.iframe video {
    width: 100%;
    height: 100%;
    background: #000
}

.popup.iframe .close {
    position: absolute;
    right: 0;
    top: -30px;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
    padding-left: 30px
}
.popup.iframe .close::before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '\e63d';
    font-family: 'iconfont';
    font-size: 0.17rem;
    margin-right: 0.06rem;
}

.table-scroll {
	overflow-x: auto;
}

.fluentform .ff-message-success {
	display: none;
}
.fluentform .code-container {
	display: flex;
}
.fluentform .code-container .code-box {
	display: flex;
	align-items: center;
}
.fluentform .code-container img {
	width: auto;
	height: 3em;
	max-width: unset;
}
.contact-form {
	--fluentform-primary: var(--theme-color);
	--fluentform-border-radius: 0;
	--fluentform-border-color: #666666;
}
.contact-form .fluentform .ff-el-group {
	margin-bottom: 0.25rem;
    font-size: var(--fz18);
    font-family: var(--font-roboto-regular);
}
.contact-form .fluentform .ff-el-input--label {
	padding: 0 0.2rem;
    margin-bottom: 0.1rem;
}
.contact-form .fluentform .ff-el-form-control {
	font-size: inherit;
}
.contact-form .ff_submit_btn_wrapper .ff-btn-submit {
	font-size: var(--fz25);
    border-radius: 0.29rem;
    margin-top: 0.2rem;
    min-width: 4.2rem;
    text-transform: uppercase;
}

.truck-message {
	--fluentform-primary: var(--theme-color);
	--fluentform-border-radius: 0;
	--fluentform-border-color: #666666;
}
.truck-message .fluentform .ff-el-input--label {
    display: block;
    font-size: var(--fz20);
    color: #888;
    margin-bottom: 0.08rem;
    line-height: 1.3;
}
.truck-message .ff-default .ff-el-form-control {
    background: #eceff3 !important;
    font-size: var(--fz20);
    color: #333;
	border-color: transparent;
}
.truck-message .ff-el-input--content {
	position: relative;
}
.truck-message .name .ff-el-input--content .ff-el-form-control,
.truck-message .tel .ff-el-input--content .ff-el-form-control,
.truck-message .email .ff-el-input--content .ff-el-form-control,
.truck-message .country .ff-el-input--content .ff-el-form-control,
.truck-message .product .ff-el-input--content .ff-el-form-control,
.truck-message .message .ff-el-input--content .ff-el-form-control
{
	padding-left: .5rem;
}
.truck-message .name .ff-el-input--content::before,
.truck-message .tel .ff-el-input--content::before,
.truck-message .email .ff-el-input--content::before,
.truck-message .country .ff-el-input--content::before,
.truck-message .product .ff-el-input--content::before,
.truck-message .message .ff-el-input--content::before
{
	position: absolute;
    left: 0.18rem;
    top: .7em;
	font-family: "iconfont" !important;
    font-size: 0.22rem;
    color: #9aa0a8;
    line-height: 1;
}
.truck-message .name .ff-el-input--content::before {
	content: "\e601";
}
.truck-message .tel .ff-el-input--content::before {
	content: "\e605";
}
.truck-message .email .ff-el-input--content::before {
	content: "\e603";
}
.truck-message .country .ff-el-input--content::before {
	content: "\e62e";
}
.truck-message .product .ff-el-input--content::before {
	content: "\e627";
}
.truck-message .message .ff-el-input--content::before {
	content: "\e600";
}
.truck-message .fluentform .code-container img {
	height: 3.2em;
}
.truck-message .ff_submit_btn_wrapper .ff-btn-submit {
    width: 3rem;
    height: 0.65rem;
    font-size: var(--fz20);
    font-family: var(--font-montserrat-extraBold);
	border-radius: 0;
}

.parts-message {
	font-family: var(--font-roboto-medium);
    font-size: var(--fz21);
	--fluentform-primary: var(--theme-color);
	--fluentform-border-radius: 0;
	--fluentform-border-color: #dadada;
}
.parts-message .fluentform .ff-el-form-control {
    color: var(--theme-color) !important;
	font-family: inherit;
	font-size: inherit;
}
.parts-message .fluentform .ff-btn-submit{
    width: 3.4rem;
    height: 0.6rem;
    font-size: var(--fz26);
    text-transform: uppercase;
    border-radius: 0.08rem;
}

.common-list{padding: .7rem 0;}
.common-list .item{display: flex;align-items: stretch;margin-bottom: 0.55rem;gap: 3em;}
.common-list .item:last-child{margin-bottom: 0;}
.common-list .info{flex: 1;}
.common-list .title{font-size:var(--fz36);font-family: var(--font-roboto-bold);text-transform: uppercase;line-height: 1.3;}
.common-list .txt{font-size:var(--fz21);font-family: var(--font-roboto-regular);margin-top: 0.25rem;line-height: 1.7;color:#333;}
.common-list .imgbox{width:50%;position: relative;aspect-ratio: 1.5;overflow: hidden;}
.common-list .imgbox:has(video){cursor: pointer;}
.common-list video{width: 100%;height: 100%;}
.common-list .imgbox .playicon{width:0.86rem;height:0.86rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;pointer-events: none;transition: opacity .3s;font-size: 0.8rem;color:#fff;}
.common-list .imgbox .playicon::after{content:'\e67c';font-family: 'iconfont';}

.common-list .imgbox.playing .playicon{opacity: 0;}
.common-list .imgbox.videoBtn{cursor: pointer;}


.common-list .item.right_txt{flex-direction: row-reverse;}
.common-list .item.right_txt .info{}
.common-list .item.only_txt .info {}

.pagelist .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #444;
}
.pagelist .page-numbers.current, .pagelist a:hover {
    background: var(--theme-color);
    color: #fff;
}

.tabs-bar.s2 .box{gap:0.08rem;}
.tabs-bar.s2 .lk{padding-left:0.18rem;padding-right:0.18rem;}

.search-page {
	padding-bottom: 1rem;
}
.search-page .search-box {
	padding: .6rem 0;
	background: #F5F6FA;
}
.search-page .search-box .title {
	font-size: .48rem;
    line-height: 1.3;
    font-weight: 600;
    color: #1B1D1B;
    margin-bottom: .2rem;
}
.search-page .search-form {
	display: flex;
	align-items: center;
	height: .7rem;
	gap: .3rem;
}
.search-page .search-form input {
	flex: 1;
	height: 100%;
    background-color: #fff;
    padding: 0 .3rem;
    font-size: 1.2em;
    color: #333;
    border-radius: 100px;
    border: 1px solid #E9E9E9;
}
.search-page .search-form button {
	height: 100%;
	font-size: 1.2em;
    color: #fff;
    background: var(--theme-color);;
    padding: 0 .5rem;
    border: 0;
	border-radius: 100px;
    cursor: pointer;
}
.search-page .search-list li {
    padding: .3rem 0;
    border-bottom: 1px #333 solid;
    width: 100%;
}
.search-page .search-list li .type {
    font-size: .26rem;
    margin-bottom: 0.2rem;
    color: var(--theme-color);
    line-height: 1.4;
}
.search-page .search-list li .tit {
    font-size: .26rem;
    line-height: 1.6;
}
.search-page .search-list li .date {
    line-height: 2;
    font-size: .18rem;
    color: #494a4a;
    margin-top: .2rem;
}
.search-page .empty {
    font-size: .24rem;
    margin-top: 1rem;
}



.foot .ft-b .banq {
	margin: -1em 0;
}
.foot .ft-t .social .icon img {
	width: 60%;
    height: 60%;
	object-fit: contain;
}
.foot .ft-t .social .icon:hover {
	background: transparent;
}


@media (max-width: 991px) {
	.show-pc {
        display: none !important;
    }
    .show-mb {
        display: block !important;
    }
    .show-mb-flex {
        display: flex !important;
    }

	.foot .ft-t .logo .img {
		max-height: 1.4rem;
		object-fit: contain;
	}
	.foot .ft-t .tit {
		display: flex;
	}
	.foot .ft-t .tit a {
		flex: 1;
	}
	.foot .ft-t .tit::after {
		display: none;
	}
	.foot .ft-t .tit .arrow {
		position: absolute;
		width: 100%;
		height: .9rem;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	.foot .ft-t .tit a+.arrow {
		width: .9rem;
	}
	.foot .ft-t .tit .arrow::after {
		content: '\e70a';
        font-family: 'iconfont';
        position: absolute;
        right: 0;
        top: 0;
        transform: rotate(90deg);
        line-height: 0.9rem;
        transition: transform .3s;
	}
	.foot .ft-t .tit.this .arrow::after {
		transform: rotate(-90deg);
	}
	.search-page .search-box .title {
		font-size: .36rem;
	}
	.search-page .search-list li .type {
		font-size: .2rem;
	}

}

@media (max-width: 767px) {

    .popup.tip .icon {
        width: 80px;
        height: 80px
    }

    .popup.iframe .container {
        width: 90%;
        height: 50%
    }

	.contact-form .fluentform .ff-el-group {
		font-size: var(--fz19);
	}
	.contact-form .fluentform .ff-el-input--label {
		padding: 0;
	}

	.pagelist .page-numbers {
        min-width: 0.46rem;
        height: 0.46rem;
    }

	.truck-message .name .ff-el-input--content::before,
	.truck-message .tel .ff-el-input--content::before,
	.truck-message .email .ff-el-input--content::before,
	.truck-message .country .ff-el-input--content::before,
	.truck-message .product .ff-el-input--content::before,
	.truck-message .message .ff-el-input--content::before {
		top: .8em;
	}
	.truck-message .ff_submit_btn_wrapper .ff-btn-submit {
		width: 100%;
	}

	.search-page .search-box {
		padding: 40px 0;
	}
	.search-page .search-content {
		padding: 20px 0;
	}
	.search-page .search-box .title {
		font-size: 24px;
	}
	.search-page .search-form {
		height: 40px;
		gap: 10px;
	}
	.search-page .search-form input {
		padding: 0 14px;
	}
	.search-page .search-form button {
		font-size: 14px;
		padding: 0 20px;
	}

	.common-list {padding: .4rem 0;}
	.common-list .item{flex-direction: column !important;}
	.common-list .imgbox {width: 100%;}
	.common-list .title {
        font-size: var(--fz32);
    }
}