@charset "utf-8";

/*初始化样式*/
:root {  
    --font-color:#322408;
    --font-rgb:50,36,8;
    --main-color:#c59c4c;
    --main-rgb:197,156,76;
    --white-rgb:255,255,255;
}
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {box-sizing: border-box;}
@media (min-width:1025px){
	::-webkit-scrollbar{width:0.03rem;height:0.12rem;background-color:#fff;}
	::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.15rem;}
}
html {-webkit-text-size-adjust:none; font-size: calc(100vw/19.2); scroll-behavior: initial; }
@media only screen and (max-width:1280px){
    /*1280px*/
    html{font-size:calc(80vw/12.8);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:calc(90vw/10.24);}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:calc(150vw/7.5);}
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.init,.init dl, .init dt, .init dd,.init li,.init ul, .init ol, .init p, .init h1, .init h2, .init h3, .init h4, .init h5, .init h6 {margin:0;padding:0;}
body{background-color:#fff;color:var(--font-color);font:normal 0.16rem/1.875em 'SYH','Sans-serif'; overflow-x:hidden;word-wrap:break-word; overflow-wrap: break-word; hyphens: auto;}
a{text-decoration:none;outline:none;color:var(--font-color);}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:var(--main-color);}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
.init li {list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
textarea{resize:none;}
input:focus{outline:none;}
input::-moz-placeholder{opacity:0.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
textarea::-moz-placeholder{opacity:0.75; color:inherit;}
textarea:-moz-placeholder{opacity:0.75; color:inherit;}
textarea::-webkit-input-placeholder{opacity:0.75; color:inherit;}
textarea:-ms-input-placeholder{opacity:0.75; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:14.4rem;margin:0 auto;}
.submit {cursor:pointer;}
/*figure*/
.figure {overflow: hidden; position: relative;}
.figure a {display: block; position: relative; overflow: hidden;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:''; display: block;}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .contain{object-fit: contain;}
/*table*/
.table {display: table; table-layout: fixed;width: 100%;}
.table .td {display: table-cell; vertical-align: middle;}
/*clearfix*/
.clearfix{clear:both;width: 100%;overflow: hidden;}
.clearfix:after {display: block; content:''; width:100%; clear:both;}
/*entry*/
.entry img{height:auto!important;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:0.01rem solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:0.01rem solid #e6e6e6;}
/*scale*/
.scale:hover img {transform: scale(1.05);}
/*popup*/
.popup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow-y: auto;background-color: rgba(0, 0, 0, 0.5);z-index: 10;-webkit-overflow-scrolling: touch;display: none;scrollbar-width: none;-ms-overflow-style: none;}
.popup::-webkit-scrollbar{display: none;}
.popup .wrap {width: 100%;min-height: 100%;justify-content: center;align-items: center;padding: 2vh 0;display: flex;}
.popup .box {position: relative;}
/*vpopup*/
.vpopup video {display: block;width: auto;max-width: 90vw;height: auto;max-height: 90vh;}
/*img-popup*/
.img-popup {cursor: pointer;}
.img-popup img {display: block; width: auto; max-width: 90vw; height: auto; max-height: 90vh; object-fit: contain; cursor: default;}
/*font-color*/
[data-font*="000"]{color:#000;}
[data-font*="111"]{color:#111;}
[data-font*="222"]{color:#222;}
[data-font*="333"]{color:#333;}
[data-font*="444"]{color:#444;}
[data-font*="555"]{color:#555;}
[data-font*="666"]{color:#666;}
[data-font*="777"]{color:#777;}
[data-font*="888"]{color:#888;}
[data-font*="999"]{color:#999;}
[data-font*="fff"]{color:#fff;}
[data-font*="c5"]{color:#514429;}
[data-font*=color]{color:var(--main-color);}
/*font-center*/
[data-font*=left]{text-align: left;}
[data-font*=center]{text-align: center;}
[data-font*=right]{text-align: right;}
[data-font*=justify]{text-align: justify;}
/*font-family*/
[data-font*=Barlow]{font-family: 'Barlow';}
/*font-weight*/
[data-font*=lighter]{font-weight: 300;}
[data-font*=normal]{font-weight: normal;}
[data-font*=medium]{font-weight: 500;}
[data-font*=bold]{font-weight: bold;}
/*font-size*/
[data-font*=fs16]{font-size: 0.16rem; line-height: 1.875em;}
[data-font*=fs18]{font-size: 0.18rem; line-height: 1.75em;}
[data-font*=fs20]{font-size: 0.20rem; line-height: 1.5em;}
[data-font*=fs22]{font-size: 0.22rem; line-height: 1.6em;}
[data-font*=fs24]{font-size: 0.24rem; line-height: 1.35em;}
[data-font*=fs26]{font-size: 0.26rem; line-height: 1.35em;}
[data-font*=fs28]{font-size: 0.28rem; line-height: 1.35em;}
[data-font*=fs30]{font-size: 0.3rem; line-height: 1.35em;}
[data-font*=fs32]{font-size: 0.32rem; line-height: 1.35em;}
[data-font*=fs34]{font-size: 0.34rem; line-height: 1.35em;}
[data-font*=fs36]{font-size: 0.36rem; line-height: 1.35em;}
[data-font*=fs38]{font-size: 0.38rem; line-height: 1.35em;}
[data-font*=fs40]{font-size: 0.4rem; line-height: 1.35em;}
[data-font*=fs42]{font-size: 0.42rem; line-height: 1.35em;}
[data-font*=fs44]{font-size: 0.44rem; line-height: 1.35em;}
[data-font*=fs46]{font-size: 0.46rem; line-height: 1.35em;}
[data-font*=fs48]{font-size: 0.48rem; line-height: 1.35em;}
[data-font*=fs50]{font-size: 0.50rem; line-height: 1.35em;}
[data-font*=fs52]{font-size: 0.52rem; line-height: 1.35em;}
[data-font*=fs54]{font-size: 0.54rem; line-height: 1.35em;}
/*rows*/
[data-rows] {display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
[data-rows="1"]{display: block; white-space: nowrap;}
[data-rows="2"]{line-clamp:2; -webkit-line-clamp:2;}
[data-rows="3"]{line-clamp:3; -webkit-line-clamp:3;}
[data-rows="4"]{line-clamp:4; -webkit-line-clamp:4;}
[data-rows="5"]{line-clamp:5; -webkit-line-clamp:5;}
/*flex*/
[data-flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[data-flex*=fdrr]{flex-direction:row-reverse;}
[data-flex*=fdc]{flex-direction:column;}
[data-flex*=fdcr]{flex-direction:column-reverse;}
[data-flex*=fww]{flex-wrap:wrap;}
[data-flex*=fwn]{flex-wrap:nowrap;}
[data-flex*=jcsb]{justify-content:space-between;}
[data-flex*=jcsa]{justify-content:space-around;}
[data-flex*=jcse]{justify-content:space-evenly;}
[data-flex*=jcfs]{justify-content:flex-start;}
[data-flex*=jcc]{justify-content:center;}
[data-flex*=jcfe]{justify-content:flex-end;}
[data-flex*=aifs]{align-items:flex-start;}
[data-flex*=aic]{align-items:center;}
[data-flex*=aife]{align-items:flex-end;}
/*col*/
[data-cols] {--margin:0.2rem; width:calc(100% + var(--margin)); display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; flex-wrap: wrap;}
[data-cols] .item {padding-right: var(--margin);padding-bottom: var(--margin);}
[data-cols="2"] .item {width: 50%;}
[data-cols="3"] .item {width: 33.333%;}
[data-cols="4"] .item {width: 25%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item {width: 50%;}
    [data-cols="4"] .item {width: 33.333%;}
}
@media only screen and (max-width:750px){    
    [data-cols="4"] .item {width: 50%;}
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
}
/*delay*/
[data-delay] {--property:all; --duration:0.3s; transition: var(--property) var(--duration);}

/*data-element*/
[data-element] {--x:0; --y:0.1rem; --z:0; visibility: hidden; opacity: 0; transform: translate3D(var(--x),var(--y),var(--z));}
.active[data-element] {visibility: visible; opacity: 1; --y:0;}

/*header*/
#header{position:fixed;top:0;width:100%;z-index:8;/* background-color: #fff; *//* box-shadow: 0 0.5em 1em rgba(var(--font-rgb), 0.05); */}
#header .inner{/* position: relative; */}
@media only screen and (max-width:1024px){
	#header .inner{	/* padding: 0.25rem 0; */}
}
@media only screen and (max-width:750px){
	#header .inner{	/* padding: 0.2rem 0; */}
}

/*logo*/
#logo{width:3rem;position:relative;z-index:10;padding:0.276rem 0;}
#logo a{display:block;overflow:hidden;padding-bottom:9.6%;position:relative;}
#logo i,#logo img{position:absolute;width:100%;height:100%;display:block;left:0;top:0;object-fit:contain;}
#logo i{text-indent:-99999em;overflow:hidden;}
@media only screen and (max-width:1024px){
	/*1024px*/
	#logo{padding:0.25rem 0; width:2.5rem;}
}
@media only screen and (max-width:750px){
	#logo{padding:0.2rem 0;}
}
/*button*/
#button{--gap:2.5em;gap:var(--gap);}
#button .line{position:relative;}
#button .line:before{width:0.01rem;height:0.875em;background-color:rgba(255,255,255,0.5);content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:calc(var(--gap) / -2);display:none;}

/*language*/
#language a{background:url(../images/language_world.svg) no-repeat left center;background-size:1em auto;padding-left:1.5625em;display:block;filter:brightness(0) invert(1);}

/*search*/
#search span{width:0.16rem;height:0.16rem;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;display:block;cursor:pointer;filter:brightness(0) invert(1);}
#search .form{position:absolute;right:0;top:100%;width:25em;box-shadow:0 0.3125em 1em rgba(0,0,0,0.1);background-color:#fff;border-radius:0 0 0.5em 0.5em;}
#search .input{position:relative;padding-right:3.125em;}
#search .text{display:block;width:100%;height:3.125em;line-height:1.875em;padding:0.625em 3.125em 0.625em 1.25em;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:3.125em;cursor:pointer;background:url(../images/search_01.svg) no-repeat center center;background-size:auto 45.45454545%;}
#header.header_fixd,#header.header_hover{background:rgba(var(--main-rgb),0.85);box-shadow:0 0.5em 1em rgba(var(--font-rgb),0.05);}
#header.header_fixd #navi .on > a,#header.header_hover #navi .on > a,#header.header_fixd #navi .cur > a,#header.header_hover #navi .cur > a{color:#fff;}
#header.header_fixd #navi .parent:after,#header.header_hover #navi .parent:after{background:#fff;}
@media only screen and (max-width:750px){
	#search .form{width:100%;}
}

/*navbtn*/
#navbtn{display:none;}
@media only screen and (max-width:1024px){

	/*1024*/
	#navbtn{cursor:pointer;z-index:10;display:block;}
	#navbtn span{width:0.16rem;height:0.16rem;transition:all 0.3s;display:block;position:relative;}
	#navbtn span:before,#navbtn span:after,#navbtn span i{display:block;width:100%;height:0.01rem;background-color:#fff;position:absolute;left:0;transition:all 0.3s;content:'';transform:scale(1.1);}
	#navbtn span:before{top:0.01rem;}
	#navbtn span:after{bottom:0.01rem;}
	#navbtn span i{top:50%;margin-top:-0.005rem;}
	#navbtn.active span:before{transform:rotate(45deg);top:50%;}
	#navbtn.active span:after{transform:rotate(-45deg);bottom:auto;top:50%;}
	#navbtn.active span i{opacity:0;}
}

/*navi*/
#navi{width:calc(100% - 3.6rem);line-height:1.5em;padding:0 0.7rem;--y:0;}
#navi a{display:block;position:relative;font-size:0.2rem;}
#navi .parent{position:relative;}
#navi .drop{display:none;}
@media only screen and (min-width:1025px){
	#navi{opacity:1;visibility:visible;transform:none;}
	#navi .parent > a{color:#fff;position:relative;padding:0.3rem 0;transition:all 0.3s;}
	#navi .parent > a:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.02rem;background-color:#fff;opacity:0;}
	#navi .on > a,#navi .cur > a{color:#fff;}
	#navi .parent.on a:after,#navi .parent.cur a:after{opacity:1;}
	#navi .menu{gap:0.54rem;}

	/* 导航下拉 */
	#navi .static{position:static;}
	#navi .drop{position:absolute;top:100%;left:50%;min-width:100%;transform:translateX(-50%);z-index:5;background-color:#fff;box-shadow:0px 0.1rem 0.1rem 0px rgba(0,0,0,0.1);}
	#navi .child{text-align:center;}
	#navi .child li:not(:last-child){border-bottom:0.01rem solid rgba(35,24,21,0.1);}
	#navi .child a{white-space:nowrap;padding:0.5em 1em;}
	#navi .list{font-style:normal;width:100vw;		/* border-top: 0.01rem solid rgba(35, 24, 21, 0.1); */}
	#navi .list ul{padding:0.2rem 0 0.2rem 3.5rem;}
	#navi .list li{padding:0 0.3rem;}
	#navi .list li > a{color:var(--font-color);font-size:0.18rem;}
	#navi .list li.on > a,#navi .list li.cur > a,#navi .list li > a:hover{color:var(--main-color)!important;}
	#header.header_fixd #navi .on .list li a:hover,#header.header_hover #navi .cur .list li a:hover{color:var(--main-color);}
}
@media only screen and (max-width:1024px){

	/*1024px*/
	#navi{position:fixed;width:100%;max-width:25em;height:calc(100% - 0.74rem);background-color:#f9f8f7;z-index:9;right:0;top:0.74rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem 0;transition:all 0.3s;}
	#navi:not(.active){--x:100%;opacity:0;}
	#navi .menu{display:block;}
	#navi .parent{padding:0 0.5rem;line-height:2em;position:relative;}
	#navi .parent > a{padding:1.5em 0;border-bottom:1px solid #e4e4e4;color:var(--font-color);}
	#header.header_fixd #navi .on > a,#header.header_fixd #navi .cur > a{color:var(--font-color);}
	#navi em{display:block;position:absolute;right:0.3rem;width:3.61111111em;height:5.05555556em;z-index:2;top:0;cursor:pointer;}
	#navi em:after{width:0.66666667em;height:0.66666667em;border-right:0.05555556em solid var(--font-color);border-bottom:0.05555556em solid var(--font-color);content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.38888889em 0 0 -0.38888889em;transition:inherit;}
	#navi .on{background-color:#f9f9f9;}
	#navi .on > em:after{transform:rotate(45deg);}
	#navi .drop{position:static;background-color:transparent;box-shadow:none;display:none;	/* padding: 1em 0 1em 2em; */}
	#navi .drop a{padding:0.75em 0;color:var(--font-color);}
	#navi .list ul{display:block;}
}
@media only screen and (max-width:750px){
	#navi{top:0.64rem;height:calc(100% - 0.64rem);}
}

/*button-more*/
.button-more .more{display:flex;align-items:center;justify-content:center;width:9.375em;height:3.125em;border-radius:1.5625em;background-color:var(--main-color);gap:1em;color:#fff;transition:all 0.2s;border:0.125em solid transparent;}
.button-more .more:after{display:block;content:'';width:0.5em;height:0.75em;background:url(../images/button_more_arrow_01.svg) no-repeat center center;background-size:contain;filter:invert(1) brightness(100);}
.button-more .more:hover{border-color:var(--main-color);background-color:#fff;color:var(--main-color);}
.button-more .more:hover:after{filter:none;}
.button-more .white:not(:hover){background-color:#fff;color:var(--font-color);}
.button-more .white:not(:hover):after{background-image:url(../images/button_more_arrow_02.svg);filter:none;}
@media only screen and (max-width:750px){
	.button-more{font-size:0.14rem;}
}

/*footer*/
#footer{background-color:#f5f4f3;background-image:linear-gradient(315deg,rgba(201,164,91,0.2),transparent);padding:0.8rem 0 0.73rem;}
@media only screen and (max-width:750px){

	/*750px*/
	#footer{padding:0.55rem 0 0.5rem;}
	#footer .inner{flex-direction:column;gap:0.2rem;}
}

/*follow*/
#follow{width:1.4rem;}
#follow figcaption{margin-top:0.375em;}

/*bottom*/
#bottom{width:calc(100% - 2rem);}
@media only screen and (max-width:750px){
	#bottom{width:auto;text-align:center;display:flex;flex-direction:column;gap:0.2rem;}
}

/*copyright*/
#copyright{color:#786f5c;padding:1.77419355% 0;}
#copyright a{display:inline-block;}
#copyright a:not(:hover){color:#786f5c;}
#copyright span{display:inline-block;}
@media only screen and (max-width:750px){
	#copyright{padding:0;}
}

/*menu*/
#menu{padding:1.77419355% 0;}
#menu ul{gap:5.96774194%;}
#menu li ul {margin-top: 0.75em;}
#menu li li {font-size: 0.16rem; line-height: 2em; padding:0.25em 0;}
@media only screen and (max-width:750px){
	#menu{padding:0;}
	#menu ul{justify-content:center;gap:4%;}
}

/*slides*/
#slides .figure{padding-bottom:6rem;}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;transition:all 1.5s;text-align:center;}
#slides .title{line-height:1.14814815em;}
#slides .intro{line-height:1.66666667em;margin-top:2.08333333%;}
#slides .button-more{margin-top:2.98611111%;}
@media only screen and (max-width:1280px){
	#slides .figure{padding-bottom:35.41666667%;}
}
@media only screen and (max-width:750px){
	#slides .figure{padding-bottom:60%;}
	#slides .title{font-size:0.4rem;}
	#slides .intro{font-size:0.16rem;}
}

/*home-box*/
.home-box{overflow:hidden;position:relative;padding:0.93rem 0 1rem;background:no-repeat center center;background-size:cover;}
.home-box.gray{background-color:#f9f8f7;}
.home-box .bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;}
.home-box .bg + .inner{position:relative;z-index:5;}
@media only screen and (max-width:750px){
	.home-box{padding:0.6rem 0 0.7rem;}
}

/*home-hgroup*/
.home-hgroup{display:flex;flex-direction:column;gap:0.25em;}
.home-hgroup .name{font-size:0.4rem;line-height:1.2;position:relative;padding-left:0.875em;color:var(--main-color);font-weight:500;}
.home-hgroup .name:before{width:0.375em;height:0.375em;border-radius:50%;content:'';display:block;position:absolute;left:0;top:0.48em;border:0.0625em solid var(--main-color);}
.home-hgroup .alias{font-size:0.4rem;line-height:1.35em;font-weight:500;}
.home-hgroup.white{filter:brightness(100);}
@media only screen and (max-width:1024px){
	.home-hgroup .alias{font-size:0.34rem;}
}
@media only screen and (max-width:750px){
	.home-hgroup .alias{font-size:0.3rem;}
}

/*sustainable*/
#sustainable{padding:0.69rem 0;}
#sustainable .text{max-width:37.5em;}
#sustainable .home-hgroup{margin-bottom:0.14rem;}
#sustainable .more{color:var(--main-color);}
#sustainable .more:not(:hover):after{filter:none;background-image:url(../images/button_more_arrow_01.svg);}
@media only screen and (max-width:750px){
	#sustainable .inner{flex-direction:column;gap:0.35rem;}
}

/*news*/
#news .list{margin-top:0.4rem;--margin:4.167%;}
#news .figure{padding-bottom:56.36363636%;}
#news .text{padding:0rem 0 0.44rem;border-bottom:0.02rem solid rgba(120,111,92,0.08);}
#news .date{display:block;color:var(--main-color);margin-bottom:1em;}
#news .title{font-size:0.24rem;line-height:1.5em;font-weight:500;height:3em;margin-bottom:1.875em;}
#news .title i{font-weight:lighter;font-size:0.6em;display:inline-block;width:2.66666667em;height:1.5em;background:url(../images/title_i.svg) no-repeat center center;background-size:contain;color:#fff;text-align:center;line-height:1.33333333em;font-style:normal;vertical-align:middle;margin-top:-0.58333333em;}
#news .excerpt{line-height:1.75em;color:#786f5c;height:3.5em;}
#news .info{display:block;overflow:hidden;transition:all 0.3s;}
@media only screen and (min-width:751px){
	#news .item{width:33.333%;padding-bottom:0;}
}
@media only screen and (max-width:750px){
	#news .title{height:auto;max-height:3em;}
}

/*about*/
#about .left{width:6.2rem;max-width:100%;}
#about .right{width:6.7rem;max-width:calc(100% - 6.5rem);}
#about .top{margin-bottom:5.90277778%;}
#about .letter{font-size:1.46rem;line-height:0.9em;color:transparent;-webkit-text-stroke:0.01rem #322408;opacity:0.3;white-space:nowrap;}
#about .text{line-height:1.55555556em;color:#786f5c;margin-bottom:8.06451613%;}
#about .figure{width:5.2rem;max-width:100%;}
#about .entry{color:#514429;margin-bottom:7.46268657%;}
@media only screen and (max-width:1024px){
	#about .left{width:5.2rem;}
	#about .right{width:5rem;max-width:calc(100% - 5.5rem);}
	#about .letter{font-size:1.1rem;}
}
@media only screen and (max-width:750px){
	#about .top,#about .btm{flex-direction:column;align-items:flex-start;gap:0.2rem;}
	#about .right{max-width:100%;}
	#about .letter{font-size:1rem;}
}

/*industries*/
@keyframes mapdot{
	0%{opacity:0.7;transform:scale(1);}
	100%{opacity:0;transform:scale(3.6);}
}
#industries{background-image:url(../images/industries_bg.png);padding-bottom:0.74rem;}
#industries .info{width:9.72rem;margin:0 auto;max-width:100%;position:relative;}
#industries .map{position:relative;background:url(../images/industries_map.png) no-repeat center center;background-size:contain;}
#industries .map:after{padding-bottom:71.70781893%;display:block;content:'';}
#industries .map span{display:block;width:1.02880658%;padding-bottom:1.02880658%;border-radius:50%;position:absolute;transform:translate(-50%,-50%);z-index:2;cursor:pointer;}
#industries .map span:before,#industries .map span i{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;z-index:3;background-color:var(--main-color);transition:all 0.3s;}
#industries .map span:before{content:'';z-index:2;animation:mapdot 2s linear 0s infinite;}
#industries .map span:after{content:'';display:block;position:absolute;left:50%;bottom:50%;transform:translate(-50%);width:260%;height:310%;background:url(../images/industries_map_dot.svg) no-repeat center center;background-size:contain;z-index:5;opacity:0;transition:all 0.3s;}
#industries .map span:nth-child(1){left:68%;top:81%;}
#industries .map span:nth-child(2){left:48.04526749%;top:75.17934003%;}
#industries .map span:nth-child(3){left:54%;top:95%;}
#industries .map .active:before,#industries .map .active i{background-color:#314ca3;}
#industries .map .active:after{opacity:1;}
#industries .item{background-color:#fff;box-shadow:0px 0.06rem 0.3rem 0px rgba(0,0,0,0.1);overflow:hidden;border-radius:0.1rem;display:none;}
#industries .item .info{padding:8.33333333% 10% 10%;display:block;transition:all 0.3s;}
#industries .title{font-size:0.24rem;line-height:1.25em;font-weight:500;position:relative;}
#industries .title:before{content:'';display:block;position:absolute;width:0.16666667em;height:0.91666667em;background-color:#314ca3;border-radius:0 0.08333333em 0.08333333em 0;top:0.16666667em;left:-12.5%;}
#industries .meta{color:#786f5c;}
#industries .intro{line-height:1.75em;color:#514429;margin-top:0.5em;}
#industries .figure{border-radius:0.1rem;padding-bottom:56.25%;margin-top:0.23rem;}
@media only screen and (min-width:751px){
	#industries .item{width:30.86419753%;position:absolute;z-index:5;}
	#industries .item:nth-child(1){bottom:25%;left:60%;}
	#industries .item:nth-child(2){bottom:30%;left:42%;}
	#industries .item:nth-child(3){bottom:-3%;left:20%;}
}
@media only screen and (max-width:750px){
	#industries .item{margin-top:0.35rem;}
	#industries .item a{padding:0.3rem;}
	#industries .title:before{left:-0.3rem;}
}

/*breadcrumb*/
.breadcrumb {font-size: 0.18rem;}
.breadcrumb a:first-child{background:url(../images/breadcrumb_icon.svg) no-repeat left center;background-size:1.0625em auto;padding-left:1.625em;}
.breadcrumb i {font-style: normal;}

/*banner*/
#banner{position:relative;}
#banner .figure{padding-bottom:4.2rem;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;}
#banner .breadcrumb{position:absolute;left:0;bottom:5.23809524%;width:100%;z-index:2;filter:brightness(100);}
@media only screen and (max-width:1280px){
	#banner .figure{padding-bottom:21.875%;}
}
@media only screen and (max-width:750px){
	#banner .figure{padding-bottom:50%;}
	#banner .name{font-size:0.4rem;}
}

/*wrapper*/
#wrapper{padding:1rem 0;}
@media only screen and (max-width:750px){
	#wrapper{padding:0.7rem 0;}
}

/*columnname*/
.columnname{margin-bottom:0.85em;gap:0.15em;}
.columnname i{font-size:0.4em;background:url(../images/title_i.svg) no-repeat center center;background-size:contain;width:2.875em;height:1.8125em;display:inline-block;font-style:normal;color:#fff;line-height:1.625em;text-align:center;vertical-align:top;margin-top:0.625em;}
@media only screen and (max-width:750px){
	.columnname{font-size:0.3rem;}
}

/*profile*/
#profile .picture{width:47.36111111%;}
#profile .figure{padding-bottom:56.30498534%;z-index:2;}
#profile .letter{font-size:0.93rem;line-height:1em;color:transparent;-webkit-text-stroke:0.01rem #322408;opacity:0.12;white-space:nowrap;writing-mode:sideways-rl;position:absolute;left:0;bottom:0;transform:translateX(-50%);}
#profile .text{width:100%;}
#profile .since{margin-bottom:0.875em;}
#profile .entry{color:#514429;}
#aboutimg{margin:0.5rem 0;}
#aboutimg .list{--margin:2.5%;    justify-content: center; }
#aboutimg .item .figure{padding-bottom:65.36363636%;}
@media only screen and (min-width:751px){
	#aboutimg .item{width:33.333%;}
}
@media only screen and (max-width:1024px){
	#profile .letter{font-size:0.7rem;}
}
@media only screen and (max-width:750px){
	#profile .text{width:100%;/* margin-bottom: 0.5rem; */}
	#profile .letter{left:0;bottom:100%;transform:translateY(50%);writing-mode:horizontal-tb;font-size:1rem;}
	#profile .picture{width:100%;}
}
#culture{padding-top:1rem;}
#culture .box{position:relative;}
#culture .box:after {position: absolute; right:0; top:0; height: 100%; width:100%;background-color: #fff; z-index: 5; display: block; content: ''; pointer-events:none; transition: all 2s;}
#culture.active .box:after {width:0;}
#culture .bg{position:relative;z-index:2;}
#culture .bg::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:100%;background:rgba(0,30,180,0.5);}
#culture .bg img{ width: 100%;}
#culture .text{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:all 1.5s;text-align:center;}
#culture .text .alias{line-height:1.5em;}
#culture .item-list{height:100%;}
#culture .item-list .item{width:calc(100% / 4);padding:0 3%;border-right:solid 0.01rem rgba(var(--white-rgb),0.2);}
#culture .item-list .item .desc{line-height:1.8;margin-top:1em;}
@media only screen and (max-width:750px){
	#culture{padding-top:0.6rem;}
	#culture .bg img{height:3rem;}
	#culture .text .title{font-size:0.4rem;}
	#culture .text .alias{font-size:0.20rem;}
}


#Join{padding:1rem 0; background: #f6f5f4;}
#Join .item-list{ gap: 0.3rem;}
#Join .item{ width: 32%; padding:0.5rem 0.4rem; background-image: linear-gradient(-45deg, #fff9e8, #fefdf8); transition: 0.3s;}
#Join .item .tit {font-size: 0.26rem;line-height: 1.5;margin-bottom: 0.3rem;font-weight: bold;}
#Join .item .desc {font-size: 0.18rem;line-height: 1.6;}
#Join .item:nth-child(1){ background-image: linear-gradient(-45deg, rgba(var(--main-rgb),0.95), rgba(var(--main-rgb),0.6));}
#Join .item:nth-child(1) .tit,
#Join .item:nth-child(1) .desc{ color: #fff;}
#Join .item:hover{ transform: translateY(-0.1rem);}
@media only screen and (max-width:750px){
#Join{padding:0.6rem 0;}
#Join .item-list{ gap: 0rem;}
#Join .item{width: 100%;padding:0.4rem 0.3rem; margin-bottom: 0.24rem;}
}



/*Pages*/
.Pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.Pages .p_jump,.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .a_first,.Pages .a_end{display:none;}
.Pages .p_page{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25em;}
.Pages .num{display:flex;flex-wrap:wrap;justify-content:center;font-style:normal;gap:0.625em;}
.Pages a{display:flex;align-items:center;justify-content:center;min-width:3.125em;border-radius:1.5625em;height:3.125em;padding:0 0.5em;position:relative;transition:all 0.3s;color:#666;border:solid 0.01rem rgba(var(--font-rgb),0.2);background-color:#fff;}
.Pages a:hover,.Pages .a_cur{color:#fff;background-color:var(--main-color);border-color:transparent;}
.Pages .a_prev,.Pages .a_next{text-indent:-99999em;overflow:hidden;}
.Pages .a_prev:after,.Pages .a_next:after{width:18.75%;padding-bottom:27.08333333%;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.Pages .a_prev:hover:after,.Pages .a_next:hover:after{filter:brightness(100);}
.Pages .a_prev:after{background-image:url(../images/page_prev.svg);}
.Pages .a_next:after{background-image:url(../images/page_next.svg);}
@media only screen and (max-width:750px){
	#pagenavi{font-size:0.14rem;}
}

/*view-more*/
.view-more{display:flex;}
.view-more .more{background:url(../images/view_more_01.svg) no-repeat right center;background-size:0.5em auto;color:#786f5c;padding-right:1.125em;transition:all 0.3s;}
.view-more .more:hover{padding-right:1.5em;}

/*news-top*/
#news-top{background-color:#f9f8f7;margin-bottom:5.55555556%;}
#news-top .figure{width:54.16666667%;}
#news-top .figure:after{padding-bottom:56.41025641%;}
#news-top .text{width:45.83333333%;padding:0 3.47222222% 0 4.16666667%;}
#news-top .date{color:#514429;line-height:1.125em;margin-bottom:6.36363636%;}
#news-top .date time{display:block;}
#news-top .date i{font-weight:bold;font-size:1.75em;line-height:1em;font-style:normal;display:inline-block;vertical-align:baseline;}
#news-top .title{font-size:0.24rem;line-height:1.58333333em;font-weight:500;max-height:3.16666667em;margin-bottom:0.66666667em;}
#news-top .excerpt{color:#786f5c;line-height:1.75em;max-height:3.5em;margin-bottom:12.72727273%;}
#news-top .info{transition:all 0.3s;}
@media only screen and (max-width:1024px){
	#news-top .date{margin-bottom:0.1rem;}
	#news-top .excerpt{margin-bottom:0.3rem;}
}
@media only screen and (max-width:750px){
	#news-top .figure{width:100%;}
	#news-top .text{width:100%;padding:0.35rem;}
}

/*news-item*/
.news-item{border-bottom:0.01rem solid rgba(120,111,92,0.08);padding-bottom:0.4rem;margin-bottom:0.4rem;}
.news-item:last-child{margin-bottom:0;}
.news-item .figure{width:3.54rem;}
.news-item .figure:after{padding-bottom:56.49717514%;}
.news-item .text{width:calc(100% - 3.54rem);position:relative;padding:0 13.19444444% 0 2.77777778%;}
.news-item .date{color:#514429;line-height:1.125em;margin-bottom:0.3rem;}
.news-item .date time{display:block;}
.news-item .date i{font-weight:bold;font-size:1.75em;line-height:1em;font-style:normal;display:inline-block;vertical-align:baseline;}
.news-item .title{font-size:0.2rem;line-height:1.5em;font-weight:500;margin-bottom:0.66666667em;}
.news-item .excerpt{color:#786f5c;line-height:1.75em;max-height:3.5em;}
.news-item .view-more{position:absolute;right:0;top:0;}
.news-item a{transition:all 0.3s;}
@media only screen and (max-width:750px){
	.news-item .figure{width:100%;margin-bottom:0.25rem;}
	.news-item .text{width:100%;padding:0;}
	.news-item .date{margin-bottom:0.15rem;}
	.news-item .view-more{position:static;margin-top:0.2rem;}
}

/*news-list*/
#news-list{overflow:hidden;/* margin-bottom: 2.77777778%; */}

/*main*/
#main{width:73.125%;}
@media only screen and (max-width:750px){
	#main{width:100%;margin-bottom:0.5rem;}
}

/*news-details*/
#news-details .top{padding-bottom:0.2rem;margin-bottom:0.43rem;position:relative;z-index:2;gap:0.13rem;border-bottom:0.01rem solid rgba(120,111,92,0.08);}
#news-details .title{line-height:1.35em;}
#news-details .meta{color:#514429;}
#news-details .entry{overflow:hidden;color:#786f5c; font-size: .18rem;}
#news-details .entry *{line-height:1.75em;}
#news-details .entry img{max-width: 6rem;}
#news-details .btm{overflow:hidden;border-top:0.01rem solid rgba(120,111,92,0.08);margin-top:0.45rem;padding-top:0.37rem; justify-content: center;}
#news-details .post{width:calc(100% - 2.5rem);line-height:2.25em; display: none;}
#news-details .post a{transition:all 0.3s;}
#news-details .post a:not(:hover){color:#786f5c;}
@media only screen and (max-width:1024px){
	#news-details .title{font-size:0.3rem;}
}
@media only screen and (max-width:750px){
	#news-details .title{font-size:0.24rem;}
	#news-details .btm{margin-top:0.3rem;flex-direction:column;align-items:center;gap:0.2rem;}
	#news-details .post{width:100%;}
}

/*aside*/
#aside{width:22.91666667%;}
@media only screen and (max-width:750px){
	#aside{width:100%;}
}

/*related*/
.related .name{position:relative;padding-bottom:0.5em;line-height:1.75em;}
.related .name:before,.related .name:after{content:'';display:block;position:absolute;left:0;bottom:0;height:0.02rem;}
.related .name:before{width:100%;background-color:rgba(120,111,92,0.08);}
.related .name:after{width:4em;background-color:var(--main-color);opacity:0.93;}
.related li{border-bottom:0.01rem solid rgba(120,111,92,0.08);padding:0.2rem 0;}
.related .figure{padding-bottom:56.36363636%;display:none;}
.related time{display:block;color:#514429;margin-bottom:0.1875em;}
.related .title{font-size:0.16rem;line-height:1.75em;max-height:3.5em;font-weight:400;}
.related .figure{margin-top:0.25rem;}
.related .info{display:block;overflow:hidden;transition:all 0.3s;}

/*recruit*/
#recruit{width:70.83333333%;overflow:hidden;}
#recruit .list{margin-bottom:4.90196078%;}
#recruit .list:last-child{margin-bottom:0;}
#recruit .title{font-size:0.24rem;line-height:1.5em;font-weight:500;position:relative;display:flex;margin-bottom:0.3rem;}
#recruit .title span{display:block;position:relative;padding-bottom:0.54166667em;}
#recruit .title:after,#recruit .title span:after{content:'';display:block;position:absolute;left:0;bottom:0;background-color:rgba(120,111,92,0.08);width:100%;height:0.01rem;}
#recruit .title span:after{background-color:var(--main-color);}
#recruit ul{--margin:0.2rem;}
#recruit .post{background-color:#f9f8f7;display:flex;align-items:center;justify-content:space-between;font-size:0.2rem;line-height:1.5em;padding:1.5em 1.8em 1.5em 1.5em;position:relative;height:100%;}
#recruit .post:after{width:1.1em;height:1.15em;background:url(../images/recruit_icon.svg) no-repeat center center;background-size:contain;display:block;content:'';}
#recruit .post span{display:block;width:calc(100% - 2em);}
@media only screen and (max-width:750px){
	#recruit{width:100%;margin-bottom:0.4rem;}
}

/*delivery*/
#delivery{width:25%;background:#f9f8f7 url(../images/delivery_bg.jpg) no-repeat center bottom;background-size:100% auto;padding:0.3rem 0.3rem 0.32rem;position:sticky;top:0.9rem;}
#delivery .name{font-size:0.24rem;line-height:1.5em;font-weight:500;position:relative;display:flex;margin-bottom:0.15rem;}
#delivery .name span{display:block;position:relative;padding-bottom:0.54166667em;}
#delivery .name:after,#delivery .name span:after{content:'';display:block;position:absolute;left:0;bottom:0;background-color:rgba(120,111,92,0.08);width:100%;height:0.01rem;}
#delivery .name span:after{background-color:var(--main-color);}
#delivery .info{color:#514429;}
#delivery .tips{font-size:0.2rem;line-height:1.8em;margin-bottom:0.13rem;}
#delivery .tips strong{font-weight:500;color:var(--main-color);}
#delivery .intro{margin-bottom:0.22rem;}
#delivery .qrcode{width:1.4rem;max-width:100%;margin:0 auto 0.1rem;border:solid 0.01rem #efedeb;}
@media only screen and (max-width:750px){
	#delivery{width:100%;}
}

/*sd-section*/
.sd-section{overflow:hidden;padding:1rem 0;}
.sd-section.gray{background-color:#f9f8f7;}
@media only screen and (max-width:750px){
	.sd-section{padding:0.6rem 0;}
}

/*sd-concept*/
.sd-concept .quote{width:11.06rem;margin:0 auto;position:relative;padding:0.1rem 0.3rem;max-width:100%;}
.sd-concept .quote:before,.sd-concept .quote:after{content:'';display:block;position:absolute;font-size:0.2rem;width:5.55em;height:4.65em;background:no-repeat center center;background-size:contain;}
.sd-concept .quote:before{background-image:url(../images/quote_before.png);left:0;top:0.1rem;transform:translateY(-59.14%);}
.sd-concept .quote:after{background-image:url(../images/quote_after.png);right:0.3rem;bottom:0.1rem;transform:translateY(72%);}
.sd-concept .entry{position:relative;z-index:2;color:#514429;text-align:center;}
@media only screen and (max-width:750px){
	.sd-concept .quote{padding-top:0;padding-bottom:0;}
	.sd-concept .quote:before,.sd-concept .quote:after{font-size:0.12rem;}
}

/*sd-commitment*/
.sd-commitment .list{padding:0.42857143%;margin-top:1.38888889%;}
.sd-commitment .item{width:20%;}
.sd-commitment .box{background-color:#ffffff;padding:0.04rem;border-radius:50%;width:105.04201681%;margin:-2.5210084%;transition:all 0.3s;}
.sd-commitment .info{position:relative;border-radius:50%;transition:all 0.3s;}
.sd-commitment .info:after{display:block;content:'';padding-bottom:100%;}
.sd-commitment .text{position:absolute;left:50%;top:19.79166667%;transform:translateX(-50%);text-align:center;width:78.125%;}
.sd-commitment .num{font-size:0.8rem;font-family:"Barlow";line-height:1em;color:transparent;background-clip:text;background-image:linear-gradient(180deg,rgba(var(--main-rgb),0.3),transparent);margin:0 0 0.1em;}
.sd-commitment .num:after{width:0.25em;height:0.0625em;background-color:var(--main-color);display:block;content:'';margin:0.0625em auto 0;}
.sd-commitment .intro{color:#514429;}
.sd-commitment .active{position:relative;z-index:2;}
.sd-commitment .active .box{box-shadow:0px 6px 30px 0px rgba(0,0,0,0.1);}
.sd-commitment .active .info{background-color:var(--main-color);}
.sd-commitment .active .text{filter:brightness(100);}
@media only screen and (max-width:1024px){
	.sd-commitment .text{top:10%;}
	.sd-commitment .num{font-size:0.6rem;}
}
@media only screen and (max-width:750px){
	.sd-commitment .list{padding:0;gap:0.05rem;}
	.sd-commitment .item{width:100%;}
	.sd-commitment .box{margin:0;width:100%;border-radius:0;}
	.sd-commitment .info{border-radius:0;}
	.sd-commitment .info:after{display:none;}
	.sd-commitment .text{position:static;transform:none;width:auto;padding:0.3rem;}
}

/*sd-policy*/
.sd-policy .list{gap:1.38888889%;padding-top:1.38888889%;}
.sd-policy .item{width:21.52777778%;flex-grow:1;background-color:#f9f8f7;position:relative;transition:all 0.3s;text-align:center;}
.sd-policy .item:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/sd_policy_item_bg.jpg) no-repeat center bottom;background-size:cover;opacity:0;transition:all 0.2s;}
.sd-policy .box{position:relative;z-index:2;min-height:4rem;display:flex;align-items:center;flex-direction:column;flex-wrap:wrap;padding:0.3rem 0.25rem;height:100%;}
.sd-policy .meta{font-size:0.24rem;display:flex;flex-direction:column;align-items:center;width:100%;gap:1em;margin-bottom:1.125em;}
.sd-policy .icon{width:3.75em;height:3.75em;border-radius:50%;background-color:rgba(var(--main-rgb),0.1);display:flex;align-items:center;justify-content:center;position:relative;transition:all 0.2s;}
.sd-policy .icon:before{background-color:rgba(var(--main-rgb),0.2);width:36.66666667%;height:36.66666667%;border-radius:50%;content:'';display:block;position:absolute;right:16.66666667%;top:20%;transition:all 0.2s;}
.sd-policy .icon img{display:block;position:relative;z-index:2;width:51.11111111%;height:51.11111111%;object-fit:contain;transition:0.3s;}
.sd-policy .title{font-size:1em;line-height:1.25em;font-weight:500;}
.sd-policy .active{color:#fff;}
.sd-policy .active:before{opacity:1;}

/* .sd-policy .active .box {
gap: 0.2rem;
}
.sd-policy .active .meta {
flex-direction: row;
gap: 0.75em;
} */
.sd-policy .active .icon{background-color:#fff;}
.sd-policy .active .icon img{transform:rotateY(180deg);}
.sd-policy .active .icon:before{opacity:0;}
.sd-policy .active .intro{display:block;}
@media only screen and (max-width:1024px){
	.sd-policy .meta{font-size:0.2rem;}
}
@media only screen and (max-width:750px){
	.sd-policy .list{flex-wrap:wrap;gap:0.1rem;}
	.sd-policy .item,.sd-policy .active{width:100%;}
	.sd-policy .box{min-height:2.5rem;}
}

/*group-industries*/
#group-industries .swiper{padding:0 21.94444444%;}
#group-industries .figure{padding-bottom:66.75%;}
#group-industries .figure:after{position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:var(--font-color);opacity:0.4;}
#group-industries .default{position:absolute;top:50%;transform:translateY(-50%);left:0;width:20.5%;text-align:center;font-size:0.2rem;line-height:1.5em;z-index:5;font-weight:500;}
#group-industries .next .default{left:auto;right:0;}
#group-industries .meta{position:absolute;left:0;bottom:0;width:100%;z-index:5;padding:0.45rem 0.3rem;opacity:0;transition:all 0.3s;visibility:hidden;}
#group-industries .text{gap:0.08rem;width:calc(100% - 1.5rem);}
#group-industries .more{width:0.5rem;height:0.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;background-color:var(--main-color);transition:all 0.2s;}
#group-industries .more:after{width:16%;padding-bottom:24%;background:url(../images/view_more_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:brightness(100);}
#group-industries .more:hover{background-color:#fff;}
#group-industries .more:hover:after{filter:none;}
#group-industries .info{position:relative;border:0.04rem solid #fff;display:block;overflow:hidden;color:#fff;}
#group-industries .swiper-slide-active .figure:after{height:50%;background-color:transparent;background-image:linear-gradient(0deg,#000000,transparent);}
#group-industries .swiper-slide-active .default{display:none;}
#group-industries .swiper-slide-active .meta{opacity:1;visibility:visible;}
@media only screen and (max-width:750px){
	#group-industries .swiper{padding:0 5%;}
	#group-industries .meta{padding:0.2rem;}
	#group-industries .text{width:100%;}
	#group-industries .title{font-size:0.22rem;}
	#group-industries .more{display:none;}
}

/*ist-box*/
.ist-box{overflow:hidden;padding:1rem 0;position:relative;}
.ist-box.gray{background-color:#f9f8f7;}
@media only screen and (max-width:750px){
	.ist-box{padding:0.6rem 0;}
}

/*investment*/
#investment .text{width:42.36111111%;}
#investment .list{width:50.20833333%;border-top:0.02rem solid var(--main-color);}
#investment .item{border-bottom:0.01rem solid rgba(var(--main-rgb),0.1);padding:0.15rem 0 0.32rem;}
#investment .item:last-child{border-bottom:none;}
#investment .title{font-size:0.2rem;line-height:1.5em;font-weight:500;padding-left:0.16rem;position:relative;padding-right:1.75em;transition:all 0.3s;}
#investment .title:before{border:solid 0.01rem var(--main-color);border-radius:50%;width:0.3em;height:0.3em;content:'';display:block;position:absolute;left:0;top:0.6em;}
#investment .icon{display:block;object-fit:contain;width:1.4em;height:1.4em;position:absolute;right:0;top:0.05em;opacity:0.4;transition:all 0.3s;}
#investment .intro{color:#786f5c;padding-left:0.16rem;}
#investment .item:hover{color:var(--main-color);}
#investment .item:hover .icon{opacity:1;}
@media only screen and (max-width:750px){
	#investment .inner{flex-direction:column;gap:0.3rem;}
	#investment .text,#investment .list{width:100%;}
}

/*direction*/
#direction{padding-bottom:0;}
#direction .list{align-items:flex-end;}
#direction .item{padding-bottom:0;min-height:4.5rem;display:flex;align-items:flex-end;}
#direction .bg{position:absolute;top:0;right:-14.49275362%;margin-top:-10.14492754%;width:72.46376812%;height:auto;display:block;opacity:0.05;filter:brightness(100);}
#direction .icon{width:0.7rem;height:0.7rem;border-radius:50%;background-color:rgba(var(--main-rgb),0.1);display:flex;align-items:center;justify-content:center;margin-bottom:0.75rem;transition:all 0.3s;position:relative;z-index:2;}
#direction .icon img{display:block;width:50%;height:50%;object-fit:contain;}
#direction .title{font-size:0.24rem;line-height:1.25em;font-weight:500;margin-bottom:0.83333333em;position:relative;z-index:2;}
#direction .info{background-color:#fff;position:relative;padding:0.4rem 0.3rem 0.2rem;transition:all 0.3s;}
#direction .info:before{height:0.02rem;width:100%;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;top:0;}
#direction .info:hover{color:#fff;background-color:var(--main-color);}
#direction .info:hover .icon{border:0.01rem solid rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.16);}
#direction .info:hover .icon img{filter:brightness(100);}
#direction .info:hover .intro{color:#fff;}
@media only screen and (min-width:751px){
	#direction .item{width:25%;}
	#direction .title{font-size:0.2rem;}
	#direction .info:hover{padding-bottom:0.5rem;padding-top:0.5rem;}
	#direction .info:hover .icon{margin-bottom:1.05rem;}
}
@media only screen and (max-width:750px){
	#direction{padding-bottom:0.6rem;}
	#direction .list{gap:0.2rem;}
	#direction .item{width:100%;min-height:0;}
	#direction .icon{margin-bottom:0.5rem;}
}

/*standard*/
#standard .list{padding-top:2.08333333%;}
#standard .num{font-family:'Barlow';font-size:0.8rem;font-weight:bold;position:absolute;left:-0.25em;top:50%;transform:translateY(-50%);color:transparent;-webkit-text-stroke:0.01rem var(--main-color);line-height:1em;}
#standard .text{font-size:0.2rem;line-height:1.8em;}
#standard .info{background-color:#f9f8f7;position:relative;height:100%;padding:12.87553648% 16.30901288% 12.87553648% 23.60515021%;overflow:hidden;}
#standard .info:hover{color:var(--main-color);}

/*capacity*/
#capacity .list{padding-top:1.38888889%;}
#capacity .title{font-size:0.24rem;line-height:1.25em;font-weight:500;position:relative;margin-bottom:0.83333333em;}
#capacity .title:before{content:'';display:block;position:absolute;left:-0.3rem;width:0.16666667em;height:0.91666667em;border-radius:0px 0.08333333em 0.08333333em 0px;background-color:var(--main-color);top:0.16666667em;}
#capacity .intro{min-height:3.75em;}
#capacity .info{background-color:#fff;padding:0.35rem 0.7rem 0.23rem 0.3rem;transition:all 0.3s;position:relative;height:100%;}
#capacity .info:hover{background-color:var(--main-color);color:#fff;}
#capacity .info:hover .title:before{background-color:#fff;}
#capacity .info:hover .intro{color:#fff;}
@media only screen and (max-width:750px){
	#capacity .info{padding-right:0.35rem;}
}

/*method*/
#method .list{--margin:4.305%;padding-top:3.125%;}
#method .bg{position:absolute;top:0;right:-18.26484018%;margin-top:-15.98173516%;width:59.36073059%;height:auto;display:block;opacity:0;filter:brightness(100);z-index:3;}
#method .cont{position:relative;z-index:5;}
#method .icon{width:0.9rem;height:0.9rem;border-radius:50%;background-color:rgba(var(--main-rgb),0.1);display:flex;align-items:center;justify-content:center;margin-bottom:0.25rem;transition:all 0.3s;}
#method .icon img{display:block;width:50%;height:50%;object-fit:contain;}
#method .title{font-size:0.24rem;line-height:1.25em;font-weight:500;margin-bottom:0.83333333em;}
#method .intro{transition:all 0.2s;}
#method .info{position:relative;padding:0.3rem 0.48rem 0.35rem 0.3rem;transition:all 0.2s;height:100%;}
#method .info:before,#method .info:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;transition:all 0.2s;}
#method .info:before{background-color:#f9f8f7;}
#method .info:after{background-image:linear-gradient(0deg,rgba(var(--main-rgb),0.8) 60%,transparent);opacity:0;z-index:4;}
#method .info:hover{color:#fff;}
#method .info:hover:before{background-color:var(--main-color);}
#method .info:hover:after{opacity:1;}
#method .info:hover .bg{opacity:0.5;}
#method .info:hover .icon{background-color:rgba(255,255,255,0.1);}
#method .info:hover .icon img{filter:brightness(100);}
#method .info:hover .intro{color:#fff;}
@media only screen and (min-width:751px){
	#method .item{width:33.333%;padding-bottom:0;}
	#method .info:hover{padding-left:0;padding-right:0;}
	#method .info:hover:before,#method .info:hover:after{transform:scale(1.191);}
}

/*swiper-arrows*/
.swiper-arrows{position:relative;}
.swiper-arrows .arrow{width:0.5rem;height:0.5rem;background-color:#f9f8f7;border:solid 0.01rem #786f5c;border-radius:50%;cursor:pointer;z-index:5;position:relative;}
.swiper-arrows .arrow:after{width:18.75%;padding-bottom:27.08333333%;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:no-repeat center center;background-size:contain;}
.swiper-arrows .arrow:hover{background-color:var(--main-color);border-color:transparent;}
.swiper-arrows .arrow:hover:after{filter:brightness(100);}
.swiper-arrows .prev:after{background-image:url(../images/swiper_prev_01.svg);}
.swiper-arrows .next:after{background-image:url(../images/swiper_next_01.svg);}
.swiper-arrows .abs{position:absolute;top:50%;transform:translateY(-50%);--lr:-7.63888889%;}
.swiper-arrows .abs.prev{left:var(--lr);}
.swiper-arrows .abs.next{right:var(--lr);}
@media only screen and (max-width:1280px){
	.swiper-arrows .abs{--lr:-4.5%;}
}
@media only screen and (max-width:1024px){
	.swiper-arrows .arrow{width:0.4rem;height:0.4rem;}
	.swiper-arrows .abs{--lr:2%;}
}

/*related-list*/
.related-list .figure{padding-bottom:66.88741722%;}
.related-list .text{padding:0.22rem 0.55rem 0.2rem 0.3rem;}
.related-list .title{font-size:0.24rem;line-height:1.25em;font-weight:500;margin-bottom:0.33333333em;}
.related-list .intro{line-height:1.75em;color:#786f5c;height:3.5em;margin-bottom:0.625em;}
.related-list .meta{color:#786f5c;line-height:2.25em;}
.related-list .meta p{display:flex;justify-content:space-between;padding-left:1.5625em;background:no-repeat left 0.625em;background-size:1.0625em auto;}
.related-list .meta span:nth-child(1){display:block;}
.related-list .meta span:nth-child(2){width:calc(100% - 5.25em);color:#514429;font-weight:500;}
.related-list .meta .add{background-image:url(../images/related_mine_01.svg);}
.related-list .meta .ore{background-image:url(../images/related_mine_02.svg);}
.related-list .meta .pha{background-image:url(../images/related_mine_03.svg);}
.related-list .meta .val{background-image:url(../images/related_mine_04.svg);}
.related-list .info{background-color:#fff;display:block;overflow:hidden;transition:all 0.3s;}

/*related-mine*/
#related-mine .related-list{margin-top:1.38888889%;}

/*ind-details*/
.ind-details{background-color:#fff;padding:1.2rem 0 0.8rem;}
.ind-details .info{position:relative;margin-bottom:5.55555556%;}
.ind-details .info:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;background-color:rgba(120,111,92,0.08);height:0.01rem;}
.ind-details .info:last-child{margin-bottom:0;}
.ind-details .title{font-size:0.36rem;line-height:1.35em;font-weight:500;position:relative;padding-top:0.61111111em;}
.ind-details .title:before{content:'';display:block;position:absolute;left:0;width:100%;background-color:rgba(var(--main-rgb),0.93);height:0.02rem;top:0;}
.ind-details .meta{width:72.91666667%;}
.ind-details .meta .pic{width:50%;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,0.3);padding:0.05rem;}
.ind-details .meta .figure{padding-bottom:70%;}
.ind-details .meta .figure img{display:block;height:100%!important;}
.ind-details .meta .text{width:47%;display:flex;flex-direction:column;align-items:flex-start;gap:0.1rem;}
.ind-details .meta .num{display:flex;}
.ind-details .meta .num span{background-color:#0d4163;color:#fff;font-size:0.16rem;height:2.77777778em;padding:0 1.5em;display:flex;align-items:center;justify-content:center;border-radius:1.38888889em;}
.ind-details .meta .intro{text-align:justify;}
.ind-details .meta .tag{color:#0d4163;font-weight:500;font-size:0.2rem;line-height:1.5em;display:flex;flex-wrap:wrap;gap:0.3rem;}
.ind-details .item{border-bottom:0.01rem solid rgba(120,111,92,0.08);width:48.66666667%;padding:0.23rem 0 0.14rem;}
.ind-details .item.w100{width:100%;}
.ind-details .name{color:#786f5c;font-weight:400;font-size:0.16rem;line-height:1.875em;}
.ind-details .value{color:#514429;font-weight:500;font-size:0.2rem;line-height:1.8em;}
.ind-details .entry{padding:0.22rem 0;}
@media only screen and (max-width:1024px){
	.ind-details .meta .text{width:100%;margin-bottom:0.4rem;}
	.ind-details .meta .pic{width:100%;}
}
@media only screen and (max-width:750px){
	.ind-details{padding:0.6rem 0;}
	.ind-details .info{flex-direction:column;}
	.ind-details .meta{width:100%;}
	.ind-details .item{width:100%;}
}

/*ind-project*/
.ind-project{padding:1rem 0;overflow:hidden;background-color:#f9f8f7;}
.ind-project .gallery{width:65.27777778%;}
.ind-project .swiper{width:104.25531915%;margin-left:-4.25531915%;padding-left:4.25531915%;}
.ind-project .figure{padding-bottom:56.17021277%;}
.ind-project .button{position:absolute;right:4.08163265%;bottom:7.57575758%;gap:0.2rem;}
.ind-project .text{width:34.72222222%;padding:0.4rem;background-color:#fff;}
.ind-project .title{margin-bottom:0.375em;}
.ind-project .intro{margin-bottom:0.2rem;}
.ind-project .meta{color:#786f5c;line-height:2.25em;}
.ind-project .meta p{display:flex;justify-content:space-between;padding-left:1.5em;background:no-repeat left 0.65625em;background-size:0.8125em auto;}
.ind-project .meta span:nth-child(1){display:block;}
.ind-project .meta span:nth-child(2){width:calc(100% - 5.25em);color:#514429;font-weight:500;}
.ind-project .meta .area{background-image:url(../images/project_meta_01.svg);}
.ind-project .meta .date{background-image:url(../images/project_meta_02.svg);}
.ind-project .meta .stat{background-image:url(../images/project_meta_03.svg);}
.ind-project .data{border-top:0.02rem solid rgba(120,111,92,0.08);padding-top:0.32rem;margin-top:0.3rem;}
.ind-project .data li{display:flex;position:relative;}
.ind-project .data li:after{content:'';display:block;position:absolute;width:0.01rem;height:90%;top:50%;transform:translateY(-50%);right:0;background-color:rgba(120,111,92,0.08);}
.ind-project .data li:nth-child(3n+1){width:30%;}
.ind-project .data li:nth-child(3n+2){width:42.85714286%;justify-content:center;}
.ind-project .data li:nth-child(3n+3){width:26.9047619%;justify-content:flex-end;}
.ind-project .data li:nth-child(3n+3):after{display:none;}
.ind-project .data .box{min-width:5em;}
.ind-project .data .name{color:#514429;}
.ind-project .data .num{font-family:'Barlow';font-size:0.32rem;line-height:1em;font-weight:700;}
.ind-project .data .unit{color:#786f5c;}
@media only screen and (max-width:1024px){
	.ind-project .gallery,.ind-project .text{width:100%;}
}
@media only screen and (max-width:750px){
	.ind-project{padding:0.6rem 0;}
	.ind-project .text{padding:0.3rem;}
	.ind-project .title{font-size:0.3rem;}
}