7820380e
 “wangming”
1
|
1
|
.swiper{height:989px;width:1920px;position:relative}.swiper .swiper-pagination{position:absolute;left:20.5625rem;top:40rem;cursor:pointer}.swiper .swiper-pagination .swiper-pagination-bullet{width:.375rem;height:3.625rem;background:rgba(255,255,255,0.27);border-radius:15px 15px 15px 15px}.swiper .swiper-pagination .swiper-pagination-bullet-active{background:#FFFFFF}.swiper .detail{position:absolute;width:45.8125rem;height:9rem;z-index:3;left:20.5625rem;top:7.425rem;font-size:3.125rem;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:4.5rem;margin-bottom:20px}.swiper .more{padding:.9375rem 4.0625rem;position:absolute;z-index:3;left:20.5625rem;top:18.125rem;border:2px solid #FFFFFF;border-radius:10px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:500;color:#FFFFFF;line-height:26px;cursor:pointer}.swiper-wrapper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg, rgba(53,76,150,0) 0%, #354C96 100%);background-blend-mode:multiply}.swiper-slide img{display:block;width:100%;height:100%;background-color:red}.head{width:1920px;margin:0 auto;height:5.6875rem;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 span{position:absolute;display:block;width:40px;height:5px;background:#C70009;border-radius:49px 21px 0px 0px;bottom:-34px;left:0}.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}.us{width:1920px;padding:3.125rem 0;background:url("../imgs/home/us_bg.png") center center no-repeat;background-size:100% 696px;margin:0 auto}.us .content{width:81.25rem;margin:0 auto;display:flex;justify-content:space-between}.us .content .show_swiper{display:flex;flex-wrap:wrap}.us .content .show_swiper .foot{width:41.5625rem}.us .content .show_swiper .foot .video{width:100%;height:20.4375rem;background-color:black}.us .content .show_swiper .swiper1{width:41.5625rem;height:20.4375rem;position:relative;margin-bottom:25px;background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.55) 100%);background-blend-mode:multiply}.us .content .show_swiper .swiper1 .swiper{width:100%;height:100%}.us .content .show_swiper .swiper1 .swiper .swiper-pagination{width:100px;display:flex;position:absolute;top:20px;left:50%;margin-left:-50px;flex-direction:row;justify-content:space-between}.us .content .show_swiper .swiper1 .swiper .swiper-pagination .swiper-pagination-bullet{width:26.89px;height:4px;background:black;border-radius:15px 15px 15px 15px}.us .content .show_swiper .swiper1 .swiper .swiper-pagination .swiper-pagination-bullet-active{background:#FFFFFF}.us .content .show_swiper .swiper1 .swiper .swiper1_detail{width:95%;position:absolute;z-index:3;font-size:20px;font-family:Source Han Sans, Source Han Sans;font-weight:500;color:#FFFFFF;text-align:left;bottom:0.6875rem;left:21px}.us .content .show_swiper .swiper1 .swiper .swiper1_more{width:35rem;position:absolute;z-index:3;left:21px;font-size:14px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#FFFFFF;line-height:30px;bottom:15px}.us .content .show_swiper .swiper1 .swiper .swiper-wrapper{width:100%;height:100%}.us .content .show_swiper .swiper1 .swiper .swiper-wrapper .swiper-slide{width:100%;height:100%}.us .content .show_swiper .swiper1 .swiper .swiper-wrapper .swiper-slide img{width:100%;height:100%}.us .content .show_swiper .swiper2{width:19.9375rem;height:15.0625rem;position:relative}.us .content .show_swiper .swiper2 .swiper{width:100%;height:100%}.us .content .show_swiper .swiper2 .swiper .swiper-pagination{width:100px;display:flex;position:absolute;top:33px;left:50%;margin-left:-50px;flex-direction:row;justify-content:space-between}.us .content .show_swiper .swiper2 .swiper .swiper-pagination .swiper-pagination-bullet{width:26.89px;height:4px;background:black;border-radius:15px 15px 15px 15px}.us .content .show_swiper .swiper2 .swiper .swiper-pagination .swiper-pagination-bullet-active{background:#FFFFFF}.us .content .show_swiper .swiper2 .swiper .swiper-wrapper{width:100%;height:100%}.us .content .show_swiper .swiper2 .swiper .swiper-wrapper .swiper-slide{width:100%;height:100%}.us .content .show_swiper .swiper2 .swiper .swiper-wrapper .swiper-slide img{display:block;width:100%;height:100%}.us .content .show_swiper .swiper2 .swiper .swiper-wrapper a{display:block}.us .content .text{padding-left:63px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.us .content .text .title1{font-size:40px;font-family:Source Han Sans, Source Han Sans;font-weight:900;color:#3D3D3D;line-height:56px;display:flex;align-items:center}.us .content .text .title1::before{content:"";display:inline-block;width:6px;height:56px;margin-right:20px;background-color:#C70009}.us .content .text div{width:525px;height:384px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:43px;text-align:justify}.us .content .text .more{font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;line-height:23px;display:flex;align-items:center;cursor:pointer;border:none}.us .content .text .more::after{content:"";width:29px;height:10px;display:inline-block;background:url("../imgs/home/red_more.png") no-repeat;background-size:contain;margin-left:7px}.product{width:100%;padding:39px 0px 60px 0px;background-color:#f9f9f9}.product .content{width:81.25rem;margin:0 auto;position:relative}.product .content .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}.product .content .title::before{content:"";display:inline-block;width:6px;height:56px;margin-right:20px;background-color:#C70009}.product .content .swiper{width:99%;height:480px;position:relative}.product .content .swiper .swiper-button-next,.product .content .swiper .swiper-button-prev{top:var(--swiper-navigation-top-offset, 50%) !important}.product .content .swiper .swiper-button-next{right:var(--swiper-navigation-sides-offset, 10px)}.product .content .swiper .icon{position:absolute;display:block;width:56.04px;height:56.04px}.product .content .swiper .swiper-wrapper{width:99%;height:100%;margin-top:48px;justify-content:space-between}.product .content .swiper .swiper-wrapper .swiper-slide{position:relative;border-radius:13px 13px 13px 13px;width:350px !important;height:349px;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:all linear 300ms}.product .content .swiper .swiper-wrapper .swiper-slide a{display:block;width:100%;height:100%}.product .content .swiper .swiper-wrapper .swiper-slide .bg_p{position:absolute;border-radius:13px 13px 13px 13px;transform:translateX(-4000px)}.product .content .swiper .swiper-wrapper .swiper-slide p{position:absolute;bottom:0;left:23px;opacity:0;transition:all linear 300ms}.product .content .swiper .swiper-wrapper .swiper-slide .p_one{font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:56px;bottom:110px}.product .content .swiper .swiper-wrapper .swiper-slide .p_two{width:230px;font-size:14px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#FFFFFF;line-height:24px;text-align:left;bottom:60px}.product .content .swiper .swiper-wrapper .swiper-slide .p_more{font-size:14px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FCD106;line-height:30px;bottom:14px;display:flex;align-items:center}.product .content .swiper .swiper-wrapper .swiper-slide .p_more::after{content:"";display:inline-block;width:15px;height:7px;background:url(../imgs/home/info_to_yellow.png) center center no-repeat;background-size:100%;margin-left:10px}.product .content .swiper .swiper-wrapper .swiper-slide-active{width:384px !important;height:381px}.product .content .swiper .swiper-wrapper .swiper-slide-active a{opacity:1}.product .content .swiper .swiper-wrapper .swiper-slide-active .bg_p{width:100%;height:100%;transform:translateX(0px);background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.8) 100%)}.product .content .swiper .swiper-wrapper .swiper-slide-active .bg_p p{opacity:1}.product .content .swiper .swiper-wrapper .swiper-slide-active img{display:block;box-shadow:31px 28px 61px -33px rgba(24,35,80,0.18);border-radius:13px 13px 13px 13px}.product .content .swiper .swiper-pagination{height:40px;position:absolute;top:95%;left:0;z-index:999;display:flex;justify-content:flex-end;align-items:center;cursor:auto}.product .content .swiper .swiper-pagination .swiper-pagination-bullet{width:26.89px;height:4px;background-color:#C70009;border-radius:15px 15px 15px 15px}.product .content .swiper a{display:block;position:absolute;z-index:1000;bottom:-12px;left:0;height:30px}.product .content .swiper a .more{position:absolute;font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;line-height:23px;display:flex;align-items:center;height:23px;cursor:pointer;border:none;padding:0px;top:0;left:0}.product .content .swiper a .more::after{content:"";width:29px;height:10px;display:inline-block;background:url("../imgs/home/red_more.png") no-repeat;background-size:contain;margin-left:7px}.system{width:100%;margin-top:41px}.system .content{width:81.25rem;margin:0 auto;position:relative}.system .content .fir{width:100%;position:relative;margin-bottom:28px;overflow:hidden}.system .content .fir img{border-radius:10px}.system .content .fir .title{float:left;font-size:30px;font-family:Source Han Sans, Source Han Sans;font-weight:900;color:#3D3D3D;line-height:56px;display:flex;align-items:center}.system .content .fir .title::before{content:"";display:inline-block;width:6px;height:56px;margin-right:20px;background-color:#C70009}.system .content .fir .detail{float:right;position:relative;width:71.5rem;background:#F7F7F9;border-radius:10px 10px 10px 10px;overflow:hidden;right:0px;margin-top:69px}.system .content .fir .detail p{text-align:justify;width:508px;height:168px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:34px;margin:30px 0px 28px 43px}.system .content .fir .sys_pic{position:absolute;right:40px;top:0;z-index:3;width:500px;height:305px}.system .content .info{width:100%;height:550px;margin-top:28px;display:flex;justify-content:space-between;align-content:space-between;flex-wrap:wrap}.system .content .info a{width:32.3%;height:48%}.system .content .info div{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;transition:linear all 500ms;border:1px solid rgba(30,43,95,0.2);border-radius:10px 10px 10px 10px}.system .content .info div:hover{background:url(../imgs/home/bg.jpg) center center no-repeat;background-size:100% 100%;box-shadow:27px 21px 44px 0px rgba(24,35,80,0.18);background-blend-mode:multiply}.system .content .info div:hover span{color:#FFFFFF}.system .content .info div:hover span::before{content:'';display:inline-block;width:18px;height:18px;background:url("../imgs/home/info_new.png") center center no-repeat;background-size:100% 100%;position:absolute;left:-30px;top:50%;transform:translateY(-50%)}.system .content .info div:hover p{color:#FFFFFF}.system .content .info div:hover div{background:url("../imgs/home/info_to_yellow.png") center center no-repeat;background-size:100% 100%}.system .content .info div div{margin-left:46px;width:25px;height:15px;background:url("../imgs/home/info_to.png") center center no-repeat;background-size:100%;border:none}.system .content .info div span{position:relative;margin-left:46px;font-size:24px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#000000;line-height:46px}.system .content .info div p{margin-left:46px;width:316.21px;height:92px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:500;color:#000000;line-height:33px}.system .content .sec{width:100%;position:relative;margin-top:40px}.system .content .sec .title{float:right;font-size:30px;font-family:Source Han Sans, Source Han Sans;font-weight:900;color:#3D3D3D;line-height:56px;display:flex;align-items:center}.system .content .sec .title::after{content:"";display:inline-block;width:6px;height:56px;margin-left:20px;background-color:#C70009}.system .content .sec .detail{float:left;position:relative;width:71.5rem;background:#F7F7F9;border-radius:10px 10px 10px 10px;overflow:hidden;right:0px;margin-top:69px;margin-bottom:20px}.system .content .sec .detail p{text-align:justify;float:right;width:508px;height:168px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:34px;margin:30px 43px 28px 0px}.system .content .sec .sys_pic{position:absolute;left:40px;top:0;z-index:3;width:500px;height:305px}.system .content .technology{width:100%;height:700px;margin-top:28px;display:flex;justify-content:space-between;align-content:space-between;flex-wrap:wrap}.system .content .technology a{width:49.2%;height:48%}.system .content .technology .child{overflow:hidden;position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;transition:linear all 500ms;border-radius:10px 10px 10px 10px;background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.8) 100%),url(../imgs/home/dri1.jpg) center center no-repeat;background-size:100% 100%}.system .content .technology .child:hover{box-shadow:27px 21px 44px 0px rgba(24,35,80,0.18)}.system .content .technology .child:hover .tec_sp{bottom:62px}.system .content .technology .child:hover div{left:0px;bottom:12px}.system .content .technology .child .tec_more{position:absolute;font-size:14px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FCD106;margin-left:46px;border:none;transition:all linear 300ms;bottom:-100px}.system .content .technology .child .tec_more::after{content:"";display:inline-block;width:14px;height:8px;background:url("../imgs/home/info_to_yellow.png") center right no-repeat;background-size:100%;margin-left:9px}.system .content .technology .child .tec_sp{position:absolute;bottom:23px;margin-left:46px;transition:all linear 300ms}.system .content .technology .child .tec_sp span{font-size:36px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;transition:all linear 300ms}.system .content .technology .child .tec_sp p{width:550px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:500;color:#FFFFFF;transition:all linear 300ms;margin-top:17px}.system .content .technology .children2{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.8) 100%),url(../imgs/home/dri2.jpg) center center no-repeat;background-size:100% 100%}.system .content .technology .children3{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.8) 100%),url(../imgs/home/dri3.jpg) center center no-repeat;background-size:100% 100%}.system .content .technology .children4{background:linear-gradient(180deg, rgba(30,43,95,0) 0%, rgba(30,43,95,0.8) 100%),url(../imgs/home/dri4.jpg) center center no-repeat;background-size:100% 100%}.lab{width:100%;margin-top:50px}.lab .content{width:81.25rem;margin:0 auto;position:relative;overflow:hidden}.lab .content .team{display:flex;justify-content:space-between;align-items:center}.lab .content .team .lef{width:55.75rem;height:22.125rem;border-radius:35px;position:relative}.lab .content .team .lef p{position:absolute;z-index:3;top:0;left:0;width:399px;height:130px;font-size:30px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:130px;text-align:center;background:linear-gradient(132deg, rgba(53,76,150,0.67) 0%, rgba(62,87,170,0.45) 100%);border-radius:35px 0px 35px 0px}.lab .content .team .lef .lab3{position:absolute;right:0;width:100%;height:22.125rem !important}.lab .content .team .lef .lab3 .swiper{width:100%;height:100%;border-radius:35px;position:relative;bottom:0}.lab .content .team .lef .lab3 .swiper img{width:100%;height:100%;border-radius:35px}.lab .content .team .lef .lab3 .swiper .swiper-pagination{width:100px;height:6px;display:flex;position:absolute;top:94%;left:50%;z-index:3;margin-left:-50px;flex-direction:row;justify-content:space-between}.lab .content .team .lef .lab3 .swiper .swiper-pagination .swiper-pagination-bullet{width:26.89px;height:4px;background:black;border-radius:15px 15px 15px 15px}.lab .content .team .lef .lab3 .swiper .swiper-pagination .swiper-pagination-bullet-active{background:#FFFFFF}.lab .content .team .rig{width:20.8125rem;height:22.125rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:0px 0px 72px 0px}.lab .content .team .rig p{width:100%;height:75px;font-size:40px;font-family:Alimama ShuHeiTi, Alimama ShuHeiTi;font-weight:700;color:#E8EBF1;line-height:38px;letter-spacing:2px}.lab .content .team .rig img{width:100%;height:255px;border-radius:35px}.lab .content .t_l{width:100%;position:relative;margin-top:73px}.lab .content .t_l .two_active{position:relative;color:#C70009 !important}.lab .content .t_l .tag{width:71.1875rem;padding-left:42px;position:relative;background-color:#F7F7F9;border-radius:10px 10px 10px 10px}.lab .content .t_l .tag .two_new{width:639px;padding-top:36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E5E5E5}.lab .content .t_l .tag .two_new ul{width:260px;display:flex;align-items:center;position:relative;justify-content:space-between}.lab .content .t_l .tag .two_new ul li{cursor:pointer;font-size:24px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#3D3D3D;line-height:56px}.lab .content .t_l .tag .two_new ul .change_li{position:absolute;width:32px;height:5px;border-radius:49px 21px 0px 0px;background-color:#C70009;left:8px;bottom:0;transition:all linear 200ms}.lab .content .t_l .tag .two_new img{display:block;height:40px}.lab .content .t_l .tag .article_content{width:639px;height:301px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#787878;line-height:37px;padding:12px 0px 12px 0px;text-align:justify;overflow-y:auto;padding-right:10px}.lab .content .t_l .tag .article_content::-webkit-scrollbar{width:6px;border-radius:171px 171px 171px 171px}.lab .content .t_l .tag .article_content::-webkit-scrollbar-thumb{background-color:#bf464c;border-radius:10px}.lab .content .t_l .tag .article_content::-webkit-scrollbar-track{background:linear-gradient(180deg, #F0F0F0 0%, rgba(240,240,240,0) 100%);border-radius:171px 171px 171px 171px}.lab .content .t_l .tag .article_content div{display:block;font-size:14px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;line-height:30px;margin-top:20px;cursor:pointer}.lab .content .t_l .tag .article_content div::after{content:"";display:inline-block;width:14px;height:8px;background:url(../imgs/home/info_to.png) center right no-repeat;background-size:100%;margin-left:9px}.lab .content .t_l .lab3{position:absolute;top:-30px;right:0;width:584px;height:471px !important}.lab .content .t_l .lab3 .swiper{width:100%;height:100%;border-radius:10px 10px 10px 10px}.lab .content .t_l .lab3 .swiper img{border-radius:10px 10px 10px 10px}.lab .content .t_l .lab3 .swiper .swiper-pagination{width:100px;height:6px;display:flex;position:absolute;top:440px;left:50%;z-index:3;margin-left:-50px;flex-direction:row;justify-content:space-between}.lab .content .t_l .lab3 .swiper .swiper-pagination .swiper-pagination-bullet{width:26.89px;height:4px;background:black;border-radius:15px 15px 15px 15px}.lab .content .t_l .lab3 .swiper .swiper-pagination .swiper-pagination-bullet-active{background:#FFFFFF}.lab .content .technology{width:100%;margin-top:60px;display:flex;justify-content:space-between;align-content:space-between;flex-wrap:wrap}.lab .content .technology a{width:49.2%;height:356px;margin-top:20px}.lab .content .technology .child{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;transition:linear all 500ms;border-radius:10px 10px 10px 10px;margin-top:20px;overflow:hidden}.lab .content .technology .child a{display:block}.lab .content .technology .child:hover{box-shadow:27px 21px 44px 0px rgba(24,35,80,0.18)}.lab .content .technology .child:hover span{bottom:125px}.lab .content .technology .child:hover div{bottom:12px}.lab .content .technology .child:hover p{bottom:42px}.lab .content .technology .child div{position:absolute;font-size:14px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FCD106;margin-left:23px;border:none;transition:linear all 500ms;bottom:-200px}.lab .content .technology .child div::after{content:"";display:inline-block;width:14px;height:8px;background:url("../imgs/home/info_to_yellow.png") center right no-repeat;background-size:100%;margin-left:9px}.lab .content .technology .child span{position:absolute;margin-left:23px;font-size:18px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#FFFFFF;line-height:26px;width:100%;bottom:30px;transition:linear all 200ms}.lab .content .technology .child p{position:absolute;transition:linear all 500ms;margin-left:23px;width:550px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-family:Source Han Sans, Source Han Sans;font-weight:400;color:#FFFFFF;line-height:24px;margin-top:24px;bottom:-200px}.fenge{width:100%;height:23px;margin-top:40px;display:flex;justify-content:center;align-items:center}.fenge .more{font-size:16px;font-family:Source Han Sans, Source Han Sans;font-weight:700;color:#C70009;display:flex;align-items:center;height:23px;cursor:pointer;border:none;padding:0px;margin-left:15px}.fenge .more::after{content:"";width:29px;height:10px;display:inline-block;background:url("../imgs/home/red_more.png") no-repeat;background-size:contain;margin-left:7px}.fenge .lef,.fenge .rig{width:48%;height:2px;background:linear-gradient(to right, #fff, #C70009)}.fenge .rig{background:linear-gradient(to right, #C70009, #fff)}
|
