/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body {
    font-size: 12px;
    color: #666;
    font-family: 'Objectivity','Noto Sans SC';
    background: #e7e5e4
}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px !important; margin:0 auto; width:90% !important}

:root {
    --main-color: #735c47;
    --main-color-white: #ffffff;
    --main-color-333: #333333;
    --main-color-555: #555555;
    --main-color-666: #666666;
    --main-color-999: #999999;
    --main-color-888: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --main-linear: linear-gradient(45deg, #79bd28 0%, #00653b 100%);
}

@font-face {
    font-family: 'Objectivity';
    src: url('../fonts/Objectivity-Medium.eot');
    src: url('../fonts/Objectivity-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Objectivity-Medium.woff2') format('woff2'), url('../fonts/Objectivity-Medium.woff') format('woff'), url('../fonts/Objectivity-Medium.ttf') format('truetype'), url('../fonts/Objectivity-Medium.svg#Objectivity-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.header-bg{ background:#fff;}
.header{ display: flex;  align-items: center;justify-content: space-between;}
.logo{ width:48%}
.logo a{ width:100%}
.logo a img{ max-width:100%; vertical-align:bottom;}

/*menu*/
.menu{height:35px;line-height:35px;}
.menu ul li{ float:left; position:relative; margin:0 1vw}
.menu ul li dl{ background:#fff; width:100%; min-width:120px; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:9 }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:16px;color:#1d1d22; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{text-decoration:underline;}
a.menu_hover{ text-decoration:underline;}


.banner02{ background:#fff; padding:0 1.5%;margin:1.5% auto;}
.banner0101{ position:relative}
.banner02 .img { padding-bottom: 50%; position: relative; overflow: hidden; background: #f9f9f9; }
.banner02 .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; }
.banner02 .title-bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0 0 0 / 60%); color:#fff; display: flex; justify-content: center;  align-items: center;}
.banner02 .title-bg .title{width: 35.5%;text-align: center;}
.banner02 .title-bg .title h2{ font-size:70px; line-height:1.1; font-weight:500;}
.banner02 .title-bg .title span{ font-size:21px;    line-height: 1.5; display:block; text-align:center; width:83%; margin:5% auto;}
.banner02 .title-bg .title a{ font-size:16px; color:#fff; display:inline-block; margin:0 10px;}
.banner02 .title-bg .title a.get{ padding:20px 40px; border-radius:30px; background:#553e29}
.banner02 .title-bg .title a.get:hover{ background:#7f6c5c}

.cent01-bg{ background:#fff; padding:4% 0; margin-bottom:1.5%;}
.cent01-l{ float:left; display:block; width:55%; position:relative; overflow:hidden;}
.cent01-l .img { padding-bottom: 70%; position: relative; overflow: hidden; background: #f9f9f9; }
.cent01-l .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease;    object-fit: cover; }
.cent01-l .keu{background:#735c47;position:absolute;bottom: -7%;color:#fff;width: 63.8%;left: 7%;box-sizing: border-box;padding: 9%;}
.cent01-l .keu h2{ font-size:16px; display:block;}
.cent01-l .keu ul{ margin-top:8%;}
.cent01-l .keu ul li{ font-size:16px; line-height:30px;}

.cent01-r{float:right;display:block;width:40%;border-bottom:2px solid #e5e5e9;padding-bottom:2%;color:#121217;margin-top: 3%;}
.cent01-r .h2{ display:block; font-size:38px; font-weight:normal; }
.cent01-r>span{display:block;font-size:16px;line-height:1.5;margin-top: 7%;}
.cent0101{margin-top: 7%;}
.cent0101 ul{ display: flex; align-items: center;justify-content: space-between;}
.cent0101 ul li{ width:48%;}
.cent0101 ul li strong{ display:block; font-size:15px;}
.cent0101 ul li span{ font-size:15px; line-height:1.5; margin-top:2%; display:block;}


.footer-bg{ background:#735c47; color:#fff;}
.footer-bg a{ color:#fff;}
.footer{ padding:3% 0;}
.footer dl{ display: flex;  align-items: flex-start; justify-content: space-between;}
.footer dl dd { width:25%;}
    .footer dl dd .h2 {
        font-size: 18px;
        font-weight: bold;
        display: block;
        line-height: 1.5em;
    }
.footer dl dd .sdd{ margin-top:0;}
    .footer dl dd .sdd ul li {
        margin-top: 2em;
        font-size: 16px;
        line-height: 1.5em;
    }
.footer dl dd>ul{margin-top:2em;}
.footer dl dd>ul>li{ font-size:16px; margin-bottom:0.8em;}
.footer dl dd>ul>li a:hover{text-decoration:underline;}


.footer01-bg{ background:#ffffff1a; padding:2% 0;}
.footer01{ display: flex;align-items: center;justify-content: space-between;}
.footer01 span{ font-size:16px; color:#ffffffe6}
.footer01 span a{ color:#735c47;text-decoration:underline;}
.footer01 .nfd{ display: flex; justify-content: center;  align-items: center;}
.footer01 .nfd a{ display: flex; justify-content: center;  align-items: center; margin-left:10px; width:24px;}
.footer01 .nfd a img{ max-height:100%; max-width:100%;  }


.sp_header{ display:none}
.sjj_nav{ display:none}
.top{ display:none}
 

@media only screen and (max-width: 980px) {
	.top{ display:block; height:50px}
 
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block;}
.sp_logo{float:left;height:50px; box-sizing:border-box;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#735c47;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#735c47}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	
	.header-bg{ display:none;}
	.banner02 .img{ padding-top:70%;}
	.banner02 .title-bg .title{ width:80%;}
	.banner02 .title-bg .title h2{ font-size:30px;}
	.banner02 .title-bg .title span{ font-size:16px; width:100%;}
	.banner02 .title-bg .title a.get{ padding:2px 8px;}
	
	.cent01-bg{ padding-bottom:8%;}
	.cent01-l .keu{ width:80%;}
	.cent01-l .keu ul li{}
	.cent01-l .keu h2{ }
	.cent01-l{ float:none; display:block; width:100%}
	.cent01-l .img{ padding-top:60%;}
	.cent01-r{ float:none; display:block; width:100%; margin-top:20%; padding-bottom:5%;}
	.cent0101 ul{flex-wrap: wrap; }
	.cent0101 ul li{ width:100%; margin-top:5%;}
	
	.footer01-bg{ padding:5% 0;}
	.footer01{ padding:0 8%; box-sizing:border-box;}
	.footer dl{flex-wrap: wrap;}
	.footer dl dd{ width:100%; margin-top:5%;}
	.footer01 span{ }
	.footer01 .nfd{flex-wrap: wrap;}
	
	
	}

.cent02-bg{background:#f7f7f8;position:relative;/* min-height:300px; */}	
.cent02-bg:before { bottom: -80px ; clip-path: polygon(0 0, 100% 0, 0 100%) ;}
.cent02-bg:before { background: inherit ; content: "" ;height:80px ;  left: 0 ; pointer-events: none ; position: absolute ; width: 100% ;  z-index: 10 ;}
:root {
    --wndb-mask-color: rgba(0, 0, 0, .15);
    --wndb-mask-position: 50% 50% at 50% 20%;
    --wndb-mask-opacity: 0.35;
}

.cent02-bg:after {   background-image: linear-gradient(to right, rgb(0 0 0 / 15%) 1px, transparent 1px), linear-gradient(to bottom, rgb(0 0 0 / 15%) 1px, transparent 1px) ; background-size: 50px 50px ;}
.cent02-bg:after { content: "" ; inset: 0 ;  mask-image: radial-gradient(ellipse var(--wndb-mask-position), #000 70%, rgba(0, 0, 0, .3) 100%) ;opacity: 0.35 ;   pointer-events: none ; position: absolute ; z-index: 0 ;color: #1d1d22;}
.cent02{ box-sizing:border-box; padding:6% 2%; position:relative;}
.cent02 h2{ z-index:1;  position:absolute; top:24%; left:50%; transform: translate(-50%, 0);
letter-spacing: -.025em; text-align:center; font-size:56px; font-weight:normal; color:#1d1d22}


.list3-bg{ float:right;  display:block; width:270px; border-radius:4px; border:1px solid #aaa; padding:10px 20px 10px 10px; z-index:4}
.list3-bg>span{ float:right;    display: flex
;
    align-items: center;
    width: 35px;
    height: 30px;
    justify-content: center;
    direction: ltr;border-radius:4px; border:1px solid #aaa;}
.list3{ display:block}
.list3 ul li{font-size:12px;color:#444;font-weight:500;/*list-style: auto;*/margin-left: 20px;line-height: 20px;}
.list3 ul li a{ color:#444;}
.list3 ul li a:hover{text-decoration:underline;}
.list3 ul li a.active { color:#9f9f9f}

.cent03{ height:80px;}

section{ margin-top:8%;}

@media only screen and (max-width: 980px) {
	.list3-bg{ float:none; margin:0 auto;}
.cent02 h2{ position:inherit; font-size:44px;}
}

.serjii{ text-align:left !important}
.tile{text-align:center}
.tile h2{ font-size:38px; color:#735c47; display:block; font-weight:500;}
.index_product {margin-top: 4%;}
.index_product ul li {float: left;width: calc((100% - 30px)/4);margin: 0 0 10px 10px;}
.index_product ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.index_product ul li .nr_box { }
.index_product ul li .img {padding-bottom: 120%;position: relative;overflow: hidden;background: #f9f9f9;}
.index_product ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease;     object-fit: cover;}
.index_product ul li .nr_box .txtbg {box-sizing: border-box;margin-top: 6%;}
.index_product ul li:hover .img img { transform: scale(1.1); }
.index_product ul li .nr_box .txtbg .txt .h3 {font-size: 16px;display: block;line-height: 1.5;color: #735c47;font-weight: bold;}
@media only screen and (max-width: 980px) {
	.cent04{ width:80% !important; margin:0 auto;}
.index_product ul li { float: left; display: block; width: 100%; margin-right: 0; margin-top: 5%; margin-left:0;}
.index_product ul li .nr_box .imgbg .img { height: auto; }
.index_product ul li .nr_box .txtbg { margin-top: 5% }
.index_product ul li .nr_box .txtbg .txt .h3 { font-size: 14px; }
}


.index_product2 {margin-top: 4%;}
.index_product2 ul li {float: left;width: calc((100% - 30px)/4);margin: 0 0 10px 10px;}
.index_product2 ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.index_product2 ul li .nr_box { }
.index_product2 ul li .imgbg{ border-radius:20px; overflow:hidden;}
.index_product2 ul li .img {padding-bottom: 150%;position: relative;overflow: hidden;background: #f9f9f9;}
.index_product2 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease;     object-fit: cover;}
.index_product2 ul li .nr_box .txtbg {box-sizing: border-box;margin-top: 6%;}
.index_product2 ul li .nr_box .txtbg .txt .h3 {font-size: 16px;display: block;line-height: 1.5;color: #735c47;font-weight: bold;}
@media only screen and (max-width: 980px) {
.index_product2 ul li { float: left; display: block; width: 100%; margin-right: 0; margin-top: 5%; }
.index_product2 ul li .nr_box .imgbg .img { height: auto; }
.index_product2 ul li .nr_box .txtbg { margin-top: 5% }
.index_product2 ul li .nr_box .txtbg .txt .h3 { font-size: 14px; }
}


.index_product3 {margin-top: 4%;}
.index_product3 ul li {float: left;width: calc((100% - 60px)/3);margin: 0 0 30px 30px;}
.index_product3 ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.index_product3 ul li .nr_box { }
.index_product3 ul li .imgbg{ border-radius:20px; overflow:hidden;}
.index_product3 ul li .img {padding-bottom: 60%;position: relative;overflow: hidden;background: #f9f9f9;}
.index_product3 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease;     object-fit: cover;}

@media only screen and (max-width: 980px) {
.index_product3 ul li { float: left; display: block; width: 100%; margin-right: 0; margin-top: 5%; }
.index_product3 ul li .nr_box .imgbg .img { height: auto; }
.index_product3 ul li .nr_box .txtbg { margin-top: 5% }
.index_product3 ul li .nr_box .txtbg .txt .h3 { font-size: 14px; }
}

.gne{ margin-bottom:5%;}

.et{/* position:fixed; top:30%; right:0;*/}
.ez-toc-open-icon{    position: fixed;
    right: 0;
    top: 8%;
    text-decoration: none;
    font-weight: 700;
    padding: 5px 10px 15px;
    box-shadow: 1px -5px 10px 5px rgb(0 0 0 / 10%);
    background-color: #fff;
    color: #111;
    display: inline-grid
;
    line-height: 1.4;
    border-radius: 10px 0 0 10px;
    z-index: 999999;}
.ez-toc-open-icon span.arrow {
    font-size: 18px;
}
.ez-toc-open-icon span.text {
    font-size: 13px;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ez-toc-sticky-fixed{    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999;
    width: auto;
    max-width: 100%;transition: opacity .3s linear, right .3s cubic-bezier(.4, 0, 1, 1);
    right: -100%;}
.ez-toc-sticky-fixed.show {
    -moz-transition: right .3s linear;
    -o-transition: right .3s linear;
    transition: right .3s linear;
    right: 0;
}	
	
.ez-toc-sticky-fixed .dsdd{    position: relative;
    top: auto;
    width: auto !important;
    height: 100%;
    box-shadow: 1px 1px 10px 3px rgb(0 0 0 / 20%);
    box-sizing: border-box;
    padding: 20px 30px;
    background: #fff;
    margin-left: 0 !important;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    height: 20%; position:relative}	
.dsdd>ul{ padding-top:60px;}	
.dsdd ul li{font-size:16px;color:#000;font-weight:500;/*list-style: auto;*/margin-left: 20px;line-height: 25px;}
.dsdd ul li a{ color:#444;}
.dsdd ul li a:hover{text-decoration:underline;}
.dsdd ul li a.active { color:#9f9f9f}
	
.ez-toc-sticky-fixed .djkor {     border-bottom-color: #EEEEEE;
    background-color: #fff;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    position: absolute;
    height: auto;
    top: 0;
    left: 0;
    z-index: 99999999; height:60px; box-sizing:border-box;}	
	
.inside_con{ padding:10px 0; min-height:300px;}	




.cent05-bg{background:#1d1d22;color:#fff;padding: 4% 0;}
.cent05-bg a{ color:#fff;}
.newsclass01_list { margin-top: 0.63rem; }
.newsclass01_list ul li {float: left;width: calc((100% - 60px)/4);margin: 0 0 0px 20px;}
.newsclass01_list ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.newsclass01_list ul li .nr_box {overflow: hidden;transition: all .3s ease;}
.newsclass01_list ul li .img {padding-bottom: 100%;position: relative;overflow: hidden;}
.newsclass01_list ul li .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.newsclass01_list ul li .txtbg { }
.newsclass01_list ul li .txt {padding: 8% 4.5%;text-align: center;}
.newsclass01_list ul li .txt .h2 {font-size: 18px;line-height: 1.5em;height: 1.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;}
.newsclass01_list ul li .txt .h3 {font-size: 16px;line-height: 1.5em;height: 1.5em;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #fffc;}

@media(max-width:999px) {
.newsclass01_list ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.newsclass01_list ul li .txt { padding: 10px 5%; }
.newsclass01_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
.newsclass01_list ul li .txt .h3 { font-size: 12px; line-height: 1.5em; height: 3em; margin-bottom: 5px; }
}


.cent06-bg{ padding:3% 0; background:#fff}
.cent06{}
.cent06-l>em{ display:block; font-style:normal; font-size:16px; color:#3f3f50; margin-bottom:3%}
.cent06-l{ float:left; display:block; width:48%; margin-top:3%}
.cent06 .imgbg{ float:right; display:block; width:48%}
.cent06 .imgbg .img {padding-bottom: 130%;position: relative;overflow: hidden;}
.cent06 .imgbg .img img {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto auto;transition: all .3s ease;object-fit: cover;}
.cent06  .list3-bg{ float:none}
.cent0601{ margin-top:3%}
.cent0601>h2{ font-size:38px; color:#121217; display:block; font-weight:normal}
.cent0601 ul{ display: flex; align-items: center;justify-content: space-between;flex-wrap: wrap; margin-top:6%; }
.cent0601 ul li{ width:50%; margin-top:4%}
.cent0601 ul li strong{ display:block; font-size:18px; color:#1d1d22;}
.cent0601 ul li span{ display:block; font-size:16px; color:#3f3f50; line-height:1.5; margin-top:3%;}
@media(max-width:999px) {
	.cent06-bg{ padding:5% 0;}
	.cent06-l{ width:100%;}
	.cent06 .imgbg{ width:100%; margin-top:4%}
	.cent0601 ul li{width:100%;}
	}



.cent07-bg{ padding:5% 0;}
.cent0701{ width:55%;}
.cent0701 h2{ font-size:54px; display:block; font-weight:500; color:#735c47}
.cent0701 span{ font-size:24px; color:#735c47; display:block; line-height:1.5; margin-top:2%;}

.cent0702{ display: flex;  align-items: flex-end; justify-content: space-between;    gap:30px; margin-top:8%;}
.cent0702-1{ width:25%; background:#f7f7f8; border:1px solid #e5e5e9; border-radius:5px; box-sizing:border-box; padding:3%;display: flex;flex-direction: column;  align-items: flex-start; gap:15px; color:#121217}
.cent0702-2{ width:33.33%; background:#1d1d22; border:1px solid #e5e5e9; border-radius:5px; box-sizing:border-box;padding:3%;display: flex;flex-direction: column;  align-items: flex-start; gap:15px; color:#fff; position:relative}
.cent0702-3{     width: 37%; background:#735c47; border:1px solid #e5e5e9; border-radius:5px; box-sizing:border-box;padding:3%;display: flex;flex-direction: column;  align-items: flex-start; gap:15px;color:#fff}
.cent0702-2:after { content: "" ; inset: 0 ; -webkit-mask-image: radial-gradient(ellipse var(--wndb-mask-position), #000 70%, rgba(0, 0, 0, .3) 100%) ; mask-image: radial-gradient(ellipse var(--wndb-mask-position), #000 70%, #0000004d 100%) ; opacity: var(--wndb-mask-opacity) ; pointer-events: none ;  position: absolute ;  z-index: 3 ;  }
.cent0702-2:after {background-image: linear-gradient(to right, #ffffff4f 1px, #00000000 1px), linear-gradient(to bottom, #ffffff99 1px, #00000000 1px) ;background-size: 50px 50px ;}
.cent0702 .h1{ font-size:24px;}
.cent0702 h2 {
    font-size: 18px;
    padding-bottom: 20px;
}
.cent0702 span{ font-size:16px;}

@media only screen and (max-width: 980px) {
	.cent0701 h2{ font-size:40px;} 
	.cent0701 span{ font-size:18px;}
	.cent0701{ width:100%}
	.cent0702{ width:100%;flex-wrap: wrap; }
	.cent0702-1{ width:100%;}
	.cent0702-2{ width:100%;}
	.cent0702-3{ width:100%;}
	}


.cent08-bg{margin-top:1.5%;background:#fff;margin-bottom:1.5%;padding-top: 3%;}
.cent08{display: flex;justify-content: space-between;margin-block-start: 0;margin-block-end: 0;position:relative;}
.nfd_1{    padding-top: 100px; width:48%  }
.nfd_1 img{ width:100%; vertical-align:bottom;}
.nfd_2{ width:48%    }
.nfd_2 img{ width:100%; vertical-align:bottom;}
.nfd_5{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.nfd_5 img{ width:100%; vertical-align:bottom;}	

.cent09{ margin-top:6%;}
.cent0901{float:left;display:block;width: 40%;}	
.cent0901 h2{ display:block; font-size:56px; color:#735c47; font-weight:500;}
.cent0901 .dsie{ display: flex;    gap: 0; margin-top:6%;}
.cent0901 .dsie .img{ width:50px; height:50px; border-radius:50%; overflow:hidden; border:2px solid #fff;}
.cent0901 .dsie .img img{ width:100%; height:100%;}
.cent0901 .dsie .img:not(:first-child) { margin-inline-start: -1.275rem;}
.cent0901>p{ color:#fab906;    letter-spacing: 2px; font-size:18px; margin-top:4%;}
.cent0901>span{ font-size:16px; line-height:1.6; color:#1d1d22}
.cent090r{float:right;display:block;width: 57%;}	
.cent090r dl{ display: flex;  align-items: flex-start;justify-content: space-between;}
.cent090r dl dd{ width:48%;}
.cent090r dl dd ul li{ background:#f7f7f8; border-radius:5px; position:relative; overflow:hidden; padding:13%; margin-bottom:8%;}
.cent090r dl dd ul li:before { content: ""; position:absolute; top:50%; left:0; width:3px; height:50%; background:#e5e5e9;transform: translate(0, -50%);}
.cent090r dl dd ul li h2{ font-size:16px; color:#1d1d22; display:block;}
.cent090r dl dd ul li>span{ display:block; font-size:16px; color:#1d1d22; line-height:1.5; margin-top:5%;}
.cent090r dl dd ul li .ir{color:#fab906;    letter-spacing: 2px; font-size:18px; margin-top:4%;}
.cent090r dl dd ul li>p{ font-size:16px; color:#1d1d22; line-height:1.6; padding:0; margin-top:3%;}

@media only screen and (max-width: 980px) {
	.cent08{ width:80% !important}
.cent08-bg{ margin-top:8%; padding:10% 0; margin-bottom:8%;}
.cent09{ margin-top:5%; width:80% !important}
.cent0901{ width:100%; float:none}
.cent0901 h2{ font-size:44px;}
.cent090r{ width:100%; float:none; margin-top:5%;}
.cent090r dl{flex-wrap: wrap; }
.cent090r dl dd{ width:100%; } 
	}


.cent10-bg{ position:relative;}
.cent10{ position:relative; z-index:3; color:#fff; text-align:center; padding-top:6%}
.cent1001{ position:absolute; z-index:1; top:0; width:100%; left:0; height:85%; background:#1d1d22}
.cent1001:after { content: "" ; inset: 0 ; -webkit-mask-image: radial-gradient(ellipse var(--wndb-mask-position), #000 70%, rgba(0, 0, 0, .3) 100%) ; mask-image: radial-gradient(ellipse var(--wndb-mask-position), #000 70%, #0000004d 100%) ; opacity: var(--wndb-mask-opacity) ; pointer-events: none ;  position: absolute ;  z-index: 3 ;  }
.cent1001:after {background-image: linear-gradient(to right, #ffffff4f 1px, #00000000 1px), linear-gradient(to bottom, #ffffff99 1px, #00000000 1px) ;background-size: 50px 50px ;}
.cent10 .list3-bg{float:none;margin: 0 auto;position: absolute;top: 13%;right: 0;}
.cent10 .list3 ul li{ text-align:left;}
    .cent10 .list3 ul li a {
        color: #ddd;
    }
.cent10 .list3 ul li a.active { color:#9f9f9f}
.cent10>h2{ font-size:70px; display:block; margin-top:3%; font-weight:normal;}
.cent10>span{ font-size:18px; display:block; margin-top:4%;}
.cent10 .img{ margin-top:6%; border-radius:20px 20px 0 0; overflow:hidden;}
.cent10 .img img{ width:100%; vertical-align:bottom;}
@media only screen and (max-width: 980px) {
	.cent10>h2{ font-size:52px;}
	.cent10 .list3-bg{ position:inherit; top:inherit; right:inherit;}
	}



.cent11-bg{ background:#fff; padding:3% 0;}
.cent11 dl{    display: flex;align-items: flex-start; justify-content: space-between;}
.cent11 dl dd{}
.cent11 dl dd h2{ font-size:24px; color:#1d1d22; display:block; font-weight:500;}
.cent11 dl dd ul{ margin-top:}
.cent11 dl dd ul li{ margin-top:30px;}
.cent11 dl dd ul li strong{ display:block; font-size:18px; color:#1d1d22;}
.cent11 dl dd ul li p{ padding:0; display:block; font-size:18px; color:#1d1d22;}
.cent11 dl dd ul li a{ color:#735c47;font-size:18px; text-decoration: underline;}
.cent11 dl dd .tnbue{ display: flex;   align-items: center;margin-top: 30px}
.cent11 dl dd .tnbue a{ width:36px; height:36px; border-radius:50%; display: flex; justify-content: center;  align-items: center; overflow:hidden; background:#f2f2f2;cursor:pointer; transition: all 0.5s; margin-right:20px;}
.cent11 dl dd .tnbue a:hover{ transform: scale(1.1);}
.cent11 dl dd .tnbue a img{ max-width:55%; max-height:55%}

@media only screen and (max-width: 980px) {
	.cent11{ padding:0 5%; box-sizing:border-box;}
	.cent11 dl{flex-wrap: wrap; }
	.cent11 dl dd{ width:100%}
	}
	
	
	
	
.cent12{ background:#f7f7f8; padding:4% 3% }
.cent12 .fett .ue{ display:none; font-size:16px; color:#3f3f50; font-weight:400; line-height:1.6; margin-top:2%}
.cent12 .pte{ text-align:center;}
.cent12 .pte p{ font-size:12px;    font-weight: 600; text-transform: uppercase; background:#fff; display:inline-block; padding:3px 12px; border-radius:10px;}
.cent12 .pte h2{ color:#1d1d22; font-size:56px; font-weight:normal; margin-top:2%}
.cent12 dl{display: flex;   align-items: flex-start; justify-content: space-between; margin-top:3%;}
.cent12 dl dd{ width:48%;}
.cent12 dl dd ul{}
.cent12 dl dd ul li{ background:#e7e5e4; box-sizing:border-box; padding:2% 3%; border-radius:10px; box-sizing:border-box; margin-top:4%;}
.cent12 dl dd ul li>span{ display: flex;   align-items: center;justify-content: space-between;}
.cent12 dl dd ul li>span>a{ font-size:18px; color:#121217; display:block; font-weight:normal;}
.cent12 dl dd ul li>span i{ width:18px;}
.cent12 dl dd ul li>span i img{ width:100%;}
.cent12 dl dd ul li>span.ces i{transform:rotate(-45deg);transition:all ease 0.35s}
@media only screen and (max-width: 980px) {
.cent12{        padding:10% 18%; box-sizing: border-box;}
.cent12 .pte h2{ font-size:44px}
.cent12 dl{flex-wrap: wrap;}
.cent12 dl dd{ width:100%}
.cent12 dl dd ul li{ padding:10px 28px;}
}