<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family: 'Poppins', 'Arial', sans-serif;
	font-size:14px;
	line-height:1.5;
	color:#060607;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:#060607;
	text-decoration:none;
}
a:hover {
	color:#060607;
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
h1 {
  text-align: center;   /* 居中对齐 */
  font-size: 30px;      /* 字体大小 20px */
}
div, ul, li, dl, dd, span, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.green-line {
  border-top: 1px solid #006400;  /* 深绿色，1px 高度 */
   margin-bottom: 30px;
}

.clear {
	clear:both; width:0px; height:0px;
}
.container {
	max-width:1280px;
	padding: 0px 30px;
	margin:0px auto;
}

* {
	box-sizing: border-box;
}

input{
	outline:none;
	width:100%;
}

.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }
  :root{
	--linkColor:#9d7b60;
    --color_1:#875d3e;
    --bgcolor:#f7f5e9;
   }

.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}

   
/* 首页 */
.header{ background-color: #393939;position: sticky; left:0px; top: 0px; z-index: 9999;box-shadow: 0px 0px 8px rgb(0 0 0 / 8%);}
.header .container{ height: 100px;}
.header .logo img{    width: auto;object-fit:contain;
    height: 80px;}
.header .menu{ margin: 0px 10px;}
.header .menu ul li{ position: relative; margin-right: 35px;}
.header .menu ul li .title{ font-size: 20px; display: flex;height: 100px;white-space: nowrap;transition: all .3s ease;-webkit-transition: all .3s ease; align-items: center; justify-content: center; color: #fff;}
.header .menu ul li a:hover,.header .menu ul li:hover a{ color: var(--linkColor);}
.header .menu ul li.active .title{ color: var(--linkColor);}


.header .menu ul li .submenu {
	background-color:#eeeeee;
	width:220px;
	position: absolute;
	top: 100%;
	padding: 0px;
	z-index: 20;
	transform-origin: 50% 0;
	transform: scaleY(0) translateZ(0);
	opacity: 0;
	transition: transform 0.3s, opacity 0.3s;
	overflow: hidden; left: 0px;
	max-height: 80vh;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 8%);
}

.header .menu ul li .submenu::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background: #eee;
	border-radius: 5px;
}

.header .menu ul li .submenu::-webkit-scrollbar-thumb {
	background: #fff;
	scrollbar-arrow-color: #fff;
	border-radius: 5px;
}


.header .menu ul li:hover .submenu {
	transform: scaleY(1) translateZ(0);
	opacity: 1;
}

.header .menu ul li .submenu dd {
	border-bottom: 0.5px rgba(0,0,0,0.1) solid;
}

.header .menu ul li .submenu dd:last-child {
	border-bottom: 0px;
}

.header .menu ul li .submenu dd a {
	color: #111111;
	text-align: left;
	text-transform: none;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	font-weight: normal;
	height: auto;
	width: 100%; font-size: 16px;
	padding: 0px 10px;
    height: 45px;
    line-height: 45px;
}

.header .menu ul li .submenu dd a:hover {
	color: var(--linkColor);
    background-color: #fff;
}
.header .search_1{ cursor: pointer; position: relative; height: 100px; display: flex; align-items: center; justify-content: center;}
.header .search_1 .iconfont{ font-weight: 600;}
.header .search_1 .icon-sousuo{  font-size: 24px; font-weight: 600; color: #fff;}
.header .search_1 .sear_cont{  z-index: 20;position: absolute;
    top: 100%;
    right: 0px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center; width: 328px; 
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); transition: All 0.3s ease-in-out; display: none;}
.header .search_1 .sear_cont .box{ width: 100%;}
.header .search_1 .sear_cont .formbit{ flex:1;
    height: 50px; font-size: 15px;
    padding-left: 15px; border: 0px; line-height: normal; outline: none;}
.header .search_1 .sear_cont .sumbit{ display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; cursor: pointer; background-color: #fff; border: 0px; outline: none; background-color: #000;}

.header .search_1 .btn:hover,.header .search_1:hover .btn{ color: var(--linkColor);}
.header .search_1 .sear_cont.show{ display:flex;}
.banner{ position: relative;}
.banner ul li{ text-align: center; position: relative;}
.banner ul li img{ min-height: 276px;object-fit: cover;
 object-position: center center;}
.banner .btn{ position: absolute; top: 50%; transform:translateY(-50%);-webkit-transform:translateY(-50%); z-index: 30; cursor: pointer; font-size: 32px; color: #fff;}
.banner .btn.prev{ left: 2%;}
.banner .btn.next{ right: 2%;}
.banner .btn.next:before{transform: rotate(180deg);-webkit-transform: rotate(180deg); display: block;
}
.banner .btn:hover{ opacity: .7;}
.banner ul li .container{ position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); color: #fff; width: 90%;}
.banner ul li .container .content{ max-width: 610px; text-align: left;}
.banner ul li .container .content .title{ font-size: 50px;text-transform: uppercase; line-height: 1.2;text-shadow: 0 2px 2px rgb(0 0 0 / 22%);}
.banner ul li .container .content .desc{ font-size: 19px; margin: 15px 0px 25px;}
.banner ul li .container .content .more{ display: inline-block; background-color:#7c5a3a; color: #fff; font-size: 18px; padding: 4px 20px 7px 20px; border-radius: 15px;}

/*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 40px;
	right: 0px;
	z-index: 100;
	display: none;
	position: relative;
	margin-left: 10px;

}

.menubtn .name {
	font-size: 16px;
	left: -60px;
	font-weight: 500;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: absolute;
	font-weight: 600;
}

.menubtn .navbar-icons {
	height: 20px;
	width: 100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: #fff;
	position: relative;
	border-radius: 5px;
}

.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn .navbar-icons span:nth-child(2) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	width: 70%;
}

.menubtn .navbar-icons span:nth-child(3) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}

.menubtn.open .navbar-icons span:nth-child(2) {
	opacity: 0;
}

.menubtn.open .navbar-icons span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 1px;
}

.menu-mc {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 500;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	padding-top: 75px;
	display: flex;
	flex-direction: column;
	display: none;

}

.menu-mc.active {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.menu-mc .list {
	flex: 1;
	overflow: auto;
}

.menu-mc .list ul {
	padding: 0 0px;
}

.menu-mc .list ul li {
	line-height: 50px;
}

.menu-mc .list ul li .submenu {
	display: none;
}

.menu-mc .list ul li .title {
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	color: #343434;
	padding: 0px 15px; 
}

.menu-mc .list ul li .title .iconfont:before{
    display: block;
	transform: rotate(
90deg
);
-webkit-transform: rotate(
90deg
);
}
.menu-mc .list ul li .title .txt{ display: flex; align-items: center; font-size: 16px;}
.menu-mc .list ul li .title .txt img{ width: 25px; height: auto; margin-right: 10px;}
.menu-mc .list ul li a {
	display: block;
	font-size: 15px;
	color: #333;
}
.menu-mc .list ul li .submenu{ padding-top: 7px; padding-bottom: 7px;}
.menu-mc .list ul li .submenu a {
	padding-left: 20px;
	line-height: 35px;
}

.menu-mc .list ul li .submenu a:hover {

	font-weight: 600;
}
.menu-mc .list ul li .submenu dd .lab a{ color: #004283; font-weight: 600;}
.menu-mc .search_2{ padding: 0px 15px;}
.menu-mc .search_2 .sear_cont{ background-color: #fff; 
    background: #FFFFFF;
    display: flex;
    align-items: center; height: 40px;
    }
.menu-mc .search_2 .sear_cont .formbit{ flex:1;
    height: 40px; font-size: 14px;
    padding-left: 10px; border: 0px; line-height: normal; outline: none; border: 1px #EEEEEE solid;}
.menu-mc .search_2 .sear_cont .sumbit{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; cursor: pointer; background-color: #f0f0f0; border: 0px; outline: none; color: var(--linkColor); }
.menu-mc .search_2 .sear_cont .sumbit .iconfont{font-size: 20px; font-weight: 600;}

.part_1{ padding: 20px 0px;}
.index_about{ align-items: stretch; margin-bottom: 30px;}
.index_about .photo{ width: 50%;}
.index_about .photo img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
.index_about .content{ flex:1; margin-left: 3%;}
.index_about .content .title{ font-size: 30px; font-weight: 600; margin: 20px 0px;}
.index_about .content .desc{ color: #524a59; font-size: 20px;}
.index_about .content .desc p{ margin-bottom: 20px;}
.more12{display: inline-block; padding: 11px 23px;
    line-height: 16px; font-size: 18px; border-radius: 20px; background-color: var(--color_1); color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease;}
.more12:hover{ background-color: #000; color: #fff;}
.index_date { padding: 40px 0px;}
.index_date ul li{ flex:1; text-align: center;}
.index_date ul li .num{ font-weight: 600; color: var(--color_1); font-size: 48px; margin-bottom: 18px;}
.index_date ul li .title{ font-size: 20px;}

.index_service ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px 20px;
align-items: stretch;}
.index_service ul li{  background-color: var(--bgcolor);border-radius: 10px; padding: 20px; text-align: center;}
.index_service ul li .icon img{ height: 64px; width: auto;}
.index_service ul li .title{ font-size: 20px; margin-top: 19px; margin-bottom: 7px;}
.index_service ul li .desc{ color: #8c6213; font-size: 16px;}

.part_2{background-color: var(--bgcolor);  padding: 60px 0px;}
.index_bt{ text-align: center; margin-bottom: 70px;}
.index_bt .title{ font-weight: 600; font-size: 43px;}
.index_solution ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px 20px;
align-items: stretch;}
.index_solution ul li{    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px 0; border-radius: 5px; overflow: hidden; position: relative;text-align: center;}
.index_solution ul li .box{ padding: 40px 10px; font-size: 23px;}
.index_solution ul li .content{ display: none;  background-color: rgb(135, 93, 62); color: #fff;transform: rotateX(-180deg);padding: 27px 20px; position: absolute; width: 100%; top: 0px; left: 0px; height: 100%; display: flex; align-items: center; justify-content: center;    transition: transform .4s cubic-bezier(.2,.85,.4,1.275); opacity: 0; font-size: 16px;}
.index_solution ul li .icon{ margin-bottom: 20px;}
.index_solution ul li:hover .content{transform: rotateX(0); opacity: 1;}
.part_3{ padding: 53px 0px 63px;}
.index_source{ margin-bottom: 20px;}
.index_source .photo{ width: 50%;}
.index_source .content{ flex:1; margin-right: 17px;}
.index_source .content .title{ font-size: 28px; font-weight: 600; margin-bottom: 14px;}
.index_source .content .list li { margin-bottom: 15px;}
.index_source .content .list li .txt{ font-size: 24px; flex-wrap: wrap; margin-bottom: 10px;}
.index_source .content .list li .desc{ color: #524a59; font-size: 20px;}
.index_source .content .list li .txt img{ width: 30px; height: auto; margin-right: 20px;}
.index_source .content .list li:last-child{ margin-bottom: 0px;}

.index_brand ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 25px 25px;
align-items: stretch;}
.index_brand ul li{background-color: var(--bgcolor); padding: 20px; border-radius: 10px;}
.index_brand ul li .title{ font-size: 24px; font-weight: 600; margin-bottom: 15px;}
.index_brand ul li .title:hover{ color: #ac937b;}
.index_brand ul li .desc{ color: #8c6213; font-size: 18px;}
.index_brand ul li .desc:hover{ color: #ac937b;}

.part_4{ padding: 63px 0px; background-color: var(--bgcolor);}
.index_bt .desc{ font-size: 30px; margin-top: 15px;}
.index_Custom{ margin-bottom: 70px;}
.index_Custom ul {display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 25px 25px;
align-items: stretch;}
.index_Custom ul li{  border-radius: 5px; overflow: hidden; background-color: #9d7b60; position: relative;}
.index_Custom ul li a{ display: block; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff;}
.index_Custom ul li a .photo{position:relative; display:block; padding-top:100%; width:100%; overflow:hidden;}
.index_Custom ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;object-position: center center;}
.index_Custom ul li a .cont{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 30px; z-index: 3;text-align: center; font-size: 20px;  background-color: #9d7b6073;  transition: all .35s ease;transform: translate(0, 15%); opacity: 0;}
.index_Custom ul li a:hover .cont{transform: translate(0, 0); opacity: 1;border-radius: 5px; }
.index_bt.no2{ margin-bottom: 40px;}
.index_Custom.no2{ margin-bottom: 0px;}
.index_Custom ul li .more{ font-weight: 600; font-size: 20px; padding: 20px; text-align: center;}
.index_bt .eng{ color: #524a59; font-size: 20px; margin-top: 10px;}
.part_5{ padding: 60px 0px;}
.link2{ position: relative;}
.link2:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.link2 ul li{ float: left; width: 18.8%; height: 114px;border: 1px solid #e9eaee;text-align: center; display: flex; align-items: center; justify-content: center; margin-right: 1.5%; border-radius: 5px;}
.link2 ul li img{ max-width: 100%; max-height: 100%;object-fit: cover;object-position: top center;}
.link2 ul li:last-child{ margin-right: 0px;}
.link2 .btn{background-color: rgba(0, 0, 0, 0.5); width: 30px; height: 30px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); display: inline-block; color:#fff; display: flex; align-items: center; justify-content: center; position: absolute; font-size: 13px; cursor: pointer; z-index: 99;}
.link2 .btn.prev{ left: -15px;}
.link2 .btn.next{ right: -15px;}
.link2 .btn.next:before{transform: rotate(180deg);-webkit-transform: rotate(180deg); display: block;
}
.link2 .btn:hover{background-color: rgba(0, 0, 0, 0.7); }

.index_news{  align-items: stretch;}
.index_news .items{ width: 49.3%; }
.index_news .items .new_b{ font-size: 28px; font-weight: 600; margin-bottom: 35px; line-height: 1.2;}
.index_news .items .new_b span{ color: var(--color_1);}
.index_news .items .box{padding: 20px; border-radius: 10px; background-color: #fff; flex:1;}
.news_list ul{ margin-bottom: 20px;}
.news_list ul li{ padding: 15px 0px;}
.news_list ul li .title{ margin-bottom: 12px;}
.news_list ul li .title a{ font-size: 20px; display: block; display: flex; align-items: center; line-height: 1.2; }
.news_list ul li .title a:before{content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%; margin-right: 4px;}
.news_list ul li .desc{    font-size: 13px;
    margin: 0px 9px; color: #524a59;}
.index_Clients{ padding: 30px; position: relative;}
.index_Clients ul li a{ display: block;}
.index_Clients ul li a .photo{ text-align: center; margin-bottom: 10px;}
.index_Clients ul li a .photo img{ width: 150px; height: 150px;object-fit: cover;
 object-position: center center;}
 .index_Clients ul li a .desc{ font-size: 20px; text-align: center;}
.index_Clients ul li a .desc p{ margin-bottom: 20px;}
.index_Clients .btn{background-color: rgba(0, 0, 0, 0.5); width: 30px; height: 40px; top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); display: inline-block; color:#fff; display: flex; align-items: center; justify-content: center; position: absolute; font-size: 22px; cursor: pointer; opacity: 0;}
.index_Clients .btn.prev{ left: 0px;}
.index_Clients .btn.next{ right: 0px;}
.index_Clients .btn.next:before{transform: rotate(180deg);-webkit-transform: rotate(180deg); display: block;
}
.index_Clients:hover .btn{background-color: rgba(0, 0, 0, 0.7); opacity: 1; }
.s_btn span{ width: 10px; height: 10px; border-radius: 50%; margin: 0px 3px;background-color: rgba(0, 0, 0, 0.3); cursor: pointer;opacity:1;}
.s_btn span.active{background-color: rgba(0, 0, 0, 0.5)}
.part_6{ padding: 73px 0px;}
.part_6 .expertise{ width: 50%; padding: 30px;}
.part_6 .ex_right{ flex:1; margin-left: 20px;}
.part_6 .expertise .title{ font-size: 28px; font-weight: 600;}
.part_6 .expertise .desc{ margin: 80px 0px 80px; color: #524a59; font-size: 20px;}
.part_6 .expertise ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 50px 30px;
align-items: stretch;}
.part_6 .expertise ul li{ text-align: center;}
.part_6 .expertise ul li .box{ max-width: 162px; margin: 0px auto;}
.part_6 .expertise ul li .box .icon{ margin-bottom: 10px;}
.part_6 .expertise ul li .box .icon img{ height: 64px; width: 64px; margin: 0px auto;}
.part_6 .expertise ul li .box .tit{ font-size: 18px;}
.part_6 .ex_right ul li{ margin-bottom: 30px;}
.part_6 .ex_right .title{ font-size: 24px; font-weight: 600; color: #524a59; margin-bottom: 20px; text-align: center;}
.part_6 .ex_right ul li .formbit{background-color: #f4f4f4;
    font-size: 16px;
    color: #999999; border: 0px; padding: 0px 10px;  outline: none; height: 40px; line-height: normal; font-size: 16px; border-radius: 4px; width: 100%;}
.part_6 .ex_right ul li .formbit::-webkit-input-placeholder {
color:#999; 
}
.part_6 .ex_right ul li .textarea1{background-color: #f4f4f4;
    font-size: 16px;
    color: #999999; border: 0px; padding: 10px 10px;  outline: none; height: 150px;  font-size: 16px; border-radius: 4px; width: 100%;font-family: 'Poppins', 'Arial', sans-serif;}
.part_6 .ex_right ul li .textarea1::-webkit-input-placeholder {
color:#999; 
}
.part_6 .ex_right ul li .sumbit{  background-color: #875d3e; text-align: center;height: 40px; line-height: normal; outline: none; font-size: 18px; color: #fff; border-radius: 20px; text-align: center; border: 0px; width: 100%; margin-top: 30px;}
.part_7{ padding: 20px 0px;}
.index_about{ align-items: stretch; margin-bottom: 30px;}
.index_about .photo{ width: 50%;}
.index_about .photo img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
.index_about .content{ flex:1; margin-left: 3%;}
.index_about .content .title{ font-size: 30px; font-weight: 600; margin: 20px 0px;}
.index_about .content .desc{ color: #524a59; font-size: 20px;}
.index_about .content .desc p{ margin-bottom: 20px;}
.more12{display: inline-block; padding: 11px 23px;
    line-height: 16px; font-size: 18px; border-radius: 20px; background-color: var(--color_1); color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease;}
.more12:hover{ background-color: #000; color: #fff;}
.index_date { padding: 40px 0px;}
.index_date ul li{ flex:1; text-align: center;}
.index_date ul li .num{ font-weight: 600; color: var(--color_1); font-size: 48px; margin-bottom: 18px;}
.index_date ul li .title{ font-size: 20px;}

.index_service ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px 20px;
align-items: stretch;}
.index_service ul li{  background-color: var(--bgcolor);border-radius: 10px; padding: 20px; text-align: center;}
.index_service ul li .icon img{ height: 64px; width: auto;}
.index_service ul li .title{ font-size: 20px; margin-top: 0px; margin-bottom: 7px;}
.index_service ul li .desc{ color: #8c6213; font-size: 16px;}
footer{ background-color: var(--bgcolor);}
footer .foot_1{ padding: 73px 0px;}
footer .foot_1 .tpleft .tool .iconfont{ font-size: 22px; margin: 0px 5.5px;}
footer .foot_1 .tpleft .dblogo{ margin-bottom: 40px; text-align: center;}
footer .foot_1 .tpleft { width: 25%; padding: 0px 40px;}
footer .foot_1 .f_menu{ flex:1;}
footer .foot_1 .f_menu ul{ display: flex; align-items: flex-start;}
footer .foot_1 .f_menu ul li{ flex:1; padding: 0px 30px;}
footer .foot_1 .f_menu ul li .title{ font-size: 21px; color: #000;text-transform: uppercase; margin-bottom: 14px;}
footer .foot_1 .f_menu ul li .sumenu a{ display: block; font-size: 16px; display: flex; align-items: flex-start; padding: 8px 0px;}
footer .foot_1 .f_menu ul li .sumenu a:before{
   font-family: "iconfont" !important;
    content: "\e628"; margin-right: 5px;
   }
footer .foot_1 .f_menu ul li .sumenu a:hover{  color: #ac937b;}
footer .foot_1 .f_menu ul li .txt{font-size: 16px;}
footer .foot_1 .f_menu ul li .txt p{ margin-bottom: 15px;}
footer .copyright{ font-size: 12px; background-color: #393939; padding: 10px 0px; text-align: center;  color: #fff;}
footer .copyright a:hover{ color: #fff;}
.online{  right: 20px; position: fixed; bottom: 5cqmin; z-index: 30; width: 40px;}
.online ul li{ cursor: pointer; margin-bottom: 26px;}
.online ul li .iconfont{ width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;  border-radius: 8px;background-color: #000; color: #fff; font-size: 20px;}
.online ul li .icon-shangjiantou{ font-size: 30px;}
.book_1{ position: fixed; width: 300px; z-index: 10000000; background-color: #fff;box-shadow: 0 0 20px #000; transition: all 0.5s; padding: 30px 20px 20px; max-height: 95vh; overflow-y: auto; right: 20px; top: 50%;transform:translate(calc(100% + 40px),-50%);-webkit-transform:translate(calc(100% + 40px),-50%); display: flex; flex-direction: column;}
.book_1.show{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.book_1 .box{ flex:1;}
.book_1 .closed{ font-size: 22px; position: absolute; right: 10px; top: 10px; cursor: pointer;}

.book_1 .title{ font-size: 20px;  margin-bottom: 20px; margin-top: 20px; text-align: center;}
.book_1 ul li{ padding: 0px;margin-bottom: 15px;}
.book_1 .formbit{background-color: #fff; border: 1px #ccc solid;
    color: #999999; padding: 0px 10px;  outline: none; height: 40px; line-height: normal; font-size: 16px; border-radius: 4px; width: 100%; }
.book_1 .formbit::-webkit-input-placeholder {
color:#999; 
}
.book_1 .textarea1{background-color: #fff; border: 1px #ccc solid;
    color: #999999;  padding: 10px 10px;  outline: none; height: 98px; display: block;  font-size: 16px; border-radius: 4px; width: 100%;font-family: 'Poppins', 'Arial', sans-serif; margin: 0px; }
.book_1 .textarea1::-webkit-input-placeholder {
color:#999; 
}
.book_1 .sumbit{  background-color: #875d3e; text-align: center;height: 40px; line-height: normal; outline: none; font-size: 18px; color: #fff; border-radius: 20px; text-align: center; border: 0px; width: 100%; }
.book_1 .file1{border: 1px #ccc solid; width: 100%;border-radius: 4px;height: 40px; line-height: normal; padding: 0px 10px; display: flex; align-items: center; }

.nybanner{ text-align: center; position: relative; overflow: hidden; background-color: #060607;}
.nybanner img{ min-height: 400px;object-fit: cover;
 object-position: top center;}
 .nybanner .container{ top: 50%; left: 50%;transform: translate(-50%,-50%); width: 100%; color: #fff; position: absolute;}
.nybanner .container .cont{ max-width: 549px; text-align: left;}
.nybanner .container .cont .title{ font-size: 56px; font-weight: 600; margin-bottom: 10px;}
.nybanner .container .cont .desc{ font-size: 23px; opacity: .5; }
.nybanner:before{ content: ""; width:100%; height: 100%;background-image: linear-gradient( 90deg ,rgba(0,0,0,1),transparent); position: absolute;}
.local{ color: #524a59; font-size: 20px; padding: 10px 0px; margin-bottom: 30px;}
.local span{ margin: 0px 5px;}
.local a{ color: #060607;}

.news_list2 ul {display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 35px 35px;
align-items: stretch;}
.news_list2 ul li{ border: 1px #e2e2e2 solid; overflow: hidden;}
.news_list2 ul li .photo{position:relative; display:block; padding-top:100%; width:100%; overflow:hidden;}
.news_list2 ul li .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.news_list2 ul li:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.news_list2 ul li .content{ padding: 20px;} 
.news_list2 ul li .content .title{ font-size: 22px; margin-bottom: 14px; display: block;}
.news_list2 ul li .content .desc{ color: #524a59; -webkit-line-clamp: 2; font-size: 20px;}
.news_list2 ul li .content .more{ font-size: 18px; margin-top: 10px;}
.news_list2 ul li .content .more:hover{ color: var(--linkColor);}
.main{ padding-bottom: 40px;}

/*翻页*/
.fany{display:flex;align-items: center; justify-content: flex-end; margin-top:30px;text-transform: uppercase;
 }
/*分页*/
.divid-a {
    display: flex;
    align-items: center;
    justify-content: center;
flex-wrap: wrap; font-size:14px;
}
.divid-a a {
    background: #fff;
    color: #636363; font-size:12px;
   min-width:30px;
    padding:0px 10px; height:30px;
    cursor:pointer; margin:5px 4px;
	display: flex;
    align-items: center;
    justify-content: center;
	border:1px #eaeaea solid;
	
} 
.divid-a span{ margin:5px 10px;}
.divid-a .active ,.divid-a a:hover{
   color: #fff;
    background:#000;
	border:1px #000 solid;
}
.divid-a .down{ border: 0px; color: #000;}
.divid-a .down:hover{ background: #fff; border: 0px; color: #000;}


@media (max-width:1024px){
	.container{ padding: 0px 15px;}
    .header .menu{ display: none;}
    .header .logo .img2{ display: block;}
    .header .logo .img1{ display: none;}
    .header .logo img{ height: 50px;}
    .header .container{ height: 60px;}
    .menubtn,.menu-mc {
		display: flex;
	}
footer .foot_1 .f_menu ul li .title{ font-size: 18px;}
footer .foot_1 .f_menu ul li .sumenu a{ font-size: 14px;}
footer .foot_1 .f_menu ul li .txt{ font-size: 14px;}
footer .foot_1 .f_menu ul li{ padding: 0px 10px;}
.header .search_1{ height: 60px;}
}
@media (max-width:767px){
   .banner ul li .container .content .title{ font-size: 25px;}
   .banner ul li .container .content .desc{ font-size: 16px;}
   .part_1{ padding: 40px 0px;}
   .index_about{ flex-direction: column;}
   .index_about .photo{ width: 100%;}
   .index_about .content{flex:none; width: 100%; margin-left: 0px;}
   .index_date ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:30px 20px;
align-items: stretch;}
.index_date ul li{ flex:none;}
.index_date{ padding-top: 0px; padding-bottom: 30px;}
.index_service ul{    grid-template-columns: repeat(2, 1fr);}
.index_bt .title{ font-size: 23px;} 
.part_2{ padding: 40px 0px;}
.index_bt{ margin-bottom: 30px;}
.index_solution ul{grid-template-columns: repeat(2, 1fr);}
.index_source{ flex-direction: column;}
.index_source .content{ flex:none; margin-right: 0px; width: 100%; margin-bottom:30px;}
.index_source .photo{ width: 100%;}
.index_source .content .title{ font-size: 23px;}
.index_source .content .list li .desc{ font-size: 14px;}
.index_source .content .list li .txt{ font-size: 20px;}
.index_source .content .list li .txt img{ width: 25px;}
.index_brand ul li .desc{ font-size: 14px;}
.index_brand ul li .title{ font-size: 20px;}
.index_solution ul li .box{ font-size: 18px;}
.index_about .content .desc{ font-size: 14px;}
.index_about .content .title{ font-size: 23px;}
.more12{ font-size: 14px;}
.index_date ul li .title{ font-size: 18px;}
.index_date ul li .num{ font-size: 40px; margin-bottom: 10px;}
.index_brand ul{ grid-template-columns: repeat(1, 1fr);}
.part_3{ padding: 40px 0px;}
.index_source{ margin-bottom: 10px;}
.index_bt .desc{ font-size: 18px; margin-top: 10px;}
.part_4{ padding: 40px 0px;}
.index_Custom ul{grid-template-columns: repeat(2, 1fr);}
.index_Custom ul li a .cont{ opacity: 1; font-size: 14px;transform: translate(0, 0%);}
.index_Custom{ margin-bottom: 35px;}
.index_bt.no2{ margin-bottom: 25px;}
.index_Custom ul li .more{ font-size: 16px;}
.part_5{ padding: 40px 0px;}
.index_news{ flex-direction: column; gap: 30px;}
.index_news .items{ width: 100%;}
.index_news .items .new_b{ font-size: 22px; margin-bottom: 15px;}
.news_list ul li .title a{ font-size: 16px;}
.index_Clients .btn{ opacity: 1;}
.index_Clients ul li a .desc{ font-size: 14px;}
.index_Clients ul li a .desc p{ margin-bottom: 15px;}
.part_6 .container{ flex-direction: column;}
.part_6 .expertise{ width: 100%; padding: 0px;}
.part_6{ padding: 40px 0px;}
.part_6 .expertise .desc{  font-size: 14px; margin: 20px 0px;}
.part_6 .expertise .title{ font-size: 23px;}
.part_6 .expertise ul li .box .tit{ font-size: 16px;}
.part_6 .expertise{ margin-bottom: 25px;}
.part_6 .expertise ul{grid-gap: 20px 30px;}
.part_6 .ex_right{ flex:none; width: 100%; margin-left: 0px;}
.part_6 .ex_right ul li{ margin-bottom: 20px;}
.part_6 .ex_right ul li .formbit{ font-size: 14px;}
.part_6 .ex_right ul li .textarea1{ font-size: 14px;}
.part_6 .ex_right ul li .sumbit{ font-size: 16px;}
footer .foot_1{ padding: 40px 0px; flex-direction: column;}
footer .foot_1 .tpleft{ margin-bottom: 30px;}
footer .foot_1 .tpleft .dblogo{ margin-bottom: 25px;}
footer .foot_1 .f_menu ul{ flex-direction: column; gap: 25px;}
footer .foot_1 .f_menu ul li{ flex:none;}
footer .foot_1 .tpleft{ width: 100%;}
.book_1 .formbit{ font-size: 14px;}
.book_1 .textarea1{ font-size: 14px;}
.nybanner .container .cont .title{ font-size: 36px;}
.nybanner .container .cont .desc{ font-size: 18px;}
.nybanner img{ min-height: 267px;}
.local{  font-size: 14px; margin-bottom: 20px;}
.news_list2 ul li .content .title{ font-size: 18px;}
.news_list2 ul li .content .desc{ font-size: 14px;}
.news_list2 ul li .content .more{ font-size: 14px;}
.news_list2 ul{  grid-gap: 25px 25px;grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:450px){
    .index_service ul{    grid-template-columns: repeat(1, 1fr);}
    .index_solution ul{grid-template-columns: repeat(1, 1fr);}
    .index_solution ul li .content{  font-size: 14px;}
    .news_list2 ul{  grid-gap: 25px 25px;grid-template-columns: repeat(1, 1fr);}
}
/* RTL 基础样式 */
[dir="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}

/* 表单元素 RTL 适配 */
[dir="rtl"] .box .title {
  text-align: right;
  padding-right: 15px;
}

[dir="rtl"] ul {
  padding-right: 0;
  padding-left: 20px; /* 调整列表缩进 */
}

[dir="rtl"] .formbit, 
[dir="rtl"] .textarea1 {
  text-align: right;
  padding: 12px 45px 12px 12px; /* 右侧留更多空间 */
}

[dir="rtl"] select.formbit {
  background-position: left 12px center; /* 调整下拉箭头位置 */
}

[dir="rtl"] .sumbit {
  margin-right: 0;
  margin-left: auto; /* 按钮右对齐 */
}
[dir="rtl"] .formbit {
  padding: 12px 45px 12px 12px; /* 右侧更多空间 */
}
[dir="rtl"] select.formbit {
  background-position: left 12px center;
}
[dir="rtl"] .title,
[dir="rtl"] ul {
  text-align: right;
}</pre></body></html>