#my_header_0001_0 {padding: 0 60px;display: flex;align-items: center;justify-content: space-between;}
/* #my_header_0001_0:before {content: '';width: 100%;height: 300px;position: absolute;left: 0;top: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);} */


#header.scroll-down #my_header_0001_0 {transform: translateY(-100%);}
#my_header_0001_0 .logo {filter: brightness(0) invert(100%);}
#my_header_0001_0 .item {margin-right: 10px;position: relative;}
#my_header_0001_0 .item:last-child {margin-right: 0;}
#my_header_0001_0 .title {line-height: 93px;padding: 0 20px;font-size: 18px;font-weight: 500;color: #fff;} 

#my_header_0001_0 .down {position: absolute; top: 100%;border-radius: 0 0 10px 10px;border-top: 1px solid #EEE;background: #FFF;box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.10);}
#my_header_0001_0 .down1 {left: -90px;} 
#my_header_0001_0 .cont {padding: 20px 0;display: flex;}
#my_header_0001_0 .one {width: 200px;border-right: 1px solid #EEEEEE;}
#my_header_0001_0 .li {padding: 15px 30px;font-size: 18px;font-weight: 500;line-height: 30px;}
#my_header_0001_0 .li:hover {color: var(--mainColor);}
#my_header_0001_0 .li.cur {background: var(--mainColor);color: #fff;}

#my_header_0001_0 .two {width: 293px;padding: 0px 22px;height: 314px;overflow: auto;}
#my_header_0001_0 .li2 {padding: 10px;display: flex;justify-content: space-between;align-items: center;margin-top: 5px;font-size: 16px;}
#my_header_0001_0 .li2:first-child {margin-top: 0;}
#my_header_0001_0 .li2.cur,
#my_header_0001_0 .li2:hover {color: var(--mainColor);}

#my_header_0001_0 .down2 {width: 280px;left: 50%;transform: translateX(-50%);}
#my_header_0001_0 .cont2 {padding: 20px;} 
#my_header_0001_0 .li3 {text-align: center;line-height: 50px;font-size: 16px;}
#my_header_0001_0 .li3:hover {color: var(--mainColor);}

#my_header_0001_0 .other {align-items: center;}

#my_header_0001_0 .search {display: flex;border-radius: 50px;border: 1px solid #fff;padding: 0 15px;align-items: center;}
#my_header_0001_0 .search i {font-size: 24px;font-weight: 500;color: #fff;cursor:pointer;}
#my_header_0001_0 .input {width: 150px;line-height: 40px;font-size: 18px;}

#my_header_0001_0 .sousuo {color: #fff;cursor:pointer;display: none;}
#my_header_0001_0 .sousuo i {font-size: 24px;font-weight: 500;}

#my_header_0001_0 .lang {cursor:pointer;padding: 13px 15px;color: #fff;border-radius: 30px;font-size: 18px;background: var(--mainColor);display: flex;align-items: center;margin-left: 50px;}
#my_header_0001_0 .lang i {font-size: 24px;margin-right: 10px;}


#my_header_0001_0.son,
#header.scroll-up #my_header_0001_0,
#my_header_0001_0:hover {background: #fff;}
#my_header_0001_0.son .logo,
#header.scroll-up .logo,
#my_header_0001_0:hover .logo {filter: none;}
#my_header_0001_0.son .search,
#header.scroll-up .search,
#my_header_0001_0:hover .search {border-color: #222;} 
#my_header_0001_0.son .search i,
#header.scroll-up .search i,
#my_header_0001_0:hover .search i, 
#my_header_0001_0.son .title,
#my_header_0001_0.son .sousuo,
#header.scroll-up .title,
#header.scroll-up .sousuo,
#my_header_0001_0:hover .title,
#my_header_0001_0:hover .sousuo {color: #222;}

#my_header_0001_0 .item.cur .title,
#my_header_0001_0 .item:hover .title {color: var(--mainColor);}



#my_header_0001_0 .mobile {display: flex;align-items: center;justify-content: center;margin-left: 30px;display: none;}
#my_header_0001_0 .mobile i {font-size: 24px;font-weight: 500;}
#my_header_0001_0 .mobile i:nth-of-type(2) {display: none;}
#my_header_0001_0 .mobile.cur i:nth-of-type(1) {display: none;}
#my_header_0001_0 .mobile.cur i:nth-of-type(2) {display: block;}

@media (max-width: 1440px) {
	#my_header_0001_0 .title {padding: 0 10px;}
}
@media (max-width: 1300px) {
	#my_header_0001_0 .item {margin-right: 20px;}
	#my_header_0001_0 .title {font-size: 16px;padding: 0;}
}
@media (max-width: 1200px) {
	#my_header_0001_0 {padding: 20px;background: #fff;}
	#my_header_0001_0 .menu {display: none;} 
	#my_header_0001_0 .mobile {display: flex;}
	
	#my_header_0001_0 .logo {filter: none;}
	#my_header_0001_0 .sousuo {color: #222;}
	#header.scroll-down #my_header_0001_0 {transform: translateY(0);}
	
	#my_header_0001_0 .search {display: none;}
	#my_header_0001_0 .sousuo {display: block;}
}
@media (max-width: 576px) {
	#my_header_0001_0 .lang {padding: 0.13rem 0.15rem;font-size: 0.26rem;margin-left: 0.5rem;border-radius: 0.3rem;}
	#my_header_0001_0 .logo {width: 40%;}
}

#languageModal {display: none;}
#languageModal .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px)}
#languageModal .language-modal{background:white;border-radius:20px;width:90%;max-width:500px;box-shadow:0 20px 50px rgba(0,0,0,0.3);overflow:hidden;animation:modalSlideIn 0.5s ease-out}

@keyframes modalSlideIn {
	from {
		opacity: 0;
		transform: translateY(-50px) scale(0.9);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

#languageModal .modal-header{background: linear-gradient(90deg, #1E64AE 0%, #2790FF 100%);color:white;padding:25px 30px;text-align:center}
#languageModal .modal-header h2{font-size:1.8em;margin-bottom:8px}
#languageModal .modal-header p{opacity:0.9;font-size:1em}
#languageModal .modal-body{padding:30px}
#languageModal .language-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-bottom:30px}
#languageModal .language-option{display:flex;flex-direction:column;align-items:center;padding:20px 15px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all 0.3s ease;background:white}
#languageModal .language-option:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 20px rgba(102,126,234,0.2)}
#languageModal .language-option.selected{border-color:#667eea;background:#f0f4ff;box-shadow:0 5px 15px rgba(102,126,234,0.2)}
#languageModal .flag-icon{width:60px;height:40px;object-fit:cover;border-radius:4px;margin-bottom:12px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
#languageModal .language-name{font-weight:600;color:#333;font-size:1.1em;}
#languageModal .language-code{color:#666;font-size:0.9em}
#languageModal .modal-actions{display:flex;justify-content:center;gap:15px}
#languageModal .btn{padding:14px 35px;border:none;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all 0.3s ease}
#languageModal .btn-confirm{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;flex:1}
#languageModal .btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,0.4)}
#languageModal .btn-cancel{background:#f5f5f5;color:#666;flex:1}
#languageModal .btn-cancel:hover{background:#e0e0e0}
#languageModal .selected-language-display{text-align:center;margin-top:20px;color:white;padding:20px;background:rgba(255,255,255,0.1);border-radius:10px;display:none}
#languageModal .selected-language-display h3{margin-bottom:10px;font-size:1.4em}
#languageModal .language-info{font-size:1.2em;font-weight:600}
#languageModal .language-icon{display:inline-block;width:24px;height:16px;margin-right:8px;border-radius:2px;vertical-align:middle}

@media (max-width: 480px) {
	.language-options {
		grid-template-columns: 1fr;
	}
	
	.modal-actions {
		flex-direction: column;
	}
	
	.btn {
		width: 100%;
	}
}

#phone {width: 100%;background: #fff;height: 100%;position: fixed;top: 97px;left: 0;z-index: 99;display: none;overflow-y: auto !important;}
#phone .menu .ul .title {margin: 0 30px; font-size: 0.135rem;line-height: 0.451rem;border-bottom: 1px solid #ebebeb;display: flex;align-items: center;justify-content: space-between;}
#phone .menu .ul .title i {font-size: 0.135rem;}  
#phone .menu .ul .title .img {transform: rotate(-90deg);}
#phone .menu .ul .box {background: #f7f7f7;display: none;}
#phone .menu .ul .li {margin: 0 0.451rem;}
#phone .menu .ul .li .nav {font-size: 0.12rem;height: 0.451rem;border-bottom: 1px solid #ebebeb;display: flex;align-items: center;justify-content: space-between;}
#phone .menu .ul .li .nav:last-child {border: none;}
#phone .menu .ul .li .nav .block {max-width: calc(100% - 100px);}
#phone .menu .ul .li .ul_two .li_two {display: none;}
#phone .menu .ul .li .ul_two .li_two .two_li {font-size: 16px;padding: 30px 30px;}
#phone .menu .ul .li .nav .icon {transform: rotate(-90deg);}
#phone .menu .ul .li .nav.cur .icon {transform: rotate(0deg);}
#phone .menu .ul .title.cur .img {transform: rotate(0deg);}
#phone .en {font-size: 36px; margin: 30px 0; display: flex;justify-content: space-evenly;}
#phone .url {margin-top: 50px;transform: scale(1.5);width: 80px;height: 80px;border-radius: 50%;border: 1px solid ;margin: 50px auto 0;}

@media screen and (max-width:768px) {
	#phone {top: 97px;}
	#phone .menu .ul .title i {font-size: 0.36rem;}  
	 #phone .menu .ul .title {font-size: 0.36rem;line-height: 0.902rem;}
	 #phone .menu .ul .li .nav {font-size: 0.3rem;height: 0.902rem;}
	 #phone .menu .ul .li {margin: 0 0.6rem;}
}
@media only screen and (max-width: 380px) {
	#phone {top: 81px;}
}
.FooterModel {background: #F6F6F6;}
.FooterModelContect {display: flex;justify-content: space-between;}
.FooterModelContect .left {width: 76.6667%;}
.FooterModelContect .right {width: calc(100% - 76.667%);padding: 0 3.125% 0 2.083%;border-left: 1px solid #DDDDDD;}

@media screen and (max-width: 1024px){
	.FooterModelContect {flex-direction: column-reverse;}
	.FooterModelContect .left {width: 100%;}
	.FooterModelContect .right {width: 100%;}
}
@media screen and (max-width: 900px){
	/* .FooterModel {padding-bottom: 120px;} */
}
	

#FooterHeader {display: flex;justify-content: space-between;align-items: center;padding: 50px 40px 60px 60px;border-bottom: 1px solid #DDDDDD;}
#FooterHeader .info {display: flex;align-items: center;}
#FooterHeader .text {font-size: 36px;font-weight: 500;margin-left: 30px;line-height: 48px;}
#FooterHeader .link {width: 280px;position: relative;}
#FooterHeader .head {cursor:pointer;height: 50px;padding: 0 20px;background: #fff;display: flex;align-items: center;justify-content: space-between;font-size: 18px;}
#FooterHeader .down {display: none; width: 100%;bottom: 50px;position: absolute;left: 0;background: #fff;box-shadow: 0px 4px 30px 0px #1E64AE33;overflow: auto;}
#FooterHeader .li {position: relative;padding: 10px 20px;font-size: 16px;}
#FooterHeader .li:hover {background: var(--mainColor);color: #fff;}
#FooterHeader .link:hover .head {background: #fff;color: var(--mainColor);}

@media screen and (max-width: 992px){
	#FooterHeader {padding: 0.376rem 0.3rem 0.451rem 0.451rem;}
	#FooterHeader .text {font-size: 0.27rem;margin-left: 0.225rem;line-height: 1.6;}
	
	#FooterHeader .head {height: 0.376rem;padding: 0 0.15rem;font-size: 0.135rem;}
	#FooterHeader .down {bottom: 0.376rem;}
	#FooterHeader .li {padding: 0.075rem 0.15rem;font-size: 0.12rem;}
}
@media screen and (max-width: 768px){
	#FooterHeader {display: block;padding: 0.5rem 0.4rem 0.6rem 0.6rem;}
	#FooterHeader .text {font-size: 0.36rem;margin-left: 0.3rem;}
	#FooterHeader .link {width: 100%;margin-top: 0.3rem;}
	
	#FooterHeader .head {font-size: 0.18rem;height: 0.5rem;padding: 0 0.2rem;}
	#FooterHeader .down {bottom: 0.5rem;}
	#FooterHeader .li {padding: 0.1rem 0.2rem;font-size: 0.16rem;}
	#FooterHeader .head i {font-size: 0.16rem;}
}
@media screen and (max-width: 576px){
	#FooterHeader .head {font-size: 0.3rem;height: 0.6rem;}
	#FooterHeader .down {bottom: 0.6rem;}
	#FooterHeader .li {font-size: 0.26rem;}
	#FooterHeader .head i {font-size: 0.26rem;}
}


#FooterMenu {padding: 0 60px 47px;border-bottom: 1px solid #DDDDDD;}
#FooterMenu .menu {display: flex;justify-content: space-between;}
#FooterMenu .item {width: 16.666%;margin-top: 50px;}
#FooterMenu .item:last-child {margin-right: 0;}
#FooterMenu .title {font-size: 18px;font-weight: 500;display: flex;justify-content: space-between;align-items: center;}
#FooterMenu .title .icon {display: none;}
#FooterMenu .title.cur .icon {transform: rotate(180deg);}
#FooterMenu .ul {margin-top: 26px;}
#FooterMenu .li {font-size: 16px;color: #999999;margin-top: 16px;}
#FooterMenu .li:hover {color: var(--mainColor);}

@media screen and (max-width: 1536px){
	#FooterMenu .menu {justify-content: space-between;}
	#FooterMenu .item  {margin-right: 0;}
}
@media screen and (max-width: 1024px){
	#FooterMenu .item {width: auto;}
}
@media screen and (max-width: 992px){
	#FooterMenu {padding: 0 0.451rem 0.353rem;}
	#FooterMenu .title {font-size: 0.135rem;}
	#FooterMenu .ul {margin-top: 0.195rem;}
	#FooterMenu .li {font-size: 0.12rem;margin-top: 0.12rem;}
}
@media screen and (max-width: 768px){
	#FooterMenu .menu {width: 100%;display: block;}
	#FooterMenu .item {margin-top: 0.3rem;width: 100%;}
	#FooterMenu .ul {display: none;}
	#FooterMenu .title .icon {display: block;}
	#FooterMenu .title .icon  i {font-size: 0.26rem;}
	#FooterMenu .title {font-size: 0.18rem;}
	#FooterMenu .ul {margin-top: 0.15rem;}
	#FooterMenu .ul .li {font-size: 0.16rem;margin-top: 0.2rem;}
}
@media screen and (max-width: 576px){
	#FooterMenu .title {font-size: 0.36rem;}
	#FooterMenu .ul .li {font-size: 0.3rem;}
}

#FooterIcp {font-size: 16px;color: #666666;padding: 24.5px 0 24.5px 60px;}

@media screen and (max-width: 992px){
	#FooterIcp {font-size: 0.12rem;padding: 0.225rem;}
}
@media screen and (max-width: 768px){
	#FooterIcp {font-size: 0.16rem;padding: 0.3rem;}
}
@media screen and (max-width: 576px){
	#FooterIcp {font-size: 0.3rem;}
}

#FooterContact {padding-top: 39px;width: calc(100% - );}
#FooterContact .title {text-align: center;line-height: 36px;font-size: 24px;font-weight: 500;color: #222222;}
#FooterContact .ul {margin-top: 30px;}
#FooterContact .li {margin-top: 15px; display: flex;align-items: center;padding: 13px 15px	;border-radius: 30px;border: 1px solid #DDDDDD;font-size: 16px;justify-content: space-between;position: relative;}
#FooterContact .svg {fill: var(--main1);}
#FooterContact .code {display: none; width: 170px;height: 170px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 60px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);z-index: 2;border-radius: 10px;padding: 10px;}
#FooterContact .code::before {content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: -9px;transition: all 0.3s linear;}
#FooterContact .code img {position: relative;}
#FooterContact .li:hover {background: var(--main1);}
#FooterContact .li:hover .svg {fill: #fff;}

@media screen and (max-width: 1024px){
	#FooterContact .ul {display: flex;justify-content: space-between;flex-wrap: wrap;}
	#FooterContact .li {width: 30%;}
} 
@media screen and (max-width: 750px){
	#FooterContact .title {font-size: 26px;line-height: 1.6;}
	#FooterContact .li {height: 60px;font-size: 26px;width: 49%;padding: 0.2rem;}
}
@media screen and (max-width: 576px){
	#FooterContact .title {font-size: 0.36rem;}
	#FooterContact .li {font-size: 0.3rem;height: auto;}
}
#my_banner_0001_0 {position: relative;}
#my_banner_0001_0:before {content: '';width: 100%;height: 300px;position: absolute;left: 0;top: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);z-index: 2;pointer-events: none;}
#my_banner_0001_0 .img {padding-top: 33.854%;}
#my_banner_0001_0 .word {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;}
#my_banner_0001_0 .title {font-weight: 500;font-size: 50px;line-height: 66px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
#my_banner_0001_0 .subname {margin-top: 20px;font-size: 36px;font-weight: 500;line-height: 48px;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}

/* #my_banner_0001_0.contact .word,
#my_banner_0001_0.join .word {color: #222;} */

@media (max-width: 992px) {
	#my_banner_0001_0 .img {padding-top: 70%;}
   #my_banner_0001_0 .title {line-height: 1.6;font-size: 0.376rem;}
   #my_banner_0001_0 .subname {line-height: 1.6;font-size: 0.271rem;margin-top: 0.15rem;}
   #my_banner_0001_0:before {display: none;}
}
@media (max-width: 768px) {
	#my_banner_0001_0 {margin-top: 97px;}
   #my_banner_0001_0 .title {font-size: 0.5rem;}
   #my_banner_0001_0 .subname {font-size: 0.36rem;margin-top: 0.2rem;}
}
@media only screen and (max-width: 380px) {
	#my_banner_0001_0 {margin-top: 81px;}
}
#my_choose_0001_1 {border-bottom: 1px solid #DDDDDD;}
#my_choose_0001_1 .container {display: inline-block;max-width: 100%;}
#my_choose_0001_1 .slide {width: auto; line-height: 80px;font-size: 18px;transition: all 0.3s linear;margin-right: 70px;transition: all 0.3s linear;}
#my_choose_0001_1 .slide:last-child {margin-right: 0;}
#my_choose_0001_1 .slide:hover {color: var(--mainColor);}
#my_choose_0001_1 .slide.cur {color: var(--mainColor);font-weight: 500;}

@media (max-width: 992px) {
	#my_choose_0001_1 .slide {font-size: 0.135rem;margin-right: 0.526rem;}
}
@media (max-width: 768px) {
	#my_choose_0001_1 .slide {font-size: 0.18rem;margin-right: 0.7rem;}
}
@media (max-width: 576px) {
	#my_choose_0001_1 .slide {font-size: 0.3rem;}
}
#Company {padding: 80px 0 100px;}
#Company .title {font-weight: 500;font-size: 50px;line-height: 66px;}
#Company .content {margin-top: 45px;}

#Company .left {width: 44.2857%;padding-bottom: 43px;}
#Company .name {font-size: 36px;line-height: 48px;font-weight: 500;}
#Company .subname {margin-top: 20px;font-size: 50px;line-height: 66px;font-weight: 500;color: var(--mainColor);}
#Company .brief {margin-top: 40px;font-size: 18px;line-height: 30px;color: #666666;text-indent: 2em;}
#Company .right {width: 50%;cursor:pointer;}
#Company .box {width: 50vw;max-width: 960px;position: relative;}
#Company .play {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#Company .data {margin-top: 36px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#Company .item {margin-top: 30px;width: 50%;}
#Company .number {font-size: 18px;line-height: 30px;display: flex;align-items: center;font-weight: 500;}
#Company .number span {font-size: 40px;line-height: 53px;color: var(--mainColor);margin-right: 10px;font-weight: 600;}
#Company .text {line-height: 30px;font-size: 18px;font-weight: 500;}
 
@media (max-width: 1024px) {
	#Company .content {flex-direction: column-reverse;}
	#Company .left {width: 100%;padding-bottom: 0;margin-top: 30px;}
	#Company .right {width: 100%;}
	#Company .box {width: 100%;max-width: 100%;}
}
@media (max-width: 992px) {
	#Company {padding: 0.602rem 0 0.752rem;}
	#Company .title {font-size: 0.376rem;line-height: 1.6;}
	#Company .content {margin-top: 0.338rem;}
	#Company .left {margin-top: 0.225rem;}
	#Company .name {font-size: 0.271rem;line-height: 1.6;}
	#Company .subname {margin-top: 0.15rem;font-size: 0.376rem;line-height: 1.6;}
	#Company .brief {margin-top: 0.3rem;font-size: 0.135rem;line-height: 1.6;}
	
	#Company .data {margin-top: 0.27rem;}
	#Company .item {margin-top: 0.225rem;}
	#Company .number {font-size: 0.135rem;line-height: 1.6;}
	#Company .number span {font-size: 0.3rem;line-height: 1.6;}
	#Company .text {line-height: 1.6;font-size: 0.135rem;}
}
@media (max-width: 768px) {
	#Company {padding: 0.8rem 0 1rem;}
	#Company .title {font-size: 0.5rem;}
	#Company .content {margin-top: 0.45rem;}
	#Company .left {margin-top: 0.3rem;}
	#Company .name {font-size: 0.36rem;}
	#Company .subname {margin-top: 0.2rem;font-size: 0.5rem;}
	#Company .brief {margin-top: 0.4rem;font-size: 0.18rem;}
	
	#Company .data {margin-top: 0.36rem;}
	#Company .item {margin-top: 0.3rem;}
	#Company .number {font-size: 0.18rem;}
	#Company .number span {font-size: 0.4rem;}
	#Company .text {font-size: 0.18rem;}
}
@media (max-width: 576px) {
	#Company .title {font-size: 0.42rem;}
	#Company .subname {font-size: 0.42rem;}
	#Company .brief {font-size: 0.3rem;}
	
	#Company .number {font-size: 0.3rem;}
	#Company .text {font-size: 0.3rem;}
}
#Culture {padding: 80px 0 220px;background-image: url(/module/my/about/0002/images/bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;/* background-attachment: fixed; */}
#Culture .title {font-weight: 500;font-size: 50px;line-height: 66px;}
#Culture .content {display: flex;flex-wrap: wrap;margin-top: 120px;} 
#Culture .item {width: 25.714%;margin-right: 11.428%;margin-top: 30px;}
#Culture .item:nth-child(3n) {margin-right: 0;}
#Culture .icon {width: 100px;height: 100px;border-radius: 50%;background: var(--mainColor);display: inline-block;}
#Culture .name {font-size: 24px;font-weight: 500;line-height: 36px;color: var(--mainColor);margin-top: 30px;}
#Culture .brief {font-size: 18px;line-height: 30px;margin-top: 10px;}

@media (max-width: 992px) {
	#Culture {padding: 0.602rem 0 1.654rem;}
	#Culture .title {font-size: 0.376rem;line-height: 1.6;}
	#Culture .content {margin-top: 0.902rem;}
	#Culture .item {margin-top: 0.225rem;}
	#Culture .name {font-size: 0.18rem;line-height: 1.6;margin-top: 0.225rem;}
	#Culture .brief {font-size: 0.135rem;line-height: 1.6;margin-top: 0.075rem;}
}
@media (max-width: 768px) {
	#Culture {padding: 0.8rem 0 2.2rem;}
	#Culture .title {font-size: 0.5rem;}
	#Culture .content {margin-top: 1.2rem;}
	#Culture .item {margin-top: 0.3rem;}
	#Culture .name {font-size: 0.24rem;margin-top: 0.3rem;}
	#Culture .brief {font-size: 0.18rem;margin-top: 0.1rem;}
}
@media (max-width: 576px) {
	#Culture .title {font-size: 0.42rem;}
	#Culture .item {width: 100%;margin-right: 0;}
	#Culture .name {font-size: 0.36rem;}
	#Culture .brief {font-size: 0.3rem;}
}
#History {padding: 80px 0 60px;position: relative;overflow: hidden;}
#History:before {content: '';width: 100%;height: 20px; position: absolute;left: -1px;bottom: 66px;background-image: url(/module/my/about/0003/images/Frame.png);background-position: center;}
#History .title {font-weight: 500;font-size: 50px;line-height: 66px;}
#History .main {margin-top: 60px;}
#History .img {padding-top: 37.142%;position: relative;}
#History .word {margin-top: 60px;}
#History .year {font-weight: 300;font-size: 60px;line-height: 80px;width: 38.571%;}
#History .brief {font-size: 20px;line-height: 36px;width: calc(100% - 38.571%);color: #666666;}
   
#History .choose {margin-top: 75px;}
#History .choose .slide {width: auto;margin-right: 12.714%;}
#History .choose .slide:last-child {margin-right: 0;}
#History .name {font-size: 20px;line-height: 30px;color: #888888;}
#History .number {font-size: 16px;line-height: 30px;color: #888888;}
#History .line {width: 1px;height: 40px;display: inline-block;background: #888888;margin-top: 7px;}
#History .choose .swiper-slide-active .name {color: var(--mainColor);font-size: 30px;}
#History .choose .swiper-slide-active .line {background: var(--mainColor);}

@media (max-width: 992px) {
	#History {padding: 0.602rem 0 0.451rem;}
	#History .title {font-size: 0.376rem;line-height: 1.6;}
	#History .main {margin-top: 0.451rem;}
	#History .word {margin-top: 0.451rem;display: block;}
	#History .year {font-size: 0.451rem;line-height: 1.6;width: 100%;}
	#History .brief {font-size: 0.15rem;line-height: 1.6;margin-top: 0.225rem;width: 100%;}
	
	#History .choose {margin-top: 0.564rem;}
	#History .name {font-size: 0.15rem;line-height: 1.6;}
	#History .number {font-size: 0.12rem;line-height: 1.6;}
}
@media (max-width: 768px) {
	#History {padding: 0.8rem 0 0.6rem;}
	#History .title {font-size: 0.5rem;}
	#History .main {margin-top: 0.6rem;}
	#History .word {margin-top: 0.6rem;}
	#History .year {font-size: 0.6rem;}
	#History .brief {font-size: 0.2rem;margin-top: 0.3rem;}
	
	#History .choose {margin-top: 0.75rem;}
	#History .name {font-size: 0.2rem;}
	#History .number {font-size: 0.16rem;}
}
@media (max-width: 576px) {
	#History .title {font-size: 0.42rem;}
	#History .year {font-size: 0.42rem;}
	#History .brief {font-size: 0.3rem;}
	
	#History .name {font-size: 0.3rem;}
	#History .number {font-size: 0.26rem;}
	#History:before  {bottom: 50px;}
	
}
#Honors {padding-bottom: 100px;overflow: hidden;}
#Honors .title {font-weight: 500;font-size: 50px;line-height: 66px;}
#Honors .container {margin-top: 58px;overflow: visible;}
#Honors .slide {width: 28.571%;transition: all 0.3s linear;margin-right: 1px;} 
#Honors .box {background: #F6F6F6;padding: 11% 11% 7%;transform: scale(0.75);}
#Honors .img {padding-top: 92%;position: relative;}
#Honors .name {font-size: 18px;line-height: 30px;margin-top: 30px;}
#Honors .swiper-slide-active {box-shadow: 0px 0px 30px 0px #0000001A;}
#Honors .swiper-slide-active .box {background: #fff;transform: scale(1);}
#Honors .page {margin-top: 60px;}
#Honors .pn {cursor:pointer;width: 60px;height: 60px;text-align: center;line-height: 60px;border-radius: 50%;background: #fff;color: var(--mainColor);box-shadow: 0px 0px 20px 0px #0000001A;position: relative;overflow: hidden;}
#Honors .pn i {font-size: 24px;font-weight: bold;position: relative;z-index: 2;}
#Honors .pn:last-child {margin-left: 40px;}
#Honors .pn:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: -100%;background: linear-gradient(90deg, #1E64AE 0%, #007CFF 100%);transition: all 0.3s linear;}

/* 鼠标移入交互效果 */
@media (any-hover: hover) {
#Honors .pn:hover {color: #fff;}
#Honors .pn:hover:before {left: 0;}
} 

@media (max-width: 992px) {
	#Honors {padding: 0 0 0.752rem;}
	#Honors .title {font-size: 0.376rem;line-height: 1.6;}
	
	#Honors .name {font-size: 0.135rem;line-height: 1.6;margin-top: 0.225rem;}
	#Honors .page {margin-top: 0.451rem;}
	#Honors .pn {width: 0.451rem;height: 0.451rem;line-height: 0.451rem;}
	#Honors .pn i {font-size: 0.18rem;}
}
@media (max-width: 768px) {
	#Honors {padding: 0 0 1rem;}
	#Honors .title {font-size: 0.5rem;}
	#Honors .slide {width: 50%;} 
	#Honors .name {font-size: 0.18rem;margin-top: 0.3rem;}
	#Honors .page {margin-top: 0.6rem;}
	#Honors .pn {width: 0.6rem;height: 0.6rem;line-height: 0.6rem;}
	#Honors .pn i {font-size: 0.24rem;}
}
@media (max-width: 576px) {
	#Honors .title {font-size: 0.42rem;}
	#Honors .name {font-size: 0.36rem;}
	#Honors .pn i {font-size: 0.26rem;}
}
#Innovation {background: #F6F6F6;overflow: hidden;}
#Innovation .left {width: 50%;border-radius: 0 10px 10px 0;}
#Innovation .box {width: 50vw;max-width: 960px;position: relative;float: right;height: 100%;}
#Innovation .box img {object-fit: cover;}
#Innovation .word {width: 50%;padding: 5.714%;}
#Innovation .title {font-size: 50px;font-weight: 500;line-height: 66px;}
#Innovation .ul {margin-top: 80px;line-height: 30px;font-size: 18px;}
#Innovation .ul * {max-width: 100%}
#Innovation .ul p {display: block;}
#Innovation .ul span {display: contents;}
#Innovation .brief {color: #666666;}
#Innovation .brief span {color: var(--mainColor);}


@media (max-width: 992px) {
	#Innovation .title {font-size: 0.376rem;line-height: 1.6;}
	#Innovation .ul {margin-top: 0.602rem;line-height: 1.6;font-size: 0.135rem;}
}
@media (max-width: 768px) {
	#Innovation .left {width: 100%;}
	#Innovation .box {width: 100%;max-width: 100%;float: none;}
	#Innovation .word {width: 100%;padding: 5.714%;}
	#Innovation .title {font-size: 0.5rem;}
	#Innovation .ul {margin-top: 0.8rem;font-size: 0.18rem;}
}
@media (max-width: 576px) {
	#Innovation .title {font-size: 0.42rem;}
	#Innovation .ul {font-size: 0.3rem;}
	#Innovation .ul * {font-size: 0.3rem !important;line-height: 1.6 !important;}
}

#Business {padding: 100px 0 187px;background-image: url(/module/my/about/0006/images/map.jpg);background-position: center bottom;background-repeat: no-repeat;background-size: cover;}
#Business .title {font-weight: 500;font-size: 50px;line-height: 66px;}
#Business .content {display: flex;justify-content: space-between;margin-top: 37px;}
#Business .left {width: 64%;}
#Business .right {width: calc(100% - 64% - 60px);} 
#Business .p1 {font-size: 40px;line-height: 80px;font-weight: 600;color: var(--mainColor);}
#Business .p2 {font-size: 40px;line-height: 60px;font-weight: 600;margin-top: 30px;}
#Business .p2 span {color: var(--mainColor);}


@media (max-width: 992px) {
	#Business {padding: 0.752rem 0 1.406rem;}
	#Business .title {font-size: 0.376rem;line-height: 1.6;}
	#Business .p1 {font-size: 0.3rem;line-height: 1.6;}
	#Business .p2 {font-size: 0.3rem;line-height: 1.6;margin-top: 0.225rem;}
}
@media (max-width: 768px) {
	#Business {padding: 1rem 0 1.87rem;}
	#Business .title {font-size: 0.5rem;}
	#Business .content {flex-direction: column-reverse;}
	#Business .left {width: 100%;}
	#Business .right {width: 100%;}
	#Business .p1 {font-size: 0.4rem;}
	#Business .p2 {font-size: 0.4rem;margin-top: 0.3rem;}
}
@media (max-width: 576px) {
	#Business .title {font-size: 0.42rem;}
	#Business .p1 {font-size: 0.3rem;}
	#Business .p2 {font-size: 0.3rem;}
}
.side-toolbar {
  position: fixed;
  right: 20px; /* 对应图中右侧距离 */
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px; /* 图标之间的垂直间距 */
  z-index: 1000;
}

.tool-item {
  width: 48px;
  height: 48px;
  background-color: #777; /* 对应图中的灰色背景 */
  border-radius: 50%; /* 圆形 */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
  border: none;
  color: white;
  text-decoration: none;
}

/* 最后一个“回到顶部”是椭圆或长圆 */
.back-top {
  height: 70px;
  border-radius: 25px;
  position: relative;
}

.tool-item:hover {
  background-color: #555; /* 悬停颜色加深 */
}

/* 微信悬浮展示二维码的逻辑 */
.wechat { position: relative; }
.qr-code {
  display: none;
  position: absolute;
  right: 60px;
  border: 1px solid #ddd;
  background: #fff;
  width: 100px;
}
.wechat:hover .qr-code { display: block; }
.side-toolbar .tool-item .box {padding: 0 20px;line-height: 40px;font-size: 16px;border-radius: 25px;background: var(--mainColor);color: #fff;position: absolute;right: 60px;white-space: nowrap;opacity: 0;pointer-events: none;transition: all 0.3s linear;}
.side-toolbar .tool-item:hover .box {opacity: 1;}


/* 992px及以下调整 (必须全部使用 rem) */
@media (max-width: 992px) {
	.side-toolbar {display: none;}
}