.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;
}


* {
    font-family: 'AcrosstheRoadr', 'FuturaBT-Book','PingFang-SC-Heavy','PingFang-SC-Regular','PingFang-SC-Medium','PingFang-SC-Bold','PingFang-SC-Light';
}



@font-face {
    font-family: 'AcrosstheRoad'; src: url('../font2/across-the-road.ttf');font-display: swap ;
}

@font-face {
    font-family: 'FuturaBT-Book';  font-display: swap ;
    src: url('../font2/futura-bk-bt-book.ttf');
}


@font-face {
    font-family: 'PingFang-SC-Heavy';font-display: swap ; 
    src: url('../font2/pingfang-heavy.ttf');
}


@font-face {
    font-family: 'PingFang-SC-Regular'; font-display: swap ;
    src: url('../font2/pngfang-regular.ttf');
}


@font-face {
    font-family: 'PingFang-SC-Medium'; font-display: swap ;
    src: url('../font2/pngfang-medium.ttf');
}



@font-face {
    font-family: 'PingFang-SC-Bold'; font-display: swap ;
    src: url('../font2/pngfang-bold.ttf');
}


@font-face {
    font-family: 'PingFang-SC-Light'; font-display: swap ;
    src: url('../font2/pngfang-light.ttf');
}




@font-face {
    font-family: 'MiSans-ExtraLight'; font-display: swap ;
    src: url('../font2/pingfang-extralight.ttf');
}




 .poorder{display: none;}
 
@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;
}



.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);}



/*  */

@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;
    }
}




/*样式*/
.wh{max-width: 1600px;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;}



.head_11{position: absolute;z-index: 999;left:0px;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.head_11.scroll{background: rgba(0, 0, 0, 1);}


.head_23{width: 72.625%;}

.hh_aa{	width: 148px;
	height: 39px;
	border-radius: 19px;border: 1px solid rgba(255,255,255.3);text-align: center;}






.sou234::before{display: none!important;}




.right_22{width: 242px;}

/* 导航样式 */
.x-menu{width:calc(100% - 295px);}
.x-menu > li {
    margin: 0;
    text-align: center;
    float: none;
    position: relative;
        line-height: 97px;
}

.x-menu > li > a {
    font-size: 18px;
    color: #fff;
    display: block;text-transform: capitalize;position: relative;
    font-family: PingFang-SC-Bold;
}
.x-menu > li:hover > a {
    color: #fff!important;
}



.x-menu > li::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        width: 0;
        height: 3px;
        margin: 0 auto; background: #bf9e52;
        transition: all ease .5s
    }


.x-menu > li:hover::after {
        width: 100%
    }



.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: 98px;
    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;
}




.hh_aa{float: right;font-family: PingFang-SC-Regular;}
.hh_aa .btn{border:none;outline: none;color: #fff;width: 100%;}
.hh_aa .language-group .btn{color:#fff}
.hh_aa .language-group .btn span{font-family: PingFang-SC-Regular;}

.hh_aa .btn.focus,.hh_aa .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25)
}


.head_11.scroll{position: fixed;left:0px;}

.hh_aa .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";color: #bf9e52;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent}

















/* bb_swiper */
.bb_swiper{overflow: hidden;}
.bb_swiper li{position: relative;}
.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: 40px;text-align: center;
}
.bb_banner .swiper-pagination1 .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #ffffff;
	border-radius: 50%;
	margin: 0 10px!important;
	transition: width .3s ease;
	opacity: 1;
}
.bb_banner .swiper-pagination1 .swiper-pagination-bullet-active {
		background-color: #bf9e52;opacity: 1;
}

.ban_wz{position: absolute;top:50%;transform: translateY(-50%);width: 100%;left:0px;text-align: center;}
.wzt1{	font-family: AcrosstheRoad;
	font-size: 300px;	color: #bf9e52;	font-weight: 500;line-height: 1;}

.wzt2{	font-family: PingFang-SC-Heavy;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	letter-spacing: 36px;
	color: #f4f2f1;}



/* 优卡家具·专业酒店家具制造商 */
.box11{position: relative;}
.ab_img{ position: absolute; right: 0; top:0; bottom: 0; display: flex; align-items: flex-end; justify-content: flex-end; width: 75%; }
.wh1600{max-width: 1600px;width: 96%;margin:0 auto;}
.lang-ar .ab_br {
    direction: ltr;
}
.ab_br{position: relative; z-index: 22; }
.ab_five{width: 54.0625%;}
.boxtt1{	font-family: FuturaBT-Book;
	font-size: 100px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #c89f4d;
	opacity: 0.1;line-height: 1;text-transform: uppercase;}

.boxtt2{	font-family: PingFang-SC-Heavy;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 45px;
	letter-spacing: 0px;
	color: #000000;}


.box1_abnr{	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #494949;margin-top: 15px;}


/* 网站的点点 */

.aniCir{margin-top: 20px;}
.aniCir:before,
.aniCir:after{content: '';width: 15px;height: 15px;border-radius: 50%;display: inline-block;margin-bottom: 15px;}
.aniCir:before{animation: spotcir1 1.2s cubic-bezier(.36, 0,.7,1) infinite alternate;background-color:#5e4536}
.aniCir:after{animation: spotcir2 1.2s cubic-bezier(.36, 0,.7,1) infinite alternate;background-color:#c89f4d;}
    
 @keyframes spotcir1{
	0%{transform: translateX(0%);} 
    100%{transform: translateX(100%);}
}


.p4a{max-width: 546px;margin-top: 46px;}
.p4a li{width: 50%;margin-bottom: 46px;}
.p4a .sz_img{width: 60px;}
.p4a .sz_img img{max-width: 100%;}
.p4a .sz_nr{width: calc(100% - 75px);}
.p4a .sz_nr .counter{	font-family: MiSans-ExtraLight;
	font-size: 48px;font-weight: 600;line-height: 35px;}

.p4a .sz_nr sub{	font-family: MiSans-ExtraLight;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0px;
	color: #000000;}

.p4a .se_nr{	font-family: PingFang-SC-Medium;
	font-size: 16px;
	
	line-height: 36px;}



/* 匠心制造 */

.box22{position: relative;z-index: 222;margin-top: 3.5vw;}

.jiang_cc{margin-top: 67px;}
.port_ll{width: 37.8125%;background:url(//wm.cdn.cn86.cn/youkaffx/2026/01/6d85e78851oqtlyf.png) no-repeat 50%;
background-size: cover;padding: 3.5vw  2.5vw 4.5vw 10vw;float: left;position: relative;}


.port_ll li{width: 100%;overflow: hidden;position: relative;padding-bottom: 10px;padding-left: 10px;}
.port_ll li::after{width: 0px; height:1px;background:#ae8f4d;content: "";position: absolute;transition: all .3s;left:0px;bottom: 0px;}
.port_ll li.active::after{width: 100%;}
.port_ll li.active .jj_tt2{opacity: 1;}
.port_ll li.active .jj_tt1{color:#ae8f4d}

.port_ll li + li{margin-top: 40px;}
.port_ll .jj_tt1{	font-family: PingFang-SC-Regular;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
    	line-height: 40px;}


.port_ll .jj_tt2{	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;height: 40px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.8);opacity: 0;}







    .tab-con { position: relative;width: 62.1875%; float: right;margin-top: -5vw;z-index: 999;}
    .tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
    .tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
    .tab-con .tab-main.active { position: static; opacity: 1; visibility: visible; }

 .tab-con .tab-main img{width: 100%;}


/* 优卡案例 */
.box2223{background:url(//wm.cdn.cn86.cn/youkaffx/2026/01/cfa69383e5fx5sav.png) repeat-x center top;overflow: hidden;}
.pp_tta{	font-family: FuturaBT-Book;
	font-size: 100px;
	font-weight: normal;
	line-height: 1.1;
	letter-spacing: 0px;
	color: #bf9e52;
	opacity: 0.2;}

.pp_ttb{	font-family: PingFang-SC-Heavy;
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
line-height: 45px;
	letter-spacing: 0px;
	color: #bf9e52;}

.pp_ttc{	font-family: PingFang-SC-Heavy;
	font-size: 60px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #f4f2f1;margin-top: 25px;	line-height: 45px;}


.case_ll li{width: 165px;padding: 4.5vw 0;text-align: center;}
.casett1{	font-family: PingFang-SC-Medium;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #bf9e52;}

.img_cc{width: 65px;margin: 0 auto;margin-top: 11px;}
.img_cc img{max-width: 100%;}


.case_ll li{border-bottom: 2px solid transparent;}
.case_ll li.active{background:#6c4f3e;border-bottom: 2px solid #bf9e52;}



    .pp_aa { position: relative; }
    .pp_aa .pp_ll { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
    .pp_aa .pp_ll { opacity: 0; visibility: hidden; transition: all .5s ease; }
    .pp_aa .pp_ll.active { position: static; opacity: 1; visibility: visible; }




/* CSS Document */

.pp_1 {
    position: relative;
    margin: 0 auto;margin-top:50px;
}

.pp_1 .swiper-container {
padding-bottom:0px;
}

.pp_1 .swiper-slide {
    width: 52.70%;
   	box-shadow: 0px 12px 11px 5px 
		rgba(53, 0, 0, 0.08);
	border-radius: 8px;position: relative;overflow: hidden;
}



.more1{position: absolute;top:50%;border-radius: 50%;margin-top: -59px;left:50%;transform: translateX(-50%);
background:url(//wm.cdn.cn86.cn/youkaffx/2026/01/972d5a35477ggxb1.png) no-repeat 50% rgba(174, 143, 77, .6);width: 118px;height:118px}



.more1{opacity: 0;}
.more1 a img{max-width: 15px;}
/* .pp_1 .swiper-slide.swiper-slide-active .more1{opacity: 1;} */

.pp_1 .swiper-slide:hover .more1{opacity: 1;}

.pp_1 .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;

}

.pp_1 .swiper-slide{position: relative;}
.pp_1 .swiper-slide::before{width: 100%;height: 100%;background:rgba(0, 0, 0, 0.4);
position: absolute;left:0px;bottom: 0px;content: "";}

.pp_1 .swiper-slide.swiper-slide-active::before{display: none;}







.pp_1 .swiper-slide h2 {
line-height:35px;
  font-weight: 300;color:#f4f2f1;font-size:30px;text-align: center;z-index: 99999;display:none;position: absolute;left:0px;width: 100%;bottom: 25px;
  	font-family: PingFang-SC-Regular;}


.pp_1 .swiper-slide h2 a{font-weight:300;color:#f4f2f1;text-align: center;}

/* .pp_1 .swiper-slide.swiper-slide-active h2 {
display: block;
} */


.pp_1 .swiper-slide:hover h2{display: block;}


.pp_1 .swiper-button-prev {
    left: 8%;
    width: 27px;
    height: 49px;
    background: url(//wm.cdn.cn86.cn/youkaffx/2026/01/a6e7580523jswweo.png) no-repeat;
    background-size: 100%;
    top: 45%;
}

.pp_1 .swiper-button-prev::after{display: none;}


.pp_1 .swiper-button-next {
    right: 8%;
    width: 27px;
    height: 49px;
    background: url(//wm.cdn.cn86.cn/youkaffx/2026/01/a63d9cfe6awz7oqh.png) no-repeat;
    background-size: 100%;
    top: 45%;
}

.pp_1 .swiper-button-next::after{display: none;}












/* 品质承诺 */
.box44{background:url(//wm.cdn.cn86.cn/youkaffx/2026/06/3b7bc20b94ifmy7q.jpg) no-repeat center 50%;
background-size: 100% 100%;padding:10vw 0;
    background-position: center center;
    background-attachment: fixed;position: relative;z-index: 111;margin-top: -4.5vw;}



.yizi{position: absolute;left:30px;bottom: -10.5vw;}
.yizi img{max-width: 100%;max-width: 400px;}



.box4t1{	font-family: FuturaBT-Book;
	font-size: 100px;
	font-weight: 500;
	line-height: 66px;
	letter-spacing: 0px;
	color: #bf9e52;
	opacity: 0.2;text-transform: uppercase;}

.box4t2{	font-family: SimSun;
	font-size: 60px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #c89f4d;margin-top: 35px;}


/* 网站的2点点 */

.aniCir2{margin-top: 25px;}
.aniCir2:before,
.aniCir2:after{content: '';width: 15px;height: 15px;border-radius: 50%;display: inline-block;margin-bottom: 15px;}
.aniCir2:before{animation: spotcir1 1.2s cubic-bezier(.36, 0,.7,1) infinite alternate;background-color:#ffffff}
.aniCir2:after{animation: spotcir2 1.2s cubic-bezier(.36, 0,.7,1) infinite alternate;background-color:#c89f4d;}



@keyframes spotcir2{
	0%{transform: translateX(0%);} 
    100%{transform: translateX(-100%);}
}



.kfz_re{width:68.75%;position: relative;border: 1px solid rgba(255,255,255,.2);}

.xfz2 {
    position: relative;
    height: 100%;
}
.xfz2 li{padding: 2.5vw;position: relative;overflow: hidden;}

.xfz2 li .fzaa_img{width: 89px;transition: all .9s ease;}
.xfz2 li .fzaa_img img{max-width: 100%;}
.xfz2 li:hover .fzaa_img{animation: rexiao 0.5s linear;}

@keyframes rexiao { 0% { transform: rotateY(0deg);} 50% { transform: rotateY(90deg);} 100%{ transform: rotateY(0deg);} }


.xfz2 li .ptt1{		font-family: PingFang-SC-Medium;
	font-size: 30px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #ffffff;margin: 20px 0;}

.xfz2 li .ptt2{		font-family: PingFang-SC-Medium;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.4;height: 48px;overflow: hidden;}

.xfz2 li{width: 33.333%;position: relative;}


.xfz2 li:nth-child(1){border-bottom: 1px solid rgba(255, 255, 255, .2);}
.xfz2 li:nth-child(2){border-bottom: 1px solid rgba(255, 255, 255, .2);}
.xfz2 li:nth-child(3){border-bottom: 1px solid rgba(255, 255, 255, .2);}



.xfz2 li:nth-child(1)::before {
    content: "";
    position: absolute;
	top:0px;
    right: 0%;
    width: 1px;
    height: 100%;
     background: rgba(255, 255, 255, .2);
}

.xfz2 li:nth-child(2)::before {
    content: "";
    position: absolute;
	top:0px;
    right: 0%;
    width: 1px;
    height: 100%;
     background: rgba(255, 255, 255, .2);
}



.xfz2 li:nth-child(4)::before {
    content: "";
    position: absolute;
	top:0px;
    right: 0%;
    width: 1px;
    height: 100%;
     background: rgba(255, 255, 255, .2);
}

.xfz2 li:nth-child(5)::before {
    content: "";
    position: absolute;
	top:0px;
    right: 0%;
    width: 1px;
    height: 100%;
     background: rgba(255, 255, 255, .2);
}









/* 新闻动态 */
.wmybox5{margin-top: 0;position: relative;background: #fff;padding-bottom: 2.5vw;padding-top: 2.5vw;}

.wztt_con{text-align: center;}
.box_xwt1{	font-family: FuturaBT-Book;
	font-size: 116px;
	font-weight: normal;
	line-height: 1.1;
	letter-spacing: 0px;
	color: #bf9e52;
	opacity: 0.2;}

.box_xwt2{	font-family: PingFang-SC-Heavy;
	font-size: 60px;
	font-weight: normal;
	line-height: 46px;
	letter-spacing: 0px;
	color: #000000;}


.news_11{position: relative;overflow: hidden;margin-top: 20px;}
.news_11 li{border-left: 1px solid #eee1cf;padding-left: 27px;padding-top: 27px;padding-bottom: 27px;}
.news_11 li .xw_img_a{width: 100%;border-radius: 10px;}
.news_11 li .xw_img_a img{width: 100%;}
.news_11 li .xw_nr{margin-bottom: 25px;}
.news_11 li .xw_nr dd{	font-family: PingFang-SC-Medium;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	letter-spacing: 0px;
	color: #333333;height: 72px;overflow: hidden;}


.news_11 li .xw_nr dt{	font-family: FuturaBT-Book;
	font-size: 18px;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #5e4536;margin-top: 10px;}









/* partner */
.hzbg{background:url(//wm.cdn.cn86.cn/youkaffx/2026/06/f875db60b8kpq3cu.jpg) no-repeat 50% bottom #fffefe;padding-bottom: 115px;padding-top: 50px;overflow: hidden;}
.hz_t1{	font-family: FuturaBT-Book;
	font-size: 116px;
	font-weight: normal;
	color: #beb3ad;
	opacity: 0.2;text-align: center;	line-height: 1.1;}

.hz_t2{	font-family: PingFang-SC-Heavy;
	font-size: 60px;
	font-weight: normal;
	line-height: 72px;
	letter-spacing: 0px;
	color: #000000;text-align: center;}



.wh1800{max-width: 1800px;width: 96%;margin:0 auto;}
.hz_ll{width: 36.66666666666667%;}
.hz_ll li{width: 32.57%;margin-bottom: 10px;float: left;}

.hz_ll li .fzaa_img{transform: skewX(-15deg);border-radius: 8px;overflow: hidden;
box-shadow: 0 0 10px #ddd;}
.hz_ll li .fzaa_img img{width: 100%;overflow: hidden;}

.hz_ll li:nth-child(1){margin-left: 28.57%;}
.hz_ll li:nth-child(2){margin-left: 6.2%;}

.hz_ll li:nth-child(3){margin-left: 18.57%;}
.hz_ll li:nth-child(4){margin-left: 6.2%;}


.hz_ll li:nth-child(5){margin-left: 8.57%;}
.hz_ll li:nth-child(6){margin-left: 6.2%;}


.hz_ll li:nth-child(7){margin-left: 0.57%;}
.hz_ll li:nth-child(8){margin-left: 6.2%;}


.hz_ll li:nth-child(9){margin-left: 8.57%;}
.hz_ll li:nth-child(10){margin-left: 6.2%;}

.hz_ll li:nth-child(11){margin-left: 18.57%;}
.hz_ll li:nth-child(12){margin-left: 6.2%;}


.hz_ll li:nth-child(13){margin-left: 28.57%;}
.hz_ll li:nth-child(14){margin-left: 6.2%;}











.hz_ll2{width: 36.66666666666667%;}
.hz_ll2 li{width: 32.57%;margin-bottom: 10px;float: right;}

.hz_ll2 li .fzaa_img{transform: skewX(15deg);border-radius: 8px;overflow: hidden;
box-shadow: 0 0 10px #ddd;}
.hz_ll2 li .fzaa_img img{max-width: 100%;}


.hz_ll2 li:nth-child(2){margin-right: 6.2%;}
.hz_ll2 li:nth-child(1){margin-right: 28.57%;}



.hz_ll2 li:nth-child(3){margin-right: 18.57%;}
.hz_ll2 li:nth-child(4){margin-right: 6.2%;}


.hz_ll2 li:nth-child(5){margin-right: 8.57%;}
.hz_ll2 li:nth-child(6){margin-right: 6.2%;}


.hz_ll2 li:nth-child(7){margin-right: 0.57%;}
.hz_ll2 li:nth-child(8){margin-right: 6.2%;}


.hz_ll2 li:nth-child(9){margin-right: 8.57%;}
.hz_ll2 li:nth-child(10){margin-right: 6.2%;}

.hz_ll2 li:nth-child(11){margin-right: 18.57%;}
.hz_ll2 li:nth-child(12){margin-right: 6.2%;}


.hz_ll2 li:nth-child(13){margin-right: 28.57%;}
.hz_ll2 li:nth-child(14){margin-right: 6.2%;}



.hz_nr23{position: relative;}


.sy_map{width: 37%;left:50%;transform: translateX(-50%);position: absolute;}
.sy_map img{max-width: 100%;}


/* .sy_map img{animation:mymove 20s linear infinite ;
-webkit-animation:mymove 20s linear infinite;position:relative;z-index:9;} */




/* @keyframes mymove
{
from {transform: rotateZ(0);}
to {transform: rotateZ(360deg);}
} */


.sznr{position: absolute;top:50%;transform: translateY(-50%);text-align: center;width: 100%;z-index: 999;}
.sznr dt{	font-family: FuturaBT-Book;
	font-size: 116px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #c89f4d;}



.sznr dt sup{	font-family: FuturaBT-Book;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	letter-spacing: 0px;
	color: #c89f4d;   top: -1.5em;right:.5em}


.sznr dd{	font-family: PingFang-SC-Bold;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #ffffff;margin-top: 15px;}




/* footer */
.dff{background:url(//wm.cdn.cn86.cn/youkaffx/2026/06/12fbe15c53li4wfb.png) no-repeat 50%;background-size: cover;
padding-top: 0px;margin-top: 0px;position: relative;}

.dff .xx_ff{position: relative;padding-top: 30px;padding-bottom: 45px;}

.dff .xx_ff::after{background: rgba(255, 255, 255, 0.1);
height: 100%;width: 1px;position: absolute;content: "";bottom: 0px;right:27%}
.dff .xx_ff::before{border-bottom: 1px solid rgba(255, 255, 255, .1);height: 1px;width: 73%;position: absolute;left: 0px;content: "";top: 150px;}




.df_logo{line-height: 108px;position: relative;width: 100%;}
.df_logo img{max-width: 100%;}




.dtff{		font-family: PingFang-SC-Bold;
	font-weight: normal;
font-size: 18px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;}


.ps_rot{margin-top: 20px;}
.ps_rot li{margin-bottom: 10px;}
.ps_rot li a{	
	line-height: 30px;
	letter-spacing: 0px;
	color:rgba(255, 255, 255, 0.5);position: relative;display: block;
    	font-family: PingFang-SC-Regular;
	font-size: 16px;}
    

.dfleft{width:61.25%;margin-top: 60px;}


.gstt{max-width: 370px;}



.gstt dd{		font-family: PingFang-SC-Bold;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;}

.gstt dt{	font-family: PingFang-SC-Bold;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: -1px;
	color: #ffffff;
	opacity: 0.4;text-transform: uppercase;}


.ddf_lx{margin-top: 30px;}
.ddf_lx li a{	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;}

.ddf_lx li a img{max-width: 27px;margin-right: 5px;}
.ddf_lx li + li{margin-top: 15px;}







/* dff22 */
.copyright_aa{
	font-weight: normal;
	font-stretch: normal;margin-top: 3.5vw;
	line-height: 26px;
	letter-spacing: 0px;
color: rgba(255, 255, 255, 0.29);text-align: left;	font-family: AdobeHeitiStd-Regular;
	font-size: 16px;position: relative;padding-top: 1.5vw;}

.copyright_aa p{margin: 0px;}
.copyright_aa a{color: rgba(255, 255, 255, 0.29);text-align: left;}

.copyright_aa::before{height: 1px;width: 73%;position: absolute;left: 0px;content: "";top: 0px;background: rgba(255, 255, 255, 0.1);}



/* 媒体查询样式 */

@media (max-width: 1560px) {
.x-menu > li > a{font-size: 16px;}

.wzt1{font-size: 200px;}
.wzt2{font-size: 30px;}


.boxtt1{font-size: 80px;}
.boxtt2{font-size: 40px;}
.box1_abnr{max-width:700px;}

.p4a .sz_nr .counter{font-size: 40px;}


.box4t1{font-size: 80px;}
.box4t2{font-size: 40px;}


.pp_tta{font-size: 80px;}
.pp_ttb{font-size: 40px;margin-top: 5px;}
.pp_ttc{font-size: 40px;margin-top: 5px;}


.pp_1 .swiper-slide h2{font-size: 25px;}


.port_ll li + li{margin-top: 20px;}
.port_ll .jj_tt1{font-size: 25px;}


.xfz2 li .ptt1{font-size: 25px;}


.box_xwt1{font-size: 80px;}
.box_xwt2{font-size: 40px;}


.news_11 li .xw_nr dd{font-size: 20px;}
.news_11 li .xw_nr dt{font-size: 16px;}


.hz_t1{font-size: 80px;}
.hz_t2{font-size: 40px;}


.sznr dt{font-size: 80px;}
.sznr dd{font-size: 30px;}



.sznr dt sup{
	font-family: FuturaBT-Book;
	font-size: 29px;
	font-weight: bold;
	line-height: 36px;
	letter-spacing: 0px;
	color: #c89f4d;
	top: -1em;
	right:.5em
	}


}





@media (max-width: 1440px) {
.x-menu > li > a{font-size: 15px;}

.wzt1{font-size: 100px;}
.wzt2{font-size: 25px;}


.boxtt1{font-size: 60px;}
.boxtt2{font-size: 30px;}
.box1_abnr{max-width:600px;}

.p4a .sz_nr .counter{font-size: 30px;}


.box4t1{font-size: 60px;}
.box4t2{font-size: 30px;}



.pp_tta{font-size: 60px;}
.pp_ttb{font-size: 30px;margin-top: 5px;}
.pp_ttc{font-size: 30px;margin-top: 5px;}


.pp_1 .swiper-slide h2{font-size: 20px;}


.port_ll li + li{margin-top: 20px;}
.port_ll .jj_tt1{font-size: 25px;}


.xfz2 li .ptt1{font-size: 25px;}


.box_xwt1{font-size: 60px;}
.box_xwt2{font-size: 30px;}


.news_11 li .xw_nr dd{font-size: 20px;}
.news_11 li .xw_nr dt{font-size: 16px;}


.hz_t1{font-size: 60px;}
.hz_t2{font-size: 30px;}


.sznr dt{font-size: 60px;}
.sznr dd{font-size: 30px;}



.sznr dt sup{
	font-family: FuturaBT-Book;
	font-size: 25px;
	font-weight: bold;
	line-height: 36px;
	letter-spacing: 0px;
	color: #c89f4d;
	top: -1em;
	right:.5em
	}


.dtff{font-size: 16px;}

.gstt dd{font-size: 25px;}



.dff .xx_ff::after{background: rgba(255, 255, 255, 0.1);
height: 100%;width: 1px;position: absolute;content: "";bottom: 0px;right:30%}
.dff .xx_ff::before{border-bottom: 1px solid rgba(255, 255, 255, .1);height: 1px;width: 70%;position: absolute;left: 0px;content: "";top: 150px;}
.copyright_aa::before{height: 1px;width: 70%;position: absolute;left: 0px;content: "";top: 0px;background: rgba(255, 255, 255, 0.1);}



.yizi img{max-width: 100%;max-width: 236px;}


}






@media (max-width: 1280px) {
.x-menu > li > a{font-size: 14px;}


.boxtt1{font-size: 50px;}
.boxtt2{font-size: 25px;}
.box1_abnr{max-width:500px;}

.p4a .sz_nr .counter{font-size: 25px;}



.port_ll{width: 37.8125%;background:url(//wm.cdn.cn86.cn/youkaffx/2026/01/6d85e78851oqtlyf.png) no-repeat 50%;background-size: cover;padding: 3.5vw  2.5vw 4.5vw 2vw;float: left;position: relative;}



.jiang_cc{margin-top: 47px;}
 .tab-con { position: relative;width: 62.1875%; float: right;margin-top: 0vw;z-index: 999;}



.pp_tta{font-size: 50px;}
.pp_ttb{font-size: 25px;margin-top: 5px;}
.pp_ttc{font-size: 25px;margin-top: 5px;}


.pp_1 .swiper-slide h2{font-size: 20px;}


.port_ll li + li{margin-top: 10px;}
.port_ll .jj_tt1{font-size: 18px;}
.port_ll .jj_tt2{font-size: 14px;}


.xfz2 li .ptt1{font-size: 20px;}


.box_xwt1{font-size: 50px;}
.box_xwt2{font-size: 25px;}



.box4t1{font-size: 50px;}
.box4t2{font-size: 25px;margin-top: 10px;}





.news_11 li .xw_nr dd{font-size: 17px;}
.news_11 li .xw_nr dt{font-size: 15px;}


.hz_t1{font-size: 50px;}
.hz_t2{font-size: 25px;}


.sznr dt{font-size: 50px;}
.sznr dd{font-size: 25px;}



.sznr dt sup{
	font-family: FuturaBT-Book;
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	letter-spacing: 0px;
	color: #c89f4d;
	top: -1em;
	right:.5em
	}


.dtff{font-size: 16px;}

.gstt dd{font-size: 20px;}



.dff .xx_ff::after{background: rgba(255, 255, 255, 0.1);
height: 100%;width: 1px;position: absolute;content: "";bottom: 0px;right:35%}
.dff .xx_ff::before{border-bottom: 1px solid rgba(255, 255, 255, .1);height: 1px;width: 65%;position: absolute;left: 0px;content: "";top: 150px;}
.copyright_aa::before{height: 1px;width: 65%;position: absolute;left: 0px;content: "";top: 0px;background: rgba(255, 255, 255, 0.1);}



.yizi img{max-width: 100%;max-width: 136px;}



}



@media (max-width: 1100px) {
.dff .xx_ff::after{display: none;}
.dff .xx_ff::before{display: none;}
.copyright_aa::before{display: none;}

.dfleft{display: none;}



.yizi img{max-width: 100%;max-width: 106px;}


}



@media (max-width: 1000px) {

.hz_ll{display: none;}
.hz_ll2{display: none;}


.hzbg{background:url(//wm.cdn.cn86.cn/youkaffx/2026/01/f8bf2b06b2romwd9.png) no-repeat 50% bottom #fffefe;padding-bottom: 115px;padding-top: 50px;}


.sy_map{width: 85%;margin: 0 auto;
left:auto;transform: translateX(0%);position: relative;}


.sznr dd{font-size: 18px;}


.yizi img{max-width: 100%;max-width: 56px;}


.ab_five{width: 100%;margin-top: 25px;}
.ab_br{position: relative;left:0px;top:auto;transform: translateY(0%);z-index: 22;width: 100%;}


.ab_img{display: none!important;}

.p4a .se_nr{font-size: 14px;}

.p4a .sz_img{width: 53px;}
.p4a .sz_img img{max-width: 100%;}
.p4a .sz_nr{width: calc(100% - 63px);}



.bb_banner .swiper-pagination1 {
	bottom: 2px!important;
	text-align: center;
}


.pp_tta{font-size: 30px;}


.box2223{padding-top: 35px;}
.pp_ttb{font-size: 20px;}
.pp_ttc{font-size: 20px;}

.case_ll li{width: 50%;}
.case_ll li{padding: 10px;text-align: center;}

.img_cc{width: 30px;margin: 0 auto;margin-top: 11px;}


.casett1{	font-family: PingFang-SC-Medium;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #bf9e52;}

}

@media (min-width: 1001px) {
.ab_img22{width: 100%;display: none;}
.ab_img22 img{max-width: 100%;}

}




@media (max-width: 992px) {
.sznr dt{font-size: 40px;}
.sznr dd{font-size: 18px;}


.hz_t1{font-size: 30px;line-height: 25px;}
.hz_t2{line-height: 30px;font-size: 20px;margin-top: 15px;}


.boxtt1{font-size: 30px;}
.boxtt2{font-size: 20px;}




.box4t1{font-size: 30px;}
.box4t2{font-size: 20px;margin-top: 10px;}



.pp_1 .swiper-slide {
    width: 72.70%;
   	box-shadow: 0px 12px 11px 5px 
		rgba(53, 0, 0, 0.08);
	border-radius: 8px;position: relative;overflow: hidden;
}



.more1{position: absolute;top:50%;border-radius: 50%;margin-top: -59px;left:50%;transform: translateX(-50%);
background:url(//wm.cdn.cn86.cn/youkaffx/2026/01/972d5a35477ggxb1.png) no-repeat 50% rgba(174, 143, 77, .6);width: 68px;height:68px}



.pp_1 .swiper-slide h2 {
line-height:35px;
  font-weight: 300;color:#f4f2f1;font-size:17px;text-align: center;z-index: 99999;display:none;position: absolute;left:0px;width: 100%;bottom: 25px;
  	font-family: PingFang-SC-Regular;}




.port_ll{width: 100%;background:url(//wm.cdn.cn86.cn/youkaffx/2026/01/6d85e78851oqtlyf.png) no-repeat 50%;background-size: cover;padding: 3.5vw  2.5vw 4.5vw 2vw;float: left;position: relative;}


 .tab-con { position: relative;width: 100%; float: right;margin-top: 0vw;z-index: 999;}



.box44{margin-top: 0vw;}




.kfz_re{width:100%;position: relative;border: 1px solid rgba(255,255,255,.2);}

.xfz2 li .fzaa_img{width: 49px;}
.xfz2 li .fzaa_img img{max-width: 100%;}



.xfz2 li{width: 50%;position: relative;}
.xfz2 li:nth-child(3){border-bottom: 1px solid rgba(255, 255, 255, .2);border-right: 1px solid rgba(255, 255, 255, .2);}
.xfz2 li:nth-child(4){border-bottom: 1px solid rgba(255, 255, 255, .2);}


.xfz2 li .ptt2{		font-family: PingFang-SC-Medium;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.4;height: 48px;overflow: hidden;}




.pp_1 .swiper-button-prev {
    left: 8%;
    width: 17px;
    height: 31px;
    background: url(//wm.cdn.cn86.cn/youkaffx/2026/01/a6e7580523jswweo.png) no-repeat;
    background-size: 100%;
    top: 45%;
}

.pp_1 .swiper-button-next {
    right: 8%;
    width: 17px;
    height: 31px;
    background: url(//wm.cdn.cn86.cn/youkaffx/2026/01/a63d9cfe6awz7oqh.png) no-repeat;
    background-size: 100%;
    top: 45%;
}



.ddf_lx li a{	font-family: PingFang-SC-Regular;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;}



}




@media (max-width: 768px) {
.sznr dt{font-size: 30px;}
.sznr dd{font-size: 15px;}


.wzt2{	font-family: PingFang-SC-Heavy;
	font-size: 26px;
	font-weight: normal;
	line-height: 36px;
	letter-spacing: 6px;
	color: #f4f2f1;}



.pp_1 .swiper-slide h2 {line-height:35px;font-weight: 300;color:#f4f2f1;font-size: 15px;text-align: center;z-index: 99999;display:none;position: absolute;left:0px;width: 100%;bottom: 15px!important;font-family: PingFang-SC-Regular;}

}




/* 手机站合作 */
@media (min-width: 1001px) {
.mob_hzll{display: none;}
}


.mob_hzll{padding: 10px;}
.mob_hzll li{width: 31%;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px #ddd;margin-bottom: 10px;}
.mob_hzll li img{max-width: 100%;}



 @media (max-width: 768px) {
 .dff{margin-bottom: 65px;}
 .site-header-bottom{overflow: hidden;}
 }

.row{margin:0px!important;}
.lang-en .ab_five,
.lang-ja .ab_five {
    width: 70%;
}