.structure-layout .h1,
.structure-layout .h2,
.structure-layout .h3,
.structure-layout .h4,
.structure-layout .h5,
.structure-layout .h6 {
    color: #000;
    font-weight: 700;
    font-family: 'Arial', sans-serif;
    font-size: 1.75rem;
 }
.structure-layout .product-structure .structure-table {
    padding-top: 20px;
    padding-bottom: 20px;
    border-collapse: collapse;
}
.structure-layout .product-structure .structure-table .structure-row {
    display: table-row;
    margin: 10px 0;
}
.structure-layout .product-structure .structure-table .structure-row .col-left {
    width: 40%;
    background-color: #fafafa;
}
.structure-layout .product-structure .structure-table .structure-row .col-right {
    width: 60%;
    background-color: #fff;
    display: table-cell;
}
.structure-layout .product-structure .structure-table .structure-row .col-left,
.structure-layout .product-structure .structure-table .structure-row .col-right {
    padding: 12px;
    display: table-cell;
    border: 1px solid #f4f4f4;
    font-size: 14px;
    color: #222;
    line-height: 20px;
}
table.has-title {
    margin-bottom: 10px;
}

@media (min-width: 990px){
    .poorder {
        position: absolute;
        right: 20px;
        top: -27px;
    }
}

.poorder .tab-list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.poorder .tab-list dd {
    cursor:pointer;
}

.poorder #ert {
    width:21px;
    height:22px;
    float:left;
    background-image:url(../images/p-he.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

.poorder #uioi {
    width:21px;
    height:22px;
    float:left;
    background-image:url(../images/p-su.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

.poorder .tab-list .list .current {
    background-image:url(../images/p-he-1.jpg) !important;
}

.poorder .tab-list .list1 .current {
    background-image:url(../images/p-su-1.jpg) !important;
}


/*  */

@media (min-width: 990px) {
    .page-wrap-left {
        display: none;
    }
}

.icon-font {
    position: relative;
}
.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.xypg-left-box {
    margin-bottom: 20px;
}

.xypg-left-title {
    background: var(--main-theme-color);
    padding: 10px 20px;
    position: relative;
}

.xypg-left-title h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    text-transform: capitalize;
    z-index: 9;
}

.xypg-left-con {
    border: 1px solid #d2d2d2;
    border-top: none;
}

/*  */

.page-mob-tool {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 999;
}

.page-mob-tool li.xymob-page-navbtn span {
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 0;
    background: url(../images/menux.png) no-repeat center;
    font-family: "Candara", "SF Pro Display", "Arial";
    width: 40px;
    height: 40px;
    display: block;
}

.page-mob-tool li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

.page-mob-tool li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--main-theme-color);
    opacity: .7;
}

.page-mob-tool li i {
    display: block;
    width: 100%;
    height: 100%;
}

.page-mob-tool li .icon-dots-horizontal:after {
    background-position: -30px -390px;
}

.page-mob-tool li .icon-top:after {
    background-position: -30px -60px;
}

@media (min-width: 992px) {
    .page-mob-tool {
        display: none;
    }
}

/* 手机站 左侧导航弹出特效 */
.xymob-left-close-btn {
    display: none;
}


@media (max-width: 990px) {
    /* 弹出框之后 body 上增加一个禁止滚动的类*/ 
    body.no-scroll, html.no-scroll {
        height: 100vh;
        overflow: hidden;
    }

    .xymob-menu-click {
        position: fixed;
        width: 100vw;
        overflow-y: scroll;
        top: 0;
        left: 100%;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        z-index: 999999;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
    }

    .xymob-menu-click .xypg-left-news, 
    .xymob-menu-click .xypg-left-keys, 
    .xymob-menu-click .xypg-left-contact, 
    .xymob-menu-click .page-message-img {
        display: none;
    }

    .xymob-menu-click .xymob-left-close-btn {
        display: block;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 32px;
        height: 32px;
        line-height: 32px;
        border-radius: 50%;
        border: 1px solid #fff;
        text-align: center;
        background: black;
    }

    .xymob-menu-click .xymob-left-close-btn .icon-font {
        display: block;
        width: 100%;
        height: 100%;
    }

    .xymob-menu-click .xymob-left-close-btn .icon-font:after {
        background-position: -30px -300px;
    }

    .xymob-menu-click .xypg-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 90vh;
        padding: 5vh 0;
    }

    .xymob-menu-click .xypg-left .xypg-left-menu {
        width: 90%;
        background: #fff;
    }

    .xymob-menu-click.click {
        left: 0;
    }
}


/* 内页左侧导航栏样式 */
.xypg-left-nav {
    margin: 0 -1px;
}

.xypg-left-nav > li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

.xypg-left-nav > li:last-child {
    border-bottom: none;
}

.xypg-left-nav > li > a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    padding: 15px 18px;
}

.xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 99;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 10px;
    right: 20px;
    cursor: pointer;
    background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}

.xypg-left-nav > li .first-nav-btn.clicked {
    background-position: 0 -270px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
    color: var(--main-theme-color);
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-subnav {
    display: none;
    padding: 0 10px;
}

.xypg-left-nav .xypg-left-subnav > li {
    border-top: 1px dashed #eeeeee;
}

.xypg-left-nav .xypg-left-subnav > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-threenav > li > a {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}

.xypg-left-nav .xypg-left-threenav > li > a:before {
    content: '\2014   ';
}

.xypg-left-nav .xypg-left-threenav > li > a:hover {
    color: var(--main-theme-color);
}

.xypg-left-nav .xypg-left-threenav > li.clicked > a {
    color: var(--main-theme-color);
}

@media (max-width: 990px) {
    .xypg-left-nav .xypg-left-threenav {
        display: block;
    }
}






/* 头部样式 */

/*  */
p{margin:0;}
body{overflow-x:hidden;}
.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}

.com-img2{ display:block; overflow:hidden;}
.com-img2 img{ transition:transform .3s ease-out; -webkit-transition:transform .3s ease-out; -moz-transition:transform .3s ease-out; -o-transition:transform .3s ease-out;}
.com-img2:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.relative{position: relative;}

.flex2{ display: flex;display: -webkit-flex;}
.wrap{flex-wrap:wrap}
.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.clamp4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

.max1600{max-width: 1600px;width:90.625%;margin:0 auto;}
.max1500{max-width: 1500px;width:90.625%;margin:0 auto;}
.max1400{max-width: 1430px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.max1200{max-width: 1230px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}


/* header */
.header{left:0;top:0;width:100%;z-index:999;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}
.top-mid-flex{}
.logo{position:relative}
.logo a{display:block}
.logo a img{max-width:100%;max-height:58px}

.header-ss{position:relative;height: 56px;width: 224px;}
.header-ss .ss_btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:url(//wm.cdn.cn86.cn/huizhoukerui/2025/03/912029ca77vmcw3b.png) no-repeat center;cursor:pointer}
.search-box{position: relative;right:0;z-index:99;}
.header-ss .ss-search{width: 224px;position:relative;background: none;display:flex;background: rgba(255, 255, 255, 0.14);}
.header-ss .ss-search input{height: 56px;line-height: 56px;outline:0;border:none;font-size:0}
.header-ss .ss-search #keyword{width:calc(100% - 50px);padding-left:10px;font-size:14px;background: none;-webkit-text-fill-color: #fff;}
.header-ss .ss-search #s_btn{width:50px;background-position:center center;background-repeat:no-repeat;background-image:url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/7cc5652b6cbpsi7l.png)}


.x-menu{position:relative}
.x-menu>li{position:relative;text-align:center}
.x-menu>li>a{display:block;font-size:18px;color:#fff;height: 56px;line-height: 56px;font-weight:400;padding: 0 29px;}
.x-menu>li:hover>a{background-color: #01215c;color: #fff !IMPORTANT;}
.x-sub-menu{position:absolute;z-index:999;width:100%;left:-0%;top:100%;display:none;background:#fff;border-radius:0;padding:0 0}
.x-sub-menu>li>a{display:block;text-align:center;font-size:14px;color:#333;line-height:1.5;padding:.6em .3em;     text-transform: capitalize;}
.x-sub-menu>li>a:hover{color:#fff!important;background-color:var(--main-theme-color)}
.x-menu>li:hover{
	
}


@media (min-width:1200px){
    .x-menu>li{}
}
@media (min-width:1440px){
    .x-menu>li{}
}
 






/* banner */
.home-banner {
    width: 100%;
    position: relative;
}
.home-banner .swiper-slide {
    position: relative;
    overflow: hidden;
}
.home-banner .swiper-slide a {
    display: block;
}
.home-banner .swiper-slide a > img {
    display: block;
    width: 100%;
}
.home-banner .swiper-pagination1 {
	bottom: 30px;
}
.home-banner .swiper-pagination1 .swiper-pagination-bullet {
	width: 50px;
	height: 3px;
	background: #fff;
	border-radius: 0%;
	margin: 0 10px!important;
	transition: width .3s ease;
	opacity: 1;
}
.home-banner .swiper-pagination1 .swiper-pagination-bullet-active {
	background-color: var(--main-theme-color);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 0;
}
.home-banner .swiper-button-next1,
.home-banner .swiper-button-prev1 {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 50%;
    margin-top: -27px;
    font-size: 0;
    outline: none;
    border: none;
    background: none;
    z-index: 99;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.home-banner .swiper-button-prev1 {
    left: 2.083vw;
    background: url(//wm.cdn.cn86.cn/xinjiuyang/2025/06/6e38c3b7f5esyobb.png) no-repeat center rgba(255, 255, 255, 0.1);
}

.home-banner .swiper-button-next1 {
    right: 2.083vw;
    background: url(//wm.cdn.cn86.cn/xinjiuyang/2025/06/cf9ba08e30xu7rnw.png) no-repeat center rgba(255, 255, 255, 0.1);
}

.home-banner .swiper-button-prev1:hover {
    background-color: var(--main-theme-color);
}

.home-banner .swiper-button-next1:hover {
    background-color: var(--main-theme-color);
}
 













.w1430{
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 15px;
}



.tbnr1 {}
.tbxx {
    height: 105px;
    display: flex;
    justify-content: space-between;
}
.tblogo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tblogo .logo {
    max-width: 90px;
}
.tblogo .logo img {
    max-height: 85px;
}
.tbflogowz {
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
    margin-left: 14px;
}
.tbxxy {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 41.6%;
    align-items: center;
}
.tbxxy li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 50px;
    align-items: flex-start;
}
.tbxxy li .img {text-align: center;height: 40px;line-height: 40px;}
.tbxxy li .img img {
    max-width: 100%;
}
.tbxxy li .tbxxywz {margin-left: 10px;}
.tbxxy li .tbxxywz .b1 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: 0px;
    color: #9fa0a0;
}

.tbxxy li .tbxxywz .b2{
    font-weight: bold;
    color: #000;
    font-size: 15px;
    line-height: 19px;

}
.tbxxy li .tbxxywz .b2 .btn{
    padding: 0;
    font-weight: bold;
}

.tbxxy li .tbxxywz .b2 .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.15em;
    content: "";
    width: 9px;
    height: 5px;
    background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/9b0dfa7ad4eftxek.png) no-repeat;
    border: none;
}




.tbnr2{
    height: 56px;
	background-color: #d50606;
}

.top_right{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}
.navbar-nav-box{
	width: calc(95% - 224px);
}













.w1780{
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 10px;
}



.bbbt1{
    text-align: center;
}
.bbbt1 .b1 {
    font-size: 37px;
    line-height: 31px;
    font-weight: normal;
    font-family: Impact;
    letter-spacing: 1px;
    color: #212529;
}
.bbbt1 .b2 {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 18px;
}


.bb1x {
    padding: 4.5vw 0 4.3vw;
    position: relative;
    background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/57e9e16260rolitx.png) no-repeat center 117%;
    overflow: hidden;
}


.bb1nr{
    overflow: hidden;
    margin-top: 50px;
    position: relative;
    padding-bottom: 60px;
}

.bb1nr li {
}

.bb1nr li a{
    display: block;
    height: 100%;
    background: #fff;
    border-radius: 16px;
    padding: 22px 18px 40px;
    text-align: center;
}


.bb1nr li > a:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 2px solid #e1e1e1;
    z-index: 9;
    border-radius: 16px;
    left: 0;
    top: 0;
} 


.bb1nr li .img {
    overflow: hidden;
    max-width: 80%;
    margin: 0 auto;
}
.bb1nr li .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .45s ease;
}
.bb1nr li .img:hover img {
    transform: scale(1.08);
}
.bb1nr li .b1 {
    margin-top: 35px;
    line-height: 32px;
    font-weight: normal;
    color: #1e1e1e;
    overflow: hidden;
    font-size: 21px;
    height: 64px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bb1nr li .b2 {
    margin: 16px auto 0;
    width: 133px;
    height: 44px;
    background-color: #d50606;
    border-radius: 8px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: -1px;
    color: #ffffff;
}


.bb1nr .swiper-pagination{
    
bottom: 0;
}
.bb1nr .swiper-pagination span{
    height: 3px;
    width: 25px;
    background-color: #dcdcdc;
    border-radius: 0px;
    opacity: 1;
}
.bb1nr .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #d50606;
}














.bb2x {
    padding: 4.5vw 0 11vw;
    background:  url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/e3246bcfcd9uism6.png) no-repeat center bottom;
    background-size: 100% auto;
    overflow: hidden;
}


.bb2nr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(24%, 1fr));
    gap: 18px 15px;
    margin-top: 50px;
}
.bb2nr li {
    background: #fff;
    border: 1px solid #e8e8e8;
    transition: all .35s ease;
}
.bb2nr li:hover {
    box-shadow: 0 12px 28px rgba(0,0,0,.1);
    transform: translateY(-4px);
}
.bb2nr li .img {
    padding: 20px 18px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.bb2nr li .img img {
    max-width: 100%;
    max-height: 100%;
    transition: transform .45s ease;
}
.bb2nr li .img:hover img {
    transform: scale(1.08);
}

.bb2nr li .bb2wz{
    height: 76px;
}

.bb2nr li .b1 {
    margin: 14px 18px 0;
    font-size: 16px;
    line-height: 26px;
    color: #222;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bb2nr li .b2 {
    margin: 7px 18px 0;
    font-size: 12px;
    line-height: 17px;
    color: #8a8a8a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bb2nr li .b2 p {
    margin: 0;
}
.bb2nr li .b3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 119px;
    height: 27px;
    margin: 8px 18px 10px;
    padding: 5px 0;
    background: #df0b11;
    border-radius: 13px;
    color: #fff;
}
.bb2nr li .b3 s1 {
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    text-decoration: none;
}
.bb2nr li .b3 img {
    max-width: 15px;
    margin-left: 7px;
}















.bb3x {
    padding: 77px 0 5.3vw;
    background-color: #f4f4f4;
}
.bb3x .w1430 {
    width: 74.479%;
    margin: 0 auto;
}
.bb3nr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.bb3z {
    width: 46.65%;
    position: relative;
    margin-left: 33px;
}
.bb3z .img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.bb3z .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}
.bb3z .img:hover img {
    transform: scale(1.06);
}
.bb3bf {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 76px;
    height: 75px;
    transform: translate(-50%,-50%);
	background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/ce54f991f58mm8km.png) no-repeat;
}

.bb3jy {
    position: absolute;
    left: 2.2vw;
    bottom: -4.3vw;
    width: 26.6%;
    color: #fff;
    padding: 34px 20px 16px;
    background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/5199969a599wksiv.png) no-repeat rgba(213, 6, 6, 0.79) 85% 48%;
    background-size: 17%;
}
.bb3jy .b1 {
    font-size: 27px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #ffffff;
}
.bb3jy .b2 {
    line-height: 77px;
    font-size: 107px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    padding: 19px;
}
.bb3jy .b3 {
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 35px;
    letter-spacing: 0px;
    color: #ffffff;
}
.bb3y {
    width: 47.5%;
    padding-right: calc((100% - 1430px) / 2);
    padding-top: 9px;
}
.bb3bt .b1 {
    font-size: 39px;
    line-height: 31px;
    color: #1f1f1f;
    font-weight: 800;
}
.bb3bt .b2 {
    margin-top: 18px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
}
.bb3sz {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 78px 42px;
    margin-top: 60px;
}
.bb3sz li {
    display: flex;
    align-items: center;
}
.bb3sz li .img {
    margin-right: 14px;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
}
.bb3sz li .img img {
    width: 100%;
}
.bb3sz li .bb3wz {
    width: calc(100% - 56px);
}
.bb3sz li .bb3wz .b1 {
    font-size: 37px;
    line-height: 28px;
    color: #000;
    font-weight: 800;
}
.bb3sz li .bb3wz .b2 {
    margin-top: 6px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: -1px;
    color: #000000;
}










.bb4x {
    padding: 3.7vw 0 0vw;
    position: relative;
    z-index: 99;
}
.bb4x .w1430{
    max-width: 1350px;
}


.bb4nr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 32px;
    margin-top: 45px;
}
.bb4nr li a{
    display: flex;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
    padding: 10px;
}
.bb4nr li .img {
    width: 61.8%;
    overflow: hidden;
}
.bb4nr li .img img {
    width: 100%;
    transition: transform .45s ease;
}
.bb4nr li:hover .img img {
    transform: scale(1.08);
}
.bb4nr li .bb4wz {
    width: 58.5%;
    padding: 10px 24px 0px;
}

.bb4nr li .bb4wz .bb4sj{
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #595757;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.bb4nr li .bb4wz .bb4sj img{}
.bb4nr li .bb4wz .bb4sj s1{
    color: #595757;
    margin-left: 10px;
}

.bb4nr li .bb4wz .b1 {
    height: 50px;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}

.bb4nr li:hover .bb4wz .b1{
    color: #e40f18;
}


.bb4nr li .bb4wz .b2 {
    margin-top: 10px;
    font-size: 13px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #595757;
}
.bb4nr li .bb4wz .b3 {
    margin-top: 16px;
    text-align: center;
    width: 129px;
    height: 40px;
    border: solid 2px #e40f18;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #e40f18;
    float: right;
}
.bb4nr li:hover .bb4wz .b3 {
    background: #e40f18;
    border: solid 2px #e40f18;
    color: #fff;
}



.bb4ht{
    position: relative;
    margin-top: -7vw;
    z-index: 9;
}
.bb4ht img{
    width: 100%;
}













.bb5x {
    padding: 46px 0 2vw;
}
.bb5nr {
    overflow: hidden;
    padding-bottom: 67px;
    margin-top: 45px;
    position: relative;
}
.bb5nr li {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}
.bb5nr li .img {
    overflow: hidden;
    position: relative;
}
.bb5nr li .img img {
    width: 100%;
    transition: transform .45s ease;
}
.bb5nr li .img:hover img {
    transform: scale(1.08);
}
.bb5nr li .bb5wz {
    padding: 22px 22px 24px;
}
.bb5nr li .bb5wz .b1 {
    height: 52px;
    font-size: 18px;
    line-height: 26px;
    color: #222;
    font-weight: bold;
    overflow: hidden;
}
.bb5nr li .bb5wz .b2 {
    height: 48px;
    margin-top: 12px;
    font-size: 13px;
    line-height: 24px;
    color: #777;
    overflow: hidden;
}
.bb5nr .swiper-pagination {
    bottom: 0;
}
.bb5nr .swiper-pagination-bullet {
    width: 21px;
    height: 21px;
    opacity: 1;
    margin: 0 2px !IMPORTANT;
	background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/cc1e290633e919dc.png) no-repeat;
}

.bb5nr .swiper-pagination-bullet-active {
	background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/ff813ef7c9qigvwc.png) no-repeat;
}

.bb5bf {
    position: absolute;
    top: 50%;
    left: 50%;
	width: 47px;
	height: 47px;
    transform: translate(-50%,-50%);
	background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/0f9be3ea4fufeiei.png) no-repeat;
}

.bb5nr li .b1{
	font-size: 15px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #000000;
	padding: 17px 20px;
	text-align: center;
}










.bb6x {
    padding: 3.3vw 0 40px;
    background: #fff;
}
.bb6nr {
    max-width: 1090px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px 20px;
    margin-top: 45px;
}
.bb6nr li {
    width: 15%;
    border: 2px solid #efefef;
}
.bb6nr li .img {
    overflow: hidden;
}
.bb6nr li img {
    width: 100%;
    transition: transform .35s ease;
}
.bb6nr li:hover img {
    transform: scale(1.08);
}








.bb7x {
    padding: 35px 0 30px;
    background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/438f5a4bb2yldgwv.png)no-repeat 50%;
    background-size: cover;
    
}
.bb7nr {
    display: flex;
    justify-content: flex-end;
}
.bb7y {
    width: 26%;
    background: #df0b11;
    padding: 32px 36px 32px;
    color: #fff;
    margin-right: 10%;
}

.bb7ybt{
    text-align: center;
}
.bb7ybt .b1 {
    font-weight: bold;
    font-size: 30px;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: -1px;
    color: #ffffff;
    background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/a592e9d905obgoyl.png) no-repeat center 100%;
    padding-bottom: 23px;
}
.bb7ybt .b2 {
    margin-top: 8px;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #ffffff;
}
.bb7ly {
    margin-top: 18px;
}
.bb7ly .li {
    margin-bottom: 9px;
}
.bb7ly .li2 {
    display: flex;
    justify-content: space-between;
}
.bb7ly .li2 dd {
    width: 48.5%;
    margin: 0;
}
.bb7ly input {
    width: 100%;
    height: 35px;
    padding: 0 12px;
    border: none;
    outline: none;
    font-size: 13px;
    color: #333;
    background-color: #fff;
    border-radius: 4px;
}
.bb7ly textarea {
    width: 100%;
    height: 70px;
    padding: 10px 12px;
    border: none;
    outline: none;
    resize: none;
    font-size: 13px;
    color: #333;
    background-color: #fff;
    border-radius: 4px;
}
.bb7ly button {
    height: 36px;
    background: #fff!important;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 0px;
    color: #000000;
}
.bb7ly button img{
	margin-top: -3px;
	margin-left: 10px;
}


.bb7ly .li4 .col-md-4{
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}












.bb8x {
    padding: 4.4vw 0 43px;
    background:  url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/19b830537dptuiab.png) no-repeat center top;
    background-size: cover;
}
.bb8nr {
    overflow: hidden;
    padding-bottom: 56px;
    margin-top: 22px;
    position: relative;
}
.bb8nr li {
    background: #fff;
}
.bb8nr li .img {
    overflow: hidden;
}
.bb8nr li .img img {
    width: 100%;
    transition: transform .45s ease;
}
.bb8nr li .img:hover img {
    transform: scale(1.08);
}
.bb8nr li .bb8wz {
    padding: 52px 22px 40px;
    position: relative;
}
.bb8nr li .bb8wz .bb8sj {
    display: inline-flex;
    align-items: center;
    margin-top: 0;
    color: #fff;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 45px;
    width: 100%;
    background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/bf47097280ovclp3.png) no-repeat 0;
    background-size: auto 100%;
    padding-left: 13px;
}
.bb8nr li .bb8wz .bb8sj img {
    max-width: 24px;
    margin-right: 10px;
}
.bb8nr li .bb8wz .bb8sj s1 {
    font-size: 17px;
    line-height: 19px;
    text-decoration: none;
}
.bb8nr li .bb8wz .b1 {
    height: 52px;
    margin-top: 14px;
    font-size: 21px;
    line-height: 26px;
    color: #222;
    font-weight: bold;
    overflow: hidden;
}
.bb8nr li:hover .bb8wz .b1{
    color: #e12129;
}


.bb8nr li .bb8wz .b2 {
    width: 36px;
    height: 2px;
    margin-top: 12px;
    background: #df0b11;
}
.bb8nr li .bb8wz .b3 {
    height: 48px;
    margin-top: 12px;
    font-size: 17px;
    line-height: 24px;
    color: #777;
    overflow: hidden;
}
.bb8nr li .bb8wz .b3 p {
    margin: 0;
}


.bb8nr .swiper-pagination {
    bottom: 0;
}
.bb8nr .swiper-pagination-bullet {
    width: 21px;
    height: 21px;
    opacity: 1;
    margin: 0 2px !IMPORTANT;
	background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/cc1e290633e919dc.png) no-repeat;
}

.bb8nr .swiper-pagination-bullet-active {
	background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/ff813ef7c9qigvwc.png) no-repeat;
}


























.bbdb {
    padding: 4vw 0 0;
    background: #f9f9f9;
    border-top: 12px solid #e12129;
}
.bbdnr {
    display: flex;
    justify-content: space-between;
    padding-bottom: 54px;
}
.bbdz {
    width: 24%;
}
.bbdlogo {
    width: 130px;
}
.bbdlogo img {
    max-width: 100%;
}
.bbdlx {
    margin-top: 24px;
}
.bbdlx li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}
.bbdlx li .img {
    width: 24px;
    margin-right: 9px;
    text-align: center;
}
.bbdlx li .img img {
    max-width: 100%;
}
.bbdlx li .b1 {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-right: 4px;
}
.bbdlx li .b2 {
    font-size: 16px;
    line-height: 20px;
    color: #666;
}
.bbddz {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.bbddz s1 {
    display: block;
    color: #222;
    font-weight: bold;
    text-decoration: none;
}
.bbdy {
    width: 72%;
    display: flex;
    justify-content: space-between;
}
.bbddh {
}
.bbddh .b1,
.bbdyx .b1 {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: bold;
    margin-bottom: 18px;
}
.bbddh .b2 a {
    display: block;
    font-size: 16px;
    color: #000;
    line-height: 36px;
}
.bbddh .b2 a:hover {
    color: #df0b11;
}
.bbdyx {
    width: 33%;
}
.bbdyx .b2 {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.bbdyx .b3 {
    display: flex;
    margin-top: 18px;
    position: relative;
}
.bbdyx .b3 input {
    width: 100%;
    height: 51px;
    padding: 0 12px;
    border: none;
    outline: none;
    font-size: 13px;
    color: #333;
    background-color: #fff;
}
.bbdyx .b3 button {
    width: 50px;
    height: 51px;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    background: url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/c5c15636bcl7eyam.png) no-repeat center;
}

.bbdbxx {
    border-top: 1px solid #ddd;
    padding: 18px 10px;
    font-size: 14px;
    line-height: 22px;
    color: #888;
    text-align: center;
}
.bbdbxx a{
    color: #888;
}







/* 文字 */
@media (max-width: 1680px) {
    .w1780 { width: 94%; }
    .w1430 { width: 88%; }
    .x-menu>li>a { padding: 0 20px; font-size: 16px; }
    .tbxxy { width: 46%; }
    .bbbt1 .b1 { font-size: 32px; line-height: 30px; }
    .bb1nr li a { padding: 18px 15px 34px; }
    .bb1nr li .b1 { font-size: 18px; line-height: 28px; height: 56px; margin-top: 26px; }
    .bb1nr li .b2 { width: 118px; height: 38px; line-height: 38px; font-size: 14px; }
    .bb3jy .b1 { font-size: 22px; line-height: 24px; }
    .bb3jy .b2 { font-size: 84px; line-height: 66px; }
    .bb3jy .b3 { font-size: 22px; line-height: 30px; }
    .bb4nr li .bb4wz { padding: 8px 18px 0; }
    .bb4nr li .bb4wz .b2 { -webkit-line-clamp: 2; }
    .bb7y { width: 32%; margin-right: 6%; }
}

@media (max-width: 1440px) {
    .w1430 {   padding: 0 2%;}
    .tbflogowz { font-size: 15px; line-height: 24px; }
    .tbxxy { width: 50%; }
    .tbxxy li .tbxxywz .b1 { font-size: 14px; }
    .x-menu>li>a { padding: 0 14px; font-size: 15px; }
    .navbar-nav-box { width: calc(94% - 224px); }
    .bb2nr { gap: 16px 12px; }
    .bb2nr li .b1 { font-size: 14px; line-height: 22px; }
    .bb3z { width: 47%; margin-left: 15px; }
    .bb3y { width: 48%; padding-right: 5%; }
    .bb3bt .b1 { font-size: 34px; }
    .bb3bt .b2 { font-size: 15px; line-height: 25px; }
    .bb3sz { gap: 45px 28px; margin-top: 42px; }
    .bb3sz li .bb3wz .b1 { font-size: 30px; }
    .bb4x .w1430 { width: 100%;
        padding: 0 2%; }
    .bb4nr { gap: 24px; }
    .bb8nr li .bb8wz .b1 { font-size: 18px; }
    .bb8nr li .bb8wz .b3 { font-size: 15px; }
    .bb7y { width: 36%; }
}

@media (max-width: 1200px) {
    .w1430, .w1780 { width: 96%; }
    .tbxx { height: auto; padding: 14px 0; align-items: center; }
    .tblogo { width: 45%; }
    .tbxxy { width: 52%; }
    .tbxxy li { height: auto; }
    .tbnr2 { height: auto; }
    .top_right { align-items: center; }
    .navbar-nav-box { width: 100%; }
    .x-menu { display: flex; justify-content: center; flex-wrap: wrap; }
    .x-menu>li>a { height: 46px; line-height: 46px; padding: 0 18px; }
    .header-ss { display: none; }
    .bb2nr {grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));gap: 18px;}
    .bb2nr li .bb2wz { height: 72px; }
    .bb3nr { align-items: center; }
    .bb3z { margin-left: 0; }
    .bb3y { padding-right: 4%; }
    .bb3jy { width: 30%; padding: 24px 15px 14px; }
    .bb3jy .b2 { font-size: 68px; line-height: 54px; padding: 14px; }
    .bb4nr { grid-template-columns: 1fr; max-width: 900px; margin-left: auto; margin-right: auto; }
    .bb4nr li .img { width: 45%; }
    .bb4nr li .bb4wz { width: 55%; padding: 18px 24px 0; }
    .bb4ht { margin-top: -4vw; }
    .bb6nr { max-width: 920px; }
    .bb6nr li { width: 18%; }
    .bb7y { width: 42%; margin-right: 4%; }
    .bbdnr { flex-wrap: wrap; gap: 35px; }
    .bbdz { width: 100%; }
    .bbdy { width: 100%; }
}

@media (max-width: 992px) {
    .w1430, .w1780 { width: 100%; padding: 0 2%;}
    .tbxx { justify-content: center; }
    .tblogo { width: 100%; justify-content: center; }
    .tbxxy { display: none; }
    .x-menu>li>a { font-size: 14px; padding: 0 14px; }
    .home-banner .swiper-pagination1 { bottom: 12px; }
    .home-banner .swiper-pagination1 .swiper-pagination-bullet { width: 30px; margin: 0 5px!important; }
    .bbbt1 .b1 { font-size: 26px; line-height: 30px; }
    .bbbt1 .b2 { font-size: 12px; line-height: 22px; margin-top: 10px; }
    .bb1x, .bb2x, .bb4x, .bb8x, .bb5x, .bb6x { padding-top: 50px; }
    .bb1nr { margin-top: 28px; padding-bottom: 46px; }
    .bb1nr li a { border-radius: 10px; }
    .bb2nr {grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));}
    .bb3x { padding: 55px 0 70px; }
    .bb3nr { flex-direction: column; width: 92%; margin: 0 auto; }
    .bb3z { width: 100%; }
    .bb3y { width: 100%; padding-right: 0; padding-top: 40px; }
    .bb3jy { left: 20px; bottom: -35px; width: 170px; }
    .bb3sz { grid-template-columns: repeat(2, 1fr); gap: 26px; margin-top: 34px; }
    .bb4nr { margin-top: 30px; }
    .bb4nr li .bb4wz .b3 { float: none; }
    .bb8nr, .bb5nr { margin-top: 28px; padding-bottom: 48px; }
    .bb6nr { margin-top: 28px; justify-content: center; }
    .bb6nr li { width: 23%; }
    .bb7nr { justify-content: center; }
    .bb7y { width: 62%; margin-right: 0; }
    .bbdy { flex-wrap: wrap; gap: 30px; }
    .bbddh { width: 45%; }
    .bbdyx { width: 100%; }
    .bb3sz li .img{
        width: 66px;
        text-align: center;
    }
    .bbddh{display: none;}
}

@media (max-width: 768px) {
  
    .tbflogowz { font-size: 14px; line-height: 20px; }
    .tblogo .logo { max-width: 70px; }
    .x-menu>li { width: 33.333%; }
    .x-menu>li>a { padding: 0; font-size: 13px; }
    .bbbt1 .b1 { font-size: 23px; line-height: 28px; }
    .bb1x { background-size: 180% auto; }
    .bb1nr li .img { max-width: 72%; }
    .bb2x { padding-bottom: 80px; background-size: 170% auto; }
    .bb2nr { gap: 15px; }
    .bb2nr li .img { padding: 15px 14px 0; }
    .bb2nr li .b1 { margin: 12px 14px 0; }
    .bb2nr li .b2 { margin-left: 14px; margin-right: 14px; }
    .bb2nr li .b3 { margin-left: 14px; }
    .bb3jy { width: 145px; padding: 18px 12px 12px; }
    .bb3jy .b1, .bb3jy .b3 { font-size: 18px; line-height: 24px; }
    .bb3jy .b2 { font-size: 56px; line-height: 46px; padding: 10px; }
    .bb3bt .b1 { font-size: 28px; }
    .bb3bt .b2 { font-size: 14px; line-height: 24px; }
    .bb3sz { grid-template-columns: 1fr; gap: 20px; }
    .bb4nr li a { flex-direction: column; }
    .bb4nr li .img, .bb4nr li .bb4wz { width: 100%; }
    .bb4nr li .bb4wz { padding: 18px; }
    .bb4nr li .bb4wz .b1 { height: auto; }
    .bb4nr li .bb4wz .b2 { -webkit-line-clamp: 2; }
    .bb4ht { margin-top: 0; }
    .bb8nr li .bb8wz { padding: 48px 18px 28px; }
    .bb8nr li .bb8wz .bb8sj s1 { font-size: 14px; }
    .bb8nr li .bb8wz .b1 { font-size: 18px; }
    .bb5nr li .b1 { font-size: 14px; line-height: 20px; }
    .bb6nr li { width: 30%; }
    .bb7x { padding: 45px 0; background-position: left center; }
    .bb7y { width: 86%; padding: 28px 24px; }
    .bb7ybt .b1 { font-size: 24px; line-height: 28px; }
    .bb7ybt .b2 { font-size: 13px; line-height: 22px; }
    .bb7ly .li2 { flex-direction: column; gap: 9px; }
    .bb7ly .li2 dd { width: 100%; }
    .bbddh { width: 100%; }
    .bbdz, .bbdy { width: 100%; }
}

@media (max-width: 480px) {
  
    .x-menu>li { width: 50%; }
    .bbbt1 .b1 { font-size: 20px; line-height: 26px; }
    .bbbt1 .b2 { line-height: 20px; }
    .bb1nr li .b1 { font-size: 16px; line-height: 24px; height: 48px; }
  
    .bb2nr li .bb2wz { height: auto; }
    .bb2nr li .b2 { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .bb3z .img { border-radius: 6px; }
    .bb3bf { width: 52px; height: 52px; background-size: contain; }
    .bb3jy { position: relative; left: auto; bottom: auto; width: 100%; margin-top: 12px; text-align: center; }
    .bb3jy .b2 { padding: 6px; }
    .bb3y { padding-top: 25px; }
    .bb3sz li .bb3wz .b1 { font-size: 28px; }
    .bb4nr { gap: 18px; }
    .bb4nr li .bb4wz .b3 { width: 110px; height: 34px; line-height: 30px; font-size: 12px; }
    .bb8nr li .bb8wz .b3 { font-size: 14px; line-height: 22px; }
    .bb6nr li { width: 45%; }
    .bb7y { width: 94%; padding: 24px 18px; }
    .bbdb { padding-top: 35px; }
    .bbdnr { padding-bottom: 35px; }
    .bbdlx li { align-items: flex-start; flex-wrap: wrap; }
    .bbdlx li .b1, .bbdlx li .b2, .bbddz, .bbddh .b2 a, .bbdyx .b2 { font-size: 14px; }
    .bbdyx .b3 input { height: 44px; }
    .bbdyx .b3 button { height: 44px; }
    .bbdbxx { padding: 14px 10px 70px; font-size: 12px; }
}
















/* 关于我们 */
.p1mbx {
    background: #f5f5f5;
    border-bottom: 1px solid #ededed;
}

.p1mbx .w1430 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 62px;
}

.p1mbx .b1 {
    color: #333;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

.p1mbx .b2 {
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

.p11x {
    background: #fff;
    padding: 5vw 0 2.3vw;
}

.p11nr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.p11z {
    width: 53.2%;
}

.p11z .img img {
    width: 100%;
}

.p11sz {
    display: flex;
    margin-top: 27px;
}

.p11sz li {
    width: 33.333%;
    list-style: none;
    padding: 0 34px;
    border-right: 1px solid #e7e7e7;
}

.p11sz li:first-child {
    padding-left: 0;
}

.p11sz li:last-child {
    border-right: 0;
}

.p11sz li .b1 {
    color: #df1018;
    font-size: 34px;
    line-height: 36px;
    font-weight: bold;
}

.p11sz li .b1 s1 {
    color: #df1018;
}

.p11sz li .b1 s2 {
    color: #df1018;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    margin-left: 6px;
}

.p11sz li .b2 {
    color: #333;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
}

.p11y {
    width: 43.1%;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0px;
    color: #000000;
    text-align: justify;
}














.p12x {
  padding: 26px 0 20px;
  background: #fff;
}

.p12txt{
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 39px;
  letter-spacing: 1px;
  color: #000000;
}

.p12list{
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 1px;
    color: #000000;
}

.p12col {
  display: grid;
  gap: 8px;
}

.p12pic img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}



.p12pic {
  margin: 24px 0 36px;
  display: grid;
  grid-template-columns: 330px 1fr 330px;
  gap: 8px;
}










.p13x {
    background: #fff;
    padding: 2vw 0 2.2vw;
}

.pbt1 {
    text-align: center;
    margin-bottom: 32px;
}

.pbt1 .b1 {
    font-size: 37px;
    line-height: 31px;
    font-weight: normal;
    font-family: Impact;
    letter-spacing: 1px;
    color: #212529;
}

.p13nr {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px 26px;
    padding: 0;
    margin: 0;
}

.p13nr li {
    list-style: none;
    background: #fff;
    padding: 8px;
    box-shadow: 0 4px 13px rgba(0, 0, 0, .28);
}

.p13nr li .img {
    overflow: hidden;
}

.p13nr li .img img {
    width: 100%;
}

.p13wz {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 1px;
    color: #000000;
    margin-top: 35px;
}





.p14x {
  padding: 35px 0 0;
  background: #fff;
}


.p14nr {
   overflow: hidden;
}

.p14nr img {
    width: 100%;
    height: auto;
    display: block;
}



.p11z .img,
.p12pic .img,
.p13nr li .img,
.p14nr .img {
    overflow: hidden;
}

.p11z .img img,
.p12pic .img img,
.p13nr li .img img {
    transition: transform .45s ease;
}

.p11z .img:hover img,
.p12pic .img:hover img,
.p13nr li .img:hover img{
    transform: scale(1.08);
}




@media (max-width: 1600px) {
    .p11y,
    .p12txt,
    .p12list,
    .p13wz {
        font-size: 16px;
        line-height: 34px;
    }

    .p11sz li {
        padding: 0 24px;
    }

    .p11sz li .b1 {
        font-size: 30px;
        line-height: 34px;
    }

    .p12pic {
        grid-template-columns: 300px 1fr 300px;
    }

    .pbt1 .b1 {
        font-size: 32px;
    }
}

@media (max-width: 1200px) {
    .p1mbx .w1430 {
        min-height: 56px;
    }

    .p1mbx .b1 {
        font-size: 22px;
    }

    .p11x {
        padding: 50px 0 30px;
    }

    .p11nr {
        gap: 30px;
    }

    .p11z {
        width: 50%;
    }

    .p11y {
        width: 47%;
        font-size: 15px;
        line-height: 30px;
    }

    .p11sz {
        margin-top: 20px;
    }

    .p11sz li {
        padding: 0 16px;
    }

    .p11sz li .b1 {
        font-size: 26px;
        line-height: 30px;
    }

    .p12txt,
    .p12list,
    .p13wz {
        font-size: 15px;
        line-height: 30px;
        letter-spacing: 0;
    }

    .p12pic {
        grid-template-columns: 240px 1fr 240px;
    }

    .p13nr {
        gap: 18px;
    }
}

@media (max-width: 992px) {
    .p1mbx .w1430 {
        display: block;
        padding: 14px 2%;
    }

    .p1mbx .b2 {
        margin-top: 6px;
    }

    .p11nr {
        display: block;
    }

    .p11z,
    .p11y {
        width: 100%;
    }

    .p11y {
        margin-top: 26px;
    }

    .p12pic {
        grid-template-columns: 1fr;
    }

    .p12col {
        grid-template-columns: repeat(2, 1fr);
    }

    .p13nr {
        grid-template-columns: repeat(2, 1fr);
    }

    .pbt1 {
        margin-bottom: 24px;
    }

    .pbt1 .b1 {
        font-size: 28px;
        line-height: 32px;
    }
}

@media (max-width: 640px) {
    .p1mbx .b1 {
        font-size: 20px;
        line-height: 26px;
    }

    .p1mbx .b2 {
        font-size: 11px;
        line-height: 18px;
    }

    .p11x,
    .p13x {
        padding: 36px 0 28px;
    }

    .p12x {
        padding: 26px 0;
    }

    .p11sz {
        display: block;
    }

    .p11sz li {
        width: 100%;
        padding: 14px 0;
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
    }

    .p11sz li:last-child {
        border-bottom: 0;
    }

    .p11sz li .b1 {
        font-size: 24px;
        line-height: 28px;
    }

    .p11y,
    .p12txt,
    .p12list,
    .p13wz {
        font-size: 14px;
        line-height: 26px;
    }

    .p12col {
        grid-template-columns: 1fr;
    }

    .p13nr {
        gap: 10px;
    }

    .pbt1 .b1 {
        font-size: 24px;
        line-height: 28px;
    }
}

















/* 联系我们 */
.p21x {
    background: #fff url(//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/558a85cf2eaytbh4.png) center bottom / 100% auto no-repeat;
    padding: 4.2vw 0 18vw;
}

.p21nr {
    display: flex;
    justify-content: space-between;
    gap: 34px;
    padding: 0;
    margin: 0;
}

.p21nr li {
    width: 32%;
    min-height: 152px;
    list-style: none;
    text-align: center;
    padding: 26px 26px 29px;
    box-sizing: border-box;
    background-color: #f9faf6;
    box-shadow: 1px 1px 9px 0px 
  rgba(0, 0, 0, 0.62);
    border-radius: 20px;
}

.p21nr li .ico {
    width: 73px;
    height: 73px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #ec1c2e;
    overflow: hidden;
}

.p21nr li .ico img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.p21nr li .b1{
    font-size: 18px;
    line-height: 33px;
    color: #000;
    height: 33px;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
}
.p21nr li .b2 {
    font-size: 18px;
    line-height: 33px;
    color: #000;
}

.p21wz {
    width: 100%;
    margin: 60px auto 0;
    font-size: 20px;
    line-height: 34px;
    color: #111;
}

.p21wz p {
    margin: 0 0 6px;
}

.p21wz strong {
    font-weight: bold;
}

/* p22x */
.p22x {
    background: #fff;
    padding: 2vw 0 3vw;
}

.p22img {
    text-align: center;
}

.p22img img {
    width: 59.5%;
    display: block;
    margin: 0 auto;
}

/* p23x */
.p23x {
    background: #fff url("//wm.cdn.cn86.cn/gbbyhxtruck/2026/06/61a5701ef9n0w9ov.png") center bottom / 100% auto no-repeat;
    padding: 0 0 11vw;
}

.p23ly{
    background-color: #fff;
    padding: 0 10px 20px;
}



.p23box {
    width: 69.2%;
    margin: 0 auto;
    background: #fff;
    padding: 0 0 34px;
}

.p23bt {
    text-align: center;
    font-size: 30px;
    line-height: 38px;
    color: #111;
    font-weight: bold;
    margin-bottom: 28px;
}

.p23form {
    width: 100%;
}

.p23row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 17px;
}




@media (max-width: 1600px) {
    .p21nr {
        gap: 28px;
    }

    .p21nr li {
        padding: 24px 22px 27px;
    }

    .p21nr li .ico {
        width: 66px;
        height: 66px;
        margin-bottom: 18px;
    }

    .p21nr li .b1,
    .p21nr li .b2 {
        font-size: 17px;
        line-height: 31px;
    }

    .p21wz {
        margin-top: 52px;
        font-size: 18px;
        line-height: 32px;
    }

    .p23box {
        width: 74%;
    }
}

@media (max-width: 1400px) {
    .p21x {
        padding: 50px 0 230px;
    }

    .p21nr {
        gap: 24px;
    }

    .p21nr li {
        min-height: 145px;
        padding: 22px 18px 25px;
        border-radius: 16px;
    }

    .p21nr li .ico {
        width: 60px;
        height: 60px;
        margin-bottom: 16px;
    }

    .p21nr li .b1,
    .p21nr li .b2 {
        font-size: 16px;
        line-height: 28px;
    }

    .p21nr li .b1 {
        height: 28px;
    }

    .p21wz {
        margin-top: 44px;
        font-size: 17px;
        line-height: 30px;
    }

    .p22img img {
        width: 66%;
    }

    .p23box {
        width: 78%;
    }
}

@media (max-width: 1200px) {
    .p21x {
        padding: 44px 0 210px;
    }

    .p21nr {
        gap: 18px;
    }

    .p21nr li {
        width: 32.5%;
        min-height: 136px;
        padding: 20px 14px 22px;
    }

    .p21nr li .ico {
        width: 54px;
        height: 54px;
        margin-bottom: 14px;
    }

    .p21nr li .b1,
    .p21nr li .b2 {
        font-size: 14px;
        line-height: 25px;
    }

    .p21nr li .b1 {
        height: 25px;
    }

    .p21wz {
        margin-top: 36px;
        font-size: 15px;
        line-height: 28px;
    }

    .p22x {
        padding: 28px 0 38px;
    }

    .p22img img {
        width: 72%;
    }

    .p23box {
        width: 84%;
    }

    .p23bt {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 24px;
    }

    .p23row {
        gap: 14px;
        margin-bottom: 14px;
    }
}

@media (max-width: 992px) {
    .w1430 {
        width: 100%;
        padding: 0 2%;
        box-sizing: border-box;
    }

    .p21x {
        padding: 38px 0 150px;
        background-size: auto 260px;
    }

    .p21nr {
        flex-wrap: wrap;
        gap: 18px;
    }

    .p21nr li {
        width: calc(50% - 9px);
        min-height: 132px;
    }

    .p21wz {
        width: 100%;
        margin-top: 32px;
    }

    .p22img img {
        width: 82%;
    }

    .p23x {
        padding-bottom: 140px;
        background-size: auto 230px;
    }

    .p23box {
        width: 92%;
    }
}

@media (max-width: 768px) {
    .p21nr {
        display: block;
    }

    .p21nr li {
        width: 100%;
        margin-bottom: 18px;
    }

    .p22img img {
        width: 100%;
    }

    .p23box {
        width: 100%;
    }

    .p23row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .p21x {
        padding: 32px 0 120px;
    }

    .p21nr li {
        padding: 20px 12px 22px;
    }

    .p21wz {
        font-size: 14px;
        line-height: 26px;
    }

    .p23bt {
        font-size: 24px;
        line-height: 30px;
    }
    
}





.cpxqjj{
    position: relative;
}
.cpxqjj .b1{
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    color: #222;
    margin-bottom: 10px;
}
.cpxqjj .b2{height: 264px;overflow: hidden; overflow-y:hidden;}
.cpxqjj .b2 img{
	width: 100%;
}

.cpxqjj .b3{
    color: #222;
    font-size: 14px;
    line-height: 120%;
    cursor: pointer;
    margin-top: 12px;
}
.cpxqjj .b3 img{
    transition: all ease-in-out 0s;
}

.cpxqjjon .b3 img{
    transform: scale(1,-1);
    transition: all ease-in-out 0s;
}
.cpxqjjon .b2{height: 305px;    overflow: auto;}

.cpxqdt img{
    max-width: 100%;
}
.tab-content{
    
}
.tab-content table{
    width: 800px;
    overflow-y:hidden;
    margin: 0 auto;
    max-width: 100%;
}
.tab-content img{ 
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}




.bbxq0{
    display: none;
}






.cpxgfl {
    margin-top: 6vw;
}


.xgbt{
    text-align: center;
    
}
.xgbt .b1 {
    font-size: 50px;
    line-height: 31px;
    font-weight: normal;
    font-family: Impact;
    letter-spacing: 1px;
    color: #d00000;
}
.xgbt .b2 {
    font-size: 19px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 27px;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 18px;
}



.cpxgnr {
    margin-top: 50px;
}
.cpxgnrfl {
    overflow: hidden;
    padding-bottom: 40px;
    position: relative;
}




.cpxgnrfl li {}
.cpxgnrfl li .img {
    background-color: #d9d9d9;
    padding: 10px;
    overflow: hidden;
}
.cpxgnrfl li .img img {
    max-width: 100%;
    transition: all ease-in-out 0.3s;
}
.cpxgnrfl li:hover .img img {
    transform: scale(1.1);     transition: all ease-in-out 0.3s;
}


.cpxgnrfl li .b1 {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #231815;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 7px;
}

.cpxgnrfl .swiper-pagination{
    bottom: 0;
}
.cpxgnrfl .swiper-pagination span{
    width: 12px;
    height: 12px;
}
.cpxgnrfl .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #d00000;
}





@media (max-width: 1400px) {  

.xgbt .b1 {
    font-size: 36px;
   
}
.xgbt .b2 {
    font-size: 16px;
   
}


}

@media (max-width: 992px) {  

.xgbt .b1 { font-size: 26px; line-height: 30px; }
.xgbt .b2 { font-size: 12px; line-height: 22px; margin-top: 10px; }

.jqzoom{
    padding: 15px;
}
.product-left{
    padding: 0 !important;
}
.cpxgfl {
    margin-top: 35px;
}
.cpxgnr {
    margin-top: 20px;
}

.cpxgfl{
    padding: 0 2%;
}
.nav-tabs li{
    width: 50%;
    margin-bottom: 10px;
}

.nav-tabs li a{
    font-size: 14px;
    padding: 10px 3px;
    text-align: center;
}
.nav-tabs{
	border-bottom: none;
}

#page-next-prev{
    padding: 0 2%;
}

.picBox h1 {
    font-size: 20px;
    margin-bottom: 15px;
}


}