html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
body, input, pre, select, table th, table td, textarea { font-size: 0.16rem; font-weight: 400;font-family: 'HarmonyOS_Sans_SC_Light'; }
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

@font-face {
	font-family: 'HarmonyOS_Sans_SC_Light';
	src:url('../fonts/HarmonyOS_Sans_SC_Light.woff') format('woff');
    font-display:swap;
}
@font-face {
	font-family: 'HarmonyOS_Sans_SC_Regular';
	src:url('../fonts/HarmonyOS_Sans_SC_Regular.woff') format('woff');
    font-display:swap;
}
@font-face {
	font-family: 'HarmonyOS_Sans_SC_Bold';
	src:url('../fonts/HarmonyOS_Sans_SC_Bold.woff') format('woff');
    font-display:swap;
}

@font-face {
	font-family: 'OPPOSans-M';
	src:url('../fonts/OPPOSans-M.woff') format('woff');
    font-display:swap;
}

html{-webkit-text-size-adjust:100%;}
@media (min-width:1601px){
    html{font-size: 100px}
}
@media(min-width:1025px) and  (max-width:1600px){
    html{font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width:1024px){
    html{font-size: calc(100 / 1024 * 100vw);}
}
@media (max-width:640px){
    html{font-size: calc(100 / 560 * 100vw);}
}

.w_94{width: 94%}
.w1600{max-width: 1600px;margin: 0 auto;width: 94%}
.w1440{max-width: 1400px;margin: 0 auto;width: 94%}

.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:100%; height:100%;object-fit: cover;}
.imgbox.auto img{ width:auto; height:auto;object-fit: contain;max-width: 100%;max-height: 100%;}


.Top003156{position: fixed;width: 100%;left: 0;top: 0;z-index: 10000;transition: .3s all;background: rgba(161,132,103,.85);transition: transform 0.5s ease-out;}
.Top003156 header{}
.Top003156 .logo img{transition: .3s all;filter: grayscale(100) brightness(100);width: auto !important;}

.Top003156 .top-right .hotline{font-size: .24rem;color:#0067b2;position: relative;margin-right: .6rem;font-weight: bold;background: url(../images/icon-phone.svg) no-repeat center left; background-size: 26px auto;padding-left: .3rem}
.Top003156 .top-right .hotline:after{content: '';position: absolute;width: 1px;height: 100%;right: -.3rem;top: 0%;background: #000;opacity: .1}
.open-search{cursor: pointer;;display: block;width: 24px;height: 24px;background: url(../images/icon-search.svg) no-repeat center center; background-size: 24px auto;transition: .3s all}
.Top003156 .top-right .lang{display: block;width: 24px;height: 24px;background: url(../images/icon-language.svg) no-repeat center center; background-size: 24px auto;transition: .3s all;margin-right: .6rem;position: relative;}
.Top003156 .top-right .lang:after{content: '';position: absolute;width: 1px;height: 100%;right: -.3rem;top: 0%;background: #000;opacity: .1}
.open-search{cursor: pointer;;display: block;width: 24px;height: 24px;background: url(../images/icon-search2.svg) no-repeat center center; background-size: 24px auto;transition: .3s all}
.open-search.on:before,
.open-search.on:after{background-color: #006cbf;}
.top-search{position: absolute;right:0; top: 100%;z-index: 100; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);border-radius: 5px;overflow: hidden}
.top-search .text{width: 100%; height: 3.125em;line-height: 3.125em;padding: 0 3.125em 0 0.625em;font-size: 1em;}
.top-search .btn{position: absolute;right: 0; top: 0;width: 3.125em;height: 100%; background: url(../images/icon-search.svg) no-repeat center center;background-size: auto 22px;}
@media (min-width:1025px){
    .Top003156.scroll {
        transform: translateY(-1.6rem);
    }
}

.Top003156 menu li span,
.Top003156 menu li span a{display: block;color: #fff;transition: .3s all;position: relative;}
.Top003156 menu li span{position: relative;z-index: 2;}
.Top003156 menu li span:after{position: absolute;content: ''; left: 50%;height: 2px;background-color: #fff;transform: translateX(-50%);transition: 0.3s; bottom: 0; width: 0;}

.Top003156 menu li:hover span:after,
.Top003156 menu li.aon span:after{width: 100%;}
.Top003156 menu li:hover span a,
.Top003156 menu li.aon span a{}

.Top003156 .top-right .gjz{background: #2059a8;display: block;width: .7rem;line-height:.25rem;font-size: .14rem;color: #fff;text-align: center;border-radius: 6px}

/*滚动后*/
.Top003156.scroll,
.Top003156:hover{}

.Top003156:hover .logo img,
.Top003156.scroll .logo img{}

.Top003156:hover .logo img.on,
.Top003156.scroll .logo img.on{display: block}

.Top003156:hover .open-search,
.Top003156.scroll .open-search{}

.Top003156.scroll menu li span,
.Top003156.scroll menu li span a,
.Top003156:hover menu li span,
.Top003156:hover menu li span a{}

.Top003156.scroll menu li span a:hover,
.Top003156.scroll menu li.aon span a{}

@media (min-width:1025px) {
    .Top003156 .top-left{display: flex;align-items: center;width: 80%}
    .Top003156 menu{margin-left: 9%;}
    .Top003156 menu ul{display: flex;justify-content: space-between;}
    .Top003156 menu li{line-height: 1rem} 
    .Top003156 menu li:not(:last-child){margin-right: .5rem} 
    .Top003156 menu li span a{}
    .Top003156 .top-right{display: flex;align-items: center;justify-content: space-between;width: 63%}  
    .Top003156 .top-right dl{margin-left: .5rem}  
    .Top003156 .logo img{max-height:.6rem}
    .open-search{}
    .top-search{width: 25em;}
    
    .Top003156 .sub{position: absolute;top: 100%;background-color:rgba(161,132,103,.85);overflow: hidden;left: 50%;transform: translateX(-50%);width: 130px;margin-left: 0;display: none;border-radius: 0 0 1px 1px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);}
    .Top003156 .sub dl{margin-left: 0;background-color: transparent;}
    .Top003156 .sub dl dd{line-height: 2;text-align: center;}
    .Top003156 .sub dl dd a{color: #fff;}
    .Top003156 .sub dl dd:hover{background-color: #a5947d;}
    .Top003156 li:hover .sub{display: block;}
}

@media (max-width:1024px) {
    .Top003156 menu{position:absolute; right:0;top:100%; width:200px; padding: 0.625em;box-shadow:0 0 0.625em rgba(0,0,0,0.3); border-radius: 0.625em; visibility:hidden; transform: translateY(5em); transition: 0.3s; opacity:0; background:rgba(0,0,0,.5);}  
    .menu-show .Top003156 menu{transform: translateY(0); opacity: 1; visibility:inherit;}
    .Top003156 menu li span a{padding:0.8em 0;text-align:center;}
    .Top003156 .logo{max-width: 40%; padding:1em 0;}  
    .Top003156 .logo img{ max-height:.45rem;}
    .Top003156 .top-right{height:4em;}
    .Top003156 .top-right dd{font-size: 0.875em;}
    .Top003156 .top-right dt{padding-left: 1em;}
    .Top003156 .open-menu{display:block;width:2em;height:2em;}
    .Top003156 .open-menu i{background-color:#fff;}
    .Top003156 .open-menu:not(.on) i:nth-child(1){margin-top: -0.625em;}
    .Top003156 .open-menu:not(.on) i:nth-child(3){margin-top: calc(0.625em - 3px);}
    .top-search{width: 100%;}
}

@media (max-width:768px) {
.Top003156 menu li span a{font-size:.18rem;}
}


.Banner{position: relative; z-index: 1;}
.Banner li.slick-slide{position: relative;}
.Banner li.slick-slide .txt{position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;z-index: 11;}
.Banner li.slick-slide .txt .tit{color: #fff;font-size: .6rem;text-align: center;}
.Banner li.slick-slide .txt i{width:.8rem;height: .8rem;background: url(../images/icon-play.png)no-repeat center;background-size: auto;display: block;margin: .2rem auto 0}
.Banner li.slick-slide .txt .btn{text-align: center;margin: .5rem auto 0}
.Banner li.slick-slide .txt .btn .play{display: flex;align-items: center;justify-content: center;color: #fff;font-size: .18rem;}
.Banner li.slick-slide .txt .btn .play::before{content: '';width: .42rem;height: .42rem;background: url(../images/icon-play.svg)no-repeat center;background-size: .42rem auto;margin-right: .2rem;filter: grayscale(100) brightness(100);}
.Banner li.slick-slide img{display: block;width: 100%;}
.Banner li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;}
.Banner li.slick-slide video + a{visibility: hidden;}

.Banner .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;}
.Banner .slick-dots li{float: left; width: 12px; height: 12px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;}
.Banner .slick-dots li:not(:last-child){margin-right: 10px;}
.Banner .slick-dots li:before{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%;background: #fff; transition: 0.3s;content: '';}
.Banner .slick-dots li.slick-active:before{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);}
.Banner .slick-dots li button{display: none;}

@media(min-width:1025px){
.Banner li.slick-slide img{}
.Banner li.slick-slide img.wap{display: none;}
}
@media(max-width:1024px){
.Banner li.slick-slide img.pc{display: none;}
.Banner li.slick-slide video{left: -100%;top: 100%; opacity: 0;}
.Banner li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;}
.Banner li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
.Banner li.video-show video{left: 50%; top: 50%; opacity: 1;}
.Banner .slick-dots li{width: 10px; height: 10px;}
.Banner .slick-dots li:not(:last-child){margin-right: 4px;}
}

@media(max-width:640px){
/* .Banner li.slick-slide img{ min-height:35vh; object-fit:cover;} */
}


.home_title{padding-bottom: .6rem}
.home_title.tc{text-align: center}
.home_title .cn{color: #000;font-size: .46rem;font-family: 'HarmonyOS_Sans_SC_Light';}
.home_title .en{color: #b29873;font-size: 1rem;opacity: .1;text-transform: uppercase;line-height: .1;font-family: 'OPPOSans-M';font-style: italic}

.home_more.tc{text-align: center;}
.home_more.tc a{margin: 0 auto;}
.home_more a{display: flex;width: 2rem;height: .52rem;background:#ddc8aa url(../images/morebg.png)no-repeat left center;align-items: center;justify-content: space-between;padding: 0 .2rem;color: #fff;position: relative}
.home_more a span{position: relative;z-index: 2}
.home_more a::after{content:'';width: .26rem;height: .13rem;background: url(../images/icon-jt1.png)no-repeat center;filter: grayscale(100) brightness(100);position: relative;z-index: 2}
.home_more a::before{content: ''; background: #b29873 url(../images/morebg.png)no-repeat left center;width: 0;position: absolute;height: 100%;left: 0;top: 0;transition: .5s all;z-index: 1}
.home_more a:hover::before{width: 100%}
@media(max-width:1024px){
.home_more a::after{ background-size:.26rem;}
}


.home_box1{padding: 1.5rem 0 1.2rem;position: relative}
.home_box1 .desc{max-width: 9.3rem;text-align: center;color: #333;line-height: 2;margin: 0 auto .6rem;font-size: .18rem}
.home_box1 .quan{position: absolute;content: '';width: 3rem;height: 3rem;left: 50%;top: 2rem;transform: translateX(-50%);opacity: .15;
background: -moz-radial-gradient(center, ellipse cover, #b29873 0%, rgba(223, 245, 254, 0) 70%, rgba(255, 255, 255, 0) 100%);
background: -webkit-radial-gradient(center, ellipse cover, #b29873 0%, rgba(223, 245, 254, 0) 70%, rgba(255, 255, 255, 0) 100%);
background: radial-gradient(ellipse at center, #b29873 0%, rgba(223, 245, 254, 0) 70%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95dcfc', endColorstr='#00ffffff', GradientType=1 );}

.home_box1 .pic{margin-top: .8rem;display: flex;justify-content: flex-end;position: relative}
.home_box1 .pic .tips{position: absolute;left: 0;top: 40%;;display: flex;align-items: flex-start;font-size: .18rem;color: #b29873;z-index: 10}
.home_box1 .pic .tips span{font-family: 'OPPOSans-M';font-size: 1.1rem;opacity: .5;line-height: .8;margin-right: .2rem;}
.home_box1 .pic .tips::after{content: '';width: 1rem;height: 1px;background:#b29873;margin-top: .18rem;margin-left: 5px; }
.home_box1 .pic .img{position: relative;width: 75%;}
.home_box1 .pic .img::after{width: 100%;height: 100%;content: '';position: absolute;bottom: -.36rem;left: -.36rem;background: url(../images/home_box1_bg2.png)no-repeat bottom left;z-index: 1}
.home_box1 .pic .imgbox{height: 6rem;position: relative;overflow: hidden;z-index: 2}
.home_box1 .pic .imgbox span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: .3s all;}
.home_box1 .pic .imgbox span img{width: 100%;height: 100%;object-fit: cover}
.home_box1 .pic .imgbox:hover span{transform: scale(1.05)}

/* 古法工艺 */
.home_box1 .tips{font-size: .46rem;color: #000; text-align: center; margin-bottom: 0.5rem;}
.home_box1 .tips span{font-family: 'OPPOSans-M';font-size: 0.8rem;opacity: .5;line-height: .8;margin-right: .2rem;color: #b29873;}
.gfgylist{ margin-top: 1rem;}
.gfgylist .gyBox ul{display: flex;margin-left:-1%;}
.gfgylist .gyBox ul li{width:14%;margin-left:1%;overflow: hidden;position: relative;transition: all .5s; cursor: pointer;}
.gfgylist .gyBox ul li.on{width:44%;}
.gfgylist .gyBox ul li .img{padding-top:5.28rem;}
.gfgylist .gyBox ul li .img::after{content:"";display: block;width:100%;height:100%;background: rgba(0,0,0,0.4);position: absolute;top:0;left:0;}
.gfgylist .gyBox ul li .txt{position: absolute;width:100%;top:50%;left:0;transform: translateY(-50%);color:#fff;}
.gfgylist .gyBox ul li .txt .tag{width:0.6rem;height:0.6rem;line-height: 0.6rem;text-align: center; border: 1px solid rgba(255,255,255,0.3); border-radius: 50%;font-size: 0.36rem;font-family: 'OPPOSans-M';margin:0 auto;transition: all .5s;position: relative;}
.gfgylist .gyBox ul li .txt .tag::after{content:'';display: block;width:1px;height:0.2rem;background: rgba(255,255,255,0.3);margin:0 auto;position: relative;top:-0rem;}


.gfgylist .gyBox ul li .txt .tit{margin:0 auto;font-size: 0.2rem;line-height: 1.2;writing-mode: vertical-rl;transition: all .5s;margin-top: 0.4rem;}
.gfgylist .gyBox ul li .txt .dec{font-size: 0.16rem; line-height: 1.8;margin:0.15rem 0 0.2rem 0;display: none;}
.gfgylist .gyBox ul li.on .img::after{background: rgba(161,132,103,.2);}
.gfgylist .gyBox ul li.on .txt{ padding: 0.6rem;}
.gfgylist .gyBox ul li.on .tag{margin: 0; background: #b29873; border-color:#b29873 ; }
.gfgylist .gyBox ul li.on .txt .tit{font-size: 0.24rem;width:100%;writing-mode:inherit}
.gfgylist .gyBox ul li.on .txt .dec{display: block; font-size: 0.16rem; line-height: 1.8;}

@media(max-width:1024px){
.gfgylist .gyBox ul li .img{padding-top:3.2rem;}
.gfgylist .gyBox ul li .txt{padding:10px;}
.gfgylist .gyBox ul li .txt .tit{font-size: 16px;}
.gfgylist .gyBox ul li.on .txt .tit{font-size: 18px;font-weight: bold;}
.gfgylist .gyBox ul li.on .txt .dec{font-size: 14px;margin:10px 0 20px 0;min-width:1px;}
.gfgylist .gyBox ul li.on .txt .btn{min-width:1px;}
.gfgylist .gyBox ul li .txt .dec{font-size: 14px;}
}

@media(max-width:640px){
.gfgylist .gyBox ul{ flex-wrap:wrap;}
.gfgylist .gyBox ul li{ width:100%; margin-bottom:.2rem;}
.gfgylist .gyBox ul li .txt .tag{ margin:0;}
.gfgylist .gyBox ul li .txt{ padding:.2rem;}
.gfgylist .gyBox ul li .txt .tit{ writing-mode:inherit; -webkit-writing-mode:inherit; -ms-writing-mode:inherit; }
.gfgylist .gyBox ul li .txt .dec{ display:block;}
.gfgylist .gyBox ul li.on{ width:100%;}
.gfgylist .gyBox ul li.on .txt{ padding:.2rem;}
.home_box1 .tips{ line-height:2; font-size:.3rem;}
.home_box1 .tips span{ font-size:.5rem;}
}


.home_box2{position: relative;background: url(../images/home_box1_bg.jpg);padding: 1.2rem 0}
.home_box2 .w1600{position: relative;}
.home_box2 .open-video{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.home_box2 .open-video .tit{font-size: .6rem;text-align: center;font-family: 'HarmonyOS_Sans_SC_Light';color: #fff;}
.home_box2 .open-video i{width:.8rem;height: .8rem;background: url(../images/icon-play.png)no-repeat center;background-size: auto;display: block;margin: .2rem auto 0}
.home_box2 .files{position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: #000; z-index:20;}
.home_box2 .files .close-video{width: 40px; height: 40px; z-index: 10;position: absolute; right: 3%; top: 3%; cursor: pointer;}
.home_box2 .files .close-video:before,
.home_box2 .files .close-video:after{position: absolute;content: ''; left: 10%; width: 80%; height: 3px;background: #fff; top: 50%; margin-top: -1.5px;}
.home_box2 .files .close-video:before{transform: rotate(45deg);}
.home_box2 .files .close-video:after{transform: rotate(-45deg);}
.home_box2 .files video{height: 100%; width: 100%;}

.home_box2 .bg .imgbox{height: 8.4rem;position: relative;overflow: hidden;z-index: 2}
.home_box2 .bg .imgbox span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: .3s all;}
.home_box2 .bg .imgbox span img{width: 100%;height: 100%;object-fit: cover}

.home_box2 .swiper{margin: 0 -.3rem}
.home_box2 .item{padding:0 .3rem}
.home_box2 .item .pic{height: 2.8rem;overflow: hidden;position: relative;background: #000}
.home_box2 .item .pic img{ width:100%; height:100%; object-fit:cover; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.home_box2 .item:hover .pic img{transform: scale(1.1)}
.home_box2 .item:hover .txt .tit{color: #b29873;}
.home_box2 .item .txt{padding-top: .6rem}
.home_box2 .item .txt .time{color: #666;padding-bottom: .12rem}
.home_box2 .item .txt .tit{font-size: .3rem;color: #000}

.home_box2 .swiperBar {margin:1rem 0 0;position: relative;height: 1px;background: #ebebeb;margin-right: 1.25rem}
.home_box2 .swiperBar .cur {left: 0;top: -2px;height: 5px;background: #b29873;position: absolute;transition: .3s;}
.home_box2 .swiperCtr {position: absolute;right: 0;bottom: -.3rem}
.home_box2 .swiperCtr .btn {cursor: pointer;transition: .3s;width:.6rem;height:.6rem;top: 50%;background: #eeeeee;border-radius: 50%; overflow: hidden;display: inline-block;position: relative}
.home_box2 .swiperCtr .btn.prev{margin-right:.1rem;transform: rotate(180deg)}
.home_box2 .swiperCtr .btn.next{}
.home_box2 .swiperCtr .btn:before {content: "";left: 10%;top: 10%;width: 80%;height: 80%;position: absolute;opacity: 0.6;background: url(../images/icon-jt.svg)no-repeat center;background-size: .2rem auto;}

.home_box2 .swiperCtr .btn:hover{background:#b29873;border-color: #b29873 }
.home_box2 .swiperCtr .btn:hover:before{filter: grayscale(100) brightness(100);opacity: 1 }

.home_box3{padding: 1.2rem 0;position: relative;background: url(../images/home_box3_bg.jpg)}
.home_box3 .left .desc{line-height: 2;color: #333;padding-bottom: .8rem}

.home_box3 .right li .imgbox{height: 8.4rem;position: relative;overflow: hidden;z-index: 2}
.home_box3 .right li .imgbox span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: .3s all;overflow: hidden;}
.home_box3 .right li .imgbox span img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out}
.home_box3 .right li .imgbox span:hover img{transform: scale(1.1)}
.home_box3 .left{width:35%;flex: 0 0 auto}
.home_box3 .right{flex:1;padding-left:7%;display: flex;justify-content: space-between;}
.home_box3 .w1600{display: flex;justify-content: space-between;align-items:center; flex-wrap:wrap;}
.home_box3 .right ul{width:49%;}
.home_box3 .right ul:nth-child(1) li:nth-child(1){margin-left: .5rem}
.home_box3 .right ul:nth-child(1) li:nth-child(1) .imgbox{height: 3.9rem;margin-bottom: .2rem;}
.home_box3 .right ul:nth-child(1) li:nth-child(2) .imgbox{height: 2.5rem;}
.home_box3 .right ul:nth-child(2) li:nth-child(2){margin-right: .5rem}
.home_box3 .right ul:nth-child(2) li:nth-child(1) .imgbox{height: 2.5rem;margin-bottom: .2rem;}
.home_box3 .right ul:nth-child(2) li:nth-child(2) .imgbox{height: 3.9rem;}

@media(max-width:768px){
.home_box3 .left .desc{ padding-bottom:.35rem;}
.home_box3 .right ul:nth-child(1) li:nth-child(1){ margin-left:.3rem;}
.home_box3 .right ul:nth-child(2) li:nth-child(2){ margin-right:.3rem;}
.home_box3 .right ul:nth-child(1) li:nth-child(1) .imgbox{height:2rem;}
.home_box3 .right ul:nth-child(1) li:nth-child(2) .imgbox{height:1.5rem;}
.home_box3 .right ul:nth-child(2) li:nth-child(1) .imgbox{height:1.5rem;}
.home_box3 .right ul:nth-child(2) li:nth-child(2) .imgbox{height:2rem;}
}
@media(max-width:640px){
.home_box3 .right{ padding-left:0; margin-top:.35rem;}
}



.home_box4{padding: 1.2rem 0;position: relative;overflow: hidden;background: url(../images/home-cp.jpg) no-repeat center center;background-size: cover;}
.home_box4 .left li{line-height: 1rem;position: relative;padding-left: .5rem}
.home_box4 .left li aside{color: #000;opacity: .5;font-size: .18rem}
.home_box4 .left li::before{content:'';position:absolute;width:.08rem;height:.08rem;border-radius: 50%;background: #ddd;left: -.05rem;top: 50%;transform: translateY(-50%)}
.home_box4 .left li::after{content:'';position:absolute;width:.16rem;height:.16rem;border-radius: 50%;border:1px solid #b29873;left: -.09rem;top: 50%;transform: translateY(-50%);opacity: 0}
.home_box4 .left li.slick-current aside{color: #b29873;opacity: 1;font-size: .24rem;font-family: 'HarmonyOS_Sans_SC_Bold'; }
.home_box4 .left li.slick-current::before{background: #b29873;}
.home_box4 .left li.slick-current::after{opacity: 1;}

.home_box4 .right .pic{ position: relative;}
.home_box4 .right .pic::after {width: 85%;height: 100%;content: '';position: absolute;bottom: 0;left: 0rem;background: url(../images/picbg.png) no-repeat left top; background-size: contain;z-index: 1;}
.home_box4 .right .imgbox{height: 5.5rem;position: relative;overflow: hidden;z-index: 2}
.home_box4 .right .imgbox span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: .3s all;}
.home_box4 .right .imgbox span img{width: 100%;height: 100%;object-fit: contain}
.home_box4 .right .txt .tit1{font-size: .46rem;color: #000;font-family: 'HarmonyOS_Sans_SC_Bold';padding-bottom: .1rem}
.home_box4 .right .txt .tit2{font-size: .3rem;color: #b29873;}
.home_box4 .right .txt .desc{font-size: .18rem;color: #333;padding: .2rem 0 .3rem;line-height: 1.75}
.home_box4 .right .txt .tips-txt{padding: .3rem 0;border-top: 1px solid #ebebeb;line-height: 2;}

@media(min-width:1025px){
.home_box4 .wrap{display: flex;justify-content: space-between;align-items: center;padding-top: .5rem}
.home_box4 .left{width: 15%;flex: 0 0 auto}
.home_box4 .left{padding:1rem 0;position: relative;margin-left:-.16rem}
.home_box4 .left .slick-track{padding-left: .16rem}
.home_box4 .left::before{content: '';width: 1px;height: 100%;position: absolute;left: .16rem;top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 50%, rgba(255, 255, 255, 0) 100%);}
.home_box4 .right{flex:1;padding-left:5%; width:85%;}
.home_box4 .right li{display: flex;justify-content: space-between;align-items: center}
.home_box4 .right li .pic{width: 45%;flex: 0 0 auto;;}
.home_box4 .right li .txt{flex:1;padding-left: 5%}
}

.home_box5{padding: 1.4rem 0;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center}
.home_box5 .home_title .en,
.home_box5 .home_title .cn{color: #fff}
.home_box5 .desc .tit1{font-size: .3rem;color: #fff;padding-bottom: .2rem}
.home_box5 .desc .tit1 span{color:#b29873;font-size: .36rem ;}
.home_box5 .desc .tit2{color:#fff;font-size: .18rem }
.home_box5 .form li{position: relative;margin-bottom: .2rem}
.home_box5 .form .yzm li{margin-bottom: 0}
.home_box5 .form li .tit{position: absolute;left:.2rem;height: 100%;color: #fff;line-height: .5rem }
.home_box5 .form li .text,
.home_box5 .form li select{width: 100%;border: 1px solid #fff;background: rgba(255,255,255,.15);height: .5rem;line-height: .48rem;padding: 0 .2rem;color: #fff; display:block!important;}
.home_box5 .form li select{background:rgba(255,255,255,.15) url(../images/select.png) no-repeat right 0.2rem center;appearance: none; -moz-appearance: none;-webkit-appearance: none;}
.home_box5 .form li select option{ color:#333;}
.home_box5 .form li select::-ms-expand {display: none;}
.home_box5 .form li textarea.text{height: 1.4rem;}
.home_box5 .form .yzm li.yzmbox{display: flex;align-items: center;margin-right: .2rem;position: relative;width: 32%}
.home_box5 .form .yzm li.yzmbox .yzmcode{position: absolute;right: .1rem;top: 50%;transform: translateY(-50%);}
.home_box5 .form .yzm li .btn{height: .5rem;width: 1.8rem;background:#b29873;color: #fff;text-align: center;border: 0;}

@media(min-width:1025px){
.home_box5 .w1600{display: flex;align-items: center;justify-content: space-between}
.home_box5 .left{width: 30%;flex: 0 0 auto}
.home_box5 .right{width: 55%;}
.home_box5 .form .row-2 li{float: left;width: 49%;}
.home_box5 .form .row-2 li:nth-child(2){float: right;}
.home_box5 .form .row-3 li{float: left;width: 32%;margin-right: 2%}
.home_box5 .form .row-3 li:nth-child(3){margin-right: 0}
.home_box5 .form .yzm li{float: left;}
}

@media(max-width:1024px){
.home_box5 .left{margin-bottom:.3rem;}
.home_box4 .left li::before{ left:.045rem;}
.home_box4 .left li::after{ left:0;}
}
@media(max-width:640px){
.home_box3 .left{ width:100%;}
.home_box4 .left{ width:100%; margin-bottom:.35rem;}
.home_box4 .left li{ line-height:.5rem;}
.home_box4 .left li::before{ width:5px; height:5px;}
.home_box4 .left li::after{ width:13px; height:13px;}

.home_box5 .form .yzm li.yzmbox{ width:100%;}
}



.Bottom{background: #a18467;}
.Bottom a:hover{color: #fff!important;}
.Bottom .bottom-top{padding: .9rem 0;}
.Bottom .bottom-top nav dl{float: left;}
.Bottom .bottom-top nav dt{margin-bottom: .3rem;font-size: .18rem;font-family: 'HarmonyOS_Sans_SC_Regular';}
.Bottom .bottom-top nav dt a{color: #fff;}
.Bottom .bottom-top nav dd a{font-size: .14rem;color: rgba(255,255,255,.5);line-height: 2}
.Bottom .bottom-top .bottom-contact .logo{padding-bottom: .4rem}
.Bottom .bottom-top .bottom-contact .logo img{max-height: .6rem;filter: grayscale(100) brightness(100);}
.Bottom .bottom-top .bottom-contact .hotline{color: rgba(255,255,255,.5);}
.Bottom .bottom-top .bottom-contact .hotline aside{color: #fff;font-size: .26rem;font-family: 'HarmonyOS_Sans_SC_Bold';padding-top: .05rem}
.Bottom .bottom-top .bottom-share{padding-top: .3rem}
.Bottom .bottom-top .bottom-share li{float: left;position: relative}
.Bottom .bottom-top .bottom-share li:not(:last-child){margin-right: .1rem}
.Bottom .bottom-top .bottom-share li a{display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;border-radius: 50%;position: relative;overflow: hidden}
.Bottom .bottom-top .bottom-share li a span{width: 45%;height: 45%;background-size: contain;background-repeat: no-repeat;background-position: center}
.Bottom .bottom-top .bottom-share li a::before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(255,255,255,.05);transition: .3s all}
.Bottom .bottom-top .bottom-share li:hover a::before{background: rgba(255,255,255,.3);}
.Bottom .bottom-top .bottom-share li figure{position: absolute;left: 50%;bottom: 120%;display: none;z-index: 33;transform: translateX(-50%);background-color: #fff;padding: .05rem;width: 1.4rem;}
.Bottom .bottom-top .bottom-share li figure img{width: 100%;}
.Bottom .bottom-top .bottom-share li:hover figure{display: block;}
.Bottom .copyright{display: flex;align-items: center;justify-content: space-between;font-size: .14rem;color: rgba(255,255,255,.5);line-height: .8rem;border-top: 1px solid rgba(255,255,255,.1);padding-bottom: .3rem}
.Bottom .copyright .left a{color: rgba(255,255,255,.5);}
.Bottom .copyright .right a{margin-left: .15rem;color: rgba(255,255,255,.5);}

@media(min-width:1025px){
.Bottom .bottom-top{display: flex;justify-content: space-between;}
.Bottom .bottom-top nav{width: 65%;flex: 0 0 auto}
.Bottom .bottom-top .bottom-contact{padding-right: 5%}
}

@media(max-width:640px){
.Bottom .bottom-top{ padding:.5rem 0;}
.Bottom .bottom-top nav{ width:100%; overflow: hidden;}
.Bottom .bottom-top nav dt{ margin-bottom:.1rem; font-size:14px;}
.Bottom .bottom-top nav dd a{ font-size:12px;}
.Bottom .bottom-top .bottom-share{ padding:.2rem 0; width:100%; overflow:hidden;}
.Bottom .copyright{ font-size:12px; padding:.2rem 0; line-height:1.8; flex-wrap:wrap; justify-content:center;}
}



.Cbanner{position: relative}
.Cbanner .txt{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;}
.Cbanner .txt .tit{font-size: .6rem;color: #fff; font-family: 'HarmonyOS_Sans_SC_Bold';}
.place{color: #666666;text-align: right;font-weight: 100;position: absolute;left: 0;bottom: .3rem;width: 100%}
.place.prod{position: relative;left: auto;bottom: auto;width: 100%;padding-top: .3rem}
.place .w1440{text-align: right;}
.place a{color: #fff;margin-right: 0.22rem;position: relative;opacity: .5}
.place.prod a{color: #777;}
.place a:hover,
.place span{color: #fff;display: inline-block;}
.place.prod a:hover,
.place.prod span{color: #333;display: inline-block;}
.place a:after{position: absolute;width: 0.22rem;right: -0.22rem;top: 50%;height:100%;content: "/";text-align: center;transform: translateY(-50%);}
.place.detail{text-align: left;padding: 1.354vw 0;}
.Cbanner figure{height: 8.3rem;}
@media(min-width:1025px){
.Cbanner img{display: none;}
}
@media(max-width:1024px){
.Cbanner figure{display: none;}
}
@media(max-width:640px){
.Cbanner .txt .tit{ font-size:.36rem;}
}


.colName{display:none;background-color:rgba(var(--main-color));border-radius: 0 0 5px 5px;color: #fff;position: relative;padding: 0 0.3rem;line-height: 2.2;margin-bottom: 0.1rem;}
.colName:after{content:"";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/icon-jt.svg) no-repeat center center/0.2rem 0.2rem;height: 100%;width: 20px;transition: all 0.3s;}
.colName.on:after{ transform: translateY(-50%) rotate(90deg);}

.subMenu{background-color: #fff;font-weight: 100;}
.subMenu .flex-row{display: flex;align-items: center;}
.subMenu li{position: relative;}
.subMenu li:not(:last-child){margin-right: 0.5rem;}
.subMenu li span{display: block;width: 100%;position: relative;}
.subMenu li span a{color: #010101;display: block;padding-top: .5rem;font-size: .22rem;}
.subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;top:0;height: 5px;content: "";background:#b29873;transition: all 0.5s;}
.subMenu li.onli a,
.subMenu li:hover a{}
.subMenu li.onli:before,
.subMenu li:hover:before{width: 100%;}
    
@media(max-width:1024px){
.subMenu li span a{ padding-top:.3rem;}
}
@media(max-width:768px){
.subMenu{padding: 0.2rem 0;}
.subMenu .w1440{ position: relative;}
.subMenu .colName{ display:block; color:#333; font-size:.22rem; line-height:3; margin-bottom:0; border:solid 1px #ccc; border-radius:.05rem;}
.subMenu .ul{margin-bottom: 0.15rem; display:none; position:absolute; z-index:5; background:#fff; width:100%; padding:.1rem 0.3rem;}
.subMenu li{min-width: 33.333%;margin: 0 !important;}
.subMenu li:before{height: 0;background-color: #f0f0f0;}
.subMenu li.onli a, 
.subMenu li:hover a{color: rgba(var(--main-color));}
.subMenu li span a{line-height:2.5; padding-top:0;}
}


.ctitle{font-size: .48rem;color: #010101;}
.ctitle.ct{text-align: center}


.About{padding: 1.2rem 0}
.About .left{position: relative}
.About .left .logo{position: absolute;left: 0;bottom: 0}
.About .left .logo img{max-width: 3rem;}
.About .right{line-height: 1.75;color: #333}
@media(min-width:1025px){
.About .w1440{display: flex;justify-content: space-between}
.About .left{flex: 0 0 auto;margin-right: 2.1rem;width: 25%}
.About .right{flex: 1;}
}
@media(max-width:1024px){
.About .w1440{display: flex;justify-content: space-between; flex-wrap:wrap;}
.About .left{flex:0 0 auto;margin-right:.25rem; width:25%; margin-bottom:.3rem;}
.About .left .logo{ position: relative;text-align: center;}
.About .left .logo img{ max-height:1rem;}
.ctitle{text-align: center;}
}
@media(max-width:640px){
.About{ padding:.35rem 0 .8rem;}
.About .left{ width:100%;}
}


.Origin{padding: 1.2rem 0;background-size: cover;background-position: center;background-repeat: no-repeat}
.Origin .ctitle{color: #333}
.Origin .tip{text-align: center;padding-top: .5rem;color: #666}
.Origin .list{display: flex;justify-content: center;flex-wrap: wrap;padding-top: .3rem}
.Origin .list .item{width: 19%;text-align: center;position: relative;padding:0.4rem 0.2rem;margin-top: .3rem; margin-right: 1%; background: rgba(178,152,115,.3);transition: all .5s;}
.Origin .list .item .tit1{width:1.2rem;height:1.2rem;line-height: 1.2rem;text-align: center;border-radius: 50%;font-size: 0.42rem;color: rgba(178,152,115,1);; font-weight: bold; margin:0 auto;transition: all .5s;position: relative;margin: 0 auto .15rem;cursor: pointer}
.Origin .list .item .tit1::before{content:'';display: block;width:100%;height:100%;background: url(../images/yuan.png) no-repeat center center;background-size: 100% 100%;position: absolute;left:0;top:0;}
.Origin .list .item .tit1 i{display: block;width:100%;height:100%;background: url(../images/yuan1.png) no-repeat center center;background-size: 100% 100%;position: absolute;top:0;left:0;-webkit-animation: rotate 3s linear infinite;animation: rotate 3s linear infinite;}
.Origin .list .item .tit2{font-size: .22rem;color: #333;padding-bottom: .18rem;}
.Origin .list .item .desc{font-size: .16rem;color: #666;line-height: 1.8}

.Origin .list .item:hover{background: rgba(178,152,115,.2);transform: translateY(-0.1rem);}
.Origin .list .item:hover .tit1{ transform: translateY(-0.1rem);}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media(max-width:640px){
.Origin{ padding:.6rem 0;}
.Origin .list .item{ width:100%;}
.Origin .tip{ line-height:1.5;}
}

.Culture{padding: 1.2rem 0}
.Culture .ctitle{padding-bottom: .8rem}
.Culture .w1440{ display: flex; flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.Culture .textBox{width: calc(580/1440 * 100%);}
.Culture .textBox .ul{}
.Culture .textBox li{padding-bottom: calc(25/580 * 100%); cursor: pointer; border-bottom: 1px solid #f0f0f0;}
.Culture .textBox li:not(:nth-last-of-type(1)){margin-bottom: calc(40/580 * 100%);}
.Culture .textBox li aside{display: flex; transition: .3s; position: relative; align-items: center;}
.Culture .textBox li aside p{font-size: calc(20/16 * 1em); transition: .3s; padding-left: calc(46/20 * 1em + 20/580 * 100%); margin: 0; color: #333;}
.Culture .textBox li aside span{color: #666; font-weight: 500; margin-left: auto;}
.Culture .textBox li aside figure{position: absolute; max-width: calc(46/16 * 1em); left: 0; top: 50%; transform: translateY(-50%);}
.Culture .textBox li .li_c{display: none; margin-top: calc(20/580 * 100%); padding-left: calc(46/16 * 1em + 20/580 * 100%);}
.Culture .textBox li .li_c p{font-weight: 500; max-width: 84%; margin: 0; color: #333; line-height: calc(30/16);}
.Culture .textBox li.active aside p{color: #b29873;}
.Culture .textBox li.active figure{ animation: company_culture_figure 6s linear infinite ;}
.Culture .imgBox{width: calc(685/1400 * 100%); padding-bottom: 5rem; position: relative;background: #000}
.Culture .imgBox .img{position: absolute;bottom: 0; left: 0;width:100%; height: 100%;background-size: cover;z-index: 2}
.Culture .imgBox .img img{position: relative;width:100%; height: 100%;object-fit: cover;z-index: 2}
.Culture .imgBox .img::after{width: 100%;height: 100%;content: '';position: absolute;bottom: -.36rem;left: -.36rem;background: url(../images/home_box1_bg2.png)no-repeat bottom left;z-index: 1}


@media(max-width:1024px){
.Culture .textBox li aside figure{ width:calc(36/16 * 1em);}
.Culture .imgBox{margin-top:1em; margin-left: auto;}
}
@media(max-width:640px){
.Culture{ padding:.6rem 0;}
.Culture .textBox{ width:100%;}
.Culture .imgBox{ width:90%; margin-top:.5rem;}
}

/* 
@keyframes company_culture_figure {
    0%{
        transform: rotateY(0deg) translateY(-50%);
    }
    100%{
        transform: rotateY(360deg) translateY(-50%);
    }
} */



.company_history{background-size: cover; background-position: center;}
.company_history .w1440{padding: 1.2rem 0;}
.company_history .flex_jb_ac_fw {display: flex;justify-content: space-between;align-items: center;}
.company_history .flex_jb_ac {display: flex;justify-content: space-between;align-items: center;}
.company_history .history_info{margin-top: calc(70/1440 * 100%); overflow: hidden;}
.company_history .history_info .text aside{color:#b29873; line-height: .8; font-weight: 700;font-size: 1.2rem;font-family: 'OPPOSans-M';}
.company_history .history_info .text .content{margin-top: .5rem;}
.company_history .history_info .text h3{font-size: .2rem;color: #010101;padding-bottom: .1rem}
.company_history .history_info .text p{color: #555555; line-height: 2;}
.company_history .history_info .back{width: calc(800/1440 * 100%);flex: 0 0 auto;margin-left: 1rem}

.company_history .history_year_container{margin-top: calc(70/1440 * 100%); position: relative;}
.company_history .history_year{position: absolute; width: calc(100% - 1.2rem); left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
.company_history .history_year::after{content: ""; position: absolute; width: 100%; height: 1px; background-color: #d2d2d3; left: 0; top: 50%; transform: translateY(-50%);}
.company_history .history_year li{position: relative; cursor: pointer;}
.company_history .history_year .spot_box{ padding: .45rem 0;}
.company_history .history_year .spot{width: 20px; height: 20px; transition: .3s; margin: 0 auto; border-radius: 50%; background-color: #fff; position: relative; display: flex; align-items: center; justify-content: center;}
.company_history .history_year .spot::after{content: ""; width: 8px; height: 8px; transition: .3s; border-radius: 50%; background-color:#b29873;}
.company_history .history_year span{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.company_history .history_year .slick-current .spot{background-color: #b29873;}
.company_history .history_year .slick-current .spot::after{background-color: #fff;}
.company_history .history_year .slick-current span{font-size: .28rem; color:#b29873;}
/* .company_history .history_year .opacity{opacity: .3;} */
.company_history .history_year_container .swiperCtr{position: unset;}


.swiperCtr .slick-arrow{flex:0 0 auto;text-align:center;width:0.6rem;height:0.6rem;cursor:pointer;border:1px solid #a2a2a2;border-radius:50%;transition: .3s;display: flex;align-items: center;justify-content: center}
.swiperCtr .slick-arrow.slick-prev{transform: rotate(180deg);}
.swiperCtr .slick-arrow::after{background: url(../images/icon-jt.svg)no-repeat center;background-size: .16rem auto;content: '';width: .2rem;height: .2rem;}
.swiperCtr .slick-arrow:hover{background: #b29873;color: #fff;border-color: #b29873;}
.swiperCtr .slick-arrow:hover::after{filter: grayscale(100) brightness(100);}

@media(max-width:1024px){
.swiperCtr .slick-arrow{width: .5rem; height: .5rem;}
.company_history .history_year{width: calc(100% - 1rem);}
.company_history .history_year .slick-current span{font-size: .2rem;}
}
@media(max-width:768px){
.company_history .flex_jb_ac_fw{ flex-wrap:wrap;}
.company_history .history_info .text{width: 100%;}
.company_history .history_info .text aside{ font-size:.6rem; line-height:1.5;}
.company_history .history_info .text .content{ margin:.2rem 0;}
.company_history .history_info .text p{ font-size:.2rem;}
.company_history .history_info .back{width: 100%; margin:0;}
.company_history .history_info .back img{ width:100%;}
}
@media(max-width:640px){
.company_history .w1440{ padding:.6rem 0 1rem;}
}


.company_honor { background: linear-gradient(to bottom, #fdfbf8 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);}
.company_honor .w1440{padding: calc(120/1920 * 100%) 0;}
.company_honor aside{text-align: center;}
.company_honor .ul{align-items: center;  padding: 20px; padding-top: calc(60/1400 * 100%); padding-bottom: 0; overflow: hidden;}
.company_honor .ul .slick-list{overflow: visible;}
.company_honor .ul li figure{padding-bottom: calc(240/335 * 100%); background-size: cover;}
.company_honor .ul li .img{padding: calc(18/16 * 1em) calc(20/16 * 1em); border-radius: calc(10/16 * 1em); box-shadow: 0px 0px 20px 0px rgba(0,0,0,.3); background: url(../images/honor_back.png) no-repeat center; background-size: cover;}
.company_honor .ul li p{color: #333;  font-weight: 500;margin: 0 auto; margin-top: calc(20/18 * 1em);  font-size: calc(18/16 * 1em); text-align: center; line-height: 2; max-width: 64%; }
.company_honor .ul li{transform-origin: left; transition: .3s;}
.company_honor .ul li.slick-current + li + li{transform-origin: right;}
.company_honor .ul li:not(.slick-active){transform-origin: center;}
.company_honor .control{margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin-top: calc(40/1400 * 100%); width: calc(343/16 * 1em);}
.company_honor .control .lineBox{background-color: #f0f0f0; width: calc(200/16 * 1em); height: 1px;}
.company_honor .control .lineBox .line{height: 2px; background-color: #b29873; transition: .3s;}

.company_honor .control .slick-arrow{position: relative; font-size: calc(16/16 * 1em); text-indent: -9999px; overflow: hidden; left: 0; width: calc(50/16 * 1em); background-color:#b29873; margin-top: 0; height: calc(50/16 * 1em); border-radius: 50%; border: 1px solid #b29873;display: flex;justify-content: center;align-items: center}
.company_honor .control .slick-arrow::after{background: url(../images/icon-jt.svg)no-repeat center;background-size: .16rem auto;content: '';width: .2rem;height: .2rem;filter: grayscale(100) brightness(100);}
.company_honor .control .slick-arrow.slick-prev{transform: rotate(180deg);}
.company_honor .control .slick-arrow.slick-disabled{background-color: transparent; background-image: url(../images/icon-jt.svg); cursor: auto;}
.company_honor .control .slick-arrow.slick-disabled::after{filter: none;}

@media(min-width:1025px){
    .company_honor .ul li:not(.slick-current + li){transform: scale(.845);}
}

@media(max-width:1024px){
.company_honor .ul{width: calc(100% + 10px); padding: 5px; padding-top: calc(60/1400 * 100%); padding-bottom: 0; }
.company_honor .ul li{transform: scale(.95);}
.company_honor .ul li p{font-size: calc(14/16 * 1em);}
.company_honor .ul li.slick-current + li{transform-origin: right;}
.company_honor .ul li.slick-current + li + li{transform-origin: center;}
.company_honor .ul li .img{padding: calc(9/16 * 1em) calc(10/16 * 1em);}
.company_honor .control .slick-arrow{width: calc(35/16 * 1em); height: calc(35/16 * 1em);}
}
@media(max-width:768px){
.company_honor .ul li p{font-size:.2rem;}
}
@media(max-width:480px){
.company_honor .ul li{transform-origin: center;}
}





.Product{padding: 1.2rem 0}
.Product .tip{text-align: center;color: #b29873;font-size: .3rem;padding-top: .3rem;position: relative;padding-bottom: 1.2rem;}
.Product .tip span{font-size: .18rem}
.Product .tip::before{content: '';position: absolute;left: 50%;bottom: 0;margin-left: -1px;width: 1px;height: .94rem;background: #e5e5e5}
.Product .tip::after{content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 5px;height: 5px;background: #b29873;border-radius: 50%;}
.Product .desc{padding: .2rem 0 .7rem;text-align: center}
.Product .desc span{font-size: .18rem;display: inline-block;position: relative;padding: 0 .3rem}
.Product .desc span:not(:last-child)::after{content: '';position: absolute;width: 1px;height: 80%;background: #e5e5e5;right: -2px;top: 50%;transform: translateY(-50%);}
@media(max-width:640px){
.Product{ padding:.6rem 0;}
.Product .desc{ line-height:1.8; padding-bottom:.35rem;}
}



.RighInfo002254{ padding:.7rem 0 1rem;}
.RighInfo002254 .slider-big li figure{height: 5.62rem}
.RighInfo002254 .slider-list{ position: relative;}
.RighInfo002254 .slider-list li{ border: 0!important}
.RighInfo002254 .slider-list li figure:before{position: absolute;width: 100%;height: 100%;content: '';border: 2px solid #b29873;left: 0;top: 0;opacity: 0}
.RighInfo002254 .slider-list li.slick-current figure:before{opacity: 1}
.RighInfo002254 .slider-list .slick-arrow{position:absolute; width:100%; height:40px;cursor:pointer; background-position: center;background-repeat: no-repeat; background-size: auto 50%;}
.RighInfo002254 .slider-list .slick-prev{background-image:url(../images/RighInfo002254-btn_prev.png);}
.RighInfo002254 .slider-list .slick-next{background-image:url(../images/RighInfo002254-btn_next.png);}
.RighInfo002254 .slider-list .slick-disabled{cursor:default;}

.RighInfo002254 .right_info h1{color:#010101; font-size:.36rem;font-weight: normal;padding-top: .3rem }
.RighInfo002254 .right_info .tit2{font-size: .2rem;color: #b29873;}
.RighInfo002254 .right_info .desc{font-size: .18rem;color: #333;padding: .5rem 0 .3rem;margin-top: .5rem;line-height: 1.75;border-top: 1px solid #ebebeb;}
.RighInfo002254 .right_info .tips-txt{padding: .5rem 0 .3rem;line-height: 2;}
.RighInfo002254 .right_info .price span{font-size: .3rem;color: #b29873;font-family: 'OPPOSans-M';}
.RighInfo002254 .right_info .btn{margin-top: .8rem;}
.RighInfo002254 .right_info .btn a{display: inline-block;width: 1.6rem;height: .5rem;border: 1px solid #010101;text-align: center;line-height: .5rem;color: #010101;transition: .3s all}
.RighInfo002254 .right_info .btn a:hover{color: #fff;background: #b29873;border-color: #b29873}

.RighInfo002254 .w1440{display: flex;justify-content: space-between;}
.RighInfo002254 .right_info{width:43.2%;}
.RighInfo002254 .list_img{width:47.6%; position:relative;display: flex;justify-content: space-between;}
.RighInfo002254 .slider-big{flex:1;width:80%}
.RighInfo002254 .slider-big *{height: 100%;}
.RighInfo002254 .slider-list{width:.8rem;height: 100%;margin-right:.25rem;flex:0 0 auto;padding: .5rem 0;box-sizing: border-box;}
.RighInfo002254 .slider-list .slick-arrow{ left: 0;}
.RighInfo002254 .slider-list .slick-prev{top: 0;}
.RighInfo002254 .slider-list .slick-next{bottom: 0;}
.RighInfo002254 .slider-list li{height:.8rem; position:relative;}
.RighInfo002254 .slider-list li figure{background-size:contain;padding-bottom:97%;position: absolute;width:97%;top: 0}

@media (max-width:768px) {

.RighInfo002254 .right_info{width:43%;}
.RighInfo002254 .right_info .tips{ padding:.3rem 0 .2rem;}
.RighInfo002254 .right_info .btn{ margin-top:.4rem;}
.RighInfo002254 .right_info h1{ padding-top:0;}
.RighInfo002254 .list_img{width:53%;}
.RighInfo002254 .slider-big li figure{ height:4.2rem;}
.RighInfo002254 .slider-list{width:.7rem;}
.RighInfo002254 .slider-list li{height:.7rem; position:relative;}
}
@media(max-width:640px){
.RighInfo002254 .slider-list{height: auto;}
.RighInfo002254 .w1440{ flex-wrap:wrap;}
.RighInfo002254 .list_img{ width:100%; flex-wrap:wrap;}
.RighInfo002254 .right_info{ padding-top:.35rem; width:100%;}
.RighInfo002254 .right_info h1{font-size:20px; }
.RighInfo002254 .right_info h3{ font-size:16px;}
.RighInfo002254 .slider-big{ flex: none; width:100%;}
.RighInfo002254 .slider-big li .Ispic{ height:0; padding-bottom:100%;}
.RighInfo002254 .slider-list{ width:100%; padding:0 42px; margin:3vw 0;}
.RighInfo002254 .slider-list li{ height:auto;}
.RighInfo002254 .slider-list li .Ispic{ position:relative; padding-bottom:90%; width:90%; margin:0 auto;}
.RighInfo002254 .slider-list .slick-arrow{top:0;width:42px;height:100%;background-size: contain;transform: rotate(-90deg);}
.RighInfo002254 .slider-list .slick-prev{left:0;right: auto;}
.RighInfo002254 .slider-list .slick-next{right:0;left: auto;}
.RighInfo002254 .tab .h1_tab{ font-size:14px;}
.RighInfo002254 .tab .h1_tab span{ padding:0 3%;}
}	



.prodetail{padding: .6rem 0;background: #f9f9f9;}
.prodetail .title{color: #010101;font-size: .22rem;padding-bottom: .3rem;margin-bottom: .3rem;border-bottom: 1px solid #ddd}
.prodetail .desc{line-height: 2}

.prodetailcon{padding: .6rem 0 2rem}
.prodetailcon .con{max-width: 7.9rem;margin: 0 auto}


.cpwh{padding: 1.2rem 0}
.cpwh .flex{background: url(../images/cpwh-bg.png)no-repeat right bottom;}
.cpwh .ctitle{padding-bottom: .8rem}
.cpwh .ctitle::after{content: '';display: block;width: .6rem;height: 6px;background:#b29873;margin-top: .4rem }
.cpwh .left .img{background: #000;height: 8rem;position: relative;overflow: hidden}
.cpwh .left .img span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.cpwh .left .img span img{width: 100%;height: 100%;object-fit: cover}
.cpwh .right .desc{line-height: 2.5}
@media(min-width:1025px){
.cpwh .flex{display: flex;align-items: center;justify-content: space-between}
.cpwh .left{width: 47%;flex: 0 0 auto}
.cpwh .right{margin-left: 1.5rem;flex: 1}
}

@media(max-width:640px){
.cpwh{ padding:.6rem 0;}
.cpwh .ctitle{padding:.5rem 0;}
.cpwh .left .img{ height:auto;}
.cpwh .left .img span{ position: relative;}
}



.new{padding: 1.2rem 0}
.new li{float: left;width: 32%;margin-right: 2%;margin-bottom: 3%}
.new li:nth-child(3n){margin-right: 0;}
.new li .pic{height: 2.8rem;position: relative;overflow: hidden}
.new li .pic span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: .3s all}
.new li .pic span img{width: 100%;height: 100%;object-fit: cover}
.new li .txt{background: #f5f5f5;padding: .4rem}
.new li .txt .time{font-size: .18rem;color: #010101}
.new li .txt .tit{font-size: .24rem;color: #010101;padding-top: .2rem;border-bottom: 1px solid #ddd;padding-bottom: .35rem}
.new li:hover .pic span{transform: scale(1.05)}
.new li:hover .txt{background: #b29873;}
.new li:hover .txt .time{color: #fff;}
.new li:hover .txt .tit{color: #fff;border-color: #fff}

@media(max-width:1024px){
.new li .txt{ padding:.2rem;}
.new li .txt .tit{ padding-bottom:.2rem;}
}
@media(max-width:640px){
.new{ padding:.6rem 0;}
.new li:nth-child(3n),
.new li{ width:48%; margin-right:4%; margin-bottom:4%;}
.new li .pic{ height:2rem;}
.new li:nth-child(2n){ margin-right:0;}
}




/* 分页 */
.Page002623{padding: .6rem 0 0 0; text-align: center;font-family: Arial;font-size: .2rem;}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 1.5vw; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: .6rem; width: .6rem; margin: 0 5px;border-radius: 50%;color: #010101;background: #f5f5f5}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: #b29873;border-color:#b29873 }
.Page002623 .Pages .p_page > a{font-size: 0;height: .6rem;position: relative;border-radius: 50%;border: 1px solid #010101;background: #fff}
.Page002623 .Pages .p_page > a:before{position: absolute;width: 100%;height: 100%; content: '';background:url(../images/icon-jt.svg)no-repeat center ;background-size: .2rem auto;; left: 50%; top: 50%;transform: translate(-50%,-50%)}
.Page002623 .Pages a.a_prev{transform: rotate(180deg)}
.Page002623 .Pages a.a_next{background:#b29873; border-color:#b29873}
.Page002623 .Pages a.a_next:before{filter: grayscale(100) brightness(100);}
.Page002623 .Pages .p_page > a:hover{background:#b29873; border-color:#b29873 }
.Page002623 .Pages .p_page > a:hover:before{filter: grayscale(100) brightness(100);}
@media(max-width:640px){
.Page002623{padding: 6vw 0 50px 0;}
.Page002623 .Pages em{display: none;}
}





.News_detail{padding:.7rem 0 1rem;}
.News_detail .title{background: #f5f5f5;padding:.6rem .5rem;text-align: center;margin-bottom: calc(54 / 16 * 1em); }
.News_detail .title .tit{font-size:.36rem;color: #333;padding-bottom:.1rem }
.News_detail .desc{line-height: 1.75;color: #555}
.News_detail .desc .img {display: flex;justify-content: space-between;margin: 3vw 0;}
.News_detail .desc .img li{width: 23%;padding-bottom:calc(210 / 16 * 1em) ;position: relative;overflow: hidden}
.News_detail .desc .img li img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;;}
.News_detail .btns{padding-top: calc(60 / 16 * 1em);margin-top: calc(60 / 16 * 1em);border-top: 1px solid #ebebeb}
.News_detail .btns .page aside{line-height: 2}
.News_detail .btns .page aside i{font-style: normal;color:#b29873;display: inline-block;margin-right: 10px}

@media(min-width:1025px){
.News_detail .btns{display: flex;align-items: center;justify-content: space-between}
.News_detail .btns .page{flex: 1}
.News_detail .btns .btn{flex: 0 0 auto;margin-left: 5%}
}
@media(max-width:1024px){
.News_detail{padding: 50px 0}
.News_detail .title .tit{font-size: calc(26 / 16 * 1em);}
.News_detail .btns .btn{margin-top: 20px}
.News_detail .desc{line-height: 2;font-size: 14px}
}
@media(max-width:640px){
.News_detail .title{ padding:.35rem;}
.News_detail .title .tit{ padding-bottom:.15rem;}
.News_detail .btns .home_more{ margin-top:.2rem;}
}




.hmtd{padding: 1.2rem 0}
.hmtd .flex{background: #f5f5f5}
.hmtd .left .img{background: #000;height: 8rem;position: relative;overflow: hidden}
.hmtd .left .img span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.hmtd .left .img span img{width: 100%;height: 100%;object-fit: cover}
.hmtd .right {padding:.5rem .8rem}
.hmtd .right .desc{font-size: .2rem;color: #010101;padding-top: .15rem;padding-bottom: .5rem}

.hmtd .form li{position: relative;margin-bottom: .15rem}
.hmtd .form .btns li{margin-bottom: 0}
.hmtd .form li .tit{position: absolute;left:.2rem;height: 100%;color: #010101;line-height: .5rem }
.hmtd .form li .text,
.hmtd .form li select{width: 100%;border: 1px solid #fff;background: rgba(255,255,255);height: .5rem;line-height: .48rem;padding: 0 .2rem;color: #010101; display:block!important;}
.hmtd .form li select{background:rgba(255,255,255) url(../images/select2.png) no-repeat right 0.2rem center;appearance: none; -moz-appearance: none;-webkit-appearance: none;}
.hmtd .form li select::-ms-expand {display: none;}
.hmtd .form li textarea.text{height: 1.4rem;}

.hmtd .form .yzm li.yzmbox{display: flex;align-items: center;position: relative;}
.hmtd .form .yzm li.yzmbox .yzmcode{position: absolute;right: .1rem;top: 50%;transform: translateY(-50%);}

.hmtd .form li .btn{height: .5rem;width:100%;background:#b29873;color: #fff;text-align: center;border: 0;}

@media(min-width:1025px){
.hmtd .flex{display: flex;align-items: center;justify-content: space-between}
.hmtd .left{width: 42%;flex: 0 0 auto}
.hmtd .right{flex: 1}
.hmtd .form .row-2 li{float: left;width: 49%;}
.hmtd .form .row-2 li:nth-child(2){float: right;}

.hmtd .form .row-3 li{float: left;width: 32%;margin-right: 2%}
.hmtd .form .row-3 li:nth-child(3){margin-right: 0}
}

@media(max-width:640px){
.hmtd .left .img{ height:auto;}
.hmtd .left .img span{ position: relative;}
.hmtd .right{ padding:.3rem;}
}



.contact{padding: 1.2rem 0 .9rem}
.contact .tip{text-align: center;font-size: .2rem;color: #010101;line-height: 2;padding-bottom: .5rem}
.contact .list{display: flex;justify-content: center;align-items: center}
.contact .list .item{display: flex;align-items: center;margin: 0 .5rem;}
.contact .list .item .icon{display: flex;align-items: center;justify-content: center;width: .6rem;height: .6rem;border-radius: 50%;border: 1px solid #b29873;margin-right: .15rem}
.contact .list .item .icon::before{content: '';width: .36rem;height: .36rem;}
.contact .list .item .icon.add::before{background: url(../images/icon-add.svg)no-repeat center;background-size: .36rem auto;}
.contact .list .item .icon.tel::before{background: url(../images/icon-tel.svg)no-repeat center;background-size: .36rem auto;}
.contact .list .item .txt .tit2{font-size: .2rem;color: #010101}
.contact .list .item .txt .tit2.tel{font-size: .3rem;font-family: 'HarmonyOS_Sans_SC_Bold';color: #b29873}
.contact .list .item .txt .tit2.tel span{position: relative;display: inline-block;padding-right: .3rem;margin-right: .2rem}
.contact .list .item .txt .tit2.tel span:not(:last-child)::before{content: ' / ';position: absolute;font-size: .3rem;color: #000;right: 0;top: 50%;transform: translateY(-50%);font-family: 'HarmonyOS_Sans_SC_Light';opacity: .2}
.contact .list .item .code{display: flex;align-items: center;;}
.contact .list .item img{border: 1px solid #ebebeb;margin-right: .1rem}

.contact .code{ background-color: #f9f9f9;display: flex;justify-content: center; padding:0.35rem 0.15rem; margin-top:0.5rem;}
.contact .code li {float: left;position: relative;margin: 0 .15rem;}
.contact .code li .img img{ max-width: 1.3rem; border: 1px solid #ebebeb;}
.contact .code li .icon{display: flex;align-items: center;justify-content: center;width: 0.5rem;height: 0.5rem;border-radius: 50%;position: relative; background-color: #b29873; margin: 0.15rem auto 0;}
.contact .code li .icon img{ max-width: 0.24rem;}
.contact .code li .icon::before{position:absolute;content:'';border:.08rem solid transparent;border-bottom-color: #b29873;left:50%;bottom:97%; margin-left:-.08rem;}
@media(max-width:1024px){
.contact .code li{ margin:0 .1rem .3rem;}
.contact .code li .icon::before{ bottom:96%;}
.contact .list .item .txt{ width:calc(100% - .75rem);}
.contact .list .item .txt .tit2{ font-size:.18rem;}
.contact .list .item .txt .tit2.tel{ font-size:.28rem;}
}
@media(max-width:768px){
.contact .list .item{ margin:0 .3rem;}
.contact .list .item .txt .tit2.tel span{ margin-right:.2rem; padding-right:.2rem;}
}

@media(max-width:640px){
.contact .list{ flex-wrap:wrap; justify-content:flex-start;}
.contact .list .item{ margin:.1rem 0;}
.contact .tip{ font-size:.18rem;}
.contact .list .item .txt .tit1{ font-size:.18rem;}
}

.message{padding-bottom: 1.2rem}
.message .con{box-shadow: 0 3px 16px rgba(0,0,0,.08);padding: .7rem 1rem;/* max-width: 1200px;margin: 0 auto */}
.message .con .title{text-align: center;color: #010101;font-size: .26rem;padding-bottom: .3rem}
.message .form-ul li{margin-bottom: 10px;position: relative;}
.message .form-ul li .tit{position: absolute;left: 1.1428em; top: 0;line-height: .54rem;color: #333333;}
.message .form-ul li select,
.message .form-ul li .text{width: 100%;border-radius: 5px; border: solid 1px #ebebeb;font-size:.16rem;line-height: .54rem;height: .54rem; background: #fff;padding: 0 1em;}
.message .form-ul li textarea.text{height: auto;}
.message .form-ul .btn{width: 1.8rem; background: #b29873;font-size:.16rem;height: .54rem;color: #fff;cursor: pointer; border: 0;margin: 0 auto;display: block}
@media (min-width:1025px) { 
.message .form-ul .row-2 li{float: left;width:calc(50% - 5px);}
.message .form-ul .row-2 li:nth-child(2n){float: right;}
}
@media(max-width:1024px){
.message{padding: 50px 0;}
.message .form-ul li select,
.message .form-ul li .text{font-size:.18rem;}
.message .con{ padding:.7rem;}
}

@media(max-width:640px){
.message .con{ padding:.3rem;}
}

.Join{padding: 1.2rem 0;}
.Join .list{ border:1px solid #eee; padding:0 0.3rem; margin-bottom:0.2rem;  }
.Join .job-title{ line-height:2; padding:0.2rem 0; font-size:0.2rem; cursor:pointer; position:relative; color: #333;}
.Join .job-title i{ position:absolute; width:0.26rem; height:0.26rem; background: #b29873; border-radius:50%; right:0; top:50%; margin-top:-0.13rem;}
.Join .job-title i::before,
.Join .job-title i::after{ position:absolute; content:''; background:#fff;}
.Join .job-title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;}
.Join .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;}
.Join .job-title.select i::after{ display:none;}
.Join .job-title.select{ color:#b29873; font-weight: bold;}
.Join .job-main{ display:none; padding:0.24rem 0; border-top:1px dotted #e5e5e5;}
.Join .job-email{ color:#b29873; padding:30px 0;}
.Join .job-info{ line-height: 2; color: #333;}
.Join .job-info p{ margin: 6px 0;}
.Join .job-info strong{ display: block; padding: 0.12rem 0;font-size:0.18rem;}



.cpkj{padding: 1.2rem 0}
.cpkj .con{padding-top: .5rem}


.single-piece{padding: 1.2rem 0}

/* 搜索 */
.search-box{width:100%; padding:.5rem 0 1rem;}
.search-list li{border-bottom:1px dotted #d9d9d9;line-height:54px;}
.search-list li time{float:right;color:#b2b2b2;margin-left:20px;}
.search-list li a{font-size:18px;height:54px;}
@media(max-width:480px){.search-list li{font-size:3vw;line-height:10vw;}
.search-list li a{font-size:3.5vw;}
}