team_lab_canter.min.css
17.3 KB
.head{width:1920px;height:5.6875rem;margin:0 auto;display:flex;padding:0 4.875rem 0 6.375rem;align-items:center;justify-content:space-between;box-sizing:border-box}.head h1{overflow:hidden}.head h1 img{display:block;height:2.8125rem;margin:0 30px;margin-top:5px;cursor:pointer}.head .red_bold{color:#C70009;font-weight:bold}.head ul{width:1132px;display:flex;align-items:center;justify-content:space-between;position:relative}.head ul li{cursor:pointer}.head ul li a{font-size:1rem;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#3D3D3D;line-height:1.4375rem}.head ul .to_li{position:absolute;display:block;width:40px;height:5px;background:#C70009;border-radius:49px 21px 0px 0px;bottom:-34px;left:62%}.head ol{display:flex}.head ol li{cursor:pointer;font-size:1rem;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#3D3D3D;line-height:3.5rem}.head ol li:nth-child(1){margin-right:1.625rem}.head ol li:nth-child(2){margin-right:1.125rem}.head ol li img{width:.925rem;vertical-align:middle}.head ol li:last-child{width:6.5625rem;display:flex;justify-content:space-between;align-items:center}.banner{position:relative;width:1920px;margin:0 auto;background:linear-gradient(360deg, rgba(53,76,150,0.17) 0%, #354C96 100%);background-blend-mode:multiply}.banner img{display:block;width:100%;height:633px}.banner div{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.banner div p{text-align:center;font-size:64px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:93px}.banner div p:last-child{font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:23px}.change{width:100%}.change .tab-container{width:100%;overflow:hidden;margin:0 auto}.change .tab{padding:8px 16px;cursor:pointer;font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#3D3D3D;line-height:23px}.change .active{color:#C70009;font-weight:bold}.change .tab-content{display:none;padding:16px;background-color:#fff}.change .content{margin-top:50px;width:100%}.change .tag{border-bottom:1px solid #E5E5E5}.change .tag .main{margin:0 auto;width:81.25rem;padding:36px 0px;display:flex;justify-content:space-evenly;position:relative}.change .tag .main .tab_to{transition:all linear 200ms;position:absolute;width:40px;height:5px;background-color:#C70009;border-radius:49px 21px 0px 0px;bottom:0;left:127.5px}#tab1{width:81.25rem;margin:0 auto}#tab1 .des{width:100%;background-color:#F7F7F9;border-radius:10px 10px 10px 10px;margin-top:44px}#tab1 .des p{text-align:justify;width:90%;margin:0 auto;font-size:18px;padding:30px 0px}#tab1 .center_cont{width:100%;height:1140px;margin-top:48px;position:relative}#tab1 .center_cont .tong{position:absolute;width:740px;height:977px;background-color:#F7F7F9;overflow:hidden;border-radius:32px 32px 32px 32px;opacity:.5;transition:all 500ms linear}#tab1 .center_cont .tong img{margin:0 auto;display:block;width:651.23px;margin-top:43px}#tab1 .center_cont .tong p{margin:0 auto;width:651.23px;text-align:justify}#tab1 .center_cont .tong p:nth-child(2){font-size:24px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;line-height:40px;margin-top:15px}#tab1 .center_cont .tong p:nth-child(2)::after{content:"";display:block;width:73px;height:2px;background-color:#C70009;margin-top:15px}#tab1 .center_cont .tong p:last-child{height:250px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:40px;padding-bottom:30px;padding-right:20px;margin-top:24px;overflow-y:auto}#tab1 .center_cont .tong p:last-child::-webkit-scrollbar{width:6px;border-radius:171px 171px 171px 171px}#tab1 .center_cont .tong p:last-child::-webkit-scrollbar-thumb{background-color:#bf464c;border-radius:10px}#tab1 .center_cont .tong p:last-child::-webkit-scrollbar-track{background:linear-gradient(180deg, #F0F0F0 0%, rgba(240,240,240,0) 100%);border-radius:171px 171px 171px 171px}#tab1 .center_cont .now{box-shadow:40px 12px 109px 0px rgba(24,35,80,0.15);z-index:2;opacity:1}#tab1 .center_cont .two{position:absolute;right:0;top:80px}.title{font-size:30px;font-family:Source Han Sans, Source Han Sans;font-weight:900;color:#3D3D3D;line-height:56px;display:flex;align-items:center}.title::before{content:"";display:inline-block;width:6px;height:56px;margin-right:20px;background-color:#C70009}#tab2{width:81.25rem;margin:0 auto}#tab2 .fen_cont{width:100%}#tab2 .team_cont{width:100%;display:flex;justify-content:space-between;margin-top:42px;overflow:hidden}#tab2 .team_cont .team_type{position:relative;width:33%;height:617.69px;overflow:hidden;background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/team_pic1.jpg) center center no-repeat;background-size:100%;transition:all linear 500s;border-radius:10px 10px 10px 10px}#tab2 .team_cont .team_type p{left:50%;transform:translateX(-50%);position:absolute;width:369.3px;margin:0 auto;text-align:justify;transition:all linear 600ms}#tab2 .team_cont .team_type p:nth-child(2){font-size:22px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:46px;text-align:center;bottom:40px}#tab2 .team_cont .team_type p:nth-child(3){font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:500;color:#FFFFFF;line-height:40px;text-align:center;left:-4000px}#tab2 .team_cont .team_type .top{position:absolute;top:124px;left:-4000px;transform:translateX(-50%);transition:all linear 600ms}#tab2 .team_cont .team_type .top::after{content:"";width:57.6px;height:50.4px;display:block;background:url(../../imgs/team_lab/top_logo.png) center center no-repeat;background-size:100%}#tab2 .team_cont .team_type .bot_logo{position:absolute;bottom:45px;left:-4000px;transform:translateX(-50%);transition:all linear 600ms}#tab2 .team_cont .team_type .bot_logo::after{content:"";width:25px;height:12px;display:block;background:url(../../imgs/team_lab/info_to_yellow.png) center center no-repeat;background-size:100%}#tab2 .team_cont .team_type:hover{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/team_pic1.jpg) center center no-repeat;background-size:100%;background-blend-mode:multiply;box-shadow:27px 21px 44px 0px rgba(24,35,80,0.18)}#tab2 .team_cont .team_type:hover p:nth-child(2){top:205px;color:#FCD106}#tab2 .team_cont .team_type:hover p:nth-child(3){bottom:137px;left:50%}#tab2 .team_cont .team_type:hover .top{left:50%}#tab2 .team_cont .team_type:hover .bot_logo{left:50%}#tab2 .team_cont .two{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/team_pic2.jpg) center center no-repeat;background-size:100%}#tab2 .team_cont .two:hover{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/team_pic2.jpg) center center no-repeat;background-size:100%;background-blend-mode:multiply}#tab2 .team_cont .thr{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/team_pic3.jpg) center center no-repeat;background-size:100%}#tab2 .team_cont .thr:hover{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/team_pic3.jpg) center center no-repeat;background-size:100%;background-blend-mode:multiply}.team_detail_cont{width:100%}.team_detail_cont .team_pic{width:100%;display:flex;justify-content:space-between;margin-top:46px}.team_detail_cont .team_pic img{display:block;border-radius:10px 10px 10px 10px}.team_detail_cont .team_pic .lef{width:880px}.team_detail_cont .team_pic .rig{width:374.5px;display:flex;flex-direction:column;justify-content:space-between}.team_detail_cont .team_pic .rig img{width:100%}.team_detail_cont .bot_swiper{width:100%;position:relative;margin-top:55px;overflow:hidden}.team_detail_cont .bot_swiper .lef{width:998.28px;padding-bottom:30px;background-color:#F7F7F9;border-radius:10px 10px 10px 10px;overflow:hidden}.team_detail_cont .bot_swiper .lef span{position:absolute;width:616.92px;backdrop-filter:blur(2px);height:80px;bottom:20px;left:0}.team_detail_cont .bot_swiper .lef p{margin-left:42px;width:650.92px;text-align:justify}.team_detail_cont .bot_swiper .lef p:nth-child(1){font-size:24px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;line-height:56px;margin-top:20px}.team_detail_cont .bot_swiper .lef p:nth-child(1)::after{content:"";display:block;width:73px;height:2px;background-color:#C70009}.team_detail_cont .bot_swiper .lef p:nth-child(2){position:relative;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:40px;margin-top:15px;height:516px;padding-right:45px;overflow-y:auto}.team_detail_cont .bot_swiper .lef p:nth-child(2)::-webkit-scrollbar{width:6px;border-radius:171px 171px 171px 171px}.team_detail_cont .bot_swiper .lef p:nth-child(2)::-webkit-scrollbar-thumb{background-color:#bf464c;border-radius:10px}.team_detail_cont .bot_swiper .lef p:nth-child(2)::-webkit-scrollbar-track{background:linear-gradient(180deg, #F0F0F0 0%, rgba(240,240,240,0) 100%);border-radius:171px 171px 171px 171px}.team_detail_cont .bot_swiper .rig_swiper{width:531px;position:absolute;top:74px;right:0;border-radius:10px 10px 10px 10px}#tab3{width:81.25rem;margin:0 auto}#tab3 .s{display:block !important;margin-top:46px;margin-bottom:70px}#tab3 .slide{height:407px !important;padding-right:20px}#tab3 .slide::-webkit-scrollbar{width:6px;border-radius:171px 171px 171px 171px}#tab3 .slide::-webkit-scrollbar-thumb{background-color:#bf464c;border-radius:10px}#tab3 .slide::-webkit-scrollbar-track{background:linear-gradient(180deg, #F0F0F0 0%, rgba(240,240,240,0) 100%);border-radius:171px 171px 171px 171px}#tab3 .slide_bot{width:651.92px}#tab3 .lab_six{width:100%;margin-top:33px}#tab3 .lab_six a{display:flex;justify-content:flex-start;align-items:center}#tab3 .lab_six .img_a{display:block;height:148px;margin-right:10px;border-radius:10px}#tab3 .lab_six .lab_fen{width:100%;height:148px;border-radius:10px 10px 10px 10px;opacity:1;border:1px solid rgba(53,76,150,0.33);display:flex;align-items:center;justify-content:center;background-color:#FFFFFF;transition:all linear 500ms;margin-top:3px}#tab3 .lab_six .lab_fen:hover{background:url(../../imgs/team_lab/lab_pic2.jpg) center center no-repeat;background-size:100% 100%}#tab3 .lab_six .lab_fen:hover p{color:#FFFFFF}#tab3 .lab_six .lab_fen p{font-size:20px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#787878;line-height:46px;text-align:center}#tab3 .lab_detail_cont{width:100%}#tab3 .lab_detail_cont .team_pic{width:100%;display:flex;justify-content:space-between;margin-top:46px}#tab3 .lab_detail_cont .team_pic img{display:block;border-radius:10px 10px 10px 10px}#tab3 .lab_detail_cont .team_pic .lef{width:880px}#tab3 .lab_detail_cont .team_pic .rig{width:374.5px;display:flex;flex-direction:column;justify-content:space-between}#tab3 .lab_detail_cont .team_pic .rig img{width:100%}#tab3 .lab_detail_cont .bot_swiper{width:100%;position:relative}#tab3 .lab_detail_cont .bot_swiper .lef{width:100%;background-color:#F7F7F9;border-radius:10px 10px 10px 10px}#tab3 .lab_detail_cont .bot_swiper .lef p{margin-left:42px;width:1169.1px;text-align:justify;padding-bottom:20px}#tab3 .lab_detail_cont .bot_swiper .lef p:nth-child(1){font-size:24px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;line-height:56px;margin-top:20px}#tab3 .lab_detail_cont .bot_swiper .lef p:nth-child(1)::after{content:"";display:block;width:73px;height:2px;background-color:#C70009}#tab3 .lab_detail_cont .bot_swiper .lef p:nth-child(2){position:relative;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:43px;margin-top:15px;height:516px}#tab4{width:81.25rem;margin:0 auto}#tab4 .stations_cont{width:100%;display:flex;justify-content:space-between;margin-top:42px}#tab4 .stations_cont .stations_type{position:relative;width:33%;height:617.69px;overflow:hidden;background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/stations_pic1.jpg) center center no-repeat;background-size:100%;transition:all linear 1s;border-radius:10px 10px 10px 10px}#tab4 .stations_cont .stations_type p{left:50%;transform:translateX(-50%);position:absolute;width:369.3px;margin:0 auto;text-align:justify;transition:all linear 800ms}#tab4 .stations_cont .stations_type p:nth-child(2){font-size:22px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:46px;text-align:center;bottom:40px}#tab4 .stations_cont .stations_type p:nth-child(3){font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:500;color:#FFFFFF;line-height:40px;text-align:center;left:-4000px}#tab4 .stations_cont .stations_type .top{position:absolute;top:124px;left:-4000px;transform:translateX(-50%);transition:all linear 800ms}#tab4 .stations_cont .stations_type .top::after{content:"";width:57.6px;height:50.4px;display:block;background:url(../../imgs/team_lab/stations_logo.png) center center no-repeat;background-size:100%}#tab4 .stations_cont .stations_type .bot_logo{position:absolute;bottom:45px;left:-4000px;transform:translateX(-50%);transition:all linear 800ms}#tab4 .stations_cont .stations_type .bot_logo::after{content:"";width:25px;height:12px;display:block;background:url(../../imgs/team_lab/info_to_yellow.png) center center no-repeat;background-size:100%}#tab4 .stations_cont .stations_type:hover{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/stations_pic1.jpg) center center no-repeat;background-size:100%;background-blend-mode:multiply;box-shadow:27px 21px 44px 0px rgba(24,35,80,0.18)}#tab4 .stations_cont .stations_type:hover p:nth-child(2){top:205px;color:#FCD106}#tab4 .stations_cont .stations_type:hover p:nth-child(3){bottom:137px;left:50%}#tab4 .stations_cont .stations_type:hover .top{left:50%}#tab4 .stations_cont .stations_type:hover .bot_logo{left:50%}#tab4 .stations_cont .two{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/stations_pic2.jpg) center center no-repeat;background-size:100%}#tab4 .stations_cont .two:hover{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/stations_pic2.jpg) center center no-repeat;background-size:100%;background-blend-mode:multiply}#tab4 .stations_cont .thr{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/stations_pic3.jpg) center center no-repeat;background-size:100%}#tab4 .stations_cont .thr:hover{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%),url(../../imgs/team_lab/stations_pic3.jpg) center center no-repeat;background-size:100%;background-blend-mode:multiply}#tab4 .stations_detail_cont{width:100%}#tab4 .stations_detail_cont .team_pic{width:100%;display:flex;justify-content:space-between;margin-top:46px}#tab4 .stations_detail_cont .team_pic img{display:block;border-radius:10px 10px 10px 10px}#tab4 .stations_detail_cont .team_pic .lef{width:880px}#tab4 .stations_detail_cont .team_pic .rig{width:374.5px;display:flex;flex-direction:column;justify-content:space-between}#tab4 .stations_detail_cont .team_pic .rig img{width:100%}#tab4 .stations_detail_cont .bot_swiper{width:100%;position:relative}#tab4 .stations_detail_cont .bot_swiper .lef{width:100%;background-color:#F7F7F9;border-radius:10px 10px 10px 10px;overflow:hidden;margin-top:20px}#tab4 .stations_detail_cont .bot_swiper .lef p{margin-left:42px;width:1170.88px;text-align:justify}#tab4 .stations_detail_cont .bot_swiper .lef p:nth-child(1){font-size:24px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;line-height:56px;margin-top:15px}#tab4 .stations_detail_cont .bot_swiper .lef p:nth-child(1)::after{content:"";display:block;width:73px;height:2px;background-color:#C70009}#tab4 .stations_detail_cont .bot_swiper .lef p:nth-child(2){position:relative;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:43px;padding-top:15px;padding-bottom:15px}#tab5{width:81.25rem;margin:0 auto}#tab5 .aca_info{width:100%;background-color:#F7F7F9;border-radius:10px 10px 10px 10px;margin-top:30px;overflow:hidden}#tab5 .aca_info p{width:1162.3px;margin:0 auto}#tab5 .aca_info p:nth-child(1){font-size:24px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;line-height:56px;margin-top:20px}#tab5 .aca_info p:nth-child(1)::after{content:"";display:block;width:73px;height:2px;background-color:#C70009}#tab5 .aca_info p:nth-child(2){font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:26px;margin-top:18px;margin-bottom:4px;text-align:justify}#tab5 .aca_info p:nth-child(3){font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:43px;position:relative;margin-bottom:20px}#tab5 .aca_info p:nth-child(3) span{font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:500;color:#C70009;line-height:17px}#tab5 .aca_info p:nth-child(3) span:nth-child(2){font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:17px;margin-left:30px}#tab5 .aca_info p:nth-child(3)::after{cursor:pointer;content:"";display:inline-block;width:25px;height:12px;background:url(../../imgs/team_lab/info_to.png) center center no-repeat;background-size:100%;position:absolute;right:0;top:50%;transform:translateY(-50%)}