video{max-width: 100%;display: block;}
/* img{display: block;} */
.con{ width: 100%; padding: 30px 0;}
.wapper{ width: 100%; max-width: 1340px; margin: 0 auto;}
/* .headerN .navbar .topbar .logo{filter: invert(1);} */
/*  .headerN .navbar .nav-wrapper{background: transparent;border-bottom: 1px solid rgba(0, 0, 0, 0);} */
.headerN .navbar .topbar .btn .btn-buy{color: #20242d;background-color: #d6bca2;background-image: linear-gradient( -33deg, rgba(228,214,199,0.99608) 0%, rgb(212,185,157) 100%);background-image: -webkit-linear-gradient( -33deg, rgba(228,214,199,0.99608) 0%, rgb(212,185,157) 100%);font-size: 16px;padding: 0;width: 60px;height: 30px;line-height: 1;display: inline-flex;justify-content: center;align-items: center;}
.headerN .navbar .topbar .btn .btn-buy:hover{background-color: #d2ba9a;background-image: linear-gradient(to bottom, #dfcdbe70, #d2ba9a6b);background-image: -webkit-linear-gradient(to bottom, #dfcdbe70, #d2ba9a6b);}
/*.headerN .navbar .topbar .menu ul li > a{color: #fff;}
.headerN .navbar .topbar .menu .lihover>a { border-bottom: 2px solid #fff;} */
/* .headerN .opened-child .topbar .btn .btn-search{background-image: url(../images/icon-search.png)!important;} */

/* .headerN .opened .topbar .btn .btn-search, .header .opened-child .topbar .btn .btn-search { background: url(../images/icon-search.png) center center no-repeat; }

.headerN .navbar .topbar .btn .btn-user{background: url(../images/icon-user.png) center center no-repeat!important;}
.header .navbar .topbar .btn .lihover { border-bottom: 2px solid #fff;}
 */
.bannerN{position: relative;}
.bannerN .img{ /*height: 830px;*/ position: relative;overflow: hidden;}
.bannerN .img img,.bannerN .img video{width: 100%;}
.bannerN .img::before{position: absolute;left: 0;top: 0;z-index: 1;background-color: rgba(0, 0, 0, .2);content: '';width: 100%;height: 100%;}
/* .bannerN .img>*,.wrapEven .wrapItem .img>*{height: 100%;width: 100%;object-fit: cover;} */
.bannerN .txt,.wrapEven .wrapItem .txt{position: absolute;left: 50%;text-align: center; z-index: 99;color: #fff;line-height: 1;top: 14%;transform: translateX(-50%);}
.bannerN .txt h3{font-weight: 900;font-size: 40px;background-image: linear-gradient(-31deg, #e4d6c7, #d4b99d);
background-image: -webkit-linear-gradient(-31deg, #e4d6c7, #d4b99d);-webkit-background-clip:text;/*-webkit-text-fill-color:transparent;*/}
.bannerN .txt p,.wrapEven .wrapItem .txt p{font-size: 24px;font-weight: 900;margin: 18px 0 26px;}
.bannerN .txt p{margin-top: 20px;}
.bannerN .txt a,.wrapEven .wrapItem .txt a{font-size: 16px;display: inline-flex;padding: 8px 22px;border: 2px solid #fff;transition: all .5s;position: relative;}

.wrapEven{padding: 0 16px;margin: 16px 0 0;display: flex;flex-wrap: wrap;overflow: hidden;}
.wrapEven .wrapItem{position: relative;width: calc(50% - 8px);/* height: 696px; */margin-bottom: 16px;overflow: hidden;}
.wrapEven .wrapItem:nth-of-type(even){margin-left: 16px;}
.wrapEven .wrapItem .img{height: 100%;}
.wrapEven .wrapItem .img img{width: 100%;}
.wrapEven .wrapItem .img video{border-top:2px solid transparent;height: 100%;object-fit: cover;width: 100%;}
.wrapEven .wrapItem .txt{top: 50px;}
.wrapEven .wrapItem .txt a{font-size: 16px;font-weight: 900;}
.wrapEven .wrapItem .txt h3{font-size: 33px;}
.wrapEven .wrapItem .txt.black{color: #000;}
.wrapEven .wrapItem .txt.black a{border-color: #000;color: #000;}
.wrapEven .wrapItem .txt.white{color: #fff;}
.wrapEven .wrapItem .txt.white a{border-color: #fff;color: #fff;}

.wrapList{display: block;padding: 0;}
.wrapEven.wrapList .wrapItem{width: 100%;margin-left: 0!important;height: initial;}
.wrapEven.wrapList .wrapItem .txt{top: 50%;width: 1440px; margin: 0 auto;right: 0;transform: translate(-50%,-50%);display: flex;justify-content: flex-start;text-align: left;}
.wrapEven.wrapList .wrapItem{/* height: 800px; */width: 100%;}
.wrapEven.wrapList .wrapItem .txt div{width: 600px;}
.wrapEven.wrapList .wrapItem:nth-child(1) .txt{color: #000;}
.wrapEven.wrapList .wrapItem:nth-child(1) .txt a{border-color: #000;color: #000;}
.wrapEven.wrapList .wrapItem:nth-child(2) .txt{justify-content: flex-end!important;}

.wrapEven .wrapItem .txt a:hover,.bannerN .txt a:hover{color: #000;background-color: #fff;}
.wrapEven .wrapItem .txt.black a:hover{color: #fff;background-color: #000;}

.comTit{font-weight: 900;font-size: 40px;color: #000;margin: 140px 0 80px;text-align: center;line-height: 1;font-family: MicrosoftYaHei;}

.swiperScroll{position: relative;overflow: hidden;margin-bottom: 80px;}
/*.swiperScroll .swiper-slide{width: 1200px;}*/
.swiperScroll .swiper-slide .img{overflow: hidden;height:auto;width: 100%;}
.swiperScroll .swiper-slide video,.swiperScroll .swiper-slide img{width: 100%;height: 720px;object-fit: contain;}
.swiperScrollbtn{position: absolute;width: 60px;height: 60px;top: calc(50% + 120px);transform: translateY(-50%);z-index: 99;display: flex;justify-content: center;align-items: center;cursor: pointer;border-radius: 50%;transition: all .5s;outline: none;}
.swiperScrollbtn img{width: 17px;display: block;}
.swiperScrollbtn:hover{background-color: rgba(0, 0, 0, .3)}
.swiper-btn-prev{ left: calc((100vw - 1152px)/2)}
.swiper-btn-next{ right: calc((100vw - 1152px)/2)}
.swiperScrollbtn.swiper-btn-next img{ transform: rotate(180deg)}
.swiperScroll .swiper-slide .scrollMore{display: none;}
.swiperScroll .swiper-slide-active .scrollMore{border: 2px solid;color: #fff;width: 158px;height: 44px;font-size: 16px;position: absolute;display: inline-flex;right: 22px;bottom: 26px;align-items: center;justify-content: center;z-index: 9;transition: all .5s;}
.scrollMore:hover{transform: translateY(-4px);box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.scrollMore span{display: inline-flex;position: relative;width: 12px;height: 15px;margin-right: 12px;}
.scrollMore span::before,.scrollMore span::after{position: absolute;content: '';left: 0;top: 1px;width: 4px;background-color: #fff;height: 100%;}
.scrollMore span::after{right: 0;left: auto;}
.scrollMore i{font-weight: 900;}

.footerN{z-index: 10;color: #fff;background: #232426;}
.footerN img{display: inline-flex;}
.footerN ul,.footerN .footbeian{max-width: 1440px;width: 90%;}
.footerN .footbeian,.footerN .footbeian a{border-color: #484a4b;font-size: 12px;color: #a6a7a8;}
.footerN ul li dl dd a{color: rgba(255, 255, 255, .9);}
.footerN ul li{width: 17%!important;}
.footerN ul li:last-child{width: 40%!important;text-align: right;}
.footerN ul li dt{padding-bottom: 7px;}
.footerN ul li dl dd{margin: 6px 0;}
.footerN ul li>dl+dt{margin-top: 20px;}
.footerN .interLogo{display: inline-flex;margin: 10px 0 44px;color: rgba(255, 255, 255, .9);}
.footerN .footTel{color: rgba(255, 255, 255, .9);font-size: 18px;font-weight: bold;}
.footerN .icons{margin-bottom: 24px;}
.footerN ul li .icons a{margin-right: 0;opacity: 1;}
.footerN ul li .icons>a:not(:has(> span)):hover{opacity: .7;}
.footerN ul li .icons a+a{margin-left: 25px;}

@media (min-width:1920px){
    .wrapEven .wrapItem .txt{top: 11%;}
}
body{overflow-x: hidden;}
/* 2023.9.10 */
.headerNew{position:fixed;top:0;left:0;z-index:100;width:100%;line-height: 1;}

.headerNew::after{content: '';position: absolute;left: 0;top: 67px;width: 100%;height: 1px;background-color: transparent;z-index: 9;transition: all .5s;}
.headerNew>.container{width:100%;max-width:1200px;margin:auto;display:flex;height:68px;align-items: center;}
.headerNew .logo .logoSvg path{fill:#fff;transition: all .2s;}
.headerNew .navBar{width: calc(100% - 234px - 140px);}
.headerNew .navBar>ul{display: flex;justify-content: center;}
.headerNew .navBar>ul>li+li{padding-left: 50px;}
.headerNew .navBar>ul>li>a,.searchBtn{color:#FFF;font-size:18px;padding: 0;height: 68px;display: flex;align-items: center;position: relative;}
.headerNew .navBar>ul>li>a::before,.searchBtn::before{content: '';position: absolute;left: 0;bottom: 0px;width: 100%;height: 2px;background-color: transparent;z-index: 999;transition: all .5s;}
.headerNew .navBar>ul>li>a:hover::before,.searchBtn:hover::before,.headerNew .navBar>ul>li.lihover>a::before,.searchBtn.lihover::before{background: #000;}
.headerNew .navBar>ul>li>a{padding: 0 15px;font-weight:900}
.headerNew .topRight{display: flex;width: 140px;align-items: center;}
.headerNew .topRight .shopBtn{width: 60px;height: 30px;background: linear-gradient(90deg, #E2D3C3 0%, #D6BDA2 100%);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #575454;}
.headerNew .topRight .searchBtn{padding: 0;padding: 0;width: 60px;display: flex;justify-content: center;align-items: center;}
.headerNew .topRight .searchBtn svg{fill:#fff;transition: all .2s;}
.headerNew .navBar>ul>li .headerMenu{background-color: #fff;min-height: 100px;display:flex;top:68px;right:0;position:absolute;z-index:5;box-shadow: 0 16px 16px rgb(0 0 0 / 10%);opacity: 0; visibility: hidden;left: -200%;z-index:-1}
.headerNew .subMenu .big,.headerNew .mainMenu .big{width: 1200px;margin: 0 auto;display: flex;position: relative;align-items: center;}
.headerNew .subMenu .main{justify-content: center;align-items: center;display: flex;width:calc(100% - 234px - 140px) ;left: 234px;position: absolute;}
.headerNew .subMenu .main a{font-size: 16px;color: #424242;}
.headerNew .subMenu .main a+a{margin-left:35px;}
.headerNew .subMenu .main a:hover{text-decoration: underline;}

.headerNew.active{background-color: #fff;}
.headerNew.active::after,.headerNew.headNs::after{background-color: #E5E5E5;}
.headerNew.active .navBar>ul>li>a,.headerNew.headNs .navBar>ul>li>a{color: #000;}
.headerNew.active .logoSvg path,.headerNew.headNs .logoSvg path{fill:#000}
.headerNew.active .searchBtn svg,.headerNew.headNs .searchBtn svg{fill:#000}

.headerNew.headNs{background-color: #fff;}


.headerNew .navBar>ul>li:hover .headerMenu{opacity: 1; visibility: visible;left: 0;z-index:1}
.headerNew .searchBtn{position: relative;margin-left: 35px;display: flex;}
.headerNew .searchDropdown{width: 100%; padding: 60px 0 80px 0; position: absolute; top: 68px; left: 0; display: none;background-color: #fff;box-shadow: 0 16px 16px rgb(0 0 0 / 10%);z-index: 9;}
.headerNew .searchDropdown .child-body {width: 100%; max-width: 1200px; margin: auto; position: relative;}
.headerNew .searchDropdown .search-input { width: 720px; margin: auto; padding-left: 60px; box-sizing: border-box; height: 55px; line-height: 55px; border-bottom:1px solid rgba(0, 0, 0, .3); font-size: 14px; color: #000; background: url(../images/searchN.svg) 20px center no-repeat;}
.headerNew .searchDropdown .search-input input { border: none; background: none; width: 630px;}
.headerNew .searchDropdown dl {width: 720px; margin: auto; font-size: 16px; padding-top: 20px;}
.headerNew .searchDropdown dl dt { color: rgba(0, 0, 0, .6); padding-bottom: 10px; }
.headerNew .searchDropdown dl dd { width: 100%; height: 30px; line-height: 30px; }
.headerNew .searchDropdown dl dd a { color: #000; font-size: 16px;}
.headerNew .searchDropdown dl dd a:hover { text-decoration: underline;}
.headerNew .searchBox:hover .searchDropdown{ display: block;}
.headerNew .mainMenu .big{justify-content: center;flex-direction: column;}
.headerNew .mainMenu .menuList{display: flex;align-items: center;justify-content: center;margin: 48px auto 45px;}
.headerNew .mainMenu .menuList a{opacity: .4;display: flex;align-items: center;font-size: 14px;color: #000;font-weight:900}
.headerNew .mainMenu .menuList a:hover,.headerNew .mainMenu .menuList a.active{opacity: 1;}
.headerNew .mainMenu .menuList a>img{width: 48px;}
.headerNew .mainMenu .menuList a+a{position: relative;margin-left: 30px;padding-left: 20px;}
.headerNew .mainMenu .menuList a+a::before{position: absolute;width: 1px;height: 20px;background-color: #000;opacity: .2;content: '';left: 0;top: 50%;transform: translateY(-50%);}
.headerNew .menuproItem{width: 1200px;}
.menuPro{padding-bottom: 60px;min-height: 380px;overflow: hidden;}
.menuPro>.menuproItem{z-index: -2;position: absolute;background-color: #fff;left: -200%;}
.menuPro>.menuproItem.active{z-index: 1;left: 50%;transform: translateX(-50%);}
.menuproItem.splide:not(.is-overflow) .splide__arrows {display: none}
.menuproItem.splide:not(.is-overflow) .splide__list {justify-content: center;}
.menuproItem.splide li .imgs{overflow: hidden;/*height: 240px;*/background-color:#f5f5f5}
.menuproItem.splide li img{width: 100%;transition: all .5s;object-fit: cover;}
.menuproItem.splide li:hover img{transform: scale(1.08);}
.menuproItem.splide li dl{text-align: center;color: #000;margin-top: 22px;}
.menuproItem.splide li dt{display: flex;align-items: center;justify-content: center;}
.menuproItem.splide li dt h6{font-size: 16px;font-weight: normal;color: #000;}
.menuproItem.splide li dt span{display: inline-flex;margin-left: 6px;justify-content: center;align-items: center;font-size: 10px;text-transform: uppercase;width: 34px;height: 16px;border-radius: 9px;border: 1px solid #424242;}
.menuproItem.splide li dt span i{transform: scale(.8);}
.menuproItem.splide li dd{margin-top: 12px;}
.menuproItem.splide li dd p{opacity: .6;font-size: 12px;}
.menuproItem.splide li:hover dd p{opacity: 1;}
.menuproItem .splide__arrows{width: 170px;height: 42px;display: flex;justify-content: space-between;align-items: center;margin: 40px auto 0;}
.menuproItem .splide__arrow{position: relative;border-radius: 0;width: 72px;height: 100%;background-color: #F0F0F0;outline: none;opacity: .4;}
.menuproItem .splide__arrow svg{width: 14px;}
.menuproItem .splide__arrow--prev{left: auto;}
.menuproItem .splide__arrow--next{right: auto;}
.menuproItem .splide__arrow:hover{opacity: 1;}

@media (max-width:1200px){
   
	.bannerN .txt h3 {
	    font-weight: 900;
	    font-size: 16px;
	    background-image: linear-gradient(-31deg, #e4d6c7, #d4b99d);
	    background-image: -webkit-linear-gradient(-31deg, #e4d6c7, #d4b99d);
	    -webkit-background-clip: text;
	    -webkit-text-fill-color: transparent;
	}
	.bannerN .txt p, .wrapEven .wrapItem .txt p {
	    font-size: 12px;
	    font-weight: 900;
	    margin: 10px 0;
	}
	.bannerN .txt a, .wrapEven .wrapItem .txt a {
	    font-size: 12px;
	    display: inline-flex;
	    padding: 5px;
	    border: 2px solid #fff;
	    transition: all .5s;
	    position: relative;
	}
	.wrapEven.wrapList .wrapItem .txt{ width: auto;}
	.wrapEven .wrapItem .txt {
	    top: 10%;
	}
	.bannerN .txt, .wrapEven .wrapItem .txt {
	    position: absolute;
	    left: 50%;
	    width: 100%;
	    text-align: center;
	    z-index: 99;
	    color: #fff;
	    line-height: 1;
	    top: 14%;
	    transform: translateX(-50%);
	}
	.wrapEven .wrapItem .txt h3 {
	    font-size: 14px;
	}
	.comTit {
	    font-weight: 900;
	    font-size: 16px;
	    color: #000;
	    margin: 10px 0 10px;
	    text-align: center;
	    line-height: 1;
	    font-family: MicrosoftYaHei;
	}
	.swiperScroll .swiper-slide {
	    width: 100%;
	}
	.swiperScroll .swiper-slide-active img {
	    position: relative;
	    z-index: 1;
	 display: none;
	}
	.swiperScroll .swiper-slide video {
	    display: block;
	}
	.swiperScroll .swiper-slide .img {
	    overflow: hidden;
	    height: auto;
	    width: 100%;
	}
	.swiperScroll .swiper-slide video, .swiperScroll .swiper-slide img {
	    width: 100%;
	    height: auto;
	    object-fit: cover;
	}
	.swiperScroll {
	    position: relative;
	    overflow: hidden;
	    margin-bottom: 20px;
	}
	.footer ul {
	    width: 90%;
	    margin:0 auto;
	    padding: 20px 0;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	}
	.footerN ul li {
	    width: 50% !important;
	}
	.footerN ul li:last-child {
	    width: 100% !important;
	    text-align: left;
	}
	.banner .child-banner {
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	    padding-top: 0;
	}
	#u918901{ display: none;}
	#u395100 .laybox{ flex-wrap: wrap;}
	.layrow .layout_column[data-class-col=pc_col_6]{
		width: 100% !important;
	}
	#u395102 {
	    margin-top: 0%;
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	    margin-bottom: 0;
	}
	.layrow .layout_column[data-class-col=pc_col_3] {
	    width: 100% !important;
	}
	#u918900 .laybox {
	    max-width: 1340px;
	    padding: 0 !important;
	    flex-wrap: wrap;
	}
	.layrow .layout_column[data-class-col=pc_col_9] {
	    width: 100% !important;
	}
	.con12 h2 {
	    text-align: center;
	    font-size: 24px;
	    color: #000;
	    font-weight: normal;
	    padding-top: 20px !important;
	    padding-bottom: 10px;
	}
	.con12 h3 {
	    text-align: center;
	    font-size: 16px;
	    font-weight: normal;
	    padding-bottom: 50px !important;
	}
}