t_l_station.min.css
5.96 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}.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}#tab4{width:81.25rem;margin:0 auto}#tab4 .stations_cont{width:100%;display:flex;justify-content:space-between;margin-top:42px}#tab4 .stations_cont a{display:block;width:33%}#tab4 .stations_cont .stations_type{position:relative;width:100%;height:617.69px;overflow:hidden;transition:all linear 800ms;border-radius:10px 10px 10px 10px}#tab4 .stations_cont .stations_type p{position:absolute;left:50%;transform:translateX(-50%);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:60px}#tab4 .stations_cont .stations_type p:nth-child(3){top:300px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:500;color:#FFFFFF;line-height:40px;text-align:center;opacity:0}#tab4 .stations_cont .stations_type .top{position:absolute;top:124px;left:50%;transform:translateX(-50%);transition:all linear 800ms;opacity:0}#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:50%;transform:translateX(-50%);transition:all linear 800ms;opacity:0}#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{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){opacity:1}#tab4 .stations_cont .stations_type:hover .top{opacity:1}#tab4 .stations_cont .stations_type:hover .bot_logo{opacity:1}#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/plants/1.jpg) center center no-repeat;background-size:100%}#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}#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:20px}#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;margin-top:15px}