﻿@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box; margin: 0; padding: 0;}
html{ width: 100%; overflow-x: hidden;  font-size: clamp(14px,375px,.8333333vw); scroll-behavior: smooth;}	/* 1rem = 16px */
body { font-family:"Microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.5; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust: none; box-sizing: border-box;  background: #131313; letter-spacing: 0.05em;}
img{ border:0; vertical-align: middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: inherit; transition: 0.4s;  outline: none;}
a:hover{ color: #b24aef;}
input,textarea{ box-sizing: border-box; outline:none;  border: 0; background:none; font-family:"Microsoft Yahei","Arial",sans-serif; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }

/*文本框placeholder=颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #333; opacity: 1} 
input::-moz-placeholder, textarea::-moz-placeholder {color: #333; opacity: 1}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #333; opacity: 1}


/* 字体 */
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.ttf');
}
@font-face {
	font-family: 'MontserratLight';
	src: url('../fonts/Montserrat-Light.ttf');
}
@font-face {
	font-family: 'MontserratBold';
	src: url('../fonts/Montserrat-Bold.ttf');
}
@font-face {
	font-family: 'MontserratSemiBold';
	src: url('../fonts/Montserrat-SemiBold.ttf');
}


/*预加载*/
.content_body{ height: 100%; width: 100%;}
.load_body{ width: 100%; height: 100%; overflow: hidden; position: absolute;} 
.load{ position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; z-index: 100; transition: 0.6s;}
.load .icon{ width: 100%; height: 100%; position: absolute; left:0; top: 0; display: flex; z-index: 10; justify-content: center; align-items: center; }
.load .logo{ text-align: center;animation: logo 2s ease infinite; position: absolute;}
.load .logo img{ margin: 0 auto; width: 22rem; height: 4rem;}

.loading-bar{ position: absolute; top: 99.0%; width: 100%; height: 0.5rem; background: linear-gradient(90deg, #3AD6C2 0%, #8631B7 100%); transform: scaleX(0); transform-origin: top left; transition: transform 0.5s; z-index: 100; will-change: transform;}
.loading-bar.ended{ transform-origin: top right; transition: transform 1s ease-in-out;}

.loading-text{ position: absolute; z-index: 100; bottom: 3%; right: 1%;}
.loading-text .txt{ padding-top: 20px; margin-top: 20px; border-top: 1px solid #43485B;}
.loading-text .text{ display: flex; color: var(---, #FFF); font-family: Montserrat; font-size: 10rem; font-weight: 400; line-height: 76%; letter-spacing: -4.83px; text-transform: capitalize; opacity: 0.6;  transition: opacity 0.5s;}
.loading-text .text i{ font-size: 4.875rem; line-height: 100%; padding-top: 45px; padding-left: 10px; letter-spacing: -2.34px;}
.loading-text .text.on{ opacity: 0; }

.loading-bg{ position: absolute; width: 100%; height: 100vh; left: 0; top: 0; background: #181818; z-index: 99;}
.loading-mask { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; }
.loading-mask .svg{ position: absolute; width: 100%; height: 100%;}
.loading-mask .centerMask{ cx: 50%; cy: 45%;}
.loading-mask .centerMask02{ translate: 50% 45%; -webkit-translatex: 50% 45%; -webkit-translatey: 50%;}
/* .loading-mask .centerMask02{ transform: translate(-50%, -45%);} */
.loading-mask .centerMask02{ cx: 50%; cy: 45%;}


/* 首页-隐藏滚动条 */
::-webkit-scrollbar{ display: none; width: 0 !important}

/* 公用变量 */
:root {
    --ease1: cubic-bezier(.01,.22,.41,.99);
}

/* 视频背景 */
.bg_video{ position: absolute; z-index: -1; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; background: no-repeat #000 center/cover;}
.bg_video video{ width: 100%; height: 100%; object-fit: cover;}
.bg_video::after{ content:""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0); z-index: 10;}
.body_white .bg_video{ background-color: #fff;}

/* 公用头部 */
.header{ position: fixed; left: 0; top: 0; width: 100%; padding:1.875rem 2.5rem; display: flex; align-items: center; justify-content:space-between; z-index: 2000; transition: 1s;}
.header_small{ padding:0.875rem 2.5rem; backdrop-filter: blur(20px); background:rgba(0, 0, 0, .3); /*background: linear-gradient(1turn, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1));*/ }
.header_small .logo .img2{ transform: translateY(-200%); opacity: 0;}


.header .logo{ display: flex;align-items: center; height: 2rem;}
.header .logo a{ display: block; height:100%;}
.header .logo img{ height: 100%;}
.header .logo .img2{ margin-left: 0.625rem; transition: 0.6s;}

.header .btn_box{ display: flex; align-items: center; color: #000;}
.header .btn_nav{ width: 4.625rem; height:2.875rem; cursor: pointer;  display: flex; align-items: center; background: rgba(4, 136, 120, 0.3); border-radius:2.687rem; padding:0 1.25rem;  }
.header .btn_nav span{ display: block;  width: 100%; height:2px; background: #fff; position: relative; transition: 0.4s;}
.header .btn_nav span:before,
.header .btn_nav span:after{content:""; position:absolute; left:0; top:0; display:block; width:60%; height:100%; background: #fff; transition: 0.4s;}
.header .btn_nav span:before{ top: -6px;}
.header .btn_nav span:after{ top: 6px;}
.header .btn_nav.btn_nav_close span:before{ transform: rotate(45deg); top: 0; width:100%;}
.header .btn_nav.btn_nav_close span:after{ transform: rotate(-45deg); top: 0; width:100%;}
.header .btn_nav.btn_nav_close span{ background:none;}

.header .btn_language{ padding:0 2rem;color:#fff;display: flex;align-items: center;}
.header .btn_language a{font-size:0.85rem;line-height:1;}
.header .btn_language a.on{font-weight: bold;}
.header .btn_language span{margin:0 0.85rem;width:1px;height:1.4rem;background:#fff;}


/* 导航-全屏 */
.nav_full{width: 100%;height: 100%; position: fixed; z-index: 1900; left: 0; top: 100%; display: flex; flex-direction: column; background:#000; transition: 0.6s; }
.nav_full .top_box{ height: 6.625rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.nav_full .ul_box{ overflow-x: hidden; flex: 1;}
.nav_full .ul_box .ul{ padding: 1.25rem 3.125rem;}
.nav_full .ul_box .li{ border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding:2rem 0px;position: relative; cursor: pointer;}
.nav_full .ul_box .li:last-child{ border-bottom: none;}
.nav_full .ul_box .li_a{ display: flex;justify-content: space-between;align-items: flex-start;} 
.nav_full .ul_box .li_a a{ flex: 1; padding-right:6.25rem; font-size: 1.5rem; color: #fff;}
.nav_full .ul_box .li_a span{ font-size: 1.5rem; color: #fff; transition: 0.4s;}
.nav_full .ul_box > .ul .ul { display: none;}
.nav_full .ul_box .li_up > .li_a span{ transform: rotate(90deg);}

/* 导航-全屏-展开 */
.nav_full_show{ top: 0%;}
.body_overflow{ position: absolute;left: 0;top: 0;z-index: 99;width: 100%;height: 100%;}


/* 公用底部 */
.footer{ width: 100%; position: relative; z-index: 1000; padding: 2rem; color:#CCCEDA; }
.footer a{color:#CCCEDA; }
.footer a:hover{ color: #b24aef;}
.footer .wrap{ padding: 3.75rem 5rem 2.5rem 5rem; border-radius: 1.25rem; background: rgba(51, 182, 166, 0.25);backdrop-filter: blur(15px);}
.footer .con_t{ display: flex; justify-content: space-between; padding-bottom: 5rem;}
.footer .con_l{ display: flex;}
.footer .con_l .list{ min-width: 11.5rem; display: flex; flex-direction: column;}
.footer .con_l .tit{ display: flex; color: #fff; font-size: 1rem; font-weight: bold; padding-bottom: 0.625rem;}
.footer .con_l .tit:hover{ color: #b24aef;}
.footer .con_l .ul{ flex: 1; padding: 2.5rem 0.8rem 0 0.8rem; border-left: 1px solid rgba(255, 255, 255, 0.2);display: flex;flex-direction: column;justify-content: flex-end;}
.footer .con_l .ul a{ font-weight: 300; font-size: 0.875rem; display: block; line-height: 1.6; }
.footer .con_r{ display: flex;}
.footer .con_r .txt{ text-align: right; line-height: 1;color: #CCCEDA;}
.footer .con_r .phone{ color: #33B6A6; font-size: 3.125rem; font-family: 'Montserrat'; letter-spacing: -0.03em;}
.footer .con_r .email{  font-size: 1rem; font-family: 'Montserrat'; font-weight: bold;letter-spacing: -0.02em; margin-top: 0.625rem;}
.footer .con_r .address{ font-size: 0.875rem;letter-spacing: 0em; margin-top: 0.625rem;}
.footer .con_r .ewm{ margin-left: 2rem; text-align: center;}
.footer .con_r .ewm img{ width: 7.5rem;}
.footer .con_r .ewm span{ display: block; color: #CCCEDA; font-size: 0.875rem; margin-top: 0.625rem;}
.footer .con_b{ border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 1.375rem; display: flex; font-size: 0.875rem;    justify-content: space-between;}
.footer .con_b .cop{ max-width: 60%;}
.footer .con_b .linkmap span{ padding: 0 0.8rem;}

.body_white .footer .wrap{ background: rgba(51, 182, 166, 1);}
.body_white .footer{ color: #fff;}
.body_white .footer a{ color: #fff;}
.body_white .footer a:hover{ color: #b24aef;}
.body_white .footer .con_r .txt{ color: #fff;}
.body_white .footer .con_r .phone{color: #fff;}
.body_white .footer .con_r .ewm span{ color: #fff;}



/* 栏目页banner及二级导航 */
.column_name{  text-align: center;}
.column_name h1{ font-size: 5.312rem; font-family: 'MontserratLight'; letter-spacing: -0.03em; font-weight: 400; color: #fff; line-height: 1; opacity: 0.8; font-family: 'MontserratLight';}
.column_name h2{ font-size: 2.5rem; font-weight: 400; color: #fff; padding-bottom: 1.25rem; display:none;}
.nav_second{ width: 100%;}
.nav_second .list{ display: flex; align-items: center; justify-content: space-around;}
.nav_second .list a{ flex:1; font-size: 1.125rem; color: #333; padding:1.65rem; display: block; position: relative; background: rgba(255, 255, 255, 0.8); text-align: center;}
.nav_second .list a.one,
.nav_second .list a:hover{ background: rgba(178, 74, 239, 0.8);color: #fff; font-weight: bold;}
.banner{ width: 100%; height: 44.375rem; position: relative;display: flex; align-items: center; overflow: hidden;}
.banner .nav_second{ position: absolute; bottom: 0;}


/* 公用部分 */
.body_white{ background: #fff;}
.main{ width: 100%;}
.wrap{width: 100%; margin: 0 auto; padding: 0 5rem; }

.btn_more{display: flex;}
.btn_more a{ display: block; padding: 0 3rem; min-width: 11rem; line-height: 2.875rem; text-align: center; background: rgba(4, 136, 120, 0.3); border-radius: 1.875rem; font-size:0.875rem; font-weight: bold; color: #fff; transition: 0.4s;}
.btn_more a:hover{ background: rgba(4, 136, 120, 0.6);}


/* 首页 */
.home_part_box{ position: relative; width: 100%; height: 100%; z-index: 10;}
.home_tit{ font-size: 5.375rem; line-height: 1; font-family: 'Montserrat'; color: #fff; letter-spacing: -0.03em; }
.home_tit2{ font-size: 3.75rem; color: #fff; font-family:'Montserrat'; line-height: 1.2; letter-spacing: -0.03em;}
.home_tit2 strong{ color: #b24aef; font-weight: 400;}
.home_subtit{ font-size: 1.5rem; font-family: 'Montserrat'; color: #ccceda; }
.home_txt{ font-size:1.325rem; color: #ccceda; font-family:'Arial'; line-height: 1.5; letter-spacing:0em;}

.home_s1_bg{ position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 0;}
.home_s1_bg .canvas_3d{ position: sticky; left: 0; top: 0; width: 100%; height: 100vh; background: #000;}
/* .home_s1_bg .canvas_3d::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } */
.home_s1_bg .bg_light{ position: absolute; left:0px; top: 0; width: 100%; height: 100%; background:url(../images/sbk/xueguan_bg.png) no-repeat center/cover; opacity: 1; z-index: 100; transition: 0.6s ease-in-out; pointer-events: none;}

.home_s1{ position: relative; width: 100%; height: 180vh; top: 0; left: 0; z-index: 1000;}
.home_s1 .btn_more{ position: fixed; left: 2.5rem; bottom: 5rem; z-index: 10;}
.home_s1 .share{display: flex;flex-direction: column; position: fixed; right: 2.5rem; bottom: 5rem; z-index: 10;}
.home_s1 .share a{ position: relative; color: #fff; margin-top: 0.6rem; text-align: center;}
.home_s1 .share .iconfont{ display: block; font-size: 1.65rem;}
.home_s1 .share .txt{ display: block;}
.home_s1 .share .ewm{ position: absolute; display: block; width: 10rem; padding: 0.5rem;  bottom: 0%; right: 100%; transform: translate(0,0.5rem); background: #fff; opacity: 0; border-radius: 0.4rem; transition: 0.4s; pointer-events: none; }
.home_s1 .share .ewm::after{ content: ""; position: absolute; width: 0; border: 0.6rem solid transparent; border-left-color: #fff; right: -1rem; bottom: 0.5rem;  transform: translate(0,-50%);}
.home_s1 .share .ewm img{ width: 100%;}
.home_s1 .share a:hover{ color: #fff;}
.home_s1 .share a:hover .ewm{ opacity: 1; transform: translate(-1rem,0.5rem);}
.home_s1 .con_b.on .btn_more,
.home_s1 .con_b.on .share{ opacity: 0; pointer-events: none; transition: 0.4s;}
.home_s1 .con_c{ width: 100%; height: 95vh; display: flex; flex-direction: column; justify-content: center;}
.home_s1 .con_c .li1{ max-width: 65%;}
.home_s1 .con_c .li2{ margin-top:1.875rem ;}
.home_s1 .home_subtit{ color: #b24aef;}

.home_s2{ position: relative; width: 100%; height: 120vh; top: 0; left: 0; z-index: 1000;}
.home_s3{ position: relative; width: 100%; height: 120vh; top: 0; left: 0; z-index: 1000;}
.home_s4{ position: relative; width: 100%; height: 120vh; top: 0; left: 0; z-index: 1000;}
.home_s5{ position: relative; width: 100%; height: 120vh; top: 0; left: 0; z-index: 1000;}

.home_s6{ position: relative; width: 100%; height: 210vh; z-index: 1000; }
.home_s6 .con_c{ width: 63%; text-align: center; margin: 0 auto;}
.home_s6 .con_c .li2{ color: #b24aef;}
.home_s6 .con_c .li3{ margin-top:1.25rem;}
.home_s6 .con_c .li4{ margin-top:6.25rem;}
.home_s6 .con_c .home_tit{ color: #b24aef;}
.home_s6 .con_c .btn_more{ justify-content: center;}

.home_s7{ position: relative; width: 100%; height: 210vh; z-index: 1000; }
.home_s7 .con_c{ width: 100%; padding-left: 50%; padding-right:11rem;}
.home_s7 .con_c .li2{ margin-top: 1.25rem;}
.home_s7 .con_c .li3{ margin-top: 3.75rem;}

.home_s8{ position: relative; width: 100%; height: 240vh; z-index: 1000; }
.home_s8 .con_c{ width: 100%; padding-left: 16rem; padding-right: 50%;}
.home_s8 .con_c .li2{ margin-top: 1.25rem;}
.home_s8 .con_c .li3{ margin-top: 3.75rem;}

.home_s9{ position: relative; width: 100%; height: 150vh; overflow: hidden; z-index: 1000;}
.home_s9 .con_c .li2{ margin-top: 1.25rem;}
.home_s9 .con_c .home_tit2{ letter-spacing: -0.03em; line-height: 1; color: #b24aef; font-family: 'Montserrat';}
.home_s9 .con_b{ display: flex; margin-top: 4.2rem; overflow: hidden;}
.home_s9 .con_l{ width: 33%; padding: 4.375rem 5rem 0 10rem;}
.home_s9 .con_l .swiper-slide .txt_nr{ opacity: 0; pointer-events: none; transition: 1s;}
.home_s9 .con_l .swiper-slide .tit{ font-size: 1.5rem; color: #fff;}
.home_s9 .con_l .swiper-slide .tit a{ color: #fff;}
.home_s9 .con_l .swiper-slide .time{ font-size: 1.125rem; color: #993CCE; margin-top: 1rem; font-family: 'Montserrat'; font-weight: bold;}
.home_s9 .con_l .swiper-slide .txt{ font-size: 1.125rem; color: #CCCEDA; margin-top: 1rem; line-height: 1.8;}
.home_s9 .con_l .swiper-slide .btn_more{ margin-top: 5rem;}
.home_s9 .con_l .swiper-slide-active .txt_nr{ opacity: 1; pointer-events: all;}
.home_s9 .con_r{ flex: 1; overflow: hidden;}
.home_s9 .con_r .swiper{ width: 28.125rem; height: 35.625rem; overflow: visible; cursor: none; margin-left: 0;}
.home_s9 .con_r .swiper-slide{ padding-right: 3.75rem;}
.home_s9 .con_r .swiper-slide .img{ position: relative; width: 100%; height: 100%; border-bottom-right-radius:7.5rem; overflow: hidden;}
.home_s9 .con_r .swiper-slide .img img{ transition: 1s; width: 100%; height: 100%; object-fit: cover;}
.home_s9 .con_r .swiper-slide .img::after{ content: ""; position: absolute; width: 100%; height: 100%; left:0; top: 0; background: rgba(0,0,0,0.5); z-index: 10; transition: 0.6s ease-out;}
.home_s9 .con_r .swiper-slide-active .img::after{ opacity: 0; }
.home_s9 .icon{ position: fixed; width: 8rem; height: 8rem; z-index: 1001; transform:translate(-50%,-50%) scale(0.6); opacity: 0; transition:transform 0.4s,opacity 0.4s,width 0.4s,height 0.4s; pointer-events: none;}
.home_s9 .icon .txt{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10;}
.home_s9 .icon .txt img{ width: 100%; height: 100%; object-fit: contain;}
.home_s9 .icon .btn_bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; background: rgba(4, 136, 120, 0.3);backdrop-filter: blur(10px); z-index: 0; }
.home_s9 .icon.on{transform:translate(-50%,-50%) scale(1); opacity: 1;}

.home_s10{ position: relative; width: 100%; height: 70vh; z-index: 1000; }
.home_s10 .con_c{ width: 70%; text-align: center; margin: 0 auto;}
.home_s10 .con_c .li2{ margin-top: 1.25rem;}
.home_s10 .con_c .li3{ margin-top: 3.125rem;}
.home_s10 .con_c .home_subtit{ color: #B24AEF; font-family: Arial; font-size: 1.687rem;}
.home_s10 .con_c .btn_more{ justify-content: center;}


/* 栏目页星空背景 */
.lm_bg_particle{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.lm_bg_particle .canvas_3d{ position: sticky; left: 0; top: 0; width: 100%; height: 100vh; background: #000;}


/* 关于我们-公司简介 */
.about_subtit{ font-size: 1.5rem; padding-bottom: 1.25rem; color: #CCCEDA;display:none;}
.about_tit{ font-size: 3.75rem; line-height: 1; letter-spacing: -0.03em; color: #B24AEF; font-family: 'Montserrat'; text-transform:capitalize;}
.about_txt{ font-size: 1.125rem; line-height: 1.8; color: #CCCEDA; padding-top: 1.25rem;text-align: justify;}
.about_part{ padding: 10rem 0;}
.about_bg{ background:  repeat center; position: relative;}

.about_s1{ display: flex;}
.about_s1 .con_l{ width: 50%; padding-right: 7.5rem;}
.about_s1 .con_l img{ width: 100%;border-radius: 0px 0px 7.5rem 0px;}
.about_s1 .con_r{ width: 50%; padding-right: 10rem;}
.about_s1 .con_r .about_tit{ font-size: 5.312rem;}

.about_s2 .swiper{ width: 100%; margin-top: -1px;}
.about_s2 .swiper .swiper-wrapper{-webkit-transition-timing-function: linear;transition-timing-function: linear;}
.about_s2 .swiper-slide{ border: 1px solid rgba(255, 255, 255, .06); margin-left: -1px; width: 20rem; height: 7.5rem; display: flex; justify-content: center; align-items: center;}
.about_s2 .swiper-slide img{ max-width: 100%; max-height: 100%; object-fit: contain; }
.about_s2 .logo_swiper2{transform: rotate(180deg);}
.about_s2 .logo_swiper2 img{transform: rotate(180deg);}

.about_s3 .con_t{ position: relative;}
.about_s3 .btn_box{ position: absolute; right: 0; bottom: 0; display: flex;}
.about_s3 .btn_box .btn{ width: 3.625rem; height: 3.625rem; display: block;  cursor: pointer; border-radius: 50%; background: rgba(25,182,166,0.5); color: #fff; display: flex; justify-content: center; align-items: center; margin-left: 0.625rem;}
.about_s3 .btn_box .btn.swiper-button-disabled{ background:#333;}
.about_s3 .btn_box .btn:hover{ background:#33B6A6;}
.about_s3 .btn_box .btn .iconfont{ font-size: 1.2rem;}
.about_s3 .con_b{ overflow: hidden; width: 100%; padding-top: 5rem;}
.about_s3 .con_b .year_swiper{ width: 52%; overflow: visible; margin: 0 0 0 14.5%;}
.about_s3 .con_b .tit{ font-family: 'MontserratBold'; font-size: 4.375rem; letter-spacing: -0.03em; padding-bottom: 3.25rem; color: #CCCEDA; border-bottom: 1px solid #CCCEDA; line-height: 1; position: relative;}
.about_s3 .con_b .tit::after{ content: ""; position: absolute; width: 1.5rem; height: 1.5rem; left: 0; bottom: -0.8rem; border-radius: 50%; background: #CCCEDA;}
.about_s3 .con_b .txt{ font-size: 1.125rem; line-height: 1.8; color: #CCCEDA; width: 73%; padding-top:3.25rem;}
.about_s3 .con_b .txt li{ padding:0 0 0.625rem 0.875rem; position: relative;}
.about_s3 .con_b .txt li::after{ content: ""; position: absolute; left: 0; width: 4px; height: 4px; top: 1rem; background: #CCCEDA;}
.about_s3 .con_b .swiper-slide-active .tit{ color: #B24AEF;}
.about_s3 .con_b .swiper-slide-active .tit::after{ background: #B24AEF;}
.about_s3 .con_b .swiper-slide-active .txt{ color: #fff; opacity: 0.8;}
.about_s3 .con_b .swiper-slide-active .txt li::after{ background: #fff;}

.about_s3 .con_b .swiper-slide-prev li,
.about_s3 .con_b .swiper-slide-next li{ animation:anima_about_s3_0 2s;}

.about_s3 .con_b .swiper-slide-active li:nth-child(1){ animation:anima_about_s3_1 2s;}
.about_s3 .con_b .swiper-slide-active li:nth-child(2){ animation:anima_about_s3_2 2s;}
.about_s3 .con_b .swiper-slide-active li:nth-child(3){ animation:anima_about_s3_3 2s;}
.about_s3 .con_b .swiper-slide-active li:nth-child(4){ animation:anima_about_s3_4 2s;}
.about_s3 .con_b .swiper-slide-active li:nth-child(5){ animation:anima_about_s3_5 2s;}
.about_s3 .con_b .swiper-slide-active li:nth-child(6){ animation:anima_about_s3_6 2s;}
.about_s3 .con_b .swiper-slide-active li:nth-child(7){ animation:anima_about_s3_7 2s;}
.about_s3 .con_b .swiper-slide-active li:nth-child(8){ animation:anima_about_s3_8 2s;}
.about_s3 .con_b .swiper-slide-active li:nth-child(9){ animation:anima_about_s3_8 2s;}
.about_s3 .con_b .swiper-slide-active li:nth-child(10){ animation:anima_about_s3_8 2s;}

@keyframes anima_about_s3_0 {
	0%{transform: translateY(0);opacity: 1;}
	30%{transform: translateY(0);opacity: 0;}
	60%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_1 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	51%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_2 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	56%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_3 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	61%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_4 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	66%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_5 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	71%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_6 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	76%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_7 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	81%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_8 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	86%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_9 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	90%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@keyframes anima_about_s3_10 {
	0%{transform: translateY(0);opacity: 1;}
	50%{transform: translateY(0);opacity: 0;}
	95%{transform: translateY(1rem);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}


/* 科学研发-研发管线 */
.pipeline_s1{ padding:0 9.25rem 10rem 9.25rem;}
.pipeline_s1:first-child{ padding-top: 7.5rem;}
.pipeline_s1 .tit{ font-size: 2.25rem; color: #993CCE}
.pipeline_s1 .txt{ font-size: 16px; color: #666666; padding-top: 1rem;}
.pipeline_s1 .con_c{ padding-top: 3.125rem;}
.pipeline_s1 .list_top{ display: flex; font-size: 14px; font-weight: bold; text-align: center; color: rgba(51,51,51,0.8);}
.pipeline_s1 .th_indication{ flex: 1; max-width: 33.33%; display: flex;}
.pipeline_s1 .th_indication div:first-child{flex: 2;}
.pipeline_s1 .th_indication div:last-child{flex: 3;}
.pipeline_s1 .th_stages{ flex: 2; max-width: 66.66%; display: flex;}
.pipeline_s1 .th_stages div{ flex: 1;}
.pipeline_s1 .list_items{ padding-top:0.875rem;}
.pipeline_s1 .list_item{ margin-bottom: 4px; border-radius: 1.25rem; background: #EAF6F3; display: flex; overflow: hidden; min-height: 104px; } 
.pipeline_s1 .td_indication{ flex: 1; max-width: 33.33%; display: flex;}
.pipeline_s1 .td_indication .title{flex: 2; font-size: 18px; color: rgba(51,182,166,0.8); font-weight: bold; display: flex; justify-content: center; align-items: center;border-right: 1px solid #D4E2DF}
.pipeline_s1 .td_indication .title a{ cursor: pointer;box-shadow: inset 0 -2px 0 0 #58c3b6;}
.pipeline_s1 .td_indication .title a.noline{text-decoration: none; text-decoration-thickness: 0px;cursor: default;box-shadow: inset 0 0px 0 0 #58c3b6;}
.pipeline_s1 .td_indication .title .nr{ display: none;}
.pipeline_s1 .td_indication .indication{flex: 3; font-size: 16px; border-right: 1px solid #D4E2DF;color: rgba(51,51,51,0.8); display: flex;flex-direction: column;}
.pipeline_s1 .td_indication .indication > div{ flex: 1;  padding: 0.8rem 1.25rem; display: flex; align-items: center;border-bottom: 1px solid #D4E2DF;}
.pipeline_s1 .td_indication .indication > div:last-child{border-bottom:none}
.pipeline_s1 .td_stages{ flex: 2; max-width: 66.66%; display: flex; position: relative;        flex-direction: column;	justify-content: center; padding: 0 1.25rem;}
.pipeline_s1 .td_stages .line_stages{ width: 100%; position: absolute; left: 0; top: 0;display: flex; padding: 0 1.25rem;}
.pipeline_s1 .td_stages .line_stages div{ flex: 1; text-align: center; font-size: 0; position: relative;}
.pipeline_s1 .td_stages .line_stages div:before {content: "";border-left: 1px dashed #C7D1C9;height: 1000px;left: 0;position: absolute;top: 0;width: 1px;}
.pipeline_s1 .td_stages .line_stages div:first-child:before{display: none;}
.pipeline_s1 .td_stages .progress{ height: 30px; line-height:30px; width: 102%; position: relative;}
.pipeline_s1 .td_stages .progress_txt{ display: block; position: absolute; left: 0; top: 0; padding: 0 10px; color: rgba(0,100,88,0.8); font-size: 14px; opacity: 0;}
.pipeline_s1 .td_stages .progress_bar{ display: block; height: 100%; background: linear-gradient(90deg, #DFEEEA 0%, #33B6A6 100%); border-radius:15px; width: 0;}
.pipeline_s1 .list_item:nth-child(even){ background: #EFEAF2;}
.pipeline_s1 .list_item:nth-child(even) .td_indication .title{ color: rgba(101,37,183,0.8);}
.pipeline_s1 .list_item:nth-child(even) .td_stages .progress_bar{ background: linear-gradient(90deg, #ECDFF3 0%, #9753BE 100%);}
.pipeline_s1 .list_item:nth-child(even) .td_stages .progress_txt{ color: rgba(98,0,153,0.8);}
.pipeline_s1 .list_item:nth-child(even) .td_indication .title a{ box-shadow: inset 0 -2px 0 0 #814dc2;}
.pipeline_s1 .list_item:nth-child(even) .td_indication .title a.noline{text-decoration: none; text-decoration-thickness: 0px;cursor: default;box-shadow: inset 0 0px 0 0 #58c3b6;}


.pipeline_pop{ position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100vh; display: none; }
.pipeline_pop .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.pipeline_pop .pop_box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50rem; border-radius: 2rem; overflow: hidden;}
.pipeline_pop .pop_box .close{ height: 6.75rem; background: url(../images/pipeline/pop_bg.png) no-repeat center/cover #65258A; position: relative;}
.pipeline_pop .pop_box .close a{ position: absolute; width: 3.6rem; height: 3.6rem;border-radius: 50%;background: rgba(0, 0, 0, 0.30); color: #fff; right: 1.625rem; top: 1.625rem; display: flex; justify-content: center;align-items: center;  font-size: 1.25rem;}
.pipeline_pop .pop_box .close a:hover{ transform: rotate(180deg);}
.pipeline_pop .pop_box .nr{ background: #fff; padding: 3.75rem 3.125rem 6.25rem 3.125rem;}
.pipeline_pop .pop_box .nr .tit{ font-size: 1.75rem; font-weight: bold;  color: #333; border-bottom: 1px solid #D5D7DB; display: flex; }
.pipeline_pop .pop_box .nr .tit span{padding-bottom: 1rem; border-bottom: 3px solid #65258A; margin-bottom: -1px;}
.pipeline_pop .pop_box .nr .txt{ margin-top: 2.5rem; font-size: 1rem; color: #666; line-height: 1.7; max-height: 36vh; overflow-x: auto;}


/* 新闻资讯 */
.news_list{ padding: 7.5rem 10rem;}
.news_list_item a{ display: block; position: relative; display: flex; padding: 3.75rem 10rem 3.75rem 1.25rem;border-bottom: 1px solid #D9D9D9; justify-content: space-between;}
.news_list_item .time{font-family: "MontserratSemiBold"; letter-spacing: -0.03em; line-height: 1;}
.news_list_item .time .t{ color: #993CCE;font-size: 3.625rem; }
.news_list_item .time .b{ padding-top: 0.7rem; font-size: 1rem; color: #999;}
.news_list_item .nr{ width: 72.5%;}
.news_list_item .nr .tit{ font-size: 1.5rem; color: #333; transition: 0.4s;font-family: "MontserratSemiBold";}
.news_list_item .nr .txt{ font-size: 1rem; padding-top: 1.25rem; color: #999;}
.news_list_item .bg{ position: absolute; width: 100vw; height: 100%; z-index: -1; left: -10rem; top: 0; background: url(../images/news/list_bg.png) no-repeat center/cover; opacity: 0; background-size: 120% 120%; transition: 0.4s;}
.news_list_item .btn{ position: absolute; right: 0; top: 50%; transform: translate(100%,-50%); width: 3.625rem; height: 3.625rem; display: block; border-radius: 50%; background:#993CCE; color: #fff; display: flex; justify-content: center; align-items: center; opacity: 0; transition: 0.4s;}
.news_list_item a:hover .bg{ opacity: 1; background-size: 100% 100%;}
.news_list_item a:hover .nr .tit{ color: #993CCE;}
.news_list_item a:hover .btn{ opacity: 1; transform: translate(50%,-50%);}
.news_list .page{ padding-top: 3.75rem; text-align: center;}


/* 新闻资讯-详情 */
.banner_news{ height: auto !important; padding: 13rem 0 17rem 0;}
.banner_news .bg_video{ background-image: url(../images/news/banner2.jpg);}
.banner_news .time{ text-align: center; font-family: 'MontserratSemiBold'; font-size: 1.25rem; line-height: 1; color: #993CCE; letter-spacing: -0.03em; position: relative; padding-bottom: 1.875rem; display: flex;flex-direction: column; align-items: center;} 
.banner_news .time::after{ content: ""; display: block; width: 2rem; height: 2px; background: #B24AEF; margin-top: 1.875rem;}
.banner_news .column_name{ max-width: 1000px; margin: 0 auto;}
.banner_news .column_name h1{ font-size: 2.875rem; line-height: 1.2; letter-spacing: -0.03em; color: #fff; font-family: 'Montserrat';}
.news_content{ width: 1200px; margin: 0 auto; margin-top: -8.75rem; position: relative;}
.news_content .svg_bg{ position: absolute; left: -8%; top: 8.75rem; width: 116%; z-index: -1;}
.news_content .content{ background: #fff; padding: 6.25rem 9.35rem; min-height:50vmax; color: #666; font-size: 1.125rem; line-height: 1.8;}
.news_content .content p{ margin: 1.875rem 0;text-align: justify;}
.news_content .content img{ max-width: 100% !important; height: auto !important;}


/* 科学研发-科学研发 */
.scientific_bg{ background:  repeat center; position: relative;}
.scientific_s1{ display: flex; position: relative; justify-content: space-between; }
.scientific_s1 .con_l{ position: sticky; left: 0; top: 0; max-height: 100vh; display: flex; width: 50%;align-items: center; padding: 0 5rem;}
.scientific_s1 .con_l .l_nav{ padding-right: 5rem;}
.scientific_s1 .con_l .l_nav a{ display: flex; font-size: 1.125rem; color: #fff;align-items: center; margin: 1rem 0;}
.scientific_s1 .con_l .l_nav span{ width: 2rem; height: 2rem;border-radius: 50%;  display: flex; justify-content: center; align-items: center; margin-right: 0.7rem;}
.scientific_s1 .con_l .l_nav span::after{ content: ""; width: 33%; height: 33%;border-radius: 50%; background: #fff;}
.scientific_s1 .con_l .l_nav a:hover{ color: #B24AEF;}
.scientific_s1 .con_l .l_nav a:hover span::after{ background: #B24AEF;}
.scientific_s1 .con_l .l_nav a.one{ color: #B24AEF; font-size: 1.5rem; font-weight: bold;}
.scientific_s1 .con_l .l_nav a.one span{ border: 1px solid #B24AEF;}
.scientific_s1 .con_l .l_nav a.one span::after{ background: #B24AEF;}
.scientific_s1 .con_l .pic_3d{ flex: 1; height: 100%;}
.scientific_s1 .con_l .pic_3d img{ width: 100%; height: 100%; object-fit: contain;}

.scientific_s1 .con_r{ width: 50%; padding: 10rem 12.5rem 10rem 0;}
.scientific_s1 .con_r .con_r_box{ display: none;}
.scientific_s1 .con_r .con_r_box.one{ display: block;}

.scientific_s1 .con_r .about_tit{ font-size: 5.312rem;}
.scientific_s1 .con_r .about_txt strong{ color: #fff;}
.scientific_s1 .con_r .list_txt{ padding: 2rem 0; display: grid; grid-template-columns: auto auto; gap: 1.25rem;}
.scientific_s1 .con_r .list_txt .li{ border-radius: 0 0 2.5rem 0; display: flex; flex-direction: column; overflow: hidden;}
.scientific_s1 .con_r .list_txt .li_last{grid-column: 1 / 3;}
.scientific_s1 .con_r .list_txt .tit{ background: rgba(178,74,239,.5); padding: 1rem 2rem; font-size: 1.125rem; color: #fff; font-weight: bold;}
.scientific_s1 .con_r .list_txt .txt{ background: rgba(178,74,239,.15); padding:2rem; font-size: 1rem; color: #CCCEDA; height: 100%;}
.scientific_s1 .con_r .reference{ color: rgba(204,206,218,0.8); font-size: 1rem; padding-top: 2.5rem; margin-top: 2.5rem; border-top: 1px solid rgba(255,255,255,0.4); }
.scientific_s1 .con_r .reference strong{ color: #CCCEDA;}
.scientific_s1 .con_r .reference ol {counter-reset: list-counter; padding-top: 1.25rem;}
.scientific_s1 .con_r .reference ol > li {counter-increment: list-counter; position: relative; padding:0 0 1.25rem 2rem;}
.scientific_s1 .con_r .reference ol > li::before {content:"0" counter(list-counter); position: absolute;left: 0;font-family: 'MontserratSemiBold'; letter-spacing: -0.03em;}
.scientific_s1 .con_r .reference ol ul > li { position: relative; padding:0.6rem 0 0 1rem;}
.scientific_s1 .con_r .reference ol ul > li::before {content:"-"; position: absolute;left: 0;}

/* 科学研发3D区域 */
.scientific_s1 .con_l .pic_3d{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.scientific_s1 .con_l .pic_3d .canvas_3d{ position: sticky; left: 0; top: 0; width: 100%; height: 100vh; background: none;}






/* 联系我们 */
.contact_s1{ padding:0rem 8.75rem 6.25rem 8.75rem; width: 100%; overflow: hidden;}
.contact_s1:first-child{ padding-top: 6.25rem;}
.contact_s1 .tit{ font-size: 2.25rem; color: #993CCE}
.contact_s1 .txt{ font-size: 16px; color: #666666; padding-top: 1rem;}
.contact_s1 .hr{ width: 100%; height: 1px; background: #D5D7DB; margin: 2.5rem 0;}
.contact_s1 .con_c{ margin-bottom: 2.5rem; display: flex; justify-content: space-between;align-items: center;}
.contact_s1 .con_c .pic{ width: 24.25rem;}
.contact_s1 .con_c .pic img{ width: 100%;}
.contact_s1 .con_c .nr{ width: 45%; padding-right: 5rem; font-size: 1.125rem; line-height: 1.8; color: #222;}
.contact_s1 .con_c .nr p{ margin: 6px 0;}
.contact_s1 .bg{ height: 25rem; border-radius: 2rem; overflow: hidden; background: no-repeat center top; background-size: 100% auto; background-position-y: 100%; }


/* 关于我们-团队致辞 */
.team_bg{ background:  repeat center; position: relative;}
.team_tip{ display: flex;}
.team_tip span{  font-size: 1rem; padding: 0.6rem 1.8rem; background: rgba(4, 136, 120, 0.3); color: #CCCEDA; border-radius: 2.5rem;}
.team_s1{ padding: 10rem 26rem 12.5rem 26rem; display: flex; flex-direction: column; align-items: center;}
.team_s1 .pic{ width: 20rem; height: 20rem; overflow: hidden; border-radius: 50%;}
.team_s1 .pic img{ width: 100%; height: 100%; object-fit: cover;}
.team_s1 .tit{ padding: 2rem 0 0.6rem 0; color: #B24AEF; font-size: 2rem;}
.team_s1 .txt{ margin-top: 3.75rem; position: relative; color: #CCCEDA; font-size: 1.125rem; text-align: center; line-height: 1.8;}
.team_s1 .txt::after{ content: ""; position: absolute; width: 2.3rem; height: 2.3rem; left: -5rem; top: 0; background: url(../images/team/btn1.svg) no-repeat center top; background-size: contain;}
.team_s1 .txt::before{ content: ""; position: absolute; width: 2.3rem; height: 2.3rem; right: -5rem; bottom: 0; background: url(../images/team/btn2.svg) no-repeat center bottom; background-size: contain;}
.team_s2{ padding-bottom: 10rem;}
.team_s2 .con_b{ overflow: hidden; width: 100%; padding-top: 3.75rem;}
.team_s2 .btn_box{ position: relative; margin-top: 1rem; display: flex; justify-content:flex-end;}
.team_s2 .btn_box .btn{ width: 3.625rem; height: 3.625rem; display: block;  cursor: pointer; border-radius: 50%; background: rgba(25,182,166,0.5); color: #fff; display: flex; justify-content: center; align-items: center; margin-left: 0.625rem;}
.team_s2 .btn_box .btn.swiper-button-disabled{ background:#333;}
.team_s2 .btn_box .btn:hover{ background:#33B6A6;}
.team_s2 .btn_box .btn .iconfont{ font-size: 1.2rem;}
.team_s2 .swiper{ width: 76%; overflow: visible; margin: 0;}
.team_s2 .swiper-slide{  display: flex;align-items: flex-start;transition: 0.8s; overflow: hidden;}
.team_s2 .swiper-slide .pic{ width: 18.75rem;flex-shrink:0; border-radius: 0 0 7.5rem 0; overflow: hidden; position: relative; }
.team_s2 .swiper-slide .pic::after{ content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); left: 0; top: 0; transition: 0.4s; z-index: 10;}
.team_s2 .swiper-slide .pic img{ width: 100%; position: relative;}
.team_s2 .swiper-slide .nr{ padding-left: 5rem; width: 30rem;flex-shrink:0; opacity: 0; transition: 0.8s;}
.team_s2 .swiper-slide .tit{ font-size: 1.5rem; color: #fff;}
.team_s2 .swiper-slide .tit span{ font-size: 1.125rem; color: #993CCE;font-family: 'MontserratSemiBold'; letter-spacing: -0.03em; padding-left: 1rem;}
.team_s2 .swiper-slide .team_tip{ margin-top: 1rem;}
.team_s2 .swiper-slide .txt{ margin-top: 1.75rem; font-size: 0.9rem; line-height: 1.8; color: rgba(204,206,218,0.8);}
.team_s2 .swiper-slide .txt ul > li { position: relative; padding:0 0 0.625rem 0.875rem;}
.team_s2 .swiper-slide .txt ul > li::before {content:""; position: absolute;left: 0; top: 0.875rem; width: 4px; height: 4px; background: rgba(204,206,218,0.8);}
.team_s2 .swiper-slide-active{ width: 62% !important;}
.team_s2 .swiper-slide-active .pic::after{ opacity: 0;}
.team_s2 .swiper-slide-active .nr{ opacity: 1;}


/* 加入我们 */
.joinus_bg{ background:  repeat center; position: relative;}
.joinus_top{ background: #fff; border-radius: 0 0 6.25rem 6.25rem; padding-bottom: 10rem;}
.joinus_top .wrap_box{ width: 1200px; margin: 0 auto;}
.joinus_s1{ padding-top:11rem;}
.joinus_s1 .wrap_box{ display:flex;}
.joinus_s1 .con_l{ width: 50%; padding-right: 5rem; font-size: 1.5rem; color: #333; }
.joinus_s1 .con_r{ width: 50%;  font-size: 1.125rem; color: #666; line-height: 1.8; }
.joinus_s2{ padding-top: 5rem;}
.joinus_s2 .list{ display: flex; gap: 2.5rem; justify-content: space-between;}
.joinus_s2 .list .li:nth-child(1){ --li_color:  #B24AEF;}
.joinus_s2 .list .li:nth-child(2){ --li_color: #33B6A6;}
.joinus_s2 .list .li:nth-child(3){ --li_color: #0B57D0;}
.joinus_s2 .list .li{ flex: 1; min-height: 18.3rem; border-bottom: 1px solid #D5D7DB;border-top: 3px solid var(--li_color); padding: 2rem 5rem 5rem 0; position: relative; }
.joinus_s2 .list .li .pic{ position: absolute; right: 0; bottom: 0;}
.joinus_s2 .list .tit{ font-size: 1.5rem; font-weight: bold; color: var(--li_color); }
.joinus_s2 .list .subtit{ font-size: 1.15rem; color: #333; margin-top: 0.625rem; }
.joinus_s2 .list .txt{ font-size: 1rem; color: #999; margin-top: 0.625rem;}
.joinus_s3{ padding-top: 12.5rem;}
.joinus_s3 .about_subtit{ color: #333;}
.joinus_s3 .about_txt{ color: #666; padding-top: 2rem;}
.joinus_s3 .list{ padding-top: 3.75rem; display: grid; grid-template-columns: auto auto; gap:1.25rem ;}
.joinus_s3 .list .li{ position: relative; padding-top: 64%;}
.joinus_s3 .list .li:nth-child(1){ --li_color: #65258A ;}
.joinus_s3 .list .li:nth-child(2){ --li_color: #33B6A6 ;}
.joinus_s3 .list .li:nth-child(3){ --li_color: #24150E ;}
.joinus_s3 .list .li:nth-child(4){ --li_color: #1C3871;}
.joinus_s3 .list .li::after{ content: ""; position: absolute; width: 100%; height: 60%; left: 0; bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--li_color) 100%); z-index: 5;transition: 0.4s;}
.joinus_s3 .list .li::before{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0;background: var(--li_color); z-index: 6; opacity: 0;transition: 0.4s;}
.joinus_s3 .list .li .pic{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0;}
.joinus_s3 .list .li .pic img{ width: 100%; height: 100%; object-fit: cover;}
.joinus_s3 .list .li .tc{ padding: 2rem; position: absolute; width: 100%; left: 0; bottom: 0; height: 6rem; display: flex; z-index: 10; flex-direction: column; color: #fff; transition: 0.4s;justify-content: center;}
.joinus_s3 .list .li .tit{ line-height: 2rem; font-size: 1.5rem;}
.joinus_s3 .list .li .subtit{ font-size: 1.25rem; padding-top: 10px; max-height: 0; overflow: hidden; transition: 0.4s;}
.joinus_s3 .list .li:hover .tc{ height: 100%;}
.joinus_s3 .list .li:hover .subtit{ max-height: 20rem;}
.joinus_s3 .list .li:hover::before{ opacity: 0.9;}
.joinus_s3 .list .li.li:hover:nth-child(3)::before{ background: #82401B ;}

.joinus_s4{ padding-bottom: 10rem; position: relative;}
.joinus_s4 .con_t{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.joinus_s4 .con_t .wrap{ position: sticky; left: 0; top: 0; width: 100%; padding-top: 10rem; padding-bottom: 10rem;}
.joinus_s4 .hr{ width: 100%; height: 1px; background: rgba(217,217,217,0.3); margin: 3.75rem 0 ;}
.joinus_s4 .left_tab{ width: 22.5rem; }
.joinus_s4 .left_tab a{ display: flex;line-height: 5rem; padding: 0 0 0 5.4rem; font-size: 1.125rem; color: #fff;background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(153, 153, 153, 0) 100%); backdrop-filter: blur(10px);}
.joinus_s4 .left_tab a::after{ content: ""; position: absolute; left: 0; top: 19%; height: 62%; width: 6px; border-radius: 6px; background: #B24AEF; transform: scaleY(0); transition: 0.4s;}
.joinus_s4 .left_tab a:hover{color: #B24AEF;}
.joinus_s4 .left_tab a.one{ color: #B24AEF; font-size: 1.25rem; font-weight: bold;background: linear-gradient(90deg, rgba(101, 37, 138, 0.30) 0%, rgba(26, 10, 36, 0.30) 100%);}
.joinus_s4 .left_tab a:hover::after,
.joinus_s4 .left_tab a.one::after{ transform: scaleY(1);}
.joinus_s4 .con_b{ pointer-events: none;}
.joinus_s4 .right_tab{ padding-top: 25rem; margin-left: 30rem;} 
.joinus_s4 .con_box{ display: none; color: #fff; pointer-events:all;}
.joinus_s4 .con_box.one{ display: block;}
.joinus_s4 .con_box .li{ border-radius:1.25rem; margin-bottom: 10px; background: #292929; overflow: hidden;}
.joinus_s4 .con_box .tit{ display: flex; padding:1.25rem 2rem; font-size: 1.5rem; justify-content: space-between; align-items: center;}
.joinus_s4 .con_box .tit span{ --span_color: #993CCE;}
.joinus_s4 .con_box .tit span{ width: 3.625rem; height: 3.625rem; display: block;border: 1px solid var(--span_color); border-radius: 50%; position: relative; cursor: pointer;}
.joinus_s4 .con_box .tit span::after{ content: ""; width: 38%; height: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: var(--span_color);}
.joinus_s4 .con_box .tit span::before{ content: ""; width: 2px; height: 38%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: var(--span_color);}
.joinus_s4 .con_box .nr{ padding: 0.625rem 3.75rem 2rem 3.75rem; display: none;}
.joinus_s4 .con_box .nr_box{ display: flex; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 2rem 0;    align-items: flex-start; font-size: 1.125rem; }
.joinus_s4 .con_box .nr_box:last-child{ border-bottom: none;}
.joinus_s4 .con_box .txt_l{ width: 10rem; font-weight: bold;line-height: 1.75rem; display: flex; align-items: center;}
.joinus_s4 .con_box .txt_l span{ padding-left: 0.625rem;}
.joinus_s4 .con_box .txt_c{ width: 14rem; line-height: 1.75rem; color: #CCCEDA; opacity: 0.8;}
.joinus_s4 .con_box .txt_r{ flex: 1;color: #CCCEDA; opacity: 0.8;}
.joinus_s4 .con_box .txt_r ol {counter-reset: list-counter; }
.joinus_s4 .con_box .txt_r ol > li {counter-increment: list-counter; position: relative; padding:0 0 1.25rem 2rem;}
.joinus_s4 .con_box .txt_r ol > li::before {content:"0" counter(list-counter); position: absolute;left: 0;font-family: 'MontserratSemiBold'; letter-spacing: -0.03em;}
.joinus_s4 .con_box .txt_r a{text-decoration-line: underline;}
.joinus_s4 .con_box .li.one .tit{ background: #993CCE;}
.joinus_s4 .con_box .li.one span{ --span_color: #fff;}
.joinus_s4 .con_box .li.one .tit span::before{ opacity: 0;}






/* 动效 */
.header{ transform: translateY(-100%);}
.header.on{transform: translate(0) !important;}

.home_s1 .yuan{ transform: scale(0.6) rotate(20deg); opacity: 0; transition:1s ease-out; transform-origin: 70%  center;}
.home_s1.one .yuan{ transform: scale(1) rotate(0); opacity: 1;}

.scrollbox .often_anima{ opacity: 0; transition: 1.5s;}
.scrollbox .often_anima:nth-child(1){ transition-delay: 0s;}
.scrollbox .often_anima:nth-child(2){ transition-delay: 0.2s;}
.scrollbox .often_anima:nth-child(3){ transition-delay: 0.4s;}
.scrollbox .often_anima:nth-child(4){ transition-delay: 0.6s;}
.scrollbox .often_anima:nth-child(5){ transition-delay: 0.8s;}
.scrollbox .often_anima:nth-child(6){ transition-delay: 1s;}

.scrollbox .often_anima_scale{ transform: scale(0.9);}
.scrollbox .often_anima_scale2{ transform: scale(1.1);}
.scrollbox .often_anima_left{ transform: translateX(-30px);}
.scrollbox .often_anima_right{ transform: translateX(100px);}
.scrollbox .often_anima_top{ transform: translateY(-30px);}
.scrollbox .often_anima_bottom{ transform: translateY(30px);}
.scrollbox.on .often_anima{ transform: translate(0) scale(1); opacity: 1;}

.scrollbox .often_anima_width{ width: 0; opacity: 1; transform-origin: left; }
.scrollbox.on .often_anima.often_anima_width{ width: 100%;}

/* 小PC-1600以下 */
@media screen and (max-width:1600px){

	/* 首页 */
	.home_s7 .con_c{padding-right: 5rem;}
	.home_s8 .con_c{padding-left: 8rem;}
	.home_s9 .con_l { width: 40%; padding: 4.375rem 5rem 0 7rem;}

	.team_s2 .swiper-slide .nr{padding-left: 3rem;  width: 24rem;}

}


/* 小PC-1400以下 */
@media screen and (max-width:1400px){

	/* 公用部分 */
	.wrap{ padding: 0 2.5rem; }
	.footer .wrap{ padding:3.75rem 2.5rem 2.5rem 2.5rem;}
	.footer .con_r .phone{ font-size: 2.4rem;}
	.banner{ height: 30rem;}
	.column_name h2{ font-size: 1.8rem;}
	.column_name h1{ font-size: 3.8rem;}
	.nav_second .list a {font-size: 1rem;padding: 1.2rem;}

	/* 首页 */
	.home_tit{ font-size: 3.75rem;}
	.home_tit2{ font-size: 2.75rem;}
	.home_s1 .con_c .li1{ max-width: 50% ;}
	.home_s1 .btn_more {bottom: 2.5rem;}
	.home_s1 .share{bottom: 2.5rem;}
	.home_s6 .con_c .li4{ margin-top: 3.4rem;}
	.home_s7 .con_c{padding-right: 0;}
	.home_s8 .con_c{padding-left: 0;}
	.home_s9 .con_l { width: 40%; padding: 4.375rem 5rem 0 5rem;}
	.home_s10 .con_c{ width: 100%;}

	/* 关于我们-公司简介 */
	.about_part{ padding: 7rem 0;}
	.about_subtit{ font-size: 1.25rem; padding-bottom: 1rem;}
	.about_tit{ font-size: 2.75rem;}
	.about_txt{ font-size: 1rem; padding-top: 1rem;}
	.about_s1 .con_l{ padding-right:5rem;}
	.about_s1 .con_l img {border-radius: 0px 0px 5rem 0px;}
	.about_s1 .con_r{padding-right: 5rem;}
	.about_s1 .con_r .about_tit{ font-size: 3.8rem;}
	.about_s2 .swiper-slide{ width: 15rem;height: 5.5rem;}
	.about_s3 .btn_box .btn{ width: 2.8rem; height: 2.8rem;}
	.about_s3 .btn_box .btn .iconfont{ font-size: 1rem;}
	.about_s3 .con_b{ padding-top: 4rem;}
	.about_s3 .con_b .tit{ font-size: 3.375rem; padding-bottom: 2.25rem;}
	.about_s3 .con_b .tit::after{ width: 1.2rem; height: 1.2rem; left: 0; bottom: -0.6rem; }
	.about_s3 .con_b .txt{ font-size: 1rem; width: 73%; padding-top:2.25rem;}
	.about_s3 .con_b .txt li{ padding:0 0 0.625rem 0.875rem; position: relative;}
	.about_s3 .con_b .txt li::after{ top: 0.8rem;}

	/* 科学研发-研发管线 */
	.pipeline_s1{ padding:0 5rem 5rem 5rem;}
	.pipeline_s1:first-child{ padding-top: 3.5rem;}
	.pipeline_s1 .tit{ font-size: 1.8rem;}
	.pipeline_s1 .txt {font-size: 14px;padding-top: 1rem;}
	.pipeline_s1 .td_indication .title{ font-size: 16px;}
	.pipeline_s1 .td_indication .indication{ font-size: 14px;}

	.pipeline_pop .pop_box{border-radius: 1.5rem; }
	.pipeline_pop .pop_box .close{ height: 5rem;}
	.pipeline_pop .pop_box .close a{ width: 3rem; height: 3rem; right: 1rem; top: 1rem; }
	.pipeline_pop .pop_box .nr{ padding: 3rem 2.6rem 4.5rem 3rem;}
	.pipeline_pop .pop_box .nr .txt{ margin-top: 1.5rem;}

	/* 新闻资讯 */
	.news_list{ padding: 3.5rem 5rem;}
	.news_list_item a{padding: 2rem 7rem 2rem 2rem;}
	.news_list_item .bg{ left: -5rem;}
	.news_list_item .btn{ width: 2.8rem; height: 2.8rem;}
	.news_list_item .btn .iconfont{ font-size: 1rem;}
	.news_list_item .time .t{ font-size: 3rem;}
	.news_list_item .nr{ width: 75%;}

	/* 新闻资讯-详情 */
	.banner_news {padding: 10rem 0 12rem 0;}
	.banner_news .time{ font-size: 1rem;}
	.banner_news .column_name{ max-width: 70%;}
	.banner_news .column_name h1{ font-size: 2.4rem;}
	.news_content{ width: 80%; margin-top: -6rem;}
	.news_content .svg_bg{ top: 3rem;}
	.news_content .content{padding: 4rem 6rem; font-size: 14px;}
	.news_content .content p{ margin: 1rem 0;}

	/* 科学研发-科学研发 */
	.scientific_s1 .con_l{ padding: 0 3.5rem;}
	.scientific_s1 .con_l .l_nav{ padding-right: 3.5rem;}
	.scientific_s1 .con_l .l_nav a{ font-size: 1rem; }
	.scientific_s1 .con_l .l_nav span{width: 1.5rem;height: 1.5rem;flex: 0 0 1.5rem;}
	.scientific_s1 .con_l .l_nav a.one{ font-size: 1.3rem;}
	.scientific_s1 .con_r{ padding: 6rem 8rem 6rem 0}
	.scientific_s1 .con_r .about_tit{ font-size: 3.8rem;}
	.scientific_s1 .con_r .list_txt{ padding: 1.5rem 0; gap: 1rem; }
	.scientific_s1 .con_r .list_txt .tit{ font-size: 1rem; padding: 0.7rem 1.5rem;}
	.scientific_s1 .con_r .list_txt .txt{ font-size: 0.85rem; padding: 1.5rem;}
	.scientific_s1 .con_r .reference{ font-size: 0.85rem;padding-top: 2rem; margin-top: 2rem;}

	/* 联系我们 */
	.contact_s1{ padding:0rem 6.25rem 5rem 6.25rem;}
	.contact_s1:first-child{ padding-top: 5rem;}
	.contact_s1 .tit{ font-size: 1.8rem;}
	.contact_s1 .txt {font-size: 14px;padding-top: 0.6rem;}
	.contact_s1 .con_c .pic{ width:20rem ;}
	.contact_s1 .con_c .nr{ font-size: 16px; padding-right: 5rem;}
	.contact_s1 .bg{ height: 18rem;border-radius: 1.5rem;}

	/* 关于我们-团队致辞 */
	.team_s1{ padding: 7rem 18rem 8rem 18rem;}
	.team_s1 .pic{ width: 14rem; height: 14rem;}
	.team_s1 .tit {padding: 1.6rem 0 0.6rem 0;font-size: 1.8rem;}
	.team_tip span {font-size: 14px;padding: 0.4rem 1.2rem;}
	.team_s1 .txt{ margin-top: 2.5rem; font-size: 16px;}
	.team_s1 .txt::after{ width: 1.8rem; height: 1.8rem; left: -3rem;}
	.team_s1 .txt::before{ width: 1.8rem; height: 1.8rem; right: -3rem;}
	.team_s2{ padding-bottom: 6rem;}
	.team_s2 .con_b{ padding-top: 3rem;}
	.team_s2 .btn_box .btn{ width: 2.8rem; height: 2.8rem;}
	.team_s2 .btn_box .btn .iconfont{ font-size: 1rem;}
	.team_s2 .swiper-slide .pic{ width: 15rem; border-radius: 0 0 5rem 0; }
	.team_s2 .swiper-slide .nr{ padding-left: 3rem; width: 22rem;}
	.team_s2 .swiper-slide .tit{ font-size: 18px;}
	.team_s2 .swiper-slide .tit span{ font-size: 14px; }
	.team_s2 .swiper-slide .team_tip{ margin-top: 0.6rem;}
	.team_s2 .swiper-slide .txt{ margin-top: 2.5rem; font-size: 14px;}
	.team_s2 .swiper-slide .txt ul > li::before {top: 0.8rem; width: 4px; height: 4px;}

	/* 加入我们 */
	.joinus_top{ border-radius: 0 0 4rem 4rem;padding-bottom: 6rem;}
	.joinus_top .wrap_box{ width: 900px;}
	.joinus_s1{ padding-top: 8rem;}
	.joinus_s1 .con_l {padding-right: 3rem;font-size: 1.2rem;}
	.joinus_s1 .con_r{ font-size: 14px;}	
	.joinus_s2{ padding-top: 3rem;}
	.joinus_s2 .list{ gap: 1.5rem;}
	.joinus_s2 .list .li{padding: 1.5rem 3rem 3rem 0;}
	.joinus_s2 .list .tit{ font-size: 1.3rem;}
	.joinus_s2 .list .subtit{ font-size: 14px;}
	.joinus_s2 .list .txt{ font-size: 12px;}
	.joinus_s2 .list .li .pic{ transform: scale(0.8); transform-origin: right bottom;}
	.joinus_s3{ padding-top: 8rem;}
	.joinus_s3 .about_txt{ padding-top: 1rem;}
	.joinus_s3 .list{ padding-top: 3rem; gap: 1rem;}
	.joinus_s3 .list .li .tit{ font-size: 1.3rem;}
	.joinus_s3 .list .li .subtit{ font-size: 14px;}
	.joinus_s4 .con_t .wrap{ padding-top: 7rem; }
	.joinus_s4 .hr{ margin: 2.5rem 0;}
	.joinus_s4 .left_tab{ width: 18rem;}
	.joinus_s4 .left_tab a {line-height: 4rem;padding: 0 0 0 4rem;font-size: 14px;}
	.joinus_s4 .right_tab {padding-top: 18rem;margin-left: 27rem;}
	.joinus_s4 .con_box .tit{ font-size: 1.3rem;}
	.joinus_s4 .con_box .tit span{ width: 2.8rem; height: 2.8rem;}
	.joinus_s4 .con_box .nr{padding: 0.625rem 2.8rem 2rem 2.8rem;}
	.joinus_s4 .con_box .nr_box{ font-size: 14px; padding: 1.5rem 0;}
	.joinus_s4 .con_box .txt_c{ width: 10rem;}

}

/* ipad-横 */
@media screen and (max-width:1200px){

	.footer .con_b .cop{ max-width: 50%;}
	.footer .con_t{ position: relative;	justify-content: flex-end; padding-bottom: 3.75rem;}
	.footer .con_l{ position: absolute; left: 0; top: 0;}
	.footer .con_l .ul{ display: none;}
	.footer .con_r{ flex-direction: column-reverse; align-items: flex-end;}
	.footer .con_r .txt{ margin-top: 2rem;}
	.footer .con_r .phone{ font-size: 1.6rem;}

	/* 科学研发-科学研发 */
	.scientific_s1 .con_l{ padding: 0 2rem;}
	.scientific_s1 .con_r{ padding-right: 6rem;}

	/* 关于我们-团队致辞 */
	.team_s2 .swiper-slide .pic{ width: 12rem; }
	.team_s2 .swiper-slide .nr{ padding-left: 2rem; width: 20rem;}

}

/* ipad-竖 */
@media screen and (max-width:940px){

	/* 公用部分 */
	.wrap { padding: 0 3rem; }
	.header .btn_nav {width: 5.2rem; height: 3.4rem; padding: 0 1.5rem;}
	.footer .con_t{ padding-bottom: 2.5rem;}
	.footer .con_l{ display: none;}
	.footer .con_r{ margin: 0 auto; flex-direction: column; align-items: center;}
	.footer .con_r .txt{ margin: 0; text-align: center;}
	.footer .con_r .ewm{ margin: 2.5rem 0 0 0;}
	.btn_more a{ font-size: 1rem; line-height: 3.3rem; min-width: 12rem;}


	/* 首页 */
	.home_tit{ font-size: 4.3rem;}
	.home_tit2 {font-size: 4.3rem;}
	.home_subtit{ font-size: 1.7rem;}
	.home_txt{ font-size: 1.3rem;}
	.home_s1 .con_c .li1{ max-width: 70%;}
	.home_s6 .con_c{ width: 100%;}
	.home_s7 .wrap{display: flex; justify-content: flex-end; padding: 0;}
	.home_s7 .con_c{ padding: 3rem; width: 68%;background: rgba(31, 31, 31, 0.55); backdrop-filter: blur(10px);}
	.home_s7 .con_c .btn_more { justify-content: center;}
	.home_s8 .wrap{display: flex; padding: 0;}
	.home_s8 .con_c{ padding: 3rem; width: 70%;background: rgba(31, 31, 31, 0.55); backdrop-filter: blur(10px);}
	.home_s8 .con_c .btn_more { justify-content: center;}
	.home_s9 .wrap{ padding: 0 5rem;}
	.home_s9 .con_l {width: 70%;padding: 3rem 5rem 0 5rem;}
	.home_s10 .home_tit2 br{ display: none; }

	/* 关于我们-公司简介 */
	.about_part{ padding: 3.5rem 0;}
	.about_s1 .con_l{ padding-right:2.5rem;}
	.about_s1 .con_l img {border-radius: 0px 0px 2.5rem 0px;}
	.about_s1 .con_r{padding-right: 2.5rem;}
	.about_s1 .con_r .about_tit{ font-size: 3rem;}
	.about_s3 .con_b{ padding-top: 3rem;}
	.about_s3 .con_b .year_swiper{ width: 60%;margin: 0 0 0 10%;}
	.about_s3 .con_b .tit{ font-size: 2.375rem; padding-bottom: 1.5rem;}
	.about_s3 .con_b .tit::after{ width: 0.8rem; height: 0.8rem; bottom: -0.4rem; }

	/* 科学研发-研发管线 */
	.pipeline_s1{ padding:0 3rem 3rem 3rem;}
	.pipeline_s1:first-child{ padding-top: 2.5rem;}
	.pipeline_s1 .con_c{ padding-top: 2rem;}
	.pipeline_s1 .list_top{ font-size: 12px;}
	.pipeline_s1 .td_indication .title{ font-size: 14px;}
	.pipeline_s1 .td_indication .indication{ font-size: 12px;}
	.pipeline_s1 .td_indication .indication > div{ padding: 0.4rem 0.8rem;}
	.pipeline_s1 .td_stages{ padding: 0 0.8rem;}
	.pipeline_s1 .td_stages .line_stages{ padding: 0 0.8rem;}
	.pipeline_s1 .td_stages .progress_txt{ font-size: 12px;}

	/* 新闻资讯 */
	.news_list{ padding: 3rem;}
	.news_list_item a {padding: 2rem 2rem 2rem 2rem;}
	.news_list_item .bg{ left: -3rem;}
	.news_list_item .nr {width: 80%;}

	/* 新闻资讯-详情 */
	.banner_news {padding: 8rem 0 10rem 0;}
	.banner_news .column_name{ max-width: 100%;}
	.banner_news .column_name h1{ font-size: 2.2rem;}
	.news_content{ width: calc(100% - 6rem); margin: -6rem auto 0 auto;}
	.news_content .svg_bg{ top: -1rem;}
	.news_content .content{ padding:2rem 3rem;}

	/* 科学研发-科学研发 */
	.scientific_s1{ display: block;}
	.scientific_s1 .con_l{ position: relative; width: 100%; padding: 3rem; height: 50vh;}
	.scientific_s1 .con_l .pic_3d{ position: relative; flex: 1;}
	.scientific_s1 .con_l .pic_3d .canvas_3d{ width: 100%; height: 100%; position: absolute;}
	.scientific_s1 .con_l .pic_3d .canvas_3d canvas{ width: 100%; height: 100%;}
	.scientific_s1 .con_r{ padding:3rem; width: 100%;}
	

	/* 联系我们 */
	.contact_s1{ padding:0 3rem 2.5rem 3rem;}
	.contact_s1:first-child{ padding-top: 2.5rem;}
	.contact_s1 .hr{ margin: 2rem 0;}
	.contact_s1 .con_c .pic{ width: 35%;}
	.contact_s1 .con_c .nr{ width: 55%; padding-right: 5%;}

	/* 关于我们-团队致辞 */
	.team_s1 {padding: 4rem 6rem 4rem 6rem;}
	.team_s2{ padding-bottom: 4rem;}
	.team_s2 .swiper{ width: 100%;}
	.team_s2 .swiper-slide .nr{ width: auto; flex: 1; flex-shrink:1;}
	.team_s2 .swiper-slide-active{ width: 90% !important;}

	/* 加入我们 */
	.joinus_top{ overflow: hidden;}
	.joinus_top .wrap_box{ width: 100%;padding: 0 3rem;}
	.joinus_s1{ padding-top: 3rem;}
	.joinus_s3{ padding-top: 4rem;}
	.joinus_s4{ padding-bottom: 5rem;}
	.joinus_s4 .con_t .wrap{ padding-top: 3rem;}
	.joinus_s4 .hr{ margin: 1.5rem 0;}
	.joinus_s4 .left_tab{ width: 16rem;}
	.joinus_s4 .left_tab a{ padding-left: 3rem;}
	.joinus_s4 .right_tab{padding-top: 12rem;margin-left: 15rem;}
	.joinus_s4 .con_box .nr{padding: 0.625rem 2rem 2rem 2rem;}
	.joinus_s4 .con_box .nr_box{ padding: 1rem 0;}
	.joinus_s4 .con_box .txt_l{ width: 8rem;}
	.joinus_s4 .con_box .txt_c{ width: 0;}
}


/* 手机端 */
@media screen and (max-width:758px){

	/* 公用部分 */
	html { font-size: clamp(12px,375px,.8333333vw); }
	.header{	padding: 1.25rem;}
	.header .btn_nav {width: 5.7rem;height: 3rem;padding: 0 1.7rem;}
	.header .btn_nav span:before{top: -6px;}
	.header .btn_nav span:after{ top:6px}
	.header .btn_nav span{ height: 1px;}
	.nav_full .top_box{    height: 5.4rem;}
	.nav_full .ul_box .ul{ padding: 1rem 2rem;}
	.nav_full .ul_box .li{ padding: 1.5rem 0;}

	.footer{padding:1.25rem;border-radius: 1rem;}
	.footer .wrap {padding:2rem 1.25rem;}
	.footer .con_t{ padding-bottom: 2rem;}
	.footer .con_r .phone {font-size: 2.5rem;}
	.footer .con_r .email{font-size: 1.15rem;}
	.footer .con_r .address{font-size: 1.15rem;}
	.footer .con_r .ewm{ margin-top: 1.8rem;}
	.footer .con_b{ font-size: 1rem; flex-direction: column; text-align: center; opacity:0.6}
	.footer .con_b .cop{ max-width: 100%;}
	.footer .con_b .linkmap{ margin-top: 1rem;}

	/* .nav_second .list{ display: block; width: 100%; white-space: nowrap; overflow: hidden; overflow-x: auto;}
	.nav_second .list a{ display: inline-block;} */

	.wrap{ padding: 0 2.5rem;}
	.btn_more a{padding: 0 2rem;min-width: 10rem;}

	/* 首页 */
	.load .logo img{ width: 16rem; height: 3rem;}
	.loading-text{ right: 3%;}
	.loading-text .text{ font-size: 5rem;}
	.loading-text .text i{ font-size: 2.5rem; padding-top: 20px;}

	.home_tit{ font-size: 3.6rem;}
	.home_tit2 {font-size: 3rem;}
	.home_subtit {font-size: 1.8rem;}
	.home_s1 .con_c .li2 {margin-top: 1rem;}
	.home_s1 .btn_more{ left: 2.5rem; bottom: 7rem;}
	.home_s1 .share{ right: 1.3rem;}
	.home_s1 .con_c{    flex-direction: column;justify-content: flex-end;padding-bottom: 13rem;    height: 100vh;}
	.home_s1 .con_c .li1{ max-width: 100%;}
	.home_s6 .home_subtit{font-size: 1.5rem;}
	.home_s7 .con_c {padding: 2.5rem;width: 100%; text-align: center;}
	.home_s7 .con_c .li3{ margin-top: 2.5rem;}
	.home_s8 .con_c {padding: 2.5rem;width: 100%; text-align: center;}
	.home_s8 .con_c .li3{ margin-top: 2.5rem;}
	.home_s9 .wrap{ padding: 0 2.5rem;}
	.home_s9 .home_subtit{ font-size: 1.6rem;}
	.home_s9 .con_b{ margin-top: 2.1rem;flex-direction: column-reverse;}
	.home_s9 .icon{ display: none;}
	.home_s9 .con_r .swiper{ width: 70vw; height: 97vw; margin-left: 2.5rem;}
	.home_s9 .con_r .swiper-slide .img{border-bottom-right-radius: 5rem;}
	.home_s9 .con_r .swiper-slide {padding-right: 1.6rem;}
	.home_s9 .con_l{ width: 100%; padding:2.5rem;}
	.home_s9 .con_l .swiper-slide .txt{ display: none;}
	.home_s9 .con_l .swiper-slide .time{ margin-top: 0.6rem;}
	.home_s9 .con_l .swiper-slide .btn_more{ margin-top: 2.5rem;}
	.home_s10 .con_c{ text-align: center;}
	.home_s10 .home_tit2 {font-size: 2.5rem;}
	.home_s10 .home_tit2 br{ display: none;}

	/* 关于我们-公司简介 */
	.about_part{ padding: 2.5rem 0;}
	.about_subtit{ font-size: 1.35rem;}
	.about_tit{ font-size: 2.4rem;}
	.about_txt{ font-size: 1.17rem;}
	.about_s1{	flex-direction: column;}
	.about_s1 .con_l{ padding: 0 2.5rem; width: 100%;}
	.about_s1 .con_l img{ border-radius: 0;}
	.about_s1 .con_r{ padding: 2rem 2.5rem 0 2.5rem; width: 100%;}
	.about_s1 .con_r .about_tit br{ display: none;}
	.about_s3 .con_b .year_swiper{ width: 85%; margin-left: 2.5rem;}
	.about_s3 .con_b .txt{ width: 95%;}
	.about_s3 .con_b .txt{ font-size: 1.17rem; padding-top: 1.5rem;}
	.about_s3 .con_b .txt li{ padding-bottom: 0.3rem;}
	.about_s3 .btn_box{bottom: 30px;}

	/* 科学研发-研发管线 */
	.pipeline_s1{ padding:0 2rem 2.5rem 2rem;}
	.pipeline_s1:first-child{ padding-top: 2.5rem;}
	.pipeline_s1 .list_top{ display: none;}
	.pipeline_s1 .list_items{ padding: 0;}
	.pipeline_s1 .list_item{ flex-direction: column; min-height: auto; }
	.pipeline_s1 .td_indication{ max-width: none; border-bottom: 1px solid #D4E2DF;}
	.pipeline_s1 .td_indication .indication{ border-right: none;}
	.pipeline_s1 .td_stages{ padding: 0; max-width: 100%;}
	.pipeline_s1 .td_stages .line_stages{ position: relative; padding: 0 5px;}
	.pipeline_s1 .td_stages .line_stages div{ font-size: 10px; display: flex; justify-content: center; align-items: center; line-height: 1.2; padding: 4px 0;}
	.pipeline_s1 .td_stages .progress{ margin: 15px 0; padding: 0 5px;}
	.pipeline_s1 .td_stages .progress_txt{ padding: 0 15px;height:30px;display: flex;align-items:center;line-height: 1;}

	.pipeline_pop .pop_box{ width: 90vw; }
	.pipeline_pop .pop_box .nr{ padding: 3rem 2rem;}


	/* 新闻资讯 */
	.news_list{ padding:1rem 2.5rem 2.5rem 2.5rem;}
	.news_list_item a {padding: 1.5rem 0 1.5rem 0;}
	.news_list_item .nr {width: 80%;}
	.news_list_item .nr .txt{ display: none;}
	.news_list_item .time .t{ font-size: 2.5rem;}
	.news_list_item .nr{ width: 100%; padding-left: 1rem;}
	.news_list_item .nr .tit{ font-size: 1.3rem;}
	.news_list_item .btn{ display: none;}
	.news_list .page{ padding-top: 2rem;}

	/* 新闻资讯-详情 */
	.banner_news {padding: 7rem 0 4rem 0;}
	.banner_news .time{ padding-bottom: 0.8rem;}
	.banner_news .time::after{ margin-top: 0.8rem;}
	.banner_news .column_name h1{ font-size: 1.8rem;}
	.news_content{ width: calc(100% - 5rem); margin: 0 auto 0 auto;}
	.news_content .content{ padding:1rem 0;}
	.news_content .svg_bg{ display: none;}

	/* 科学研发-科学研发 */
	.scientific_s1 .con_l{ padding: 2.5rem 2.5rem 0 2.5rem; display: block; height: auto;}
	.scientific_s1 .con_l .l_nav{ display: flex; padding: 0; flex-wrap: wrap;}
	.scientific_s1 .con_l .l_nav a{ width: 50%;}
	.scientific_s1 .con_l .pic_3d{ height: 100vw;}
	.scientific_s1 .con_r{ padding: 2.5rem;}
	.scientific_s1 .con_r .about_tit{ font-size:3rem;}
	.scientific_s1 .con_r .reference{ font-size: 1rem;}
	.scientific_s1 .con_r .list_txt{display: flex;flex-direction: column;}
	.scientific_s1 .con_r .list_txt .tit{ font-size: 1.17rem; }
	.scientific_s1 .con_r .list_txt .txt{ font-size: 1rem; }

	/* 联系我们 */
	.contact_s1{ padding:0 2rem 2.5rem 2rem;}
	.contact_s1:first-child{ padding-top: 2.5rem;}
	.contact_s1 .hr{ margin: 1.5rem 0;}
	.contact_s1 .con_c{flex-direction: column; margin-bottom: 1.5rem;}
	.contact_s1 .con_c .pic{ width: 50%;}
	.contact_s1 .con_c .nr{ width: 100%; padding-right: 0%; padding-top: 1.5rem; font-size: 14px;}
	.contact_s1 .bg{ height: 12rem; border-radius: 1rem;}

	/* 关于我们-团队致辞 */
	.team_s1 {padding: 4rem 2.5rem 4rem 2.5rem;}
	.team_tip span{ font-size: 12px;}
	.team_s1 .txt{ margin-top: 1.5rem; font-size: 14px; }
	.team_s1 .txt::after{width: 1.2rem;height: 1.2rem;left: -1.5rem;}
	.team_s1 .txt::before{width: 1.2rem;height: 1.2rem;right: -1.5rem;}
	.team_s2 .con_b{ padding-top: 2.5rem; overflow: visible;}
	.team_s2 .swiper-slide{    flex-direction: column;}
	.team_s2 .swiper-slide .pic{ width: 10rem;border-radius: 0 0 2.5rem 0;}
	.team_s2 .swiper-slide .nr{ padding-left: 0;}
	.team_s2 .swiper-slide .tit{ font-size: 16px; margin-top: 8px; }
	.team_s2 .swiper-slide .team_tip{ margin-top: 8px;}
	.team_s2 .swiper-slide .txt{ font-size: 12px; margin-top: 10px;}
	.team_s2 .swiper-slide .txt ul > li{ padding-bottom: 0;}

	/* 加入我们 */
	.joinus_top{border-radius: 0 0 2rem 2rem; padding-bottom: 4rem;}
	.joinus_top .wrap_box{ padding: 0 2.5rem;}
	.joinus_s1 .wrap_box{flex-direction: column;}
	.joinus_s1 .con_l{ width: 100%; padding: 0 0 1rem 0;}
	.joinus_s1 .con_r{ width: 100%;}
	.joinus_s2 .list{flex-direction: column;}
	.joinus_s3 .list{ padding-top: 2rem;grid-template-columns: auto;}
	.joinus_s4{ padding-bottom: 3rem;}
	.joinus_s4 .con_t{ position: relative;}
	.joinus_s4 .con_t .wrap{ padding-top: 3rem; padding-bottom: 1.5rem;}
	.joinus_s4 .left_tab{ width: 100%; display: flex; gap: 10px;}
	.joinus_s4 .left_tab a{ flex: 1; font-size: 12px; line-height: 3rem; }
	.joinus_s4 .left_tab a.one{ font-size: 13px;}
	.joinus_s4 .left_tab a::after{ width: 3px;}
	.joinus_s4 .right_tab{ padding: 0; margin: 0;}
	.joinus_s4 .con_box .li{ border-radius: 6px;}
	.joinus_s4 .con_box .tit{ font-size: 14px; padding: 1rem 1rem;}
	.joinus_s4 .con_box .tit span{ width: 2rem; height: 2rem;}
	.joinus_s4 .con_box .nr{ padding: 0.5rem 1.5rem;}
	.joinus_s4 .con_box .nr_box{ font-size: 12px;}
	.joinus_s4 .con_box .txt_l{ width: 7rem;}
	.joinus_s4 .con_box .txt_l img{ width: 16px;}
	.joinus_s4 .con_box .txt_l span{ padding-left:4px;}

	
	
}





.page .Pprev, .page .Pnext
{
	font-size:0px;
}

 .page .Pnext::after{
content: "Next";
  font-size: large;
  width: 100%;
  display: block;
}
 .page .Pprev::after{
content: "Prev";
  font-size: large;
  width: 100%;
  display: block;
}















