@charset "UTF-8";
* {box-sizing: border-box;  padding: 0;  margin: 0;}
html,body {font-size: 62.5%;}
body {font-family: "Arial", arial;font-size: 1.4rem; line-height: 2.2rem; color: #643e34;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,img {margin: 0;padding: 0;}
textarea,input {font-family: "Arial", arial;color: #333;font-size: 1.4rem;padding: 0;margin: 0;border-radius: 0;outline: none;-webkit-appearance: none;display: block;}
input[type="checkbox"],input[type="radio"] {appearance: none;-moz-appearance: none;-webkit-appearance: none;}
select,input:focus,textarea:focus {outline: none;}
textarea {overflow: auto;resize: none;}
textarea::-webkit-scrollbar {width: 4px;}
textarea::-webkit-scrollbar-button {display: none;}
textarea::-webkit-scrollbar-thumb {background: #643e34;}
select::-ms-expand {display: none;}
button, input, select, textarea{border: 0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display: block;}
ol,ul,li {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-size: 1.4rem;color: #333;font-weight: normal;}
a,a:link,a:visited {font-family: "Arial", arial;font-size: 1.4rem;text-decoration: none;outline: none;}
a:focus, a:hover{color: #643e34;text-decoration:none}
a {-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-ms-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;}
p{margin: 0;}
img{max-width: 100%;}
.main-filter {width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(../images/mainFilter.png);}
.wrapper {width: 100%;position: relative;overflow: hidden;}
.header{height: 90px;line-height:90px;}
.header ul{margin: 0;}
.header .logo {float: left;overflow: hidden;}
.header .logo img {max-width: 100%;}


.header .language {float: right;position: relative;margin-top: 35px;margin-right: 0; color:#643e34;}
.header .language .tit {height: 20px;line-height: 20px;padding: 0 44px 0 0;cursor: pointer;background: url(../images/arrow1.png) no-repeat right 24px center;font-size: 16px;font-weight: bold;position: relative;}
.header .language .tit.on {background-image: url(../images/arrow2.png);}
.header .language .tit::after {content: " ";width: 1px;height: 14px;position: absolute;top: 50%;right: 0;z-index: 2;margin-top: -7px;background: rgba(255, 255, 255, 0.15);}
.header .language .list {position: absolute;top:35px;left: -40px;z-index: 5;min-width: 120px;text-align: center;display: none;box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.1);}
.header .language ul {border-radius: 4px;padding: 4px 0;position: relative;background: #fff;box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.2);}
.header .language ul::after {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #fff;border-width: 4px;margin-left: -4px;}
.header .language li a {height: 40px;line-height: 40px;display: block;font-weight: bold;white-space: nowrap;padding: 0 20px;}
.header .language li a img{padding-right:.5rem;}
.header .language li a:hover {background: #643e34;color: #fff;}
.header .nav .tit,.header .menu-btn {display: none;}
.header .nav {float: right;margin-right: 34px;}
.header .nav > ul > li {float: left;position: relative;}
.header .nav .on{color: #643e34;}
.header .nav > ul > li > a {padding: 0 20px;display: block;font-size: 16px;font-weight: bold;overflow: hidden;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;}
.header .nav > ul > li > a::after {content: "";width: 0%;height:2px;background: #643e34;position: absolute;bottom: 0;left: 50%;z-index: 5;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;}
.header .nav > ul > li:hover > a::after {width: 100%;left: 0;}
.header .nav > ul > li .arrow {display: none;}
.header .nav .sub {min-width: 120px;position: absolute;top: 74px;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);z-index: 90;display: none;padding-top: 4px;box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.1);}
.header .nav .sub ul {background: #fff;border-radius: 4px;padding: 4px 0;position: relative;}
.header .nav .sub ul::after {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #FFFFFF;border-width: 4px;margin-left: -4px;}
.header .nav .sub li a {display: block;height: 40px;line-height: 40px;text-align: center;white-space: nowrap;padding: 0 20px;}
.header .nav .sub li a:hover {background: #643e34;color: #fff;}
.header,.header .logotext,.header .language,.header .nav {-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;}
@media only screen and (max-width: 1680px) {
.header {padding-left: 20px;padding-right: 20px;}
.header .nav > ul > li > a {padding: 0 20px;}
.header .logotext {font-size: 2rem;margin-left: 10px;}
.header .language {margin-right: 10px;}
.header .nav {margin-right: 20px;}
}
@media only screen and (max-width: 1440px) {
	.header .logotext {display: none;}
}
.header.small {background: url(../images/mainFilter.png);padding-top: 10px;padding-bottom: 10px;}
.header.top {top: -150px;}
footer {background-color: #333;color: white;text-align: center;padding: 30px 0;}
footer p{margin: 0;}
.pcshow{}
.mshow{display: none;}
.banner {width: 100%;overflow: hidden;position: relative;}
.banner img{width: 100%;}
.banner .swiper-button-prev ,.banner .swiper-button-next{background-color: rgba(0,0,0,0.4); height: 54px;width: 54px;border-radius: 50%;text-align: center;}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size: 1.8rem;font-weight: 600; color: #643e34;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;border: 2px solid #fff;border-radius: 50%;opacity: 1;box-sizing: border-box;background: 0 0;margin: 0 4px;}
.banner .swiper-pagination-bullet-active{background-color: #643e34;}
.banner .swiper-button-next, .banner .swiper-button-prev{background-size: 12px 20px;}

.con p {font-size: 25px;font-weight:600;color: #643e34;line-height: 2;}
.index_xs{padding-top:45px;padding-bottom:45px;border-bottom: 2px solid #643e34;}
.index_yuan{display: flex;gap: 15px;}
.index_yuan span{display: inline-block;width: 20px;height: 20px;background-color: #643e34;border-radius: 50%;}

.index_company_intr{padding-top:80px;padding-bottom:80px;}
.banner_info img{width: 100%;}

 @media (max-width: 768px) {
.index_xs{padding-top:20px;padding-bottom:20px;border-bottom: 2px solid #643e34;}
.index_yuan{display: flex;gap: 8px;}
.index_yuan span{display: inline-block;width: 10px;height: 10px;background-color: #643e34;border-radius: 50%;}
.index_company_intr{padding-top:30px;padding-bottom:30px; min-height: 500px;}
.con p {font-size: 18px;font-weight: 800;color: #643e34;line-height: 2;}}

.about{margin-bottom: 50px;}
.about-us-bottom {display: flex;justify-content: space-between;text-align: center;flex-wrap: wrap;}
.about-us-bottom .item {flex: 1;margin: 15px;background-color: #efefef;color: #633e33;padding: 20px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;border-radius: 10px;position: relative;text-align: left;display: inline-block;overflow: hidden;}
.about-us-bottom .item:hover {transform: translateY(-10px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);}
.about-us-bottom .item img.existing-image {position: absolute;top: 0;left: 5px;width: 100%;height: 100%;object-fit: cover; opacity: 0;transition: opacity 0.3s ease;z-index: 1;}
.about-us-bottom .item .new-image-container {position: relative;padding-top: 100%;}
.about-us-bottom .item .hover-content {position: absolute;top: 15%;left: 10%;width: 80%;color: #633e33;text-align: left;z-index: 3;transition: opacity 0.3s ease;pointer-events: none;}
.about-us-bottom .item h1{margin-top: 15px; font-size: 22px; font-weight: 700; line-height: 1.2;}
.about-us-bottom .item .line{margin-top: 30px; margin-bottom: 25px; width: 50px; height: 4px; background-color: #643e34;}
.about-us-bottom .item p {font-size: 16px;color: #633e33;}
.about-us-bottom .item:hover {cursor: pointer;}
.about-us-bottom .item:hover img.existing-image {opacity: 1;}

.grid-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.module {position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;text-align: center;min-height: 100px;transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.module::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)),url('../images/content-bg.webp'); /* 替换为实际背景图路径 */background-repeat: no-repeat;background-position: center center;z-index: 0;transition: 0.4s ease;aspect-ratio: 1/1; /* 新增比例约束 */}/* 悬停渐变层 */.module::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(45deg, rgba(0,0,0,0.2), rgba(0,0,0,0.4));opacity: 0;transition: 0.3s ease;}.module:hover::after {opacity: 1;}
.module p {color: #633e33;font-size:20px;font-weight:600;line-height: 1.6;position: relative;z-index: 1;margin: 0;}
@media (max-width: 768px) {
.about{margin-bottom: 30px;}
.about-us-bottom .item {flex: 0 0 100%;margin: 15px 0;}
.grid-container {grid-template-columns: 1fr;gap: 15px;}
.module {min-width: unset;max-width: 100%; min-height: 100px;}
.module:last-child {grid-column: auto !important;  }
.module.full-width {grid-column: auto !important;}
}

.pic{text-align: center; margin-top: 60px;}

.hi-container {display: flex;align-items: flex-end; gap:20px;}
.hi-container img {width: 55px;height: 50px;object-fit: contain;}
.hi-container h2{margin: 0;line-height: 1;padding-bottom: 2px;color: #633e33; font-size: 20px; font-weight:600;}
.h50{height: 50px;}

.media-box {display: flex;align-items: center; gap: 25px;}
.media-box img {width: 55px;height: 50px;object-fit: contain;align-self: center;}
.media-box h2{margin: 0;line-height: normal;position: relative;top: 1px; color: #633e33; font-size: 20px;}

.join{margin-top: 40px; margin-left: 95px; font-size: 18px;color: #633e33;}
.join ul {margin: 0;display: flex;gap: 100px;}
.join ul li {list-style: square; }
 @media (max-width: 768px) {.join ul {flex-direction: column;gap: 15px;}}