@charset "utf-8";
 @font-face {
 	font-family: 'Noto Sans';
 	font-display: swap;
 	font-weight: 700; /* 粗体 */
 	src: url(../fonts/sy_bold.woff2) format('woff2');
 }
 @font-face {
   font-family: 'Noto Sans';
   font-display: swap;
   src: url('../fonts/sy_normal.woff2') format('woff2');
   font-weight: 500; /* 常规 */
 }
 @font-face {
   font-family: 'Noto Sans';
   font-display: swap;
   src: url('../fonts/sy_light.woff2') format('woff2');
   font-weight: 300; /* 常规 */
 }
 @font-face {
 	font-family: 'alimama_sht';
 	font-display: swap;
 	src: url('../fonts/alimama_shuheiti.woff2') format('woff2');
 }
 
 :root{
 	--main_color: #0EA31F;
 }
 *{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
 }
 html { scroll-behavior:smooth; }
 a {
     text-decoration: none;
     color: initial;
 }
 body * {
     box-sizing: border-box;
     flex-shrink: 0;
     line-height: inherit;
 }
 body {
     font-family:'Noto Sans', Microsoft YaHei,Arial,sans-serif;
 	font-weight: normal;
     font-size: 12px;
 }
 body,h1,h2,h3,h4,h5,h6,p ,ul,ol,dd,table,input,textarea,dl{padding: 0;margin:0;}
 input {
     background-color: transparent;
     border: 0;
 }
 button {
     margin: 0;
     padding: 0;
     border: 1px solid transparent;
     outline: none;
     background-color: transparent;
 }
 ul,li{list-style: none;}
 img{
     max-width: 100%;
     vertical-align: top;
 }
 input:focus,textarea:focus,select:focus{outline: none;}
 textarea{resize:none;}
 .clear:after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
 .clear{zoom:1;}
 .left{
     float: left;
 }
 .right{
     float: right;
 }
 
 .container_pub{
 	width: 16.5rem;
 	margin: 0 auto;
 	max-width: 100%;
 }
 .container_1200{
 	width: 12rem;
 	margin: 0 auto;
 	max-width: 100%;
 }
 .container_1400{
	 width: 14rem;
	 margin: 0 auto;
	 max-width: 100%;
 }
 .button_style1{
 	padding: .1rem .4rem;
 	background-color: var(--main_color);
 	border: 0.01rem solid var(--main_color);
 	color: #fff;
 	font-size: .18rem;
 	position: relative;
 	z-index: 1;
 	display: inline-block;
 	transition: all 0.5s ease 0s;
 }
 .button_hover1:before {
     position: absolute;
     content: "";
     width: 0;
     height: 100%;
     right: 0;
     top: 0;
     background: #fff;
     /* border-radius: 5px; */
     z-index: -1;
     transition: .5s;
 }
 .button_hover1:hover:before {
     width: 100%;
     left: 0;
 }
 .button_style1:hover {
     color: var(--main_color);
 }
 
 .button_style2{
 	padding: .1rem .4rem;
 	background-color: #ffffff;
 	border: 0.01rem solid var(--main_color);
 	color: var(--main_color);
 	font-size: .18rem;
 	position: relative;
 	z-index: 1;
 	display: inline-flex;
 	transition: all 0.5s ease 0s;
 	border-radius: 1rem;
 	overflow: hidden;
 }
 .button_hover2:before {
     position: absolute;
     content: "";
     width: 0;
     height: 100%;
     right: 0;
     top: 0;
     background: var(--main_color);
     /* border-radius: 5px; */
     z-index: -1;
     transition: .5s;
 }
 .button_hover2:hover:before {
     width: 100%;
     left: 0;
 }
 .button_style2:hover {
     color: #fff;
 }
 
 
 .head_logo {
     width: 1rem;
     cursor: pointer;
 }
 
 .head_flex {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 .header_height {
     height: 1.1rem;
 }
 .head_menu {
     display: flex;
     align-items: center;
     margin-left: auto;
     margin-right: 0.2rem;
     gap: 0.1rem;
     z-index: 9;
 }
 .index_banner .header {
 	position: absolute;
 	top: 0;
 	z-index: 2;
 }
 .header {
     width: 100%;
     padding: 0 .8rem;
     position: relative;
 }
 .head_menu li{
 }
 .header .head_menu li a {
     font-size: .18rem;
     position: relative;
     transition: 0.4s all ease;
     line-height: 1rem;
     min-width: 1.4rem;
     display: block;
     text-align: center;
     color: #5c5c5c;
     z-index:1;
     padding: 0.1rem .2rem;
 }
 .header .head_menu>li.active>a, .header .head_menu>li:hover>a{
     color: var(--main_color);
     /* background: var(--main_color); */
 }
 .head_menu>li>a:after{
 	content: "";
 	display: block;
 	background-color: var(--main_color);
 	position: absolute;
 	transition: 0.4s all ease;
 	width: 80%;
 	height: 0.02rem;
 	left: 50%;
 	transform: translateX(-50%);
 	bottom: 0.2rem;
 	opacity: 0;
 }
 .head_menu>li.active>a:after,.head_menu>li:hover>a:after{
     opacity: 1;
 }
 
 .menu_orther_search {
     max-width: .32rem;
     cursor: pointer;
 }
 .index_banner:before {
     content: "";
     display: none;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: #000000bd;
     background: rgba(4, 23, 42, 0.30);
     position: absolute;
 }
 
 .index_banner {
     position: relative;
 }
 .index_banner_text {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     text-align: center;
     width: 100%;
 }
 
 .index_banner_t1 {
     font-size: .8rem;
     color: #fff;
     font-weight: 500;
 }
 
 .index_banner_t2 {
     font-size: .4rem;
     color: #fff;
     font-weight: 300;
 }
 .index_banner_img{
 	height: 100vh;
 	width: 100%;
 	object-fit: cover;
 	max-height: 11rem;
 }
 .button_style2 img {
     width: .2rem;
     margin-left: .1rem;
 }
 .linear_text {
     background: linear-gradient(90deg, #1976D2 0%, #33CDF8 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-size: .4rem;
     font-weight: bold;
     display: inline-block;
 }
 
 .index_sec1_t2 {
     font-size: .4rem;
     margin-top: 0.1rem;
 }
 
 .index_sec1_t3 {
     font-size: .2rem;
     margin-top: 1rem;
     margin-bottom: .5rem;
     line-height: .4rem;
 }
 
 .index_sec1_text {
     width: 6.97rem;
 }
 
 .index_section1 {
     background: #F4F4F4;
     padding-top: 1.8rem;
     padding-bottom: 3.3rem;
     background-position: left bottom;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 }
 .index_sec1_img {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 8.53rem;
 }
 
 @media screen and (min-width: 1980px) {
 .index_sec1_flex {
     position: relative;
 }
 
 .index_sec1_img {
     right: -2.2rem;
 }
 }
 .button_hover2:hover img {
     filter: brightness(100);
 }
 
 .text-center{
 	text-align: center;
 }
 
 .pub_desc {
     font-size: .2rem;
     color: #3F3F3F;
     color: #3F3F3F;
     margin-top: .1rem;
 }
 
 .index_section2 {
     padding: 0.8rem 0;
     /* background: #F2F8FD; */
 }
 
 .song-flex {
     display: flex;
     flex-wrap: wrap;
 }
 .gap60{
 	gap: 0.6rem;
 }
 .equal_item3 {
     width: 32%;
     text-align: center;
     padding: .3rem;
     width: calc((100% - 0.6rem * 2) / 3);
 }
 
 .index_sec2_t1 {
     font-size: .3rem;
     color: var(--main_color);
     margin-top: .3rem;
     margin-bottom: .3rem;
 }
 
 .index_sec2_img img {
     width: 1.6rem;
 }
 
 .index_sec2_t2 {
     font-size: .2rem;
 }
 .headtop {
     text-align: center;
     background: var(--main_color);
     padding: .15rem 0;
     font-size: .2rem;
     color: #fff;
 }
 .banner_dots {
     padding-bottom: 1.3rem;
 }
 
 .banner_dots .slick-dots {
     bottom: .5rem;
 }
 .head_menu_son {
     position: absolute;
     left: 0;
     top: 100%;
     width: 100%;
     display: flex;
     justify-content: end;
     padding: 0 1.2rem;
     background: #EAEAEA;
     opacity: 0;
     visibility: hidden;
     transition: 0.4s all ease;
     transition: none;
     visibility: hidden;
     pointer-events: none; /* 关键：禁止隐藏状态下的鼠标事件 */
     transition: opacity 0.2s ease, visibility 0s 0.2s; /* 延迟显示，快速隐藏 */
 }
 
 .header .head_menu li .head_menu_son a {
     color: #000;
     padding: 0 .2rem;
 }
 
 .head_menu .head_menu_son li:after {
     display: none;
 }
 .head_menu>li:hover .head_menu_son {
   opacity: 1;
   visibility: visible;
   pointer-events: auto; /* 显示时启用鼠标事件 */
   transition: opacity 0.2s ease 0.1s, visibility 0s 0.1s; /* 延迟显示 */
 }
 .head_menu li  .head_menu_son a:hover {
     color: var(--main_color);
 }
 .menu_orther {
     display: flex;
     align-items: center;
 }
 .menu_search_btn {
     width: .27rem;
     margin-right: .27rem;
     display: flex;
     align-items: center;
     cursor: pointer;
 }
 
 .menu_search_lan a {
     font-size: .18rem;
     color: #5c5c5c;
 }
 .menu_search_lan {
     display: flex;
     align-items: center;
 }
 .search_content {
     position: absolute;
     left: 0;
     width: 100%;
     top: 100%;
     background: #eee;
     padding: 0.1rem 0;
     opacity: 0;
     visibility: hidden;
     transition: 0.4s all ease;
     z-index: 99;
 }
 .search_content.active{
 	opacity: 1;
 	visibility: visible;
 }
 .search_form {
     display: flex;
 }
 
 .search_ipt {
     width: 85%;
     padding: 0.2rem;
     font-size: .18rem;
 }
 
 .search_btns {
     width: 15%;
     padding: 0.2rem;
     background: url(../images/search1.svg);
     cursor: pointer;
     color: #fff;
     font-size: .18rem;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: .3rem;
 }
 .search_img2 {
     display: none;
 }
 .menu_search_btn.active .search_img1 {
 	display: none;
 }
 .menu_search_btn.active .search_img2 {
 	display: block;
 }
 .head_menu>li>a {
     padding: .1rem 0;
 }
 .head_menu_icon {
     position: absolute;
     width: 1.5rem;
     height: 1.3rem;
     right: 0;
     top: 0;
     background: #43b150;
     z-index: 2;
     display: none;
 }
 
 .head_menu_icon::before {
     content: "";
     display: block;
     width: 0.3rem;
     height: 0.01rem;
     background: #fff;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
 }
 
 .head_menu_icon::after {
     content: "";
     display: block;
     height: 0.3rem;
     width: 0.01rem;
     background: #fff;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
 }
 
 .index_sec1tt {
     font-size: .57rem;
     margin-bottom: .81rem;
 }
 
 .index_sec1_flex {
     display: flex;
     align-items: center;
 }
 
 .index_sec1_left {
     width: 70%;
     font-size: .28rem;
     line-height: .47rem;
 }
 
 .index_sec1_right {
     width: 30%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .index_sec1_ra {
     color: #0EA31F;
     font-size: .2rem;
     position: relative;
 }
 
 .index_sec1_ra:after {
     content: "";
     display: block;
     width: 100%;
     height: 0.02rem;
     background: #0EA31F;
     bottom: -0.1rem;
     position: absolute;
 }
 
 .pub_tt {
     font-size: .4rem;
     margin-bottom: 1rem;
 }
 .pub_tt span{
 	border-bottom: 0.03rem solid var(--main_color);
 	padding-bottom: 0.1rem;
 	display: inline-block;
 }
 .index_slick2 .slick-dots {
     display: flex!important;
     justify-content: center;
 }
 
 .index_slick2 .slick-dots li {
     flex: 1;
     border-radius: 0.03rem;
     height: 0.1rem;
     margin: 0 0.05rem;
 }
 .index_slick2 {
 	padding-bottom: 0.5rem;
 }
 .index_slick2_item {
     position: relative;
 }
 
 .index_slick2_txt {
     position: absolute;
     bottom: 0;
     width: 100%;
     padding-top: 1rem;
     padding-bottom: 1rem;
     padding-left: .7rem;
     padding-right: .7rem;
     background: linear-gradient(transparent, #000000a6);
     color: #fff;
 }
 
 .index_slick2_t1 {
     font-size: .42rem;
 }
 
 .index_slick2_more {
     display: inline-block;
     padding: .1rem .5rem;
     border-radius: .1rem;
     background: #fff;
     color: #000;
     margin-top: 0.3rem;
     font-size: .16rem;
 }
 .index_sec3_flex {
     display: flex;
     flex-wrap: wrap;
     gap: 0.3rem 2%;
 }
 
 .index_sec3_item {
     width: 49%;
 }
 
 .sec3_item_flex {
     display: flex;
 }
 
 .sec3_item_img {
     flex: 50%;
 }
 
 .sec3_item_txt {
     flex: 50%;
     display: flex;
     flex-wrap: wrap;
     align-content: space-between;
     padding: .2rem;
     background: #d9d9d99c;
 }
 
 .sec3_item_t1 {
     width: 100%;
     font-size: .42rem;
 }
 
 .sec3_item_t2 {
     width: 100%;
     font-size: .26rem;
     color: #898989;
 }
 .index_section3 {
     padding-top: 1rem;
     padding-bottom: 2rem;
 }
 .index_sec3_item:nth-child(4n) .sec3_item_flex, .index_sec3_item:nth-child(4n-1) .sec3_item_flex {
     flex-direction: row-reverse;
 }
 .text-right{
 	text-align: right;
 }
 .xm_mores{
 	font-size: .28rem;
 	background-color: #F1F1F1;
 	border-radius: 1rem;
 	padding: .17rem .45rem;
 	display: inline-block;
 	margin-top: 1rem;
 }
 
 .footer {
     padding: 1rem 0;
     background: #E9E9E9;
 }
 
 .foot_logo {width: 1.16rem;margin-bottom: 1rem;}
 
 .foot_lan {
     padding: .1rem .2rem;
     display: flex;
     align-items: center;
     gap: .1rem;
     background: #fff;
     width: 1rem;
     border-radius: 1rem;
     font-size: .2rem;
     color: #686868;
     margin-bottom: 2rem;
     justify-content: center;
 }
 
 .foot_lan img {
     width: .23rem;
 }
 
 .foot_flex {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
 }
 
 .foot_nav {
     display: flex;
     gap: 1rem;
     padding: .3rem 0;
     border-top: 0.01rem solid #585858;
     border-bottom: 0.01rem solid #585858;
     margin-bottom: .5rem;
 }
 
 .foot_nav_item h3 {
     color: #585858;
     font-size: .24rem;
     font-weight: normal;
     margin-bottom: .2rem;
 }
 
 .foot_nav_item li a {
     font-size: .18rem;
     color: #898989;
     line-height: 0.4rem;
 }
 
 .foot_copyright {
     color: #585858;
     font-size: .22rem;
 }
 
 .foot_icon img {
     width: .42rem;
     margin-right: .38rem;
 }
 .nobg .head_menu>li>a {
     color: #fff;
 }
 .nobg .menu_search_lan a {
     color: #fff;
 }
 .about_logo {
     width: 1.67rem;
 }
 .about .index_sec1_left {
     width: 66%;
 }
 
 .about .index_sec1_right {
     width: 34%;
 }
 .com_tt1 {
     line-height: 1.3rem;
     text-align: center;
     font-size: .45rem;
     border-top: 0.01rem solid #000;
     border-bottom: 0.01rem solid #000;
 }
 .about_sec2_txt {
     width: 13.8rem;
     margin: 0 auto;
     max-width: 95%;
     margin-top: 2rem;
     margin-bottom: 2rem;
     font-size: .28rem;
     line-height: .45rem;
 }
 .about_sec3_img {
     margin-top: 1.5rem;
     margin-bottom: .6rem;
     text-align: center;
 }
 .about_sec3_txt {font-size: .28rem;margin-bottom: 1.5rem;line-height: .47rem;}
 .about_sec4_tt {
     line-height: 1.3rem;
     text-align: center;
     font-size: .6rem;
     font-weight: bold;
     cursor: pointer;
 }
 
 .about_sec4_content img {
     margin: 0 auto;
     display: block;
     margin-bottom: .85rem;
 }
 
 .about_sec4_content p {
     font-size: .24rem;
     line-height: 0.57rem;
 }
 
 .about_sec4_item {
     border-top: 0.01rem solid #0EA31F;
     border-bottom: 0.01rem solid #0EA31F;
 }
 
 .about_sec4_content {
     padding-top: .85rem;
 }
 .about_sec4_con {
     display: none;
     padding-bottom: 1.5rem;
 }
 .about_sec4_item:first-child .about_sec4_con {
     display: block;
 }
 .about_section4 {
     border-top: 0.01rem solid #0EA31F;
     border-bottom: 0.01rem solid #0EA31F;
 }
 .about_section5 {
     margin-top: 2rem;
     margin-bottom: 2rem;
 }
 
 .about_sec5_flex {
     display: flex;
     gap: .5rem;
     margin-top: 1.2rem;
     margin-bottom: 1.5rem;
 }
 
 .about_sec5_item {
     width: 8rem;
     max-width: 100%;
 }
 
 .about_sec5_txt {
     margin-top: .3rem;
     color: #6F6F6F;
     font-size: .2rem;
     line-height: .3rem;
 }
 .about_slick_item1 {
     padding: 0 .2rem;
 }
 
 .about_slick_txt {
     font-size: .28rem;
     line-height: .38rem;
     color: #6F6F6F;
     margin-top: .2rem;
     padding-bottom: .2rem;
     height: 1.7rem;
     border-bottom: 0.03rem solid #0EA31F;
 }
 .slick_position {
     position: relative;
 }
 .slick_arrow1 svg {
     width: 0.8rem;
     height: auto;
 }
 .about_sec6_flex {
     display: flex;
     flex-wrap: wrap;
 }
 
 .about_sec6_item {
     width: 33%;
     text-align: center;
     margin-top: 1.5rem;
 }
 
 .about_sec6_txt1 {
     font-size: .24rem;
 }
 
 .about_section6 {
     margin-bottom: 2rem;
 }
 .about_sec7_item {
     padding: .3rem 0;
     border-left: 0.13rem solid #D9D9D9;
     padding-left: 0.5rem;
     margin-top: 1.5rem;
 }
 
 .about_sec7_tt {
     font-weight: bold;
     font-size: .36rem;
     margin-bottom: .45rem;
 }
 
 .about_sec7_ul li a {
     color: #898989;
     font-size: .36rem;
     line-height: 1rem;
     display: block;
     transition: 0.4s all ease;
 }
 
 .about_section7 {
     padding-bottom: 3rem;
     background: #F4F4F4;
 }
 .about_sec7_item:first-child{
	 border-left: 0.13rem solid var(--main_color);
 }
.about_sec7_ul {
 max-height: 5rem;
 overflow-y: auto;
}
.about_sec7_ul li a:hover {
    color: var(--main_color);
}
.about_sec7_ul::-webkit-scrollbar {
  width: 0.09rem;
  height: 0.09rem;
}
.about_sec7_ul::-webkit-scrollbar-track {
  background-color: #D9D9D9;
  border-radius: 0.045rem;
}
.about_sec7_ul::-webkit-scrollbar-thumb {
  background-color: #0EA31F;
  border-radius: 0.045rem;
  transition: background-color 0.2s ease;
}
.shuishou_logo {
    width: 4.45rem;
}
.shuishou .about_sec4_tt {
    font-size: .45rem;
    font-weight: normal;
}
.shuishou_flex {
    display: flex;
    flex-wrap: wrap;
}

.shuishou_item {
    width: 20%;
    padding: .5rem 0.3rem;
    text-align: center;
}

.shuishou_item_t1 {
    font-size: .25rem;
}

.shuishou_item_t2 {
    font-size: .2rem;
}

.shuishou_item_txt {
    margin-top: .5rem;
    line-height: 1.8;
    text-align: center;
}

.shuishou_item_img img {
    width: 100%;
}
.shuishou_section2 {
    margin-top: 2.5rem;
    margin-bottom: 2rem;
}
.mt100{
	margin-top: 1rem;
}

.shuishou_item:hover {}

.cbw_slick{
	margin-top: 1rem;
}
.cbw_slick_item img {
    width: 3.7rem;
    margin: 0 auto;
}
.relative{
	position: relative;
}
.com_tt2{
	position: absolute;
	left: calc((100% - 16rem) / 2);
	top: 0;
	font-size: .3rem;
	color: #5C5C5C;
}

.des_tt {
    text-align: center;
    color: #AEAEAE;
    font-size: .3rem;
    margin-top: 0.8rem;
}
.sshd_slick{
	margin-top: 1rem;
}
.shuishou_section4 {
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.com_tt1.zhuti {
    border-top: 0.01rem solid var(--main_color);
    border-bottom: 0.01rem solid var(--main_color);
}
.view_mt100{
	margin-top: 1rem;
}
.shuishou_view_flex1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    font-size: .28rem;
    line-height: .5rem;
    margin-top: 1.5rem;
}

.shuishou_view_img {
    width: 5.7rem;
}

.shuishou_view_txt {
    width: 8.2rem;
}

.shuishou_view_txt p {
    margin-bottom: .5rem;
}
.shuishou_section_view1s {
    margin-top: 2rem;
}

.shuishou_sec3_content {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
}

.shuishou_sec3_content p {
    font-size: .28rem;
    line-height: 1.8;
}
.news_item {
    width: 49%;
}

.news_flex1 {
    flex-wrap: wrap;
    display: flex;
    gap: 0.3rem 2%;
}

.news_item_txt {
    background: #F5F5F5;
    padding: .4rem;
}

.news_item_t1 {
    font-size: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_item_t2 {
    font-size: .25rem;
    margin-top: .1rem;
}

.news_item_t3 {
    color: #898989;
    margin-top: .4rem;
    font-size: .3rem;
    font-weight: bold;
}
.news_section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.news_item_img img {
    width: 100%;
    height: 4rem;
    object-fit: cover;
}

.newspage svg {
    width: 0.4rem;
    height: 0.4rem;
}

.newspage a {
    font-size: 0.28rem;
    color: #ADADAD;
    display: flex;
}

.newspage {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: auto;
    border-bottom: 0.01rem solid #014139;
    padding-bottom: 0.2rem;
}

.ows_newspage{
	display: flex;
	margin-top: .5rem;
}

.view_contents {
    background: #D9D9D9;
    padding: 1rem 0;
}

.view_contents_pd {
    background: #fff;
    padding: 0.6rem;
    border-radius: .2rem;
}

.view_con_tt {
    text-align: center;
    font-size: .36rem;
    color: var(--main_color);
    font-weight: bold;
}

.view_con_time {
    text-align: center;
    color: #8C949A;
    font-size: .2rem;
    margin-top: .2rem;
    margin-bottom: .5rem;
}

.view_con_body {
    font-size: .18rem;
    line-height: 1.8;
}
.mb100{
	margin-bottom: 1rem;
}
.contact_sec1_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: end;
    color: #898989;
    font-size: .26rem;
    padding: 1rem 0;
}

.contact_sec1_item {
    width: 25%;
    text-align: center;
}

.contact_sec1_item p {
    margin-top: .5rem;
    font-size: 0.26rem;
}
.contact_sec1_flex.contact_sec1_center{
	    justify-content: center;
	    gap: 1rem 0;
}
.letter-filter {
	background-color: #fff;
	padding: 15px 20px;
	border-radius: 8px;
	/* box-shadow: 0 2px 8px rgba(0,0,0,0.05); */
	margin-bottom: 30px;
	width: 12rem;
	margin: 1rem auto;
	margin-bottom: .5rem;
	max-width: 100%;
}
.letter-list {
	display: flex;
	gap: .15rem;
	flex-wrap: wrap;
	justify-content: center;
}
.letter-item {
	width: 0.5rem;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	border-radius: 50%;
	font-size: .24rem;
	color: #666;
	cursor: pointer;
	transition: all 0.2s ease;
}
.letter-item:hover {
	background-color: #f0f0f0;
}
.letter-item.active {
	background-color: #4cd964;
	color: #fff;
}
.student-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.student-card {
    width: 20%;
    padding: .5rem .5rem;
    text-align: center;
}

.empty-tip {
    display: none;
    margin-left: auto;
    margin-right: auto;
    font-size: .2rem;
}

.student-name {
    font-size: .25rem;
    margin-top: .5rem;
}

.student-school {
    font-size: .2rem;
    margin-top: .1rem;
}



/* join */

.join_sec1_card1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .4rem;
    border-top: 0.01rem solid #D9D9D9;
    cursor: pointer;
}

.join_sec1_card2 {
    display: none;
    padding: .4rem;
    font-size: .2rem;
    color: #8A8A8A;
    padding-top: 0;
}

.join_sec1_c1 {
    width: 25%;
    font-size: .26rem;
    font-weight: bold;
}

.join_sec1_c2 {
    width: 25%;
    font-size: .24rem;
}

.join_sec1_c3 {
    width: 25%;
    font-size: .24rem;
}

.join_sec1_c4 {transition: 0.4s all ease;}

.join_sec1_c4  svg {
    width: 0.3rem;
    height: auto;
}

.join_sec1_card {
}

.join_sec1_card:last-child {
    border-bottom: 0.01rem solid #D9D9D9;
}
.join_sec1_flex {
    margin-top: 0.7rem;
}
.join_sec1_card.active .join_sec1_c4 {
    transform: rotateZ(90deg);
}
.contact_img1 {
    margin-top: 2rem;
}
.contact_section1 {
    margin-bottom: 2rem;
}
.shuishou_item_img img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    object-fit: cover;
}
.newspage a.page-num.page-num-current {
    color: var(--main_color);
}
.view_con_position {
    margin-bottom: .5rem;
    font-size: .18rem;
}
.index_banner_search {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.5rem;
    font-size: .42rem;
}


        /* 遮罩层样式 */
        .qrcode-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 9998;
            display: none; /* 默认隐藏 */
        }

        /* 二维码弹窗样式 */
        .qrcode-popup {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            z-index: 9999;
            display: none; /* 默认隐藏 */
        }
        .qrcode-popup img {
            width: 200px;
            display: block;
        }
        .shuishou_sec3_content p * {
        white-space: normal !important;
}

.contact_sec1_item img {
    max-height: 1.2rem;
}