/* 栏目样式 */
.class_sty {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-top: 1rem;
}

.class_sty .class_name {
	font-weight: bold;
	font-size: 0.48rem;
	color: #FFFFFF;
}

.class_cont {
    width: 100%;
    text-align: center;
	font-weight: 400;
	font-size: 0.24rem;
	color: #FFFFFF;
	margin-top: 0.13rem;
	margin-bottom: 0.6rem;
}





/* 介绍 */
.about{
    padding: 0 0 0.81rem;
    box-sizing: border-box;
}
.about_body{
	padding: 0.48rem 0 0.51rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.about_body .about_txt{
	width: 50%;
	padding-right: 0.55rem;
}
.about_body .about_txt .about_cont,
.about_body .about_txt .about_cont p{
	font-weight: 400;
	font-size: 0.18rem;
	color: #FFFFFF;
	line-height: 2;
}
.about_body .about_txt .about_video{
	width: 2.4rem;
	height: 1.35rem;
	border-radius: 0.12rem;
	margin-top: 0.4rem;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.about_body .about_txt .about_video::before{
	content: "";
	position: absolute;
	width: 0.56rem;
	height: 0.56rem;
	background: url(../img/video_icon.png) center no-repeat;
	background-size: contain;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.about_body .about_img{
	width: 50%;
	height: 4.57rem;
	overflow: hidden;
	border-radius: 0.12rem;
	position: relative;
	z-index: 2;
}



.about_bottom {
	margin-top: 0.5rem;
	display: flex;
	justify-content: space-between;
}

.about_bottom .about_num {
	display: flex;
	align-items: flex-end;
}

.about_bottom .about_num .num_shu{
	font-weight: 400;
	font-size: 0.55rem;
	color: #FFFFFF;
	display: flex;
	align-items: flex-end;
	line-height: 1;
	height: fit-content;
}
.about_bottom .about_num .num_shu span {
	font-family: DIN-Bold;
	font-weight: 500;
	font-size: 0.58rem;
	color: #FFFFFF;
	margin-right: 0.07rem;
}

.about_bottom .about_num .num_icon {
	font-weight: bold;
	font-size: 0.32rem;
	color: #FFFFFF;
	height: fit-content;
}

.about_bottom .about_num_title {
	font-family: Arial, Arial;
	font-weight: 400;
	font-size: 0.22rem;
	color: #FFFFFF;
	text-align: center;
	margin-top: 0.1rem;
}







.pinpai{
    width: 100%;
    min-height: 6rem;
    padding: 1.05rem 0;
    box-sizing: border-box;
    background: url(../img/about_bg.jpg) center no-repeat;
    background-size: cover;
}
.pinpai .pinpai_title{
    width: 100%;
    text-align: center;
    margin-bottom: 0.3rem;
    font-weight: 600;
    font-size: 0.48rem;
    color: #FFFFFF;
}
.pinpai .pinpai_content{
    /*width: 10.8rem;*/
    margin: 0 auto;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 2.1;
    text-align: center;
}







.logo .class_sty{
    margin-top: 0.8rem;
}

.logo_body{
    margin-top: 0.6rem;
    padding-bottom: 1.42rem;
    overflow: hidden;
    position: relative;
}
.logo_body .logo_list{
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.2rem;
    row-gap: 0.3rem;
}
.logo_body .logo_list .logo_item{
    width: 2.5rem;
    height: 1rem;
    background: #fff;
}
.logo_body .logo_list .logo_item img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.logo_body .swiper-pagination{
    bottom: 0.8rem;
}
.logo_body .swiper-pagination span{
    width: 0.12rem;
    height: 0.14rem;
    background: #FFFFFF;
    opacity: 0.5;
    border-radius: 0.07rem;
    margin: 0 0.065rem !important;
    transition: all 0.5s;
}
.logo_body .swiper-pagination span.swiper-pagination-bullet-active{
    width: 0.36rem;
    opacity: 1;
}









/* 技术研发 */
.team{
    padding: 0.8rem 0;
    box-sizing: border-box;
}
.team_list{
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.18rem;
    row-gap: 0.6rem;
}
.team_list .team_item{
    width: calc(50% - 0.59rem);
    height: 5.08rem;
    position: relative;
    cursor: pointer;
}
.team_list .team_item .team_img{
    width: 3.41rem;
    height: 4.28rem;
    border-radius: 0.08rem;
    overflow: hidden;
}
.team_list .team_item .team_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team_list .team_item .team_txt{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5rem;
    height: 3.1rem;
    background: #0098AF;
    box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.16);
    padding: 0.32rem 0.3rem 0.29rem;
    box-sizing: border-box;
    transition: all 0.5s;
}
.team_list .team_item .team_txt .team_name{
    width: 100%;
    font-weight: 600;
    font-size: 0.28rem;
    color: #FFFFFF;
    margin-bottom: 0.13rem;
}
.team_list .team_item .team_txt .team_zhiwei{
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-bottom: 0.17rem;
}
.team_list .team_item .team_txt .team_content{
    width: 100%;
    border-top: 0.01rem solid #E3E3E3;
    padding-top: 0.16rem;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 2;
}
.team_list .team_item .team_txt .team_more{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0.29rem;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
}
.team_list .team_item .team_txt .team_more img{
    width: 0.2rem;
    height: 0.2rem;
    object-fit: contain;
    margin-right: 0.06rem;
}
.team_list .team_item:hover .team_txt{
    bottom: 0.1rem;
}


.team_pop{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
.team_pop.act{
    display: flex;
}
.team_pop .team_body{
    width: 9.6rem;
    height: 5.56rem;
    background: #FFFFFF;
    border-radius: 0.08rem;
    padding: 0.64rem 0.78rem 0.64rem 0.6rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    column-gap: 0.41rem;
}
.team_pop .team_body .team_colse{
    position: absolute;
    right: -0.34rem;
    top: 0;
    width: 0.18rem;
    height: 0.18rem;
    cursor: pointer;
    display: flex;
}
.team_pop .team_body .team_colse img{
    filter: brightness(0) invert(1);
}
.team_pop .team_body .team_litpic{
    width: 3.41rem;
    height: 4.28rem;
    border-radius: 0.08rem;
    overflow: hidden;
}
.team_pop .team_body .team_litpic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team_pop .team_body .team_view{
    width: calc(100% - 3.82rem);
    padding-top: 0.17rem;
}
.team_pop .team_body .view_name{
    width: 100%;
    margin-bottom: 0.12rem;
    font-weight: 600;
    font-size: 0.32rem;
    color: #000000;
}
.team_pop .team_body .view_zhiwei{
    width: 100%;
    padding-bottom: 0.17rem;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    border-bottom: 0.01rem solid #E3E3E3;
    margin-bottom: 0.16rem;
}
.team_pop .team_body .view_content{
    width: 100%;
    max-height: 2.9rem;
    overflow-y: auto;
    font-weight: 400;
    font-size: 0.16rem;
    color: #000000;
    line-height: 2;
}
.team_pop .team_body .view_content::-webkit-scrollbar {
	width: 4px;    
	/*height: 4px;*/
}
.team_pop .team_body .view_content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.2);
}
.team_pop .team_body .view_content::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 0;
	background: rgba(0,0,0,0.1);
}







/* 制造基地展示-详情 */
.jidi{
    padding: 0.8rem 0;
    box-sizing: border-box;
}
.jidi .jidi_title{
    width: 100%;
    text-align: center;
    margin-bottom: 0.6rem;
    font-weight: 600;
    font-size: 0.32rem;
    color: #FFFFFF;
}
.jidi .anli_swiper1 {
	position: relative;
	overflow: hidden;
    padding-bottom: 1.22rem;
}

.jidi .anli_swiper1 .anli_item {
	width: 9.6rem;
	height: 5.2rem;
	border-radius: 0.16rem;
	overflow: hidden;
	position: relative;
}

.jidi .anli_swiper1 .anli_item .anli_title {
	position: absolute;
	bottom: -100%;
	width: 100%;
	text-align: center;
	padding: 0.19rem;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.7);
	font-weight: 400;
	font-size: 0.16rem;
	color: #FFFFFF;
	transition: all 0.5s;
}

.jidi .anli_swiper1 .anli_item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #02AEC8;
	top: 0;
	left: 0;
	opacity: 0.2;
}

.jidi .anli_swiper1 .anli_item.swiper-slide-active::before {
	display: none;
}

.jidi .anli_swiper1 .anli_item.swiper-slide-active .anli_title {
	bottom: 0;
}
.jidi .anli_swiper1 .swiper-pagination{
    width: 7.4rem;
    height: 0.01rem;
    background: rgba(255, 255, 255, 0.4);
    bottom: 0.3rem;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}
.jidi .anli_swiper1 .swiper-pagination span{
    background: #fff;
}
.jidi .anli_swiper1 .swiper-button-next,
.jidi .anli_swiper1 .swiper-button-prev {
	width: 0.62rem;
    height: 0.62rem;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.01rem solid #FFFFFF;
    bottom: 0;
    top: auto;
    margin: 0;
    border-radius: 50%;
}
.jidi .anli_swiper1 .swiper-button-next img,
.jidi .anli_swiper1 .swiper-button-prev img{
    width: 0.12rem;
    height: 0.2rem;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.jidi .anli_swiper1 .swiper-button-next::after,
.jidi .anli_swiper1 .swiper-button-prev::after {
	display: none;
}

.jidi .anli_swiper1 .swiper-button-next:hover,
.jidi .anli_swiper1 .swiper-button-prev:hover {
	background: #fff;
}
.jidi .anli_swiper1 .swiper-button-next:hover img,
.jidi .anli_swiper1 .swiper-button-prev:hover img{
    filter: brightness(1) invert(0);
}
.jidi .anli_swiper1 .swiper-button-next {
	right: 3.2rem;
}

.jidi .anli_swiper1 .swiper-button-prev {
	left: 3.2rem;
}

.jidi .jidi_content{
    width: 12rem;
    margin: 0.6rem auto 0;
    text-align: center;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 2;
}
.jidi .jidi_content *{
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 2;
}





/* 联系信息 */
.lianxi{
    padding: 0.8rem 0;
    box-sizing: border-box;
}
.lianxi .lianxi_name{
    width: 100%;
    text-align: center;
    margin-bottom: 0.6rem;
    font-weight: bold;
    font-size: 0.44rem;
    color: #FFFFFF;
}
.lianxi .lianxi_body{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 0.93rem;
}
.lianxi .lianxi_body .lianxi_map{
    width: 7.76rem;
    height: 4.12rem;
    border-radius: 0.12rem;
    overflow: hidden;
}
.lianxi .lianxi_body .lianxi_txt{
    width: calc(100% - 8.69rem);
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.4rem;
}
.lianxi .lianxi_body .lianxi_item{
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 0.2rem;
}
.lianxi .lianxi_body .lianxi_item .lianxi_icon{
    width: 0.76rem;
    height: 0.76rem;
}
.lianxi .lianxi_body .lianxi_item .lianxi_title{
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 0.2rem;
    color: #FFFFFF;
    margin-bottom: 0.09rem;
}
.lianxi .lianxi_body .lianxi_item .lianxi_content{
    font-family: Arial;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
}






/* 在线留言 */
.liuyan{
    padding: 0.8rem 0;
    box-sizing: border-box;
}
.liuyan .liuyan_name{
    width: 100%;
    text-align: center;
    margin-bottom: 0.65rem;
    font-weight: bold;
    font-size: 0.44rem;
    color: #FFFFFF;
}
.liuyan form{
    padding: 0 2.2rem 0 2.1rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.4rem;
    row-gap: 0.24rem;
}
.liuyan .form-group{
    width: calc(50% - 0.2rem);
    height: auto;
    display: flex;
    align-items: center;
    column-gap: 0.06rem;
    position: relative;
}
.liuyan .form-group label{
    width: 1.14rem;
    text-align: right;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
}
.liuyan .form-group input{
    width: 4.5rem;
    height: 0.44rem;
    background: rgba(255,255,255,0.1);
    border-radius: 0.04rem;
    border: 0.01rem solid rgba(255,255,255,0.5);
    padding: 0 0.21rem;
    box-sizing: border-box;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
}
.liuyan .form-group input::placeholder,
.liuyan .form-group textarea::placeholder{
    color: rgba(255, 255, 255, 0.7);
}
.liuyan .form-group .captcha{
    position: absolute;
    top: 0.12rem;
    right: 0.17rem;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
}
.liuyan .form-group.hang2{
    width: 100%;
    align-items: normal;
}
.liuyan .form-group textarea{
    width: 10.59rem;
    height: 1.89rem;
    background: rgba(255,255,255,0.1);
    border-radius: 0.04rem;
    border: 0.01rem solid rgba(255,255,255,0.5);
    padding: 0.21rem;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
}
.liuyan .submit-btn{
    width: 4.5rem;
    height: 0.48rem;
    margin: 0.1rem auto 0;
    background: #FFFFFF;
    border-radius: 0.06rem;
    border: 0.01rem solid rgba(0,0,0,0);
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 0.2rem;
    color: #0098AF;
}





/* 弹窗样式 */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}
.modal .modal_body{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: initial;
    max-width: 14.9rem;
    width: 94%;
}
.modal-content {
    position: relative;
    max-width: 11.53rem;
    max-height: 8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.22rem 0.22rem 1rem 0.22rem;
    box-sizing: border-box;
    width: 90%;
    height: 90%;
    background: rgba(255,255,255,0);
    border-radius: 0.1rem;
    /*border: 0.01rem solid #FFFFFF;*/
}

.modal-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 0.1rem;
}

.modal-title {
    font-family: Source-CN-Regular;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.32rem;
    position: absolute;
    bottom: 0.5rem;
    display: none;
}
.modal-title::before{
    content: "";
    position: absolute;
    width: 0.68rem;
    height: 0.01rem;
    background: #0098AF;
    left: 50%;
    bottom: -0.12rem;
    transform: translateX(-50%);
}
.close-btn {
    position: absolute;
    top: -0.2rem;
    right: -0.49rem;
    width: 0.2rem;
    height: 0.2rem;
    background: url(../img/close1.png) center no-repeat;
    background-size: contain;
    cursor: pointer;
    z-index: 9;
}

.modal .nav-arrow {
    position: absolute;
    top: 3.18rem;
    cursor: pointer;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}
.modal .nav-arrow img{
    width: 0.4rem;
    height: 0.4rem;
    object-fit: contain;
}
.modal .prev {
    left: -0.6rem;
}
.modal .next {
    right: -0.6rem;
}
.modal-pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1002;
}
.pagination-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
}

.pagination-dot:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.pagination-dot.active {
    background-color: rgba(255, 255, 255, 1);
    transform: scale(1.2);
}











/* 企业文化 */
.wenhua{
    padding: 0.8rem 0 1rem;
    box-sizing: border-box;
}
.wenhua .wenhua_name{
    /*margin-bottom: 0.6rem;*/
    font-weight: bold;
    font-size: 0.44rem;
    color: #FFFFFF;
    text-align: center;
}
.wenhua .wenhua_box{
    display: flex;
    column-gap: 0.1rem;
}
.wenhua .wenhua_box .wenhua_item{
    min-width: 2.6rem;
    width: 33.33%;
    height: 4.92rem;
    border-radius: 0.12rem;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    transition: all 0.5s;
    z-index: 0;
}
.wenhua .wenhua_box .wenhua_item .wenhua_bg{
    width: 100%;
    height: 100%;
    position: relative;
}
.wenhua .wenhua_box .wenhua_item .wenhua_bg::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
}
.wenhua .wenhua_box .wenhua_item .wenhua_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wenhua .wenhua_box .wenhua_icon{
    width: 0.96rem;
    height: 0.96rem;
    position: absolute;
    z-index: 1;
    top: 1.72rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}
.wenhua .wenhua_box .wenhua_title{
    width: fit-content;
    font-weight: bold;
    font-size: 0.32rem;
    color: #FFFFFF;
    position: absolute;
    top: 2.78rem;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.wenhua .wenhua_box .wenhua_cont{
    position: absolute;
    bottom: 0.94rem;
    left: 1rem;
    font-weight: 600;
    font-size: 0.24rem;
    color: #FFFFFF;
    opacity: 0;
    transition: all 0s 0.1s;
    transform: translateY(0.4rem);
}
.wenhua .wenhua_box .wenhua_item.on{
    width: 80%;
    transition: all 0.5s;
}
.wenhua .wenhua_box .wenhua_item.on .wenhua_icon{
    transform: none;
    left: 1.12rem;
}
.wenhua .wenhua_box .wenhua_item.on .wenhua_title{
    transform: none;
    left: 1rem;
}
.wenhua .wenhua_box .wenhua_item.on .wenhua_cont{
    transform: translateY(0);
    opacity: 1;
    transition: all 0.5s 0.5s;
}





/* 介绍 */
.about{
    position: relative;
}
.about::before{
    content: "";
    position: absolute;
    width: 6.84rem;
    height: 9.6rem;
    background: url(../img/about_bg.png) center no-repeat;
    background-size: cover;
    top: -1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}


/* 发展历程 */
.history{
    padding: 0.8rem 0 2rem;
    box-sizing: border-box;
}
.history .history_name{
    /*margin-bottom: 0.95rem;*/
    font-weight: bold;
    font-size: 0.44rem;
    color: #FFFFFF;
    text-align: center;
}
.content-container {
    position: relative;
    height: auto;
    overflow: hidden;
    margin-top: 0.95rem;
}
.content-viewport {
    width: 100%;
    overflow: hidden;
    transition: margin-left 0.5s ease;
    
    cursor: grab;
    user-select: none; /* 防止文字被选中 */
}
.content-viewport:active {
    cursor: grabbing;
}
.content-slider {
    display: flex;
    transition: transform 0.5s ease;
}
.content-slide {
    width: 33.3333%;
    flex-shrink: 0;
    opacity: 0.3;
    transform: scale(0.9);
    transition: all 0.5s ease;
}
.content-slide .history_year{
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.48rem;
    color: #FFFFFF;
}
.content-slide .history_cont{
    margin: 0.2rem 0 0.24rem;
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 1.777;
}
.content-slide .history_img{
    width: 4rem;
    height: auto;
    max-height: 2.16rem;
    display: none;
}
.content-slide .history_img img{
    width: 100%;
    height: auto;
    object-fit: contain;
}



.content-slide.center-active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
    display: flex;
    justify-content: center;
}
.content-slide.left-slide,
.content-slide.right-slide {
    opacity: 0.7;
    z-index: 1;
}
.content-slide:not(.center-active):not(.left-slide):not(.right-slide) {
    opacity: 0;
    visibility: hidden;
}
.content-slide.center-active .history_img{
    display: block;
}
.content-slide.right-slide{
    padding-left: 1.2rem;
    box-sizing: border-box;
}



.tab-container{
    width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 0.7rem;
	position: relative;
}
.tab-container .nav-arrow{
	width: 0.62rem;
	height: 0.62rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0.01rem solid #fff;
	cursor: pointer;
}
.tab-container .nav-arrow img{
	max-width: 0.12rem;
	max-height: 0.2rem;
	object-fit: contain;
    filter: brightness(0) invert(1);
}
.tab-container .nav-arrow:hover{
	background: #fff;
}
.tab-container .nav-arrow:hover img{
	filter: brightness(1) invert(0);
}
.tab-container .tab-wrapper{
	width: calc(100% - 2rem);
	overflow: hidden;
	margin: 0 auto;
    position: relative;
}
.tab-container .tab-wrapper::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 0;
	border-bottom: 0.01rem dashed #fff;
	left: 0;
	top: 0.32rem;
	z-index: -1;
}
.tab-container .tab-wrapper .tab-slider{
	display: flex;
	transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	position: relative;
	align-items: baseline;
}
.tab-container .tab-slide{
	position: relative;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	flex: 0 0 2rem;
    width: 2rem;
    padding-top: 0.24rem;
}
.tab-container .tab-slide i{
	width: 0.18rem;
	height: 0.18rem;
	border-radius: 50%;
    background: #0098AF;
    border: 0.01rem solid #FFFFFF;
	position: relative;
	z-index: 9;
}
.tab-container .tab-slide i::before{
    content: "";
    position: absolute;
    width: calc(100% + 0.1rem);
    height: calc(100% + 0.1rem);
    border-radius: 50%;
    background: rgba(255,255,255,0.6);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
.tab-container .tab-slide span{
	font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.32rem;
    color: rgba(255,255,255,0.6);
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 0.16rem;
}
.tab-container .tab-slide.active span{
    color: #FFFFFF;
}
.tab-container .tab-slide.active i{
    background: #FFFFFF;
}
.tab-container .tab-slide.active i::before{
    display: block;
	animation: increase2 2s infinite alternate;
}


@keyframes increase2 {
	0% {
		width: calc(100%);
        height: calc(100%);
	}

	50% {
	    width: calc(100% + 0.1rem);
        height: calc(100% + 0.1rem);
	}

	100% {
		width: calc(100%);
        height: calc(100%);
	}
}





/* 荣誉证书 */
.history_name{
    /* margin-bottom: 0.8rem; */
    font-weight: bold;
    font-size: 0.44rem;
    color: #FFFFFF;
    text-align: center;
}
.rongyu_top{
    display: flex;
    justify-content: space-between;
    margin-top: 0.8rem;
}
.rongyu_top .rongyu_txt{
    padding-top: 0.89rem;
    box-sizing: border-box;
}
.rongyu_key{
    font-weight: bold;
    font-size: 0.24rem;
    color: #FFFFFF;
    margin-bottom: 0.49rem;
}
.rongyu_num{
    display: flex;
    column-gap: 1rem;
}
.rongyu_num .num_shu{
    font-weight: 400;
    font-size: 0.55rem;
    color: #FFFFFF;
}
.rongyu_num .num_shu span{
    font-family: DIN-Bold;
    font-weight: 500;
    font-size: 0.58rem;
    color: #FFFFFF;
}
.rongyu_num .num_item>span{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.22rem;
    color: #FFFFFF;
    display: block;
}
.rongyu_top .rongyu_img{
    max-width: 10.86rem;
    height: 5.28rem;
    overflow: hidden;
} 
.rongyu_body{
    width: 100%;
    height: auto;
    background: #0098AF;
    border: 0.01rem solid #24C9E2;
    padding: 0.4rem 0.84rem 0.6rem 1rem;
    box-sizing: border-box;
}

.rongyu_box{
    display: flex;
    justify-content: space-between;
    padding-right: 0.85rem;
}

.rongyu_view{
    margin-top: 1.04rem;
    display: flex;
    justify-content: space-between;
}
.rongyu_view .view_box{
    background: rgba(255, 255, 255, 0.1);
    width: calc(33.33% - 0.2rem);
    padding: 0.2rem 0.3rem;
    box-sizing: border-box;
}
.rongyu_view .view_box p{
    font-family: Arial, Arial;
    font-weight: bold;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 2.22;
}







/* 董事长寄语 */
.speech{
    padding: 0.78rem 0 1rem;
    box-sizing: border-box;
}
.speech_top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem;
}
.speech_top .speech_class{
    width: calc(100% - 6rem);
    height: fit-content;
    font-weight: bold;
    font-size: 0.44rem;
    color: #FFFFFF;
    line-height: 1;
    padding: 0 0 0.38rem 0.4rem;
    box-sizing: border-box;
    border-bottom: 0.01rem dashed #FFFFFF;
    position: relative;
}
.speech_top .speech_class::before{
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    left: 0;
    bottom: 0.56rem;
    background: url(../img/zhici_icon.png) center no-repeat;
    background-size: contain;
    z-index: -1;
}
.speech_top .speech_class::after{
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    background: #0098AF;
    border: 0.02rem solid rgba(255,255,255,0.6);
    right: 0;
    bottom: -0.07rem;
}
.speech_top .speech_key{
    padding-top: 0.54rem;
    width: fit-content;
    height: fit-content;
}
.speech_top .speech_key span{
    text-align: right;
    font-weight: bold;
    font-size: 0.24rem;
    color: #FFFFFF;
    margin-bottom: 0.11rem;
    display: block;
}
.speech_top .speech_key p{
    text-align: right;
    font-weight: bold;
    font-size: 0.28rem;
    color: #71ECFF;
    display: block;
}
.speech_box{
    display: flex;
    justify-content: space-between;
}
.speech_box .speech_txt{
    max-width: 7.45rem;
    height: auto;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 2;
}
.speech_box .speech_txt p{
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 2;
}
.speech_box .speech_img{
    width: 50%;
    height: auto;
    border-radius: 0.12rem;
    overflow: hidden;
    margin-top: 0.4rem;
}
.speech_box .speech_img img{
    width: 100%;
    height: auto;
    border-radius: 0.12rem;
}










/* 资讯动态 */
.news .main{
    padding: 0.41rem 0 0.9rem;
    box-sizing: border-box;
}
.news .news_class{
    width: 100%;
    text-align: center;
    margin-bottom: 0.4rem;
    font-weight: bold;
    font-size: 0.48rem;
    color: #FFFFFF;
}

.news .news_swiper{
    overflow: hidden;
    position: relative;
}
.news .news_swiper .swiper-pagination{
    display: flex;
    justify-content: flex-end;
    padding-right: 2rem;
    bottom: 1rem;
}
.news .news_swiper .swiper-pagination span{
    background: #fff;
    width: 0.12rem;
    height: 0.12rem;
}
.news_top{
    padding: 0.4rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    background: #00b2cf;
}
.news_top::before{
    content: "";
    position: absolute;
    width: calc(100% - 0.8rem);
    height: 0.01rem;
    background: rgba(255,255,255,0.4);
    left: 0.4rem; 
    bottom: 0;
}
.news_top .news_fl{
    width: 44.73%;
    height: 5.1rem;
    overflow: hidden;
}
.news_top .news_fl img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news_top .news_fr{
    width: 52.1%;
    padding-top: 0.12rem;
    box-sizing: border-box;
}
.news_top .news_fr .news_title{
    font-weight: bold;
    font-size: 0.2rem;
    color: #FFFFFF;
    margin-bottom: 0.27rem;
}
.news_top .news_fr .news_cont{
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 2;
    margin-bottom: 0.67rem;
}
.news_top .news_fr .news_time{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
}
.news_top .news_fr .news_more{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    margin-top: 0.6rem;
    background:#fff url(../img/jiantou1.png) center center no-repeat;
    transition: all 0.5s;
}
.news_top .news_fr .news_more:hover{
    transform: rotate(45deg);
}
.news_search{
    width: fit-content;
    height: auto;
    margin: 0.3rem 0 0.3rem auto;
    position: relative;
    z-index: 2;
}
.news_search .year_name{
    width: 2rem;
    height: 0.6rem;
    background: #FFFFFF;
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.09rem;
    cursor: pointer;
}
.news_search .year_name span{
    font-weight: 600;
    font-size: 0.22rem;
    color: #0098AF;
}
.news_search .year_name i{
    width: 0px;
    height: 0px;
    position: relative;
    top: 0.06rem;
    display: inline-block;
    content: "";
    border: 0.1rem solid transparent;
    border-top-color: #0098AF;
    border-radius: 0.04rem;
}
.news_search .news_search_list{
    width: 60%;
    height: auto;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #01A8C2;
    border: 0.01rem solid #24C9E2;
    display: none;
}
.news_search:hover .news_search_list{
    display: block;
}
.news_search .news_year{
    line-height: 0.4rem;
    text-align: center;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    cursor: pointer;
}
.news_search .news_year:hover{
    background: #057487;
}



.peixun_list .peixun_item{
    width: 100%;
    height: auto;
    padding: 0.4rem;
    box-sizing: border-box;
    display: flex;
    column-gap: 0.48rem;
    position: relative;
}
.peixun_list .peixun_item::before{
    content: "";
    position: absolute;
    width: calc(100% - 0.8rem);
    height: 0.01rem;
    background: rgba(255,255,255,0.4);
    bottom: 0;
    left: 0.4rem;
}
.peixun_list .peixun_item .peixun_img{
    width: 3.73rem;
    height: 2.8rem;
    overflow: hidden;
}
.peixun_list .peixun_item .peixun_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
.peixun_list .peixun_item .peixun_txt{
    width: calc(100% - 4.21rem);
    padding-top: 0.12rem;
    position: relative;
}
.peixun_list .peixun_item .peixun_title{
    font-weight: bold;
    font-size: 0.2rem;
    color: #FFFFFF;
    margin-bottom: 0.27rem;
}
.peixun_list .peixun_item .peixun_cont{
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 2.1;
}
.peixun_list .peixun_item .peixun_time{
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #FFFFFF;
    position: absolute;
    bottom: 0.16rem;
}
.peixun_list .peixun_item:hover{
    background: #02ACC6;
}
.peixun_list .peixun_item:hover .peixun_img img{
    transform: scale(1.1);
}