.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;
    }
}



* {
    font-family: 'Figtree-Medium';
}




@font-face {
    font-family: 'Figtree-Bold'; 
    src: url('../font/FIGTREE-BOLD.ttf');
}



@font-face {
    font-family: 'Figtree-Medium'; 
    src: url('../font/FIGTREE-MEDIUM.TTF');
}




/*样式*/
.wh{max-width: 1480px;width: 96%;margin:0 auto;}

.flex_a{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}



.flex_b{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}



.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}



.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}




.head_11{position: absolute;padding: 30px 0;z-index: 999;left:0px;width: 100%;transition: .8s;}
.head_11.scroll{position: fixed;padding: 15px 0;    background: #fff;}
/* .head_11.scroll .logo_a img{filter: brightness(0);} */

.head_11.scroll .x-menu > li > a{color:#000}
.head_11.scroll .souss{background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/2e17d6086d83vsea.png) no-repeat 50%;}
.head_11.scroll .hh_aa img{filter: brightness(0)}
.head_11.scroll .hh_aa .btn{filter: brightness(0)}


.souss{width: 18px;height: 18px;background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/9718c6704cbvzrli.png) no-repeat 50%;}
.souss:before{display:none;}

.searchbox{padding: 0px;width: 18px;height: 18px;margin-right: 26px;}


.hh_aa .btn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: none;
    padding: 0px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}







/* 导航样式 */
.x-menu{width: 56.08%;}
.x-menu > li {
    margin: 0;
    text-align: center;
    float: none;
    position: relative;
        line-height: 60px;
}

.x-menu > li > a {
    font-size: 14px;
    color: #ffffff;
    line-height: 60px;
    font-family: Figtree-Medium;
    display: block;
    position: relative;
    text-transform: uppercase;
}
.x-menu > li:hover > a {
    color: #d7000f!important;
}



.x-menu > li::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        width: 0;
        height: 1px;
        margin: 0 auto; background: #ef3c03;
        transition: all ease .5s
    }


.x-menu > li:hover::after {
        width: 48px
    }






.x-menu > li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.x-sub-menu {
    position: absolute;
    z-index: 999;
    width: 300%;
    left: -100%;
    top: 60px;
    background: #fff;
    border-radius: 5px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}


.x-sub-menu > li > a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: .5em;
}

.x-sub-menu > li > a:hover {
    background: #e9eaeb;
}

.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;display: none;
}

.x-menu > li .x-sub-menux {
    position: absolute;
    left: 100%;
    width: 100%;
    background: #fff;
    top: 40px;
    border-radius: 5px;
    padding: 10px 0;
    display: none;
}

.x-menu > li .x-sub-menux li {
    position: relative;
}

.x-menu > li .x-sub-menux li a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #010101;
    line-height: 1.5;
    padding: 0.5em
}

.x-menu > li .x-sub-menu li:hover .x-sub-menux {
    display: block;
}

.x-menu > li .x-sub-menux li a:hover {
    background: #e9eaeb;
}





/* bb_swiper */
.bb_swiper{overflow: hidden;}
.bb_swiper li .img{width: 100%;overflow: hidden;}
.bb_swiper li .img img{width: 100%;}
.bb_banner{position: relative;z-index: 99;}

.bb_banner .swiper-pagination1 {
	bottom: 50px;text-align: center;
}
.bb_banner .swiper-pagination1 .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 10px!important;
	transition: width .3s ease;
	opacity: 1;border: 2px solid #b4b7b6;background: none;
}
.bb_banner .swiper-pagination1 .swiper-pagination-bullet-active {
		border-color: #f03c02;opacity: 1;background:#f03c02;
}

.bb_banner .swiper-slide a{display: block;position: relative;}

.bb_banner .swiper-slide .wznr{position: absolute;width: 100%;left:0px;top:45%;transition: all 3.5s;text-align: center;transform: translateY(-50%);}




.xwz_11{	        -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
 -webkit-transition: all .8s ease;
    transition: all .8s ease;
    opacity: 0}

.bb_banner .swiper-slide.swiper-slide-active .xwz_11 {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
    }

.xwz_11 h2{	font-family: Poppins-Bold;
	font-size: 60px;
	font-weight: 600;text-transform: uppercase;
	line-height: 59px;color:#fff}

.xwz_11 h3{	font-family: Figtree-Medium;
	font-size: 17px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.9;margin-top: 30px;}


.xwz_11 h4{	width: 202px;margin: 0 auto;margin-top: 80px;	color: #ffffff;font-family: Figtree-Bold;
	font-size: 14px;line-height: 54px;
	height: 54px;border-radius: 27px;background: rgba(255, 62, 0, 0.9);}

.xwz_11 h4 dt{margin: 0px;width: 28px;height: 28px;border-radius: 50%;margin-left: 20px;
background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/e6c46d5916v73wbc.png) no-repeat 50% #ffffff;}





/* 合作伙伴 */
.box_hz{
    background:#333333;
    padding: 45px 0;
    display: none;
}
.hz_ll li a.img{display: block;}
.hz_ll li a.img img{max-width: 100%;text-align: center;}
.hz_ll li:hover  a.img img{filter: brightness(100);}
.hz_ll .swiper-slide{width: auto!important;}




/* box_Product */
.box_Product{margin-top: 80px;}
.product_sort{margin-top: 30px;}

.product_sort li{
	border-radius: 29px;
	border: solid 1px #e8e8e8;line-height: 58px;box-shadow: 0 0 6px #e8e8e8;width:23.5%;float: left;margin: 0 6px;margin-bottom: 15px}

.product_sort li a{padding: 0 19px;	color: #666666;	font-family: Figtree-Bold;font-weight: 600;
	font-size: 18px;}
.product_sort li a span{width: 45px;margin-right:5px;}
.product_sort li a span img{max-width: 100%;}
.product_sort li:hover{	border: solid 1px #ff3e00;background:#ff3e00;}
.product_sort li:hover a{color:#fff!important}
.product_sort li:hover a span img{filter: brightness(100);}

/* .product_sort li + li{margin-left:12px;} */

.flex_aas{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    }


.pp_con{margin-top: 60px;position: relative;}
.cp11_swiper{overflow: hidden;}
.cp11_swiper li{background-color: #f8f8f8;position: relative;}
.cp11_swiper li a{display: block;z-index: 999;position: relative;}

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

.cp11_swiper li .pp_wz{width: 100%;padding: 10px 50px 50px 45px;}
.cp11_swiper li .pp_wz .p_title1{	font-family: Figtree-Bold;
	font-size: 26px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: 0px;
	color: #000000;height: 44px;overflow: hidden;}

.p_title2{	font-family: Figtree-Medium;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #666666;margin-top: 15px;height: 100px;overflow: hidden;}


.cp11_swiper li a::after {
    width: 90px;
    height: 95px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(//wm.cdn.cn86.cn/hfganglong/2026/08/0f33121f7ausnuw5.png) no-repeat 50%;
    background-size: contain;
    content: "";
    display:none;

}

.cp11_swiper li a:hover::after {
    display: block;
}



.pp_con .swiper-button-prev{	
		box-shadow: 0px 0px 0px 0px 
		#ffffff;background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/4915b151a7d5lgaj.png) no-repeat center;
border-radius: 0%;    left:-4%;
    right: auto;}



.pp_con .swiper-button-prev:hover{background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/f2c7363f08tqnhz0.png) no-repeat center;}


.pp_con .swiper-button-next{	
	box-shadow: 0px 0px 0px 0px 
		#ffffff;background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/cfc90122b8ysaava.png) no-repeat center;
border-radius: 0%;right: -4%;
    left: auto;}



.pp_con .swiper-button-next:hover{background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/22762a225ftuorys.png) no-repeat center;}



.pp_con .swiper-button-next,
.pp_con .swiper-button-prev {
        outline: none;
        position: absolute;
        top:50%;
        z-index: 9999;
   width: 20px;
	height: 34px;margin-top: -17px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease; }


.pp_con .swiper-button-prev:after, 
.pp_con .swiper-button-next:after{display: none;}



.pp_con .swiper-pagination {
    text-align: center;
    width: 100%;
    bottom: -65px!important;
    position: absolute;
}


.pp_con .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 10px;
    background: #000000;
  opacity: 0.2;
}

.pp_con .swiper-pagination .swiper-pagination-bullet-active {
    background: #000000;
     opacity: 1;
}






/* What We Can Offer You */
.box_What{background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/189834f107d5rnhu.png) no-repeat 50%;background-size: cover;margin-top: 150px;padding-top: 120px;padding-bottom: 132px;}

.photo_list{margin-top: 80px;
    display: grid;
    /* 3列等宽布局 */
    grid-template-columns: repeat(3, 1fr);
    /* 核心间距控制：第一个值是行间距，第二个是列间距 */
    gap: 26px; /* 你可以根据设计稿调整，比如 16px/20px/24px */
    list-style: none;}


.photo_list li{width: 100%;position: relative;}
.photo_list li .imgss{width: 100%;}
.photo_list li::after{width: 100%;height: 100%;left:0px;bottom:0px;
background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/5fa2609a1etc3vku.png) repeat-x center bottom;content: "";position: absolute;}


.photo_list li a{display: block;position: relative;}
.photo_list li a .What_text{position: absolute;width: 100%;bottom: 0px;padding: 30px 50px;z-index: 99;transition: all .3s;}


 .What_t1{	font-family: Figtree-Bold;
	font-size: 28px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;height: 28px;overflow: hidden;}


 .What_t2{	font-family: Figtree-Medium;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;color: rgba(255, 255, 255, 0.5);margin-top: 8px;}


 .What_t3{height: 170px;overflow: hidden;}

 .What_t3 p{	font-family: Figtree-Medium;
	font-size: 18px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 25px!important;
    background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/add6e639c27qxkyn.png) no-repeat left 8px;padding-left: 13px;}


 .What_t4{	width: 172px;
	height: 46px;
	border-radius: 23px;border: 1px solid rgba(255, 255, 255, 0.6);
    	font-family: Figtree-Bold;
	font-size: 14px;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;margin-top: 3.5vw;}



.photo_list li:hover .What_text1{display: none;}

.photo_list li a .What_text2{position: absolute;width: 100%;bottom: 0px;padding:0px 50px;z-index: 99;transition: all .3s;height: 0px;overflow: hidden;background: #ea2828;}
.photo_list li:hover a .What_text2{height:100%;}

.What_text2  .What_t1{margin-top: 96px;}




/* Export Cases */
.box_Export{margin-top: 80px;}
.box_Export .wb_tt2{max-width: 720px;}



/* .sbox{margin-top: 55px;}
.flex_bs{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;  
    align-content: space-around;} */


/* .ybox{width: 65.27%;}
.tab1{width: 100%;	border-radius: 20px;overflow: hidden;position: relative;}
.tab1::after{width: 100%;height: 100%;left:0px;bottom:0px;
background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/97b02f1460sjxbkt.png) repeat-x center bottom;content: "";position: absolute;} */




/* 
.img_ys{width: 100%;}
.img_ys img{width: 100%;}

.ys_nr{position: absolute;width: 100%;z-index: 11;bottom: 50px;padding: 0px 80px;}

.xx_ys{width: 52px;
	height: 5px;
	background-color: #ff3e00;margin-bottom: 27px;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;}

.ys_nr dt{		font-family: Figtree-Bold;
	font-size: 36px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;height: 40px;overflow: hidden;margin-top: 15px;margin-bottom: 0px; -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;}

.ys_nr dd{	font-family: Figtree-Medium;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #ffffff;margin-bottom: 0px;margin-top: 5px; -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;} */



/* .tab1.on .ys_nr dd{
     -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.tab1.on .ys_nr dt{
   -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .4s;
    transition-delay:.4s;
} */

/* .tab1.on .xx_ys{   -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;} */






/* .ys_tp{width: 31.89%; }


.ys_tp .swiper-slide{height: 135px!important;overflow: hidden;}

.ysort li{	
    border-radius: 10px;
	border: solid 1px #dddddd;
    padding: 12px;
    transition-duration: .3s;}

.ysort li.cur{	
    border: solid 1px #ff3e00;
    box-shadow: 0 0 6px #f2cabd;
    transform: translateY(-3px);
    } */

/* .ysort{    display: flex;
    flex-direction: column;height: 100%; 
    justify-content: space-between; } */

/* 
.img_case{	width: 175px;
	height: 109px;	border-radius: 10px;overflow: hidden;}


.img_case img{width: 100%;}


.dkp{width: calc(100% - 195px);}
.dkp dt{	font-family: Figtree-Bold;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0px;
	color: #333333;height: 40px;overflow: hidden;     }

.dkp dd{font-family: Figtree-Medium;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #888888;margin-top: 25px;} */






/* ========== 新增swiper基础样式，不影响原有样式 ========== */

.sbox{margin-top: 55px;}
.flex_bs{    
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}
.ybox{width: 65.27%;}
/* ========== 左侧大图Swiper ========== */
.bigSwiper {
    height: 576px;overflow: hidden;
}
/* 强制还原swiper原生slide样式，防止你的样式覆盖 */
.bigSwiper .swiper-wrapper {
    transform: translate3d(0px, 0px, 0px);
}
.bigSwiper .swiper-slide{
    height:100%;
}
.tab1{
    width: 100%;
    height:100%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.tab1::after{
    width: 100%;
    height: 100%;
    left:0px;
    bottom:0px;
    background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/97b02f1460sjxbkt.png) repeat-x center bottom;
    content: "";
    position: absolute;
}
.img_ys{
    width: 100%;
    height:100%;
}
.img_ys img{
    width: 100%;
    height:100%;
    object-fit: cover;
}
.ys_nr{
    position: absolute;
    width: 100%;
    z-index: 11;
    bottom: 50px;
    padding: 0px 80px;
}
.xx_ys{
    width: 52px;
    height: 5px;
    background-color: #ff3e00;
    margin-bottom: 27px;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.ys_nr dt{
    font-family: Figtree-Bold;
    font-size: 36px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    height: 30px;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 0px;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.ys_nr dd{
    font-family: Figtree-Medium;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 0px;
    margin-top: 10px;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.tab1.on .ys_nr dd{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.tab1.on .ys_nr dt{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .4s;
    transition-delay:.4s;
}
.tab1.on .xx_ys{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

/* ========== 右侧缩略图Swiper ========== */
.ys_tp{width: 31.89%;}
.thumbSwiper{
    height: 576px; /* 4*135 + 3*12 = 576px，刚好放下4条 */
     overflow: hidden;
}
.thumbSwiper .swiper-slide{
    height: 135px !important;
    overflow: hidden;
}
.ysort{
    /* 全部注释，交给swiper */
    /* display: flex;
    flex-direction: column;height: 100%;
    justify-content: space-between; */
}
.ysort li{
    border-radius: 10px;
    border: solid 1px #dddddd;
    padding: 12px;
    transition-duration: .3s;
    height:100%;
    box-sizing: border-box;
}
.ysort li.swiper-slide-thumb-active {
    border: solid 1px #ff3e00;
    box-shadow: 0 0 6px #f2cabd;
    transform: translateY(-3px);
}
.img_case{
    width: 175px;
    height: 109px;
    border-radius: 10px;
    overflow: hidden;
}
.img_case img{width: 100%;}
.dkp{width: calc(100% - 195px);}
.dkp dt{
    font-family: Figtree-Bold;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
    height: 40px;
    overflow: hidden;
}
.dkp dd{
    font-family: Figtree-Medium;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: #888888;
    margin-top: 25px;
}






/* Why Choose HKLOONG? */
.box_ab{background:#333333;margin-top: 125px;padding-top: 120px;padding-bottom: 100px;position: relative;overflow: hidden;}
.box_ab::after{position: absolute;content: "";bottom: -20px;right:0px;	background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/2495108dc9o7yhp3.png);
width: 1198px;height: 126px;background-size: 100% 100%;z-index: 11;}

.box_ab .wh {
    max-width: 1480px;
    width: 96%;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    position: relative;
    overflow: visible;
    gap: 120px;  /* ✅ 左右间距120px */
}


.ab_a {
    width: 54.94%;
    flex-shrink: 0;  /* 防止左侧被压缩 */
}


.at1{	font-family: Figtree-Bold;
	font-size: 30px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ff3e00;}


.at2{	font-family: Figtree-Bold;
	font-size: 48px;
	font-weight: 600;
	line-height: 58px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 25px;}

.xxs{	height: 3px;
	background-color: #ffffff;
	opacity: 0.2;width: 100%;margin: 30px 0;}


.abt3{	font-family: Figtree-Medium;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;}


.ab_b {
    position: relative;
    overflow: visible;
    width: 820px;        /* ✅ 固定为820px */
    flex-shrink: 0;      /* 防止被压缩 */;margin-top: 0px;
}

.ab_b img {
    width: 100%;
    display: block;
    transform: translateX(0);  /* ✅ 不再需要偏移，因为gap已经控制了间距 */
}


.more_ax{	width: 184px;
	height: 58px;
	background-color: #ff3e00;text-align: center;line-height: 58px;
	border-radius: 29px;color: #ffffff;	font-family: Figtree-Bold;
	font-size: 14px;transition-duration: .6s;margin-top: 90px;}

.more_ax a{text-align: center;color: #ffffff;line-height: 58px;}
.more_ax a img{padding-left: 8px;}

.more_ax:hover{  transform: translateY(-10px);}






/* 4个小图标 */
.tb_ll li{width: 19.59%;}
.tb_ll li  .img22{width: 72px;transition-duration: .6s;}
.tb_ll li  .img22 img{width: 100%;}

.xx_tb{	width: 1px;
	height: 440px;
	background-color: #000000;
	opacity: 0.04;}

.tb_ll_clamp1{	font-family: Figtree-Bold;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0px;
	color: #000000;height: 26px;overflow: hidden;margin-top: 20px;}


.tb_ll_clamp2{	font-family: Figtree-Medium;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #666666;height: 100px;overflow: hidden;margin-top: 20px;}

.tb_ll li:hover .tb_ll_clamp1{	color: #ff3e00;}
.tb_ll li:hover .img22{    transform: translateY(-10px);}





/* Global Markets */
.box_Markets{background:#f6f6f6;padding-top: 105px;padding-bottom: 86px;}

#mainGlobalCon .main-tit-box{position:relative; }
.main-global-container{position: relative; display: flex; flex-wrap:wrap; justify-content: flex-end;}


.main-global-left{width: 295px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 11;}

.main-global-info-list li{width: 100%;}
.main-global-info-list li {border-bottom: 1px solid #dfdfdf;}
.main-global-info-list li{padding: 2rem 1rem;}
.main-global-info-list li .counter{	font-family: Figtree-Bold;
	font-size: 60px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: 0px;
	color: #ff3e00;}

.main-global-info-list li sub{	font-family: Figtree-Bold;
	font-size: 50px;
	font-weight: 600;
	line-height: 44px;
	letter-spacing: 0px;
	color: #ff3e00;bottom: 0px!important;}

.main-global-info-list li .txt{	font-family: Figtree-Medium;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #666666;margin-top: 8px;}





.main-global-right{position: relative; width: 100%; right: 0px;}
.global-map-container-JS{display: flex; justify-content: flex-end;}
.global-map-con{position:relative; width: 1180px; height: 599px;}
.global-map-con-m{display:none;}
.global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.global-img-box{position: relative; width: 1180px; height: 599px;}
.global-img-box img{position: absolute; top: 0; left: 0;}
.global-img-box .bg{width: 100%; opacity: 0; transition:var(--transition-custom2);}
.global-img-box .marker{width: 100%; opacity: 0; transform: translateY(-30px); transition:var(--transition-custom2);}
.global-img-box .arrow{width: 100%; opacity: 0; transform: scale(0.2) rotate(15deg); transform-origin: 82% 44%; transition:var(--transition-custom2);}





.nation-circle{position:absolute;top: 33%;left: 43.5%;margin-left: 354px;display:inline-block;width:160px;height:160px;opacity: 0;transition:var(--transition-custom2);transition-property: opacity;}
.nation-circle > span:nth-child(2) {animation-delay: 1s;}
.nation-circle > span:nth-child(3) {animation-delay: 1.5s;}
.nation-circle > span:nth-child(4) {animation-delay:2s;}
.nation-circle > span:nth-child(5) {animation-delay:2.5s;}
.nation-circle > span:nth-child(6) {animation-delay:4s;}
.nation-circle > span {border:1px solid rgba(255, 62, 0, 0.5); border-radius: 50%; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%; animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; box-sizing: border-box;}


.nation-circle i{display:block; position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px; width:10px; height:10px; background:#ff3e00; border-radius:10px; opacity:0.7;filter:Alpha(opacity=70);}
.nation-circle i:before{position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; width: 22px; height: 22px; background:#ff3e00; border-radius: 100%; opacity: 0.25; content: '';}
.nation-circle img{position: absolute; top: 30px; left: 50%; margin-left: -47px; width: 94px; height: 29px; opacity: 0;}







@keyframes nation-circle {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5; 
	}
	50% {
		opacity: 1.0; 
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0; 
	}
}




/* 完整优化方案 */
.global-map-con .global-img-box .bg {
    opacity: 1;
    transition: opacity 1s ease-out;
}

.global-map-con .global-img-box .marker {
    opacity: 0;
    transform: translateY(20px) scale(0.9);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.global-map-con .global-img-box .arrow {
    opacity: 0;
    transform: scale(0.8) rotate(-3deg);
    transition: all 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* 或者使用更简单的 ease-out */
    /* transition: all 1.5s ease-out; */
}

.global-map-con .nation-circle {
    opacity: 0;
    transform: scale(0.5);
    transition: all 1s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 激活状态 - 保持原有延迟 */
/* .global-map-con.active .global-img-box .bg {
    opacity: 1;
    transition-delay: 0.1s;
} */

.global-map-con.active .global-img-box .marker {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition-delay: 0.2s;
}

.global-map-con.active .global-img-box .arrow {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transition-delay: 0.4s;
}

.global-map-con.active .nation-circle {
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.6s;
}






/* 联系 */
.box_contact{background:#333333;padding-top: 75px;padding-bottom: 65px;position: relative;}
.box_contact::after{width: 396px;height: 199px;position: absolute;bottom: -52px;
content: "";left:45%;margin-left: -198px;background:url(//wm.cdn.cn86.cn/hfganglong/2026/09/58dcec58cfnvhwz6.png) no-repeat 50%;}


.contact_left{width: 42.56%;}
.contact_ll{margin-top: 60px;}
.contact_ll li{width: 50%;}
.contact_ll li:nth-child(3){width: 100%;margin-top: 40px;}
.contact_ll li .img_a1{width: 55px;}
.contact_ll li .img_a1 img{max-width: 100%;}

.contact_ll li .text{width: calc(100% - 65px);	font-family: Figtree-Medium;
	font-size: 18px;
	font-weight: normal;;
	line-height: 29px;
	letter-spacing: 0px;
	color: #ffffff;}


.ly_right{width: 43.91%;}
.ly_right .form-control {
    display: block;
    width: 100%;
    height: 44px;line-height: 44px;
    font-size: 1rem;
    font-weight: 400;
    color: #fff!important;
    background: #5c5c5c!important;
    border: 1px solid #5c5c5c;
    border-radius: 0px!important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}


.ly_tt1{	font-family: Figtree-Bold;
	font-size: 14px;
	font-weight: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #ffffff!important;margin-bottom: 8px;}




.ly_right textarea {
    overflow: auto;
    resize: vertical;height: 100px!important;
}


.rjyz .pl-10 {
  padding-left:0px !important;
}

.rjyz .pr-10 {
  padding-right:0px !important;
}


.ly_right .form-submit .btn {
  background: #ff3e00 !important;display: block;font-weight: 600;
  color: #fff;	width: 156px;line-height: 50px;height: 50px!important;
	border-radius: 3px!important;padding: 0px!important;float: left;
}






/* 新闻 */
.box_news{margin-top: 125px;}
.wb_tt1{	font-family: Figtree-Bold;
	font-size: 50px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0px;
	color: #000000;text-align: center;}

.wb_tt2{	font-family: Figtree-Medium;
	font-size: 16px;
	font-weight: normal;text-align: center;
	line-height: 25px;
	letter-spacing: 0px;
	color: #666666;max-width: 996px;margin: 0 auto;margin-top: 30px;}

.news_11{position: relative;overflow: hidden;margin-top: 50px;}
.news_11 li .xw_img_a{	border-radius: 10px;overflow: hidden;}
.news_11 li .xw_img_a img{width: 100%;}
.xw_nr{margin-top: 28px;}

.news_title1{	font-family: Figtree-Bold;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0px;
	color: #000000;height: 48px;overflow: hidden;}


.news_title2{	font-family: Figtree-Medium;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #666666;height: 80px;overflow: hidden;margin-top: 28px;}

.news_11 li:hover .news_title1{	color: #ff3e00;}

.more_a{	font-family: Figtree-Bold;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0px;
	color: #ff3e00;margin-top: 40px;width: 90px;}
.more_a em{transition-duration: .6s; }

.news_11 li:hover em{transform:translateX(6px);}




.more_b{	width: 216px;margin: 0 auto;margin-top: 70px;
	height: 44px;color: #333333;	font-family: Figtree-Medium;
	font-size: 14px;
	border: solid 1px #dddddd;line-height: 42px;text-align: center;}

.more_b a{color: #333333;}
.more_b:hover{border: solid 1px #ff3e00;}
.more_b:hover a{color: #ff3e00;}


.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);}




/* footer */
.dff{background:#121414;padding-top: 76px;padding-bottom: 30px;margin-top: 75px;}

.logo_wz1{	font-family: Figtree-Medium;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;color: rgba(255, 255, 255, 0.7);
	letter-spacing: 0px;max-width: 358px;margin-top: 80px;}

.logo_wz2{	font-family: Figtree-Medium;
	font-size: 14px;
	font-weight: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 30px;}

.logo_wz2 p:nth-child(1){text-decoration: underline;}


.nav_ll{margin-top: 25px;}
.nav_ll li a{	font-family: Figtree-Medium;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;color: rgba(255, 255, 255, 0.7);}





.df_tt1{	font-family: Figtree-Bold;
	font-size: 18px;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;}

.footer_media{
    display:flex;
    gap:16px;margin-top: 25px;
}

.media_item{
    width:25px;
    height:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer;
    transition:.35s;
}

.media_item i{
    font-size:24px;
    color:#8c8c8c;
}

.media_item:hover{
    border-color:#70BA2B;
}
.media_item:hover i{
    color:#70BA2B;
}
.qrcode{
    position:absolute;
    bottom:65px;
    left:50%;
    transform:translateX(-50%) translateY(20px);
    width:120px;
    height:120px;
    background:#fff;
    padding:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:20;
}
.qrcode img{
    width:100%;
    display:block;
}

.qrcode:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    width:16px;
    height:16px;
    background:#fff;
    transform:translateX(-50%) rotate(45deg);
}

.media_item:hover .qrcode{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}


.df_xx{width: 100%;
	height: 1px;
	background-color: #ffffff;
	opacity: 0.1;margin-top: 90px;margin-bottom: 30px;}


.seo_a{	font-family: Figtree-Medium;
	font-size: 14px;
	font-weight: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #ffffff;}

.seo_a a{	color: #ffffff;padding: 0 4px;}
.seo_a a:hover{color: #ff3e00!important;}



@media (max-width: 1440px){
.xwz_11 h2{font-size: 50px;}

.wb_tt1{font-size: 45px;}

.cp11_swiper li .pp_wz .p_title1{font-size: 25px;}

.What_t1{font-size: 25px;}

.ys_nr dt{font-size: 30px;}


.box_ab .wh {gap: 46px;  /* ✅ 左右间距120px */}

.ab_a{width: 47%;}
.at2{font-size: 35px;}

.box_ab::after{position: absolute;content: "";bottom: -20px;right:0px;	background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/2495108dc9o7yhp3.png);
width: 900px;height: 95px;background-size: 100% 100%;z-index: 11;}



.global-map-con{position:relative; width: 1000px; height: 508px;}
.global-map-con-m{display:none;}
.global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.global-img-box{position: relative; width: 1000px; height: 508px;}

.nation-circle{position:absolute;top: 31%;left: auto;margin-left: 0px;display:inline-block;width:160px;height:160px;opacity: 0;transition:var(--transition-custom2);transition-property: opacity;right: 11%;}


.main-global-info-list li .counter{font-size: 50px;}
.main-global-info-list li sub{font-size: 40px;}
}




@media (max-width: 1370px){
.xwz_11 h2{font-size: 40px;}
.wb_tt1{font-size: 35px;}

.cp11_swiper li .pp_wz .p_title1{font-size: 20px;}

.What_t1{font-size: 20px;}

.ys_nr dt{font-size: 20px;}

.box_ab .wh {gap: 36px;  /* ✅ 左右间距120px */}

.ab_a{width: 45%;}
.at2{font-size: 25px;}

.box_ab::after{position: absolute;content: "";bottom: -20px;right:0px;	background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/2495108dc9o7yhp3.png);
width: 800px;height: 84px;background-size: 100% 100%;z-index: 11;}



.global-map-con{position:relative; width: 1000px; height: 508px;}
.global-img-box{position: relative; width: 1000px; height: 508px;}

.nation-circle{position:absolute;top: 31%;left: auto;margin-left: 0px;display:inline-block;width:160px;height:160px;opacity: 0;transition:var(--transition-custom2);transition-property: opacity;right: 11%;}


.main-global-info-list li .counter{font-size: 40px;}
.main-global-info-list li sub{font-size: 30px;}
}






@media (max-width: 1280px){
   .x-menu > li > a {
    font-size: 16px;
    color: #ffffff;
    	line-height: 60px;
        	font-family: Figtree-Medium;
    display: block;position: relative;
        text-transform: uppercase;
}


.product_sort li a{
	padding: 0 35px;
	color: #666666;
	font-family: Figtree-Bold;
	font-weight: 600;
	font-size: 15px;
	}


      .img_case{
	width: 144px;
	height: 90px;
	border-radius: 10px;
	overflow: hidden;
	}

.dkp{width: calc(100% - 157px);}
.dkp dd{margin-top: 15px;}
}




@media (max-width: 1200px){


.xwz_11 h2{font-size: 25px;line-height: 35px;}
.wb_tt1{font-size: 25px;}


   .x-menu > li > a {
    font-size: 16px;
    color: #ffffff;
    	line-height: 60px;
        	font-family: Figtree-Medium;
    display: block;position: relative;
        text-transform: uppercase;
}


.product_sort li a{
	padding: 0 35px;
	color: #666666;
	font-family: Figtree-Bold;
	font-weight: 600;
	font-size: 15px;
	}


.img_case{
	width: 128px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
	}

.dkp{width: calc(100% - 138px);}
.dkp dd{margin-top: 15px;}




.global-map-con{position:relative; width: 800px; height: 406;}
.global-img-box{position: relative; width: 800px; height: 406;}

.nation-circle{position:absolute;top: 21%;left: auto;margin-left: 0px;display:inline-block;width:160px;height:160px;opacity: 0;transition:var(--transition-custom2);transition-property: opacity;right: 10%;}



.xwz_11 h4{margin-top: 40px;}

}



@media (max-width: 992px){

.bb_banner .swiper-pagination1 {
	bottom: 23px;
	text-align: center;
}

.product_sort li{
	border-radius: 29px;
	border: solid 1px #e8e8e8;line-height: 58px;width: 48%;margin-bottom: 20px;}

.product_sort li a{padding: 0 25px;	color: #666666;	font-family: Figtree-Bold;font-weight: 600;
	font-size: 12px;}
    
.photo_list li a .What_text{position: absolute;width: 100%;bottom: 0px;padding: 15px;z-index: 99;transition: all .3s;}

.photo_list{
    margin-top: 40px;
    display: grid;
    /* 3列等宽布局 */
    grid-template-columns: repeat(1, 1fr);
    /* 核心间距控制：第一个值是行间距，第二个是列间距 */
    gap: 16px; /* 你可以根据设计稿调整，比如 16px/20px/24px */
    list-style: none;
    }


.ys_nr{position: absolute;width: 100%;z-index: 11;bottom: 50px;padding: 0px 20px;}

.ybox{width: 100%;}
.ys_tp{width: 100%;margin-top: 20px;}
.ysort{display: block;}

.ysort li{width: 49%;float: left;margin-bottom: 10px;}
.ysort li:nth-child(2n){float: right;}


.ab_a{width: 100%;}

.box_ab .wh{display: block;}

.ab_b {
    position: relative;
    overflow: visible;
    width: 100%; 
    flex-shrink: 0;      /* 防止被压缩 */;margin-top: 20px;
}


.xx_tb{height: 344px;}

.contact_left{width: 100%;}

.ly_right{width: 100%;margin-top: 20px;}

.df_b{display: none;}
.df_b2{display: none;}

.df_c{width: 100%;margin-top: 20px;}


.xwz_11 h2{font-size: 18px;line-height: 20px;}

.xwz_11 h3{	font-family: Figtree-Medium;
	font-size: 15px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.9;margin-top: 10px;display: none;}


.bb_banner .swiper-pagination1 {
	bottom: 10px;
	text-align: center;}



 .xwz_11 h4{	width: 180px;margin: 0 auto;margin-top: 20px;	color: #ffffff;font-family: Figtree-Bold;
	font-size: 14px;line-height: 44px;
	height: 44px;border-radius: 25px;background: rgba(255, 62, 0, 0.9);}  


  .box_Product{margin-top: 30px;}  
  .wb_tt2{margin-top: 10px;} 

.product_sort li a{
	padding: 0 5px;
	color: #666666;
	font-family: Figtree-Bold;
	font-weight: 600;
	font-size: 12px;
	}

.product_sort li a span{width: 35px;margin-right: 4px;}


.pp_con .swiper-button-next,
.pp_con .swiper-button-prev{display:none!important;}

.pp_con{margin-top: 20px;position: relative;}


.box_What{background:url(//wm.cdn.cn86.cn/hfganglong/2026/08/189834f107d5rnhu.png) no-repeat 50%;background-size: cover;margin-top: 40px;padding-top: 40px;padding-bottom: 40px;}

.logo_wz1{margin-top: 40px;}
.logo_wz2{margin-top: 40px;}
}




@media (max-width: 880px){
.product_sort li{
	border-radius: 20px;
	border: solid 1px #e8e8e8;
	line-height: 48px;
	width: 100%;
	margin-bottom: 20px;
	}




.img_case{
	width: 100%;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
	}

.dkp{width: calc(100% - 0px);}


.box_Export{margin-top: 40px;}

.box_ab{background:#333333;margin-top: 40px;padding-top: 60px;padding-bottom: 60px;position: relative;overflow: hidden;}



.at2{
	font-family: Figtree-Bold;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 20px;
	}


.more_ax{margin-top: 20px;}

.tb_ll li{width: 50%;margin-top: 20px;}

.xx_tb{display: none;}

.box_four{margin-top: 30px;}


.box_Markets{background:#f6f6f6;padding-top: 40px;padding-bottom: 40px;margin-top: 40px;}


.main-global-left{width: 100%; position: relative; top:auto; left: auto; transform:none; z-index: 11;}


.main-global-container{display: block;}
.global-map-con{position:relative; width: 100%; height: auto;}
.global-img-box{position: relative;width: 100%;height: 205px;}



.dff{margin-bottom: 60px;}

.global-map-container-JS{display: block;}



.nation-circle{position:absolute;top: 32%;left: auto;margin-left: 0px;display:inline-block;width:60px;height:60px;opacity: 0;transition:var(--transition-custom2);transition-property: opacity;right: 12%;}

.main-global-info-list li{padding: 10px;}

}


@media (max-width: 880px){
.flex_bs{display: block;}

.thumbSwiper .swiper-slide{
    height:auto!important;
    overflow: hidden;
}

.bigSwiper {
    height: 300px!important;overflow: hidden;
}

.dkp dt{
    font-family: Figtree-Bold;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    color: #333333;
    height: 40px;
    overflow: hidden;
}

.thumbSwiper{
    height: auto; /* 4*135 + 3*12 = 576px，刚好放下4条 */
     overflow: hidden;
}

.ysort{margin-top: 10px;}


.ys_tp{display: none!important;}


}