*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{ margin:0px; padding:0px; font-size:12px;font-family:"font1","微软雅黑","黑体";color:#00242c;line-height:1.1; background:#FFF;min-width: 1240px;} ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;} input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; } ul,li{ list-style:none} img{border:0px; padding:0px; display: block;max-width: 100%;} a{ color:#00242c; text-decoration:none} h2,h3,h4,b,strong { font-weight: normal; } em,i { font-style: normal; } .clear{ zoom: 1; } .clear:after { content: ''; display: block; clear: both; } .fl { float:left} .fr { float:right} @font-face { font-family:font1; src: url("../fonts/RANY.OTF");} @font-face { font-family:font2; src: url("../fonts/RANY-BOLD.OTF");} .mySwiper-h{height: 100vh;overflow: hidden;} /* 最后一屏：高度按内容滚动，至少一屏高，底部版权贴近浏览器底部 */ .mySwiper-h .swiper-slide:last-child{ height: auto; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; } .mySwiper-h .swiper-slide:last-child .footer{ margin-top: auto; } .pdtc-h100{height: 100vh;display: flex;align-items: center;width: 100%;justify-content: center;} .header{position: fixed;z-index: 100;background: #fff;width: 100%; top: 0;left: 0;transition: transform 0.3s ease-in-out;} .header.hide{transform: translateY(-100%);} .headerbox{margin: 0 auto;width: 90%; padding-top: 22px;} .header-top{display: flex;justify-content: space-between;} .logo{width: 236px;} .logo img{width: 100%;} .top-right ul{display: flex;gap:10px;} .botton1{display: block;width: 134px;height: 36px;border-radius: 18px;background: #2250e3; padding: 0 15px;display: flex;justify-content: space-between;align-items: center;color: #fff; margin-right: 5px;font-size: 16px;font-family: font2;} .botton2{display: block;width: 36px;height: 36px;background: #eeeeee;border-radius: 50%; display: flex;justify-content: center;align-items: center;} .yznr{height: 36px;width: 70px; perspective-origin: right;border-radius: 18px; padding-left: 17px;cursor: pointer;position: relative;background: #eee;} .yznr p{font-size: 16px; line-height: 36px;color: #666666;border-radius: 18px;} .yznr b{background: url(../images/a_21.png);width: 11px;height: 6px;position: absolute;right: 13px;top: 15px;transition: all .5s;} .yznr dl{position: absolute;top: 36px;left: 0;width: 100%; border-radius: 18px;overflow: hidden;background: #eee; padding: 10px 0;display: none;z-index: 10;} .yznr dl dt{line-height: 22px;text-align: center;} .yznr dl dt a{display: block;text-align: center;font-size: 14px;color: #666;} .yznr dl dt a:hover{color: #2250e3;} .top-right{display: flex;gap:23px;} .yznr:hover dl{display: block;} .yznr:hover b{transform: rotate(180deg);} .header-bottom{display: flex;justify-content: space-between;align-items: center;} .ssbox{width: 340px;height: 36px;border: 1px solid #dedede;border-radius: 18px;position: relative;} .wby1{width: 100%;height: 34px; line-height: 34px; padding: 0 20px; } .botton2{transition: all .5s;} .botton2:hover{background: #2250e3;} .botton2:hover img{filter: brightness(0) invert(1);} .botton3{position: absolute;cursor: pointer; background: url(../images/a_32.png);width: 14px;height: 14px; top: 50%;transform: translateY(-50%); right: 14px;border: none;} .nav ul{display: flex;gap:50px;} .nav li{ position: relative;} .nav li h3{line-height: 66px;font-size: 16px;display: flex;align-items: center;gap:14px;} .nav li h3 a{color: #333333;font-family: font2;} .nav li b{width: 11px;} .nav li b img{width: 100%;filter:grayscale(100%);} .nav li.cur h3 a{color: #2250e3;} .nav li.cur h3 b img{filter:grayscale(0);} .nav ul li:nth-child(1) .sub{left: 0;transform: translateX(0);} .nav ul li:nth-child(5){ padding-right: 185px;} .sub{position:absolute; top: 66px;left: 50%;transform: translateX(-50%); width: 660px; padding-top: 3px;z-index: 100;display: none;} .subbox{display: flex;justify-content: space-between;flex-wrap: wrap;background: #fff;border-radius: 9px;overflow: hidden; } .sub-left{width: 260px;padding: 28px 35px;} .sub-left dt{font-size: 16px; line-height: 30px;} .sub-left dt a{color: #666;transition: all .5s;} .sub-left dt a:hover{color: #2250e3;} .sub-left dt.cur a{color: #2250e3;} .sub-right{width: calc(100% - 260px);background: #f6f9f4; padding: 0 45px 45px 45px;} .sub-right h2{font-size: 18px; padding: 45px 0 23px; color: #222222;border-bottom: 1px solid #dedede;} .sub-right dl{padding-top: 20px;} .sub-right dt{font-size: 16px; line-height: 18px; padding: 6px 0;} .sub-right dt a{color: #666;transition: all .5s;} .sub-right dt a:hover{color: #2250e3;} .sub_tab{animation: fadeIn 1s 1;} .banner{overflow: hidden; border-radius: 0 0 50px 50px; position: relative;width: 100%;height: 100vh;} .banner-box {position:relative;height: 100vh;width: 100%;overflow: hidden;} .banner-box img{width: 100%;height: 100%; object-fit: cover;} .banner-text{width: 100%;left: 0;top: 50%;transform: translateY(-50%); position: absolute;} .banner-text h2{color: #fff;font-size: 48px;text-align: center;text-transform: uppercase;line-height: 1.3;font-family: font2;letter-spacing: 3px;} .banner .swiper-button-next{width: 60px;height: 60px;border: 1px solid #fff; border-radius: 50%; margin-top: -30px;background: url(../images/a_01.png) no-repeat center center;transition: all .5s; opacity: 0.5;} .banner .swiper-button-prev{width: 60px;height: 60px;border: 1px solid #fff; border-radius: 50%; margin-top: -30px;background: url(../images/a_61.png) no-repeat center center; opacity: .5;transition: all .5s;} .banner :after,.banner .swiper-button-prev:after{font-size: 0;} .banner .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .banner .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .banner .swiper-slide img{width:100%;height:auto;min-height:100%; transition:1s linear 2s;transform:scale(1.1,1.1);} .banner .swiper-slide-active{z-index: 10;} .banner .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;z-index: 10;transform:scale(1,1);z-index: 10;} .csbtn{position: absolute;width: 17px; cursor: pointer; left: 50%;transform: translateX(-50%);bottom: 25px;z-index: 110;} .csbtn img{width: 100%;} .glob-title{text-align: center;padding: 120px 0 86px;width: 90%;margin: 0 auto;} .glob-title h2{font-size: 58px;color: #0e62ed;font-family: font2;line-height: 1.2;} .glob-title h2 b{color: #91e600;} .glob-title p{font-size: 16px; line-height: 1.5; margin-top: 20px;color: #666666;font-family: font2;} .glob-content{position: relative;-index: 100;width: 70%; padding-top: 4vh;} .glob-content img{margin: 0 auto;} .glob-content .swiper{height: 220px;} .glob-content .swiper-button-next{width: 90px;height: 90px; border-radius: 50%; margin-top: 0;background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s;top: auto;bottom: -200px;right: 0px; border: 2px solid #f4f4f4;} .glob-content .swiper-button-prev{width: 90px;height: 90px; border-radius: 50%; margin-top: 0;background: url(../images/a_02.png) no-repeat center center #fff; transition: all .5s;left: auto;bottom: -200px;right: 100px;top: auto;border: 2px solid #f4f4f4;} .glob_wb{position: relative;height: 550px;background: url(../images/a_90.png) no-repeat left center;display: flex;justify-content: center;align-items: center;background-size: 100% auto;} .glob-content :after,.glob-content .swiper-button-prev:after{font-size: 0;} .glob-content .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;border: 2px solid #2250e3;} .glob-content .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;border: 2px solid #2250e3;} .glob-content p{font-size: 16px;text-align: center; line-height: 24px;margin:30px 0 0;text-transform: uppercase;color: #666666;} .zznr{position: absolute;width: 100%;height: 100%;z-index: 100;left: 0;top: 0; background-image: linear-gradient(to right, #fff 60% , transparent);} .bj2{position: relative; margin-top: 80px;} .acco:before{position: absolute;content: "";width: 100%;height: 100%;background: url(../images/a_08.png) no-repeat center center;background-size: auto 100%;left: 0;top: 0;} .acco{ padding-bottom: 45px; margin: 0 auto 70px auto; position: relative;} .acco-title h2{font-size: 60px;color: #0e62ed;padding: 80px 0 40px;text-align: center;text-transform: uppercase;font-family: font2;} .acco-content{width: 90%;margin: 0 auto;} .accobox{position: relative;} .accobox-img{border-radius: 10px;} .accobox-img img{width: 100%; object-fit: cover;aspect-ratio: 330 / 450;border-radius: 10px;transition: all .8s;} .acco-content ul{display: flex;gap:27px;} .acco-content li{width: calc(25% - 81px/4);} .btn1{position: absolute;width: 260px;height: 60px;left: 17px;bottom: 17px;border-radius: 30px;display: flex;gap:13px;color: #91e600;font-size: 18px;background: #fff; padding: 0 10px;align-items: center;transition: all .8s;overflow: hidden;} .btn1 b{width: 14px;height: 14px;border-radius: 50%;background: #91e600;position: relative;transition: all .5s;} .btn1 b:before{position: absolute;content: "";width: 28px;height: 23px;background-size: 100% 100%;left:50%; top:50%; transform:translate(-50%,-50%);opacity: 0;} .accobox span{display: block;position: absolute;width: 100px;height: 100px; display: flex;justify-content: center;align-items: center;background: #0e62ed;border-radius: 50%;top: 0;right: 0;opacity: 0;transition: all .5s;font-weight: bold;} .accobox span img{width: 85%;} .acco-content{padding-bottom: 53px;} .acco-content a:hover span{opacity: 1;} .acco-content a:hover .accobox-img img{border-radius: 10px 140px 10px 10px;} .acco-content a:hover .btn1 b{width: 42px;height: 42px;} .acco-content a:hover .btn1 b:before{opacity: 1;} .btn1:before{position: absolute;content: "";top: 0;background: #2250e3;width: 0;height: 100%;border-radius: 30px;left: 0;transition: all 1s;} .accobox:hover .btn1:before{width: 100%;} .accobox:hover .btn1{color: #fff;background: rgba(255,255,255,0);} .accobox em{position: relative;z-index: 10;} .btn4{display: flex;position: relative; margin: 0 auto;width: 200px;height: 60px;border-radius: 30px;transition: all .5s; padding: 0 5px;justify-content: space-between;align-items: center;font-size: 18px;color: #fff;background: #2250e3; position: relative;overflow: hidden;} .btn4 b{background: url(../images/a_10.png);width: 50px;height: 50px;border-radius: 50%;background-size: 100%;position: relative;z-index: 10;} .btn4 span{padding-left: 25px;position: relative;z-index: 10;} .btn4:hover{background: #91e600;} .bj3{position: relative;display: flex;justify-content:center;align-items: center;height: 80vh;margin-top: 10vh;background: url(../images/a_12.png) no-repeat right center;background-size: 100% auto;} .Producta{width: 70%;margin: 0 auto; position: relative;z-index: 10;} .Producta-title{padding: 120px 0 30px;text-align: center;} .Producta-title h2{font-size: 60px;color: #0e62ed; margin-bottom: 30px;text-transform: uppercase;font-family: font2;} .Producta-title ul{display: flex;justify-content: center;gap:70px;} .Producta-title a{display: block;font-size: 18px;color: #666;transition: all .5s;font-family: font2;} .Producta-title li.cur a{color: #0e62ed;} .Producta-title a:hover{color: #0e62ed;} .Producta-content{position: relative; padding-bottom: 150px;} .Producta-content .swiper{height: 500px;} .Product-img{overflow: hidden; position: relative;border-radius: 10px; position: relative;z-index: 10;} .Productbox{cursor: pointer; position: relative;border-radius: 10px;background: #fff; margin-top: 25px;} .Productbox:before{position: absolute;width: 100%;height: 50%;left: 0;bottom: 0;border-radius: 10px;background: #f4f4f4;content: "";transition: all .4s;} .Product-img img{width: 100%;object-fit: cover;aspect-ratio: 330 / 367;} .Product-text{position: absolute;z-index: 11;width: calc(100% - 40px);bottom: 0;left: 50%;transform: translateX(-50%); padding: 25px;border-radius: 10px;bottom: 0;transition: all .6s;} .Product-text h2{font-weight: bold;font-size: 18px;color: #222222;line-height: 24px;margin-bottom: 15px;transition: all .6s;} .Product-text a{font-size: 14px;color: #91e600;transition: all .6s;} .Productbox:hover:before{height: 100%;} .Productbox:hover .Product-text{bottom: 20px;background:url(../images/a_57.png) no-repeat right center #0e62ed;} .Productbox:hover .Product-text a{color: #fff;} .Productbox:hover .Product-text h2{color: #fff;} .Productbox:hover .Product-rmbt{opacity: 1;} .Productbox:hover .xzbtoont{opacity: 1;} .Product-rmbt{position: absolute;top: 25px;left: 20px;z-index: 11; background: #fff;border-radius: 30px; padding: 0 15px;transition: all .4s; opacity: 0;} .Product-rmbt ul{display: flex;justify-content: center;align-items: center;gap:17px;height: 60px;} .Product-rmbt img{transition: all .4s;} .Product-rmbt a:hover img{transform: translateY(-3px);} .xzbtoont{position: absolute;width: 100px;height: 100px;border-radius: 50%;background: #0e62ed;display: flex;justify-content: center;align-items: center;right: 0;top: -25px;transition: all .5s 1s, opacity .5s 0.3s; opacity: 0;z-index: 10;padding: 5px;} .xzbtoont img{animation: rotate 1.8s linear infinite;width: 95%;} .Producta-content .swiper-button-next{width: 90px;height: 90px; border-radius: 50%; margin-top: 0;background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s;top: auto;bottom: 0;right: auto;left: 100px;border: 2px solid #f4f4f4; } .Producta-content .swiper-button-prev{width: 90px;height: 90px; border-radius: 50%; margin-top: 0;background: url(../images/a_02.png) no-repeat center center #fff; transition: all .5s;left:0;bottom: 0;top: auto;border: 2px solid #f4f4f4;} .Producta-content :after,.glob-content .swiper-button-prev:after{font-size: 0;} .Producta-content .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;border: 2px solid #2250e3;} .Producta-content .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;border: 2px solid #2250e3;} .pere{margin: 0 auto;max-width: 85%; } .pere-title{text-align: center;padding: 140px 0 45px;} .pere-title h2{font-size: 60px;color:#0e62ed; margin-bottom: 40px;text-transform: uppercase;font-family: font2;letter-spacing: 3px;} .pere-title ul{display: flex;justify-content: center;gap:70px;} .pere-title a{display: block;font-size: 18px;color: #666;transition: all .5s;font-family: font2;} .pere-title li.cur a{color: #0e62ed;} .pere-title a:hover{color: #0e62ed;} .pere-nr ul{display: flex;gap:15px; flex-wrap: wrap; padding-bottom: 60px;} .pere-nr li{width: calc(33.333% - 30px/3);overflow: hidden;} .perebox{position: relative;} .pere-img{position: relative;overflow: hidden;border-radius: 10px;transition: all .8s;} .pere-img img{width: 100%; border-radius: 10px;object-fit: cover;aspect-ratio: 564 / 318;transition: a11 1s;} .pere-text{position: absolute;width: 100%; padding: 40px 50px 40px 70px;left: 0;bottom: 0;background:url(../images/a_58.png) no-repeat right bottom #0e62ed;border-radius: 160px ;top: 100%;transition: .6s;background-size: 100% auto;} .pere-text h2{font-size: 24px; line-height: 1.2;color: #fff;} .pere-text p{font-size: 18px;color: #fff;margin-top: 10px;} .perebox span{opacity: 0; transition: all .5s 1s, opacity .5s 0.3s;} .perebox span{width: 100px;height: 100px;border-radius: 50%;position: absolute;z-index: 10; right: 0;bottom: 0; background: #fff;display: flex;justify-content: center;align-items: center;} .pere-nr ul li span img{width: 86px;height: 86px;animation: rotate 1.5s linear infinite;} .pere-nr li a:hover .pere-img img{border-radius: 160px;} .pere-nr li a:hover .pere-text{top: 40%; } .pere-nr li a:hover span{ opacity: 1;} .pere-nr li a:hover .pere-img{border-radius: 160px;} .contect{margin:-160px auto 0 auto;width: 85%; background: url(../images/a_75.png) no-repeat center center; background-size: 100% 100%; position: relative;z-index: 10;} .contectbox{display: flex;justify-content: space-between;align-items: center; position: relative;padding: 70px 110px;} .cont-left h2{font-size: 60px;font-weight: bold;color: #ffff;} .cont-left p{color: #fff;font-size: 24px;margin-top: 15px;} .cont_right{position: relative;z-index: 10;} .cont_right ul{display: flex;gap:10px;} .cont_right a{display: flex; width: 250px; line-height: 80px; position: relative;border-radius: 40px;background: #fafafa; padding: 0 23px;font-size: 18px;color: #949494;justify-content: space-between;align-items: center;overflow: hidden;} .cont_right span{position: relative;z-index: 10;} .cont_right b{position: relative;z-index: 10;} .cont_right b img{transition: all .5s;} .cont_right a:before{position: absolute;content: "";height: 100%; width: 0;border-radius: 40px;background: #91e600;top: 0;left: 0; transition:all 1s;} .cont_right a:hover{color: #fff;} .cont_right a:hover:before{width: 100%;} .cont_right a:hover img{filter: brightness(0) invert(1);} .footer{background: url(../images/a_15.png) no-repeat center center;background-size: cover;border-radius: 10px 10px 0 0;} .footerbox{width: 70%;margin: -100px auto 0 auto; } .foot-top{display: flex;justify-content: space-between;padding: 210px 0 10px;flex-wrap: wrap;} .foot-left{width: calc(100% - 610px);} .foot-left ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .foot-left h2{color: #fff;font-weight: bold;font-size: 18px;margin-bottom: 40px;} .foot-left dt{font-size: 16px; line-height: 1.25; margin-bottom: 30px;} .foot-left dt a{color: #fff;transition: all .5s;} .foot-left dt a:hover{color: #0e62ed;height: 4.8em;} .foot_right{width: 415px;} .foot_right h2{font-size: 36px;color: #fff;font-family: font2;} .foot_right p{font-size: 24px;color: #fff;margin: 20px 0 50px;font-family: font2;} .foot_right li{display: flex;justify-content: space-between;padding-bottom: 23px;} .foot_right b{color: #fff;font-size: 18px;line-height: 1.5;width: calc(100% - 50px);} .foot_right ul li:nth-child(1){ align-items: center;} .foot_right ul li:nth-child(2){ align-items: center;} .bqxx{padding: 50px 0 65px;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255,255,255,.2);} .bqxxleft ul{display: flex;gap:10px;} .bqxxright p{font-size: 16px;color: #fff; opacity: 0.55;} .botton5{transition: all .5s;width: 44px;position: relative;width: 44px;height: 44px;display: block; border-radius: 50%; background: #fff;} .botton5 img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);transition: all .5s;} .botton5:hover{background: #2250e3;} .botton5:hover img{filter: brightness(0) invert(1);} /*news*/ .banner1{position: relative;overflow: hidden;} .banner1 img{width: 100%;} .banner1_text{position: absolute;width: 100%; left: 0;top: 50%;transform: translateY(-50%);} .banner1_text h2{color: #fff;font-size: 60px;text-align: center;font-family: font2;} .wz1400{width: 70%; margin: 0 auto;} .fmss{padding: 125px 0 35px;display: flex;justify-content: space-between;align-items: center;} .fmssleft ul{display: flex;gap:65px;} .fmssleft li a{color: #91e600;font-size: 16px;transition: all .5s;} .fmssleft li.cur a{color: #2250e3;} .fmssleft a:hover{color: #2250e3;} .mfssright{width: 550px;height: 60px;background: #fff;border-radius: 8px; position: relative;} .wby2{height: 60px; line-height: 60px; width: 100%; padding: 0 25px;font-size: 18px;font-family: font1;} .btn5{cursor: pointer;background: url(../images/a_19.png) no-repeat center center;width: 19px;height: 19px;border: none; position: absolute;right: 25px;top: 50%;transform: translateY(-50%);background-size: 100%;} .news-list{padding-bottom:148px;} .news-list li{padding-bottom: 20px;} .newsbox{border-radius:8px; padding: 30px;background:#fff;display: flex;justify-content: space-between;flex-wrap: wrap;} .news-right{width: 320px;border-radius: 8px; overflow: hidden;} .news-right img{width: 100%; object-fit: cover;aspect-ratio: 320 / 180;transition: all .8s;} .news-left{width: calc(100% - 430px);display: flex;justify-content: space-between;flex-wrap: wrap;} .news-rq{width: 245px; padding: 25px 0 0 15px;} .news-rq h2{font-size: 18px;color: #222222;margin-bottom: 8px;font-family: font2;} .news-rq p{font-size: 18px;color: #999999;} .news-text{width: calc(100% - 245px); padding-top: 15px;} .news-text h2{font-size: 24px;line-height: 1.6;color: #222222;transition: all .5s; margin-bottom: 50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news-text a{font-size: 16px;color: #91e600;transition: all .5s; } .news-text a:hover{letter-spacing:3px;} .newsbox:hover .news-right img{transform: scale(1.1);} .pone ul{display: flex;justify-content: center;align-items: center;gap:15px; padding-bottom: 105px;} .pone a{display: block;text-align: center; line-height: 48px;width: 48px;border-radius: 50%; font-size: 18px;color: #999; font-weight: bold;transition: all .5s;height: 48px;} .pone span{font-size: 18px;color: #999; font-weight: bold;} .pone a:hover{background-color: #2250e3;color: #fff;} .pone li.cur a{background-color: #2250e3;color: #fff;} .pone a.prev{background: url(../images/a_20.png) no-repeat center center;} .pone li:nth-child(1) a:hover{background: url(../images/a_02.png) no-repeat center center;} .pone a.next{background: url(../images/a_22.png) no-repeat center center;} .pone li:last-child a:hover{background: url(../images/a_04.png) no-repeat center center;} .newsbox:hover .news-text h2{color: #2250e3;} /*news-xq*/ .h119{height: 119px;} .fynr{padding: 20px 0 70px;} .fynr p{display: flex;gap:17px;font-size: 18px;align-items: center;} .fynr p a{color: #999;transition: all .5s;} .fynr p a:hover{color: #2250e3;} .fynr p span{display: block;background: url(../images/a_22.png);width: 10px;height: 12px;background-size: 100% 100%;} .news-content{display: flex;justify-content: space-between;flex-wrap: wrap; padding-bottom: 300px;align-items: flex-start; } .news-xqleft{width: calc(100% - 380px);border-radius: 8px;background:#fff ; padding: 0 30px 60px 30px;} .wzxq_title{padding: 20px 0 18px;border-bottom: 1px solid #dedede;} .wzxq_title h2{font-size: 30px; line-height: 1.6;color: #2250e3; margin-bottom: 28px;font-family: font2;} .fxbox{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;font-size: 18px;color: #999999;} .wzxq_title ul{display: flex;align-items: center;gap:20px;} .wzxq_title li img{transition: all .5s;height: 20px;} .wzxq_title li a:hover img{opacity: .6;} .wzxq-content{padding: 50px 0 30px;} .wzxq-content p{font-size: 18px; line-height: 30px;color: #666666;} .wzxq-content img{max-width: 100%; margin: 25px auto 37px auto;} .wzfyxq li{margin-bottom: 10px;border-radius: 8px; padding: 22px 28px; font-size: 18px; line-height: 1.5;color: #222222;background: #f3f5fa;} .wzfyxq li a{color: #666666;transition: all .55s;} .wzfyxq li a:hover{color: #2250e3;} .news-xqright{width: 360px;border-radius: 8px;background:#fff; padding: 0 20px;} .news-xqright h1{font-size: 24px;color: #2250e3;padding: 25px 0;font-family: font2;} .news-xqright li{padding-bottom: 38px;} .news-how span{display: block;overflow: hidden;border-radius: 8px;} .news-how span img{width: 100%; object-fit: cover;aspect-ratio: 320 / 180;transition: all .5s;} .howtext{padding-top: 15px;} .howtext h2{font-size: 16px;color: #666;line-height: 1.5;transition: all .4s;} .howtext p{font-size: 16px;margin-top: 20px;color: #666;transition: all .4s;} .news-how a:hover img{transform: scale(1.1);} .news-how a:hover h2{color: #2250e3;} .news-how a:hover p{color: #91e600;} /*Contact*/ .contact{ padding-bottom: 325px;} .contact-title{text-align: center; padding: 108px 0 93px;} .contact-title h2{line-height: 1.3;font-size: 48px;color: #91e600;font-family: font2;} .contact-nr{display: flex;justify-content: space-between;flex-wrap: wrap;} .contact-left{width: 48.5%;} .contact-left ul{display: flex;justify-content: space-between; padding-bottom: 85px;} .contact-left a{display: block;position: relative;width: 80px;aspect-ratio: 16 / 16;border-radius: 50%; position: relative;transition: all .5s;background: #2250e3;height: 80px;} .contact-left a:hover{background: #91e600;} .contact-left li a img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .contact-left dt{padding-bottom: 57px;} .contact-left dt h2{font-size: 36px;margin-bottom: 10px;color: #2250e3;font-family: font2;} .contact-left p{font-size: 16px; line-height: 24px;color: #222222;} .contact-left h4{font-size: 36px;color: #2250e3;font-family: font2;} .contact-right{width: 40%;} .contr_top h2{font-size: 24px;margin-bottom: 30px;color: #2250e3;font-family: font2;} .contr_top ul{display: flex;gap:10px;} .contr_top li{width: calc(33.33% - 20px/3);} .contr_top span{display: block;text-align: center;border-radius: 8px;background: #fff; font-size: 16px; line-height: 60px;color: #91e600;cursor: pointer;} .contr_top li.cur span{color: #fff;background: #2250e3; box-shadow:0 0 10px rgba(0, 0, 0, .1); } .contr-bottom h2{font-size: 24px;color: #2250e3;margin: 50px 0 25px;font-family: font2;} .contr-bottom li{ padding-bottom: 10px;} .contr-bottom li:last-child{ padding: 0;} .wby3{background: #fff;width: 100%;border-radius: 8px; padding: 0 20px;height: 60px;line-height: 28px;font-size: 16px;border: 1px solid #e3e7f4;font-family: font1;font-size: 16px;} .wby3::-webkit-input-placeholder{color:#e3e7f4;} .wby4{background: #fff;width: 100%;border-radius: 8px; padding:20px;height: 215px;line-height: 28px;font-size: 16px;border: 1px solid #e3e7f4;font-family: font1;font-size: 16px;} .wby4::-webkit-input-placeholder{color:#e3e7f4;} .btn6{width: 160px;height: 60px;background: #2250e3;border-radius: 8px;border: none;cursor: pointer;font-weight: bold;font-size: 16px;color: #fff;margin-top: 48px;transition: all .5s;} .btn6:hover{background: #91e600;} /*4-1Authentication*/ .csbj{background: url(../images/tt1.png) no-repeat center top;} .Authentication-title {padding: 105px 200px 30px 200px;text-align: center;} .Authentication-title h2{line-height: 1.3; font-size: 48px;color: #91e600;font-family: font2;} .Authentication-title span:nth-child(4){ display: inline-block; padding-right: 10px;} .Authentication-title span:nth-child(9){ display: inline-block; padding-right: 10px;} .Authentication-title span:nth-child(12){ display: inline-block; padding-right: 10px;} .Authentication-title span:nth-child(27){ display: inline-block; padding-right: 10px;} .Authentication-title span:nth-child(40){ display: inline-block; padding-right: 10px;} .Authentication-title span:nth-child(55){ display: inline-block; padding-right: 10px;} .Authentication-nr{padding-bottom: 300px;} .Authentication-nr ul{display: flex;gap:10px;flex-wrap: wrap;padding-bottom: 100px;position: relative;} .Authentication-nr ul:before{position: absolute;content: "";width: 1730px;bottom: 0;left: 50%;transform: translateX(-50%);background: url(../images/a_33.png) no-repeat center bottom;background-size: 100% auto;height: 146px;z-index: -1;} .Authentication-nr li{border-radius: 8px;background: #fff; width: calc(16.66% - 50px/6); padding: 45px 0;} .Authentication-nr p{text-align: center;font-size: 18px;color: #222222;line-height: 1.5; margin-top: 30px;transition: all .5s;} .Authentication-nr img{height: 100px;margin: 0 auto;transition: all 0.9s;} .Authentication-box{position: relative;z-index: 100;} .Authentication-box:hover img{transform: scale(1.15);} .Authentication-box:hover p{color: #91E600;} /*4-2Authentication*/ .Authentication-title{padding: 110px 0 45px 0;text-align: center;} .Authentication-title h2{line-height: 1.3; font-size: 48px;color: #91e600;font-family: font2;} .Authentication-nr2 ul{display: flex;flex-wrap: wrap;gap:25px; padding-bottom: 300px;} .Authentication-nr2 li{width: calc(33.333% - 50px/3);} .Authentication-nr2 p{font-size: 18px;line-height: 1.6;text-align: center;color: #222222; margin: 20px 0; height: 3.2em;align-items: center;justify-content: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all .5s;} .Authentication-nr2 span{display: block;border-radius: 8px; overflow: hidden;} .Authentication-nr2 img{width: 100%; object-fit: cover;transition: all 1s;} .Authentication-nr2 a:hover img{transform: scale(1.05);} .Authentication-nr2 a:hover{color: #91E600;} /*After-Sale*/ .After{padding-bottom: 300px;} .After-title ul{display: flex;gap:10px; padding: 120px 0 40px;} .After-title span{display: block;font-size: 18px;font-weight: bold;color: #91e600;border-radius: 8px; line-height: 60px; padding: 0 50px;cursor: pointer;background: #fff;} .After-title li.cur span{color: #fff;background: #2250e3;} .After-box{background:#f7f8fc;border-radius: 8px; padding: 0 40px 30px 40px;} .After-top{padding:35px 0 25px;} .After-top h2{line-height: 1.6;font-size: 36px;color: #2250e3;margin-bottom: 0px;font-family: font2;} .After-top p{font-size: 16px; line-height: 1.6;color: #666666;} .After-bottom{padding-bottom: 20px;} .After-list{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;background: #fff;border-radius: 8px;} .After-bottom li{padding-bottom: 20px;} .After-img {width: 400px;overflow: hidden;border-radius: 8px;} .After-img img{width: 100%;object-fit: cover;aspect-ratio: 4 / 2;} .After-text{width: calc(100% - 440px); padding-right: 40px;} .After-text h2{font-size: 24px;color: #2250e3;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom: 15px;font-family: font2;} .After-text p{font-size: 16px;color: #666666;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .After-qh{animation: fadeIn 1s 1; padding-right: 45px;} .After-bottom a:hover p{color: #2250e3;} /*Project*/ .Project{padding-bottom: 300px;} .Project-title{padding: 120px 0 40px;} .Project-title ul{display: flex;gap:25px;} .Project-title li{width: calc(33.333% - 50px/3);} .Projectbox{height: 60px; border-radius: 8px;background: #fff; position: relative;z-index: 55;} .Projectbox p{font-size: 18px;padding: 0 30px;line-height: 60px;color: #999; cursor: pointer;} .Projectbox p span{color: #2250e3;} .Projectbox p b{position: absolute;background: url(../images/a_35.png);width: 11px;height: 7px;background-size: 100% 100%;top: 50%;transform: translateY(-50%);right: 30px;} .projbox{position: absolute;width: 100%; left: 0;top: 70px;background: #fff;border-radius: 5px; padding: 10px;z-index: 10;display: none;} .projbox dt{border-radius: 8px; line-height: 60px; padding: 0 40px; font-size: 18px;color: #2250e3;transition: all .5s;cursor: pointer;} .projbox dt:hover{background: #2250e3;color: #fff;} .tplist ul{display: flex;gap:25px; flex-wrap: wrap;} .tplist li{width: calc(33.333% - 50px/3);} .tpbox{position: relative;border-radius: 8px; overflow: hidden;} .tp-img{position: relative;} .tp-img:before{position: absolute;content: "";height: 60%;left: 0;bottom: 0; background-image: linear-gradient(transparent 20%, #2250e3);width: 100%;z-index: 10; opacity: 0;transition: all .4s;} .tp-img img{width: 100%; object-fit: cover;transition: all .5s;aspect-ratio: 450 / 253;} .tpbox span{width: 50px;border-radius: 50%; position: absolute;left: 20px;top: 20px;z-index: 10;} .tpbox span img{aspect-ratio: 50 / 50;} .tptext{position: absolute;width: 100%; padding:20px;left: 0;bottom: 0; opacity: 0;z-index: 11;transition: all .6s;} .tptext h2{font-size: 24px;color: #fff;line-height: 1.6;font-family: font2;} .tptext p{font-size: 16px;color: #fff;line-height: 1.6;} .tplist a:hover .tptext{opacity: 1;animation: fadeInUp 1s 1;} .tplist a:hover .tp-img:before{opacity: 1;} .wzfy{text-align: center;padding: 80px 0 0 0;} .wzfy li{display: inline-block; padding: 0 10px;vertical-align: middle;} .wzfy a{display: block; font-family: font2;font-size: 18px;color: #9d9e9e;width: 60px; line-height: 60px;border-radius: 50%;text-align: center;transition: all .5s;height: 60px;} .wzfy li.cur a{color: #fff;background: #2250e2; box-shadow:0 0 10px rgba(34, 80, 226, .5); } .wzfy a:hover{color: #fff;background: #2250e2; box-shadow:0 0 10px rgba(34, 80, 226, .5);} .wzfy span{display: block; font-family: font2;font-size: 18px;color: #9d9e9e;} .wzfy ul li:nth-child(1) a{background: url(../images/a_20.png) no-repeat center center;} .wzfy ul li:nth-child(1) a:hover{background: url(../images/a_61.png) no-repeat center center #2250e2;} .wzfy ul li:last-child a{background: url(../images/a_22.png) no-repeat center center;} .wzfy ul li:last-child a:hover{background: url(../images/a_01.png) no-repeat center center #2250e2;} /* 弹窗样式 */ .project-modal{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;overflow-y: auto;} .project-modal.active{display: block;} .modal-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 1001;} .modal-content{position: relative;width: 1200px;background: #fff;border-radius: 12px;z-index: 1002;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);max-height: 90vh;overflow-y: auto;max-width: 94%; left:50%; top:50%; transform:translate(-50%,-50%);} .modal-close{position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;border-radius: 50%;background: #fff;border: 2px solid #ddd;font-size: 28px;line-height: 1;color: #666;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;z-index: 1003;font-weight: 300;} .modal-close:hover{background: #91E600;color: #fff;border-color: #91E600;} .modal-header{ padding: 25px 60px;} .modal-subtitle{font-size: 18px;color: #8bc34a;margin-bottom: 10px;font-weight: 500;} .modal-title{font-size: 48px;color: #2250e3;line-height: 1.4;margin: 0;font-family: font2;} .modal-main-image{position: relative;width: calc(100% - 120px);margin:0 auto 45px auto;border-radius: 8px;overflow: hidden;background: #f5f5f5;aspect-ratio: 1080 / 600;} .modal-main-image img{width: 100%;height: 100%;object-fit: cover;} .modal-nav-btn{position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;background: #FFF;border-radius: 50%;cursor: pointer;transition: all 0.3s;z-index: 10;border: none;} .modal-prev{left: 20px;background: url(../images/a_02.png) no-repeat center center #fff;} .modal-prev:hover{background:url(../images/a_61.png) no-repeat center center #91E600;} .modal-next{right: 20px;background: url(../images/a_04.png) no-repeat center center #fff;} .modal-next:hover{background: url(../images/a_01.png) no-repeat center center #91E600;} .modal-products{position: absolute;bottom: 145px;width: 100%; left: 0;text-align: center;} .modal-products h3{font-size: 24px;color: #fff;margin-bottom: 25px;font-weight: bold;} .product-btn{display: inline-block;padding: 20px;background: #2250e3;color: #fff;border: none;border-radius: 6px;font-size: 16px;cursor: pointer;transition: all 0.3s;} .modal-description{width: calc(100% - 300px);} .modal-description p{font-size: 24px;color: #fff;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: center;} .modal-footer{display: flex;justify-content: space-between;padding: 15px 0;background: #2250e3;align-items: center;} .modal-footer-nav{background: none;border: none;color: #fff;font-size: 16px;cursor: pointer;padding: 10px 30px;transition: all 0.3s;font-weight: 500;} .modal-footer-nav:hover{opacity: 0.8;} .tpbox{cursor: pointer;} .tpbox:hover .tp-img img{transform: scale(1.05);} /*about*/ .baout-bj1{background:#f7f8fc;} .about{padding: 108px 0 100px;width:75%;margin: 0 auto;} .about-top{display: flex;justify-content: space-between;flex-wrap: wrap; padding-bottom: 38px;} .about-left{width: 50%;} .about-left h2{font-size: 36px;color: #2250e3;font-family: font2;padding-top: 5px;} .about-left p{font-weight: bold;font-size: 80px; margin-top: 50px; color: #f7f8fc;font-family: "arial black"; -webkit-text-stroke: 2px black;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #c0e1a1;} .about-right{width: 50%;} .about-right h2{font-size: 30px;line-height: 1.55;color: #222222;margin-bottom: 23px;font-family: font2;} .about-right p{font-size: 16px;line-height: 24px;color: #666666;letter-spacing: 1.1px; } .Support-title{padding-bottom: 40px;} .Support-title h2{font-size: 36px;color: #2250e3;line-height: 1.4; text-transform: uppercase;font-family: font2;} .Support-title p{font-size: 18px;color: #2250e3;line-height: 1.6; } .Support-nr ul{display: flex;justify-content: space-between;gap:180px} .Support-nr h2{font-size: 60px;color: #2250e3;font-weight: 200;} .Support-nr p{font-size: 18px;color: #666666;line-height: 1.4; margin-top: 5px;} .video{position: relative;height: 800px; overflow: hidden;} .video video{width: 100%;height: 100%; object-fit: cover;} .bfbtn {background:url(../images/a_34.png) no-repeat center center #fff;width: 90px;height: 90px;border-radius: 50%;cursor: pointer; position: absolute; transition: all ease .4s;left:50%; top:50%; transform:translate(-50%,-50%);cursor: pointer;z-index: 10;} .bfbtn::after { z-index: -1; animation: scaleAni 1s infinite linear; content:''; border:1px solid #ffffff; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .bfbtn::before { z-index: -1;animation: scaleAni 1.5s infinite linear; content:''; border:1px solid #ffffff; width: 120%; height: 120%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} @keyframes scaleAni{ from{ transform: translate(-50%,-50%) scale(1); opacity: 1;} to{transform: translate(-50%,-50%) scale(1.5); opacity: 0;} } .conter{width: 75%; position: relative; padding:115px 0 120px; margin: 0 auto; } .btom{position: sticky;width: 100%;position: relative;} .conter-bj{background: #fff;} .btom1.active{position: sticky; top: 10%;} .btom2.active{position: sticky; top: 20%;} .btom3.active{position: sticky; top: 30%;} .btom4.active{position: sticky; top: 40%;} .btom5.active{position: sticky; top: 50%;} .stombox{padding: 60px 20px;display: flex;justify-content: space-between;width: 100%;overflow: hidden;align-items: center;position: relative; z-index: 10;background: url(../images/a_91.png) no-repeat center center;background-size: 100% 100%;margin-bottom: 50px;} .btomleft{width: 50%; padding:0 35px;text-align: right;} .btomleft img{width: 100%;border-radius: 300px;} .btomright img{width: 100%;border-radius: 300px;} .pdzz{position: absolute;width: 70%;height: 100%; top: 0;left: 50%;transform: translateX(-50%);background: #007AFF;z-index: 10;} .btomright{width: 50%;padding:0 35px;} .btomright h3{font-family: "arial black";font-size: 60px; -webkit-text-stroke: 2px black;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #c0e1a1;color: #fff;} .btomright h2{font-weight: bold;font-size: 24px;color: #2250e3;margin: 30px 0 10px;} .btomright p{font-size: 18px;line-break: 24px;color: #666666;} .btomleft h3{font-family: "arial black";font-size: 60px; -webkit-text-stroke: 2px black;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #c0e1a1;color: #fff;} .btomleft h2{font-weight: bold;font-size: 24px;color: #2250e3;margin: 30px 0 10px;} .btomleft p{font-size: 18px;line-break: 24px;color: #666666;} .btom-bkx a:hover p{color: #2250e3;} .center{background: url(../images/a_44.png) no-repeat center center;background-size: cover;padding: 145px 0 150px;} .centerbox{position: relative;overflow: hidden;width:70%;margin: 0 auto;} .centerbox .mySwiper{padding-bottom: 45px;} .center-con h2{font-weight: bold;font-size: 60px;font-family: "arial black";color: #2250e3; position: relative;z-index: 10;} .center-con-stk{display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: -30px;} .center-left{width: 45%;} .center-left img{width: 100%;border-radius: 15px;} .center-right{width: 55%;background: #f7f8fc;border-radius: 15px;padding: 90px 70px 0 70px;} .center-right h3{font-weight: bold;color: #2250e3;font-size: 30px;margin-bottom: 30px;} .center-right p{color: #666; font-size: 18px;line-height: 1.6;transition: a11 .5s;} .center-right a:hover p{color: #2250e3;} .centerbox .swiper-button-next:after,.centerbox .swiper-button-prev:after{font-size: 0;} .centerbox .swiper-button-next{width: 90px;height: 90px;border-radius: 50%;background: url(../images/a_04.png) no-repeat center center #fff;bottom: 0; margin: 0; top: auto;right: 25px;transition: all .5s;z-index: 50;} .centerbox .swiper-button-prev{width: 90px;height: 90px;border-radius: 50%;background: url(../images/a_02.png) no-repeat center center #fff;bottom: 0; margin: 0; top: auto;right: 125px;left: auto;transition: all .5s;z-index: 50;} .centerbox .swiper-button-next:hover{background: url(../images/a_01.png) no-repeat center center #2250e3;} .centerbox .swiper-button-prev:hover{background: url(../images/a_61.png) no-repeat center center #2250e3;} .centerbox .swiper-pagination{color: #fff;font-size: 30px;bottom: -10px;} .centerbox .swiper-pagination-current{font-weight: bold;font-size: 80px;color: #2250e3;} .Exhi{width: 70%;margin: 0 auto;padding-bottom: 300px;} .Exhi-titel h2{text-align: center; padding: 120px 0 55px;font-family: font2;font-size: 36px;color: #2250e3;text-transform: uppercase;} .Exhi-nr{position: relative;overflow: hidden;} .Exhi-img{overflow: hidden;} .Exhi-img img{width: 100%; object-fit: cover;aspect-ratio: 450 / 254;transition: all 1s; } .Exhi-text{padding: 20px 0 0 0;} .Exhi-text h3{font-size: 16px;margin-bottom: 15px;color: #7ec800;} .Exhi-text h2{line-height: 1.4;font-size: 24px;color: #222222;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .Exhi-text p{font-size: 16px;color: #999999;margin-top: 35px;} .Exhi-nr .mySwiper{padding-bottom: 155px;} .Exhi-nr .swiper-button-next:after,.Exhi-nr .swiper-button-prev:after{font-size: 0;} .Exhi-nr .swiper-button-next{width: 90px;height: 90px;border-radius: 50%;background: url(../images/a_04.png) no-repeat center center #fff;bottom: 0; margin: 0; top: auto;right: auto;transition: all .5s;left: 100px;} .Exhi-nr .swiper-button-prev{width: 90px;height: 90px;border-radius: 50%;background: url(../images/a_02.png) no-repeat center center #fff;bottom: 0; margin: 0; top: auto;left:0;transition: all .5s;z-index: 50;} .Exhi-nr .swiper-button-next:hover{background: url(../images/a_01.png) no-repeat center center #2250e3;} .Exhi-nr .swiper-button-prev:hover{background: url(../images/a_61.png) no-repeat center center #2250e3;} .Exhibox a:hover h2{color: #2250e3;} .Exhibox a:hover img{transform: scale(1.1);} /*pd1*/ .cpdw{width: 100%;padding-top: 170px;} .pdtc ul{display: flex;gap:35px;justify-content: center;} .pdtc a{transition: all .5s;font-size: 20px;line-height: 80px;color: #666666;letter-spacing: 1px;} .pdtc li.cur a{color: #2250e3;} .pdtc a:hover{color: #2250e3;} .cpjs{display: flex;justify-content: space-between;flex-wrap: wrap;} .cpjsleft{width: 65%;position: relative;} .cpom{padding: 90px 0 50px;position: relative;} .cpjsbox1{position: absolute;width: 100%; left: 0;top: 0;z-index: 10;} .cpjsbox{animation: fadeIn 1s 1;} .cpjsbox2{position: absolute;top: 90px;left: 50%;transform: translateX(-50%);width: 763px;} .cpjsbox{width: 763px; position: relative; margin: 0 auto;} .cpjsbox img{width: 100%;} .cpjsbox span{position: absolute;width: 26px;height: 26px;background: #91e600;border-radius: 50%; cursor: pointer;} .cpjsbox span:before{width: 8px;height: 8px;border-radius: 50%;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);position: absolute;content: "";} .jfbtn1{top: 135px;left: 270px;} .jfbtn2{top: 45px;right: 207px;} .jfbtn3{top: 200px;right: 110px;} .jfbtn4{top: 345px;right: 150px;} .jfbtn5{bottom: 30px;right: 198px;} .btnbox{text-align: center; position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);} .btnbox a{display: inline-block; padding: 0 65px 0 30px;line-height: 56px;border: 1px solid #e8edfc;border-radius: 29px; transition: all .5s;position: relative; font-size: 18px;color: #2250e3;} .btnbox a b{position: absolute;top: 50%;transform: translateY(-50%);width: 25px;height: 25px; border-radius: 50%;background: #2250e3;right: 15px;} .btnbox a b:before{position: absolute;content: "";background: #ffffff;width: 8px;height: 8px;border-radius: 50%;left:50%; top:50%; transform:translate(-50%,-50%);} .btnbox a:hover{background: #2250e3;color: #fff;} .btnbox a:hover b{background: #91e600;} .cpjsbox p{position: absolute; line-height: 40px;border-radius: 6px;background: #2250e3;font-size: 16px;color: #fff;padding: 0 20px;white-space: nowrap;left: 35px;top: 50%;transform: translateY(-50%);transition: all .5s; opacity: 0;} .cpjsbox span:hover p{opacity: 1;} .cpjsright{width: 35%;background: #2250e3; padding: 125px 80px 0 80px;height: calc(100vh - 250px);} .cpjsright h2{font-family: font2;font-size: 60px;color: #95e709;line-height: 1.15;} .cpjsright p{color: #fff;font-size: 24px; line-height: 1.6; margin: 20px 0 120px;} .cpjsright ul{display: flex;gap:10px;} .cpjsright li{width: calc(50% - 10px/2);} .cpjsright a{display: block; text-align: center; line-height: 70px;background: #91e600;font-weight: bold; color: #2250e3;font-size: 18px;border-radius: 35px;transition: all .5s;} .cpjsright a:hover{background: #fff;} .Scenarios{padding-bottom: 20px;width: 75%;} .Scenarios-title{padding: 80px 0;} .Scenarios-title ul{display: flex;flex-wrap: wrap;gap:25px;} .Scenarios-title li{width:calc(20% - 100px/5)} .Scenarios-title span{display: block;text-align: center; line-height: 90px;color:#333333;border-radius: 6px;font-size: 24px;transition: all .5s;background: #fff;cursor: pointer;} .Scenarios-title li.cur span{color: #fff;background: #2250e3;} .Scenarios-title span:hover{color: #fff;background: #2250e3;} .Scenarios_bt h2{font-weight: bold;text-align: center; font-size: 72px;margin-bottom: 50px;color: #2250e3;} .Scenarios_bt h2 b{color: #91e600;font-weight: bold;} .Scenarios-xq ul{display: flex;gap:10px;} .Scenarios-xq li{width: calc(11.111% - 80px/9);border-radius: 8px;background: #fff;transition: all .5s;} .Scenarios-xq a{display: block; position: relative; padding-bottom: 15px;height: 230px;} .Scenarios-xq p{text-align: center; font-size: 18px;color: #666;transition: all .5s;margin-top: 15px;} .Scenarios-xq span{display: block;height: 125px;} .Scenarios-xq img{position: absolute;left:50%; top:40%; transform:translate(-50%,-50%);transition: all .5s;} .c1{opacity: 1;} .c2{opacity: 0;} .Scenarios-xq a:hover .c1{opacity: 0;} .Scenarios-xq a:hover .c2{opacity: 1;} .Scenarios-xq li:hover{background: #2250e3;} .Scenarios-xq li:hover p{color: #fff;} .nxdw{position: relative;} .Product-bj{ display: flex; align-items: center; background: url(../images/a_49.png) no-repeat center center;background-size: cover; height: 100vh; position: relative;} .Product{margin: 0 auto;width: 80%; position: relative; overflow: hidden;} .Product-left{width: 50%; position: sticky; top: 119px; padding-left: 100px;float: left;} .Product-left h2{font-family: font2;font-size: 72px;color: #91e600;} .Product-left p{color: #fff;font-size: 24px;line-height: 1.6; margin-top: 80px;} .Product-right{width: 50%;position: relative;float: right;padding-right: 50px;} .Product-right ul{display: flex;gap:25px;flex-wrap: wrap;} .Product-right li{width: calc(50% - 25px/2);} .Product-right .mySwiper{height: auto;} .Product-right .swiper-slide { align-items: center; display: flex; height: auto!important; justify-content: center; height: 100vh;} .productbox{display: block;border-radius: 10px;background: rgba(0,0,0,.5); padding: 40px 30px 50px 30px;backdrop-filter: blur(10px);border: 1px solid rgba(255,255,255,.2);transition: all .6s;} .productbox h2{font-size: 24px;color: #fff;font-weight: bold;margin: 30px 0 15px;} .productbox p{font-size: 16px; line-height: 1.5;color: #fff;} .Product-right a:hover .productbox{background: rgba(34,80,227,.85);backdrop-filter: blur(0);} .Product { display: flex; } .Product-right .swiper-button-next{width: 40px;height: 120px;margin: -60px 0 0 0;right:0;border: 1px solid rgba(255,255,255,.7);color: #fff;transition: all .5s;border-radius: 4px;} .Product-right .swiper-button-next:after, .Product-right .swiper-button-prev:after{font-size: 20px;} .Product-right .swiper-button-next:hover{background: #007AFF;border: 1px solid #007AFF;} .Surface{ position: relative; width: 75%;} .Surface:before{position: absolute;content: "";background: url(../images/a46.png);width: 1727px;height: 218px; left: 50%;transform: translateX(-50%);bottom: 0;background-size: 100% 100%;} .surface-text{position: absolute;width: 100%;left: 0;bottom:0;} .surface-text p{font-weight: bold;font-family: "arial";font-size: 12vw;color: #e0e6fa;text-align: center;line-height: 1;height: 13vw;} .Surface-box{width: 100%;margin: 0 auto;position: relative;z-index: 10;display: flex;justify-content: space-between;flex-wrap: wrap;} .Surface-left{width: 50%; padding-right: 50px;} .Surface-left h2{font-family: font2;font-size: 72px;color: #2250e3;line-height: 1.1;} .Surface-left h2 b{color: #91e600;font-weight: bold;} .sur-nr{padding: 50px 0 0 0;} .sur-nr ul{display: flex;flex-wrap: wrap;} .sur-nr li{width: 43%;} .sur-list dt{padding-bottom: 25px;} .sur-list dt h3{font-size: 16px;color: #222222;line-height: 1.6;} .sur-list dt p{font-size: 24px;color: #2250e3;line-height: 1.6;} .Colors{font-size: 16px;color: #222222;line-height: 1.6; margin-bottom: 10px;} .sur-list2{display: flex;gap:25px;} .sur-list2 span{display: block;width: 40px;height: 40px;border: 4px solid #fff;border-radius: 50%;margin: 0 auto;} .sur-list2 p{font-size: 14px;text-align: center;color: #666666;margin-top: 13px;} .color1{background: #6eb92b;} .color2{background: #9b2b15;} .color3{background: #066b9d;} .Surface-right{width: 50%; position: relative;} .Surface-right img{width: 100%;border-radius: 10px;} .ovdeo{position: relative;border-radius: 10px;padding: 2px; overflow: hidden;background-image: linear-gradient(to bottom right, transparent, #2250e3);} .Surface-right p{font-size: 18px;line-height: 1.6;color: #666666;margin-top: 20px;} .bfbtn1 {background:url(../images/a_54.png) no-repeat center center;width: 85px;height: 85px;border-radius: 50%;cursor: pointer; position: absolute; transition: all ease .4s;left:50%; top:50%; transform:translate(-50%,-50%);background-size: 100%;} .bfbtn1::after { z-index: -1; animation: scaleAni 1s infinite linear; content:''; border:1px solid #ffffff; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .bfbtn1::before { z-index: -1;animation: scaleAni 1.5s infinite linear; content:''; border:1px solid #ffffff; width: 120%; height: 120%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .Projecta{position: relative; overflow: hidden;height: 80vh;} .Projecta-title h2{font-size: 72px;text-align: center; padding: 115px 0 55px;font-family: font2;color: #2250e3;} .Projecta-nr{position: relative;z-index: 10; } .Projecta:before{position: absolute;content: "";background: url(../images/a_59.png);width: 2237px;height: 218px;background-size: 100% 100%;right: 0;bottom: 0;} .Projecta-nr .swiper-slide{height: 800px;} .Projecta-nr .swiper-button-next{width: 60px;height: 60px; border-radius: 50%; margin-top: 0;background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s;top: auto;bottom: 0;right:auto;left: calc(25% + 75px); } .Projecta-nr .swiper-button-prev{width: 60px;height: 60px; border-radius: 50%; margin-top: 0;background: url(../images/a_02.png) no-repeat center center #fff; transition: all .5s;left: auto;bottom: 0;left: 25%;top: auto;} .Projecta-nr :after,.glob-content .swiper-button-prev:after{font-size: 0;} .Projecta-nr .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;} .Projecta-nr .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;} .Projectabox{border-radius: 10px;background: #fff;padding: 30px 30px 30px 50px;display: flex;justify-content: space-between;} .Projecta-text{width: 30%;text-align: left;display: flex;flex-direction: column;justify-content: space-between;} .Projecta-text h3{font-size: 18px;color: #2250e3;} .Projecta-text h2{font-weight: bold;font-size: 36px;line-height: 1.4;color: #2250e3;margin: 20px 0 0 0;} .Projecta-text p{font-size: 18px;line-height: 2;color: #999999;display: flex;align-items: center;gap:10px} .Projecta-img{width:70%;overflow: hidden;border-radius: 10px;} .Projecta-img img{border-radius: 10px;transition: all 1s; width: 100%;} .Projecta-img:hover img{transform: scale(1.1);} .btn7{display: block;width: 160px;line-height: 60px;color: #fff;background: #91e600;border-radius: 10px;text-align: center;font-size: 18px; margin-top: 50px;transition: all .5s;} .btn7:hover{background: #2250e3;} .proj-top{align-self: flex-start;} .proj-bottom{align-self: flex-end;width: 100%;} .Certifions{padding-bottom: 195px;width: 100%;} .Certifions-title{padding:55px 0 35px 0;} .Certifions-title h2{font-family: font2;font-size: 72px;text-align: center;color: #2250e3;} /*pd2*/ .banner2_text{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;width: 1400px; max-width: 94%;} .banner2_text p{font-size: 14px;color: #ccc;gap:10px;display: flex;justify-content: center;} .banner2_text p a{color: #ccc;transition: all .5s;} .banner2_text p img{width: 16px;} .banner2_text p a:hover{color: #2250e3;} .banner2_text h2{font-family: font2;font-size:60px;margin: 20px 0 60px;color: #fff;} .banner2_text h3{color: #fff;font-size: 48px;line-height: 1.4;} .type-bj{background:#eff3fd;height: 100vh;display: flex;justify-content: center;align-items: center;} .Type{width: 100%;margin: 0 auto;max-width: 100%;} .banner2{height: 100vh;} .banner2 img{width: 100%;height: 100%; object-fit: cover;} .Type-title{text-align: center; padding: 0 0 60px;} .Type-title h2{font-size: 72px;font-family: font2;color: #2250e3; margin-bottom: 30px;letter-spacing: 1px;} .Type-title p{font-size: 48px;color: #2250e3;} .type-nr{position: relative;overflow: hidden;} .type-img {position: relative;vertical-align: middle;} .type-img img{width: 100%;aspect-ratio: 470 / 600;object-fit: cover;} .type-img p{text-align: left; width: 100%;bottom: 10px;left: 0; font-size: 24px;line-height: 1.4;color: #666666;position: absolute;padding: 0 40px;} .type-zz{position: absolute;width: 100%;height: 100%; top: 0;left: 0;background: url(../images/a_72.png);background-size: 100% 100%;opacity: 0;transition: all .5s;} .ttom{position: absolute;width: 100%; left: 0;bottom: 0; padding: 0 30px 25px 30px;transition: all 1s 1;z-index: 1;} .ttom h2{font-size: 36px;color: #fff;font-family: font2;} .ttom ul{padding: 30px 0 40px;} .ttom li{padding-bottom: 10px;} .ttom span{display: inline-block; padding: 0 25px;font-size: 18px;color: #2250e3;background: #fff;border-radius: 6px;line-height: 60px;} .ttom a{font-weight: bold;font-size: 18px;color: #fff;transition: all .5s;} .ttom a:hover{color: #6EB92B;} .typebox:hover .type-zz{opacity: 1;} .typebox:hover .ttom{animation: fadeInUp 1s 1;} .type-nr .swiper-button-next{width: 60px;height: 60px; border-radius: 50%; margin-top: -30px;background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s; z-index: 10; box-shadow:0 0 10px rgba(0, 0, 0, .1); } .type-nr .swiper-button-prev{width: 60px;height: 60px; box-shadow:0 0 10px rgba(0, 0, 0, .1); border-radius: 50%; margin-top: -30px;background: url(../images/a_02.png) no-repeat center center #fff; transition: all .5s;z-index: 100;} .type-nr :after,.banner .swiper-button-prev:after{font-size: 0;} .type-nr .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .type-nr .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .bj5{background: #fff;height: 100vh;padding-top: 8vw;} .surface-text2 p{opacity: .3;} .case-nr {position: relative;overflow: hidden; } .case-nr:before{position: absolute;content: "";background: url(../images/a_60.png);width: 1149px;height: 259px;background-size: 100% 100%; left: 50%;transform: translateX(-50%);bottom: 0;} .bj6{background: url(../images/a_70.png) no-repeat center top #fff;} .Scene{width: 100%;max-width: 94%;margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 185px;} .Scene-title{padding: 150px 0 80px;} .Scene-title h2{font-family: font2;font-size: 72px;color: #ffffff;text-align: center;} .Scene-nr{position: relative; padding-bottom: 65px;width: 1800px; margin: 0 auto;max-width: 90%;} .Scene-nr:before{position: absolute;content: "";background: url(../images/a_82.png);width: 1585px;height: 290px;background-size: 100% 100%;bottom: 0;left: 50%;transform: translateX(-50%);} .Scene .swiper-container {width: 100%;max-width: 800px;position: relative;z-index: 1;margin: 0 auto;padding:0 40px 100px 40px;} .Scene .swiper-slide {display: flex;justify-content: center;align-items: center;transition: transform 0.5s ease;width: 500px;} .Scene .slide-content {transition: transform 0.5s ease;transform-origin: center top;} .Scene .slide-content img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .Scene .slide-label { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: white; font-size: 24px; font-weight: bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); z-index: 10; } .Scene .swiper-slide-active .slide-content { transform: rotate(0deg) scale(1.1); z-index: 2; } .Scene .swiper-slide-prev .slide-content {margin-left: -360px; transform: rotate(-12deg) scale(0.9) translateY(90px); z-index: 1; } .Scene .swiper-slide-next .slide-content { margin-right: -360px; transform: rotate(12deg) scale(0.9) translateY(90px); z-index: 1; } .Scene .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .slide-content { opacity: 0.3; transform: scale(0); z-index: 0; } .Scene .swiper-button-next{width: 90px;height: 90px; border-radius: 50%; margin-top: -90px;background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s; z-index: 10;right: -20px;outline:none;} .Scene .swiper-button-prev{width: 90px;height: 90px; border-radius: 50%; margin-top: -90px;background: url(../images/a_02.png) no-repeat center center #fff;transition: all .5s; z-index: 10;left: -20px;outline:none;} .Scene .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;} .Scene .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .Scene .swiper-button-next::after,.Scene .swiper-button-prev::after {font-size: 0;} .Scene-nr .swiper-pagination{width: 100%;} .Scene-nr .swiper-pagination-bullet {width: 20px;height: 20px;border: 2px solid #2250e3;background: none;opacity: 1;display: inline-block !important;} .Scene-nr .swiper-pagination-bullet-active { background: #2250e3;} .case-nr .swiper-container{padding-bottom: 95px;position: relative;} .case-nr .swiper-button-next{width: 60px;height: 60px; border-radius: 50%; margin-top: 0;background: url(../images/a_04.png) no-repeat center center #f4f4f3;transition: all .5s;top: auto;bottom: 0;right:auto;left: calc(16% + 75px); } .case-nr .swiper-button-prev{width: 60px;height: 60px; border-radius: 50%; margin-top: 0;background: url(../images/a_02.png) no-repeat center center #f4f4f3; transition: all .5s;left: auto;bottom: 0;left: 16%;top: auto;} .case-nr .swiper-button-next:after,.case-nr .swiper-button-prev:after{font-size: 0;} .case-nr .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;} .case-nr .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;} .qjbj{position: fixed;z-index: 101;width: 100%;height: 100%; background: rgba(0,0,0,.7);top: 0;left: 0;} .tptc{width:1200px ;position: fixed;z-index: 101;border-radius: 10px;left:50%; top:50%; transform:translate(-50%,-50%);} .tptc-top{padding: 0 60px 20px 60px;background: #fff;} .tptc-title{padding: 20px 0 30px;} .tptc-title h2{font-size: 18px;margin-bottom: 20px;color: #91e600;} .tptc-title p{font-weight: bold;font-size: 48px;color: #2250e3;} .tptc-qh{overflow: hidden; position: relative;} .tptc-qh .swiper-button-next{width: 60px;height: 60px;border-radius: 50%; margin-top: -30px;background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s;} .tptc-qh .swiper-button-prev{width: 60px;height: 60px;border-radius: 50%; margin-top: -30px;background: url(../images/a_02.png) no-repeat center center #fff;transition: all .5s;z-index: 100;} .tptc-qh .swiper-button-next:hover{background: url(../images/a_01.png) no-repeat center center #2250e3;} .tptc-qh .swiper-button-prev:hover{background: url(../images/a_61.png) no-repeat center center #2250e3;} .tptc-qh .swiper-button-next:after,.tptc-qh .swiper-button-prev:after{font-size: 0;} .tptc-qh .mySwiper{padding-bottom: 25px;} .tptc-qh .swiper-pagination{width: 100%;height: 10px;bottom: 0;top: auto;text-align: center;} .tptc-qh .swiper-pagination-bullet{width: 20px;height: 5px;background: #dedede;border-radius: 3px;transition: all .5s; opacity: 1;display: inline-block !important;} .tptc-qh .swiper-pagination-bullet-active{width: 40px;background: #91e600;} .tptc-box{position: relative;} .tptc-box img{width: 100%;border-radius: 10px;} .tptc-wb{position: absolute;text-align: center;width: 100%; left: 0;bottom:20px;} .tptc-wb h2{font-weight: bold;font-size: 24px;color: #ffffff;margin-bottom: 25px;} .tptc-wb a{display: inline-block; padding: 0 20px;line-height: 60px;font-size: 16px;color: #fff;background: #0e62ed;border-radius: 8px;transition: all .5s;} .tptc-wb a:hover{background: #6EB92B;} .tab-qh{background: #2250e3; padding: 0 60px; position: relative;} .tab-qh ul{height: 80px;display: flex;justify-content: space-between;align-items: center;} .tab-qh li{font-size: 16px;color: #fff;gap:20px;display: flex;align-items: center;} .tab-qh li span{cursor: pointer;gap:20px;display: flex;align-items: center;} .tab-qh p{text-align: center;font-size: 24px;color: #fff;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .ggbnt{width: 52px;height: 52px;background: url(../images/a_66.png) no-repeat center center #fff;position: absolute;top: 0;right: -72px;border-radius: 50%;cursor: pointer;transition: all .5s;} .ggbnt:hover{background:url(../images/a_74.png) no-repeat center center #2250e3;} .tptc2{width: 860px !important;max-width: 90%;position: fixed;z-index: 101;border-radius: 10px;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);} .tptc-top1{padding: 0 50px;} .tptc-title1{padding: 35px 0 25px;} .tptc-title1 h2{font-size: 16px;color: #91e600;margin-bottom: 20px;} .tptc-title1 p{font-size: 32px;color: #2250e3;font-family: font2;} .top-text{padding: 40px 0 48px;} .top-text h2{font-size: 24px;font-family: font2;color: #2250e3;margin-bottom: 10px;} .top-text a{display: inline-block;padding: 0 15px;border: 1px solid #dedede;border-radius: 8px;font-size: 16px;color: #999999;line-height: 58px;transition: all .5s;} .top-text a:hover{color: #fff;background: #2250e3;border: 1px solid #2250e3;} @media only screen and (min-width: 950px){ .header{position: fixed;z-index: 100;background: #fff;width: 100%; top: 0;left: 0;} .headerbox{margin: 0 auto;width: 90vw; padding-top: 1.1458vw;} .header-top{display: flex;justify-content: space-between;} .logo{width: 12.2917vw;} .logo img{width: 100%;} .top-right ul{display: flex;gap:0.5208vw;} .botton1{display: block;width: 6.9792vw;height: 1.875vw;border-radius: 0.9375vw;background: #2250e3; padding: 0 0.7813vw;display: flex;justify-content: space-between;align-items: center;color: #fff; margin-right: 0.2604vw;font-size: 0.8333vw;} .botton2{display: block;width: 1.875vw;height: 1.875vw;background: #eeeeee;border-radius: 50%; display: flex;justify-content: center;align-items: center;} .yznr{height: 1.875vw;width: 3.6458vw; perspective-origin: right;border-radius: 0.9375vw; padding-left: 0.8854vw;cursor: pointer;position: relative;background: #eee;} .yznr p{font-size: 0.8333vw; line-height: 1.875vw;color: #666666;border-radius: 0.9375vw;} .yznr b{background: url(../images/a_21.png);width: 0.5729vw;height: 0.3125vw;position: absolute;right: 0.6771vw;top: 0.7813vw;transition: all .5s;background-size: 100% 100%;} .yznr dl{position: absolute;top: 1.875vw;left: 0;width: 100%; border-radius: 0.9375vw;overflow: hidden;background: #eee; padding: 0.5208vw 0;display: none;z-index: 10;} .yznr dl dt{line-height: 1.1458vw;text-align: center;} .yznr dl dt a{display: block;text-align: center;font-size: 0.7292vw;color: #666;} .yznr dl dt a:hover{color: #2250e3;} .top-right{display: flex;gap:1.1979vw;} .yznr:hover dl{display: block;} .yznr:hover b{transform: rotate(180deg);} .header-bottom{display: flex;justify-content: space-between;align-items: center;} .ssbox{width: 17.7083vw;height: 1.875vw;border: 1px solid #dedede;border-radius: 0.9375vw;position: relative;} .wby1{width: 100%;height: 1.7708vw; line-height: 1.7708vw; padding: 0 1.0417vw; } .botton2{transition: all .5s;} .botton2:hover{background: #2250e3;} .botton2:hover img{filter: brightness(0) invert(1);} .botton3{position: absolute;cursor: pointer; background: url(../images/a_32.png);width: 0.7292vw;height: 0.7292vw; top: 50%;transform: translateY(-50%); right: 0.7292vw;border: none;background-size: 100% 100%;} .nav ul{display: flex;gap:2.6042vw;} .nav li{ position: relative;} .nav li h3{line-height: 3.4375vw;font-size: 0.8333vw;display: flex;align-items: center;gap:0.7292vw;} .nav li h3 a{color: #333333;} .nav li b{width: 0.5729vw;} .nav li b img{width: 100%;filter:grayscale(100%);} .nav li.cur h3 a{color: #2250e3;} .nav li.cur h3 b img{filter:grayscale(0);} .nav ul li:nth-child(1) .sub{left: 0;transform: translateX(0);} .nav ul li:nth-child(5){ padding-right: 9.6354vw;} .sub{position:absolute; top: 3.4375vw;left: 50%;transform: translateX(-50%); width: 34.375vw; padding-top: 0.1563vw;z-index: 100;display: none;} .subbox{display: flex;justify-content: space-between;flex-wrap: wrap;background: #fff;border-radius: 0.4688vw;overflow: hidden; } .sub-left{width: 13.5417vw;padding: 1.4583vw 1.8229vw;} .sub-left dt{font-size: 0.8333vw; line-height: 1.5625vw;} .sub-left dt a{color: #666;transition: all .5s;} .sub-left dt a:hover{color: #2250e3;} .sub-right{width: calc(100% - 13.5417vw);background: #f6f9f4; padding: 0 2.3438vw 2.3438vw 2.3438vw;} .sub-right h2{font-size: 0.9375vw; padding: 2.3438vw 0 1.1979vw; color: #222222;border-bottom: 1px solid #dedede;} .sub-right dl{padding-top: 1.0417vw;} .sub-right dt{font-size: 0.8333vw; line-height: 0.9375vw; padding: 0.3125vw 0;} .sub-right dt a{color: #666;transition: all .5s;} .sub-right dt a:hover{color: #2250e3;} .banner{overflow: hidden; border-radius: 0 0 2.6042vw 2.6042vw; position: relative;} .banner-box img{width: 100%;} .banner-box {position:relative;} .banner-text{width: 100%;left: 0;top: 50%;transform: translateY(-50%); position: absolute;} .banner-text h2{color: #fff;font-size: 2.5vw;text-align: center;text-transform: uppercase;line-height: 1.3;font-family: font2;letter-spacing: 0.1563vw;} .banner .swiper-button-next{width: 3.125vw;height: 3.125vw;border: 1px solid #fff; border-radius: 50%; margin-top: -1.5625vw;background: url(../images/a_01.png) no-repeat center center;transition: all .5s; opacity: 0.5;} .banner .swiper-button-prev{width: 3.125vw;height: 3.125vw;border: 1px solid #fff; border-radius: 50%; margin-top: -1.5625vw;background: url(../images/a_61.png) no-repeat center center; opacity: .5;transition: all .5s;} .banner :after,.banner .swiper-button-prev:after{font-size: 0;} .banner .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .banner .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .banner .swiper-slide img{width:100%;height:auto;min-height:100%; transition:1s linear 2s;transform:scale(1.1,1.1);} .banner .swiper-slide-active{z-index: 10;} .banner .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;z-index: 10;transform:scale(1,1);z-index: 10;} .csbtn{position: absolute;width: 0.8854vw; cursor: pointer; left: 50%;transform: translateX(-50%);bottom: 1.3021vw;z-index: 110;} .csbtn img{width: 100%;} .glob{width: 100%;} .glob-title{text-align: center;padding: 0 0 4.4792vw;width: 100%;margin: 0 auto;} .glob-title h2{font-size: 3.125vw;font-family: font2;line-height: 1.2;} .glob-title h2 b{color: #91e600;} .glob-title p{font-size: 0.9375vw; line-height: 1.5; margin-top: 1.0417vw;color: #666666;} .glob-content img{margin: 0 auto;width: 100%;} .glob-content .swiper{height: 11.45vw;} .glob-content .swiper-button-next{width: 4.687vw;height: 4.687vw; border-radius: 50%; background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s;top: auto;bottom: -6.41vw;right: 0; border: 0.104vw solid #f4f4f4;} .glob-content .swiper-button-prev{width: 4.687vw;height: 4.687vw; border-radius: 50%; background: url(../images/a_02.png) no-repeat center center #fff; transition: all .5s;left: auto;bottom: -6.41vw;right: 5.208vw;top: auto;border: 0.104vw solid #f4f4f4;} .glob-content p{font-size: 0.8333vw;text-align: center; line-height: 1.25vw;margin:1.5625vw 0 0;text-transform: uppercase;color: #666666;} .zznr{position: absolute;width: 100%;height: 100%;z-index: 100;left: 0;top: 0; background-image: linear-gradient(to right, #fff 60% , transparent);} .bj2{position: relative; width: 100%;} .acco:before{position: absolute;content: "";width: 100%;height: 100%;background: url(../images/a_08.png) no-repeat center center;background-size: auto 100%;left: 0;top: 0;} .acco{ margin: 0 auto; position: relative;width: 90%;} .acco-title h2{font-size: 3.125vw;padding: 4.1667vw 0 2.0833vw;text-align: center;text-transform: uppercase;font-family: font2;} .acco-content{width: 80%;margin: 0 auto;} .accobox{position: relative;} .accobox-img{border-radius: 0.5208vw;} .accobox-img img{width: 100%; object-fit: cover;aspect-ratio: 330 / 450;border-radius: 0.5208vw;transition: all .8s;} .acco-content ul{display: flex;gap:1.4063vw;} .acco-content li{width: calc(25% - 4.2188vw/4);} .btn1{position: absolute;width: 13.5417vw;height: 3.125vw;left: 0.8854vw;bottom: 0.8854vw;border-radius: 1.5625vw;display: flex;gap:0.6771vw;color: #91e600;font-size: 0.9375vw;background: #fff; padding: 0 0.5208vw;align-items: center;transition: all.4s;overflow: hidden;} .btn1 b{width: 0.7292vw;height: 0.7292vw;border-radius: 50%;background: #91e600;position: relative;transition: all .5s;} .btn1 b:before{position: absolute;content: "";background: url(../images/a_07.png);width: 1.4583vw;height: 1.1979vw;background-size: 100% 100%;left:50%; top:50%; transform:translate(-50%,-50%);opacity: 0;} .accobox span{display: block;position: absolute;width: 5.2083vw;height: 5.2083vw; display: flex;justify-content: center;align-items: center;background: #0e62ed;border-radius: 50%;top: 0;right: 0;opacity: 0;transition: all .5s;font-weight: bold;} .acco-content{padding-bottom: 2.7604vw;} .acco-content a:hover span{opacity: 1;} .acco-content a:hover .accobox-img img{border-radius: 0.5208vw 7.2917vw 0.5208vw 0.5208vw;} .acco-content a:hover .btn1 b{width: 2.1875vw;height: 2.1875vw;} .acco-content a:hover .btn1 b:before{opacity: 1;} .btn1:before{position: absolute;content: "";top: 0;background: #2250e3;width: 0;height: 100%;border-radius: 1.5625vw;left: 0;transition: all 1s;} .accobox:hover .btn1:before{width: 100%;} .accobox:hover .btn1{color: #fff;} .accobox em{position: relative;z-index: 10;} .btn4{display: flex;position: relative; margin: 0 auto;width: 10.4167vw;height: 3.125vw;border-radius: 1.5625vw;transition: all .5s; padding: 0 0.2604vw;justify-content: space-between;align-items: center;font-size: 0.9375vw;color: #fff;background: #2250e3; position: relative;overflow: hidden;} .btn4 b{background: url(../images/a_10.png);width: 2.6042vw;height: 2.6042vw;border-radius: 50%;background-size: 100%;position: relative;z-index: 10;} .btn4 span{padding-left: 1.3021vw;position: relative;z-index: 10;} .btn4:hover{background: #91e600;} .Producta{margin: 0 auto; position: relative;z-index: 10;} .Producta-title{padding: 6.25vw 0 1.5625vw;text-align: center;} .Producta-title h2{font-size: 3.125vw; margin-bottom: 1.5625vw;text-transform: uppercase;font-family: font2;} .Producta-title ul{display: flex;justify-content: center;gap:3.6458vw;} .Producta-title a{display: block;font-size: 0.9375vw;color: #666;transition: all .5s;} .Producta-title li.cur a{color: #0e62ed;} .Producta-title a:hover{color: #0e62ed;} .Producta-content{position: relative; padding-bottom: 9.375vw;} .Product-img{overflow: hidden; position: relative;border-radius: 0.5208vw; position: relative;z-index: 10;} .Productbox{cursor: pointer; position: relative;border-radius: 0.5208vw;background: #fff; margin-top: 1.3021vw;} .Productbox:before{position: absolute;width: 100%;height: 50%;left: 0;bottom: 0;border-radius: 0.5208vw;background: #f4f4f4;content: "";transition: all .4s;} .Product-img img{width: 100%;object-fit: cover;aspect-ratio: 330 / 367;} .Product-text{position: absolute;z-index: 11;width: calc(100% - 2.0833vw);bottom: 0;left: 50%;transform: translateX(-50%); padding: 1.3021vw;border-radius: 0.5208vw;bottom: 0;transition: all .6s;} .Product-text h2{font-weight: bold;font-size: 0.9375vw;color: #222222;line-height: 1.25vw;margin-bottom: 0.7813vw;transition: all .6s;} .Product-text a{font-size: 0.7292vw;color: #91e600;transition: all .6s;} .Productbox:hover:before{height: 100%;} .Productbox:hover .Product-text{bottom: 1.0417vw;background:url(../images/a_57.png) no-repeat right center #0e62ed;} .Productbox:hover .Product-text a{color: #fff;} .Productbox:hover .Product-text h2{color: #fff;} .Productbox:hover .Product-rmbt{opacity: 1;} .Productbox:hover .xzbtoont{opacity: 1;} .Product-rmbt{position: absolute;top: 1.3021vw;left: 1.0417vw;z-index: 11; background: #fff;border-radius: 1.5625vw; padding: 0 0.7813vw;transition: all .4s; opacity: 0;} .Product-rmbt ul{display: flex;justify-content: center;align-items: center;gap:0.8854vw;height: 3.125vw;} .Product-rmbt img{transition: all .4s;} .Product-rmbt a:hover img{transform: translateY(-0.1563vw);} .xzbtoont{position: absolute;width: 5.2083vw;height: 5.2083vw;border-radius: 50%;background: #0e62ed;display: flex;justify-content: center;align-items: center;right:0;top: -1.3021vw;transition: all .5s 1s, opacity .5s 0.3s; opacity: 0;} .xzbtoont img{animation: rotate 1.8s linear infinite;} .Producta-content .swiper-button-next{width: 4.6875vw;height: 4.6875vw; border-radius: 50%; margin-top: 0;background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s;top: auto;bottom: 0;right: auto;left: 5.2083vw;border: 2px solid #f4f4f4; } .Producta-content .swiper-button-prev{width: 4.6875vw;height: 4.6875vw; border-radius: 50%; margin-top: 0;background: url(../images/a_02.png) no-repeat center center #fff; transition: all .5s;left:0;bottom: 0;top: auto;border: 2px solid #f4f4f4;} .Producta-content :after,.glob-content .swiper-button-prev:after{font-size: 0;} .Producta-content .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;border: 2px solid #2250e3;} .Producta-content .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;border: 2px solid #2250e3;} .pere-title{text-align: center;padding: 0 0 2vw;} .pere-title h2{font-size: 3.125vw; margin-bottom: 2.0833vw;text-transform: uppercase;font-family: font2;letter-spacing: 0.1563vw;} .pere-title ul{display: flex;justify-content: center;gap:3.6458vw;} .pere-title a{display: block;font-size: 0.9375vw;color: #666;transition: all .5s;} .pere-title li.cur a{color: #0e62ed;} .pere-title a:hover{color: #0e62ed;} .pere-nr ul{display: flex;gap:0.7813vw; flex-wrap: wrap; padding-bottom: 3.125vw;} .pere-nr li{width: calc(33.333% - 1.5625vw/3);overflow: hidden;} .perebox{position: relative;} .pere-img{position: relative;overflow: hidden;border-radius: 0.5208vw;transition: all .8s;} .pere-img img{width: 100%; border-radius: 0.5208vw;object-fit: cover;aspect-ratio: 564 / 318;transition: a11 1s;} .pere-text{position: absolute;width: 100%;padding: 2.083vw 1.604vw 2.083vw 4.645vw;left: 0;bottom: 0;border-radius: 8.3333vw ;top: 100%;transition: .6s;} .pere-text h2{font-size: 1.0417vw; line-height: 1.2;color: #fff;} .pere-text p{font-size: 0.9375vw;color: #fff;margin-top: 0.5208vw;} .perebox span{opacity: 0; transition: all .5s 1s, opacity .5s 0.3s;} .perebox span{width: 5.2083vw;height: 5.2083vw;border-radius: 50%;position: absolute;z-index: 10; right: 0;bottom: 0; background: #fff;display: flex;justify-content: center;align-items: center;} .pere-nr ul li span img{width: 4.4792vw;height: 4.4792vw;animation: rotate 1.5s linear infinite;} .pere-nr li a:hover .pere-img img{border-radius: 8.3333vw;} .pere-nr li a:hover .pere-text{top: 40%; } .pere-nr li a:hover span{ opacity: 1;} .pere-nr li a:hover .pere-img{border-radius: 8.3333vw;} .contect{margin: 0 auto; background: url(../images/a_75.png) no-repeat center center; background-size: 100% 100%; position: relative;z-index: 10;} .contectbox{display: flex;justify-content: space-between;align-items: center; position: relative;padding: 4.7292vw 8.3333vw; margin-top: -8vw;} .cont-left h2{font-size: 3.125vw;font-weight: bold;color: #ffff;} .cont-left p{color: #fff;font-size: 1.25vw;margin-top: 0.7813vw;} .cont_right{position: relative;z-index: 10;} .cont_right ul{display: flex;gap:0.5208vw;} .cont_right a{display: flex; width: 13.0208vw; line-height: 4.1667vw; position: relative;border-radius: 2.0833vw;background: #fafafa; padding: 0 1.1979vw;font-size: 0.9375vw;color: #949494;justify-content: space-between;align-items: center;overflow: hidden;} .cont_right span{position: relative;z-index: 10;} .cont_right b{position: relative;z-index: 10;} .cont_right b img{transition: all .5s;} .cont_right a:before{position: absolute;content: "";height: 100%; width: 0;border-radius: 2.0833vw;background: #91e600;top: 0;left: 0; transition:all 1s;} .cont_right a:hover{color: #fff;} .cont_right a:hover:before{width: 100%;} .cont_right a:hover img{filter: brightness(0) invert(1);} .footer{background: url(../images/a_15.png) no-repeat center center;background-size: cover;border-radius: 0.5208vw 0.5208vw 0 0;} .footerbox{margin: -5.2083vw auto 0 auto; } .foot-top{display: flex;justify-content: space-between;padding: 10.9375vw 0 0.5208vw;flex-wrap: wrap;} .foot-left{width: calc(100% - 31.7708vw);} .foot-left ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .foot-left h2{color: #fff;font-weight: bold;font-size: 0.9375vw;margin-bottom: 2.0833vw;} .foot-left dt{font-size: 0.8333vw; line-height: 1.25; margin-bottom: 1.5625vw;} .foot-left dt a{color: #fff;transition: all .5s;} .foot-left dt a:hover{color: #0e62ed;height: 4.8em;} .foot_right{width: 21.6146vw;} .foot_right h2{font-size: 1.875vw;color: #fff;font-family: font2;} .foot_right p{font-size: 1.25vw;color: #fff;margin: 1.0417vw 0 2.6042vw;font-family: font2;} .foot_right li{display: flex;justify-content: space-between;padding-bottom: 1.1979vw;} .foot_right b{color: #fff;font-size: 0.9375vw;line-height: 1.5;width: calc(100% - 2.6042vw);} .bqxx{padding: 2.6042vw 0 3.3854vw;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255,255,255,.2);} .bqxxleft ul{display: flex;gap:0.5208vw;} .bqxxright p{font-size: 0.8333vw;color: #fff; opacity: 0.55;} .botton5{transition: all .5s;width: 2.2917vw;position: relative;width: 2.2917vw;height: 2.2917vw;display: block; border-radius: 50%; background: #fff;} .botton5 img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);transition: all .5s;} .botton5:hover{background: #2250e3;} .botton5:hover img{filter: brightness(0) invert(1);} /*news*/ .banner1 {position: relative;overflow: hidden;} .banner1 img {width: 100%;} .banner1_text {position: absolute;width: 100%; left: 0;top: 50%;transform: translateY(-50%);} .banner1_text h2 {color: #fff;font-size: 3.125vw; /* 60px → 60/1920*100=3.125vw */text-align: center;font-family: font2;} .wz1400 {width: 70%; margin: 0 auto;} .fmss {padding: 6.5104vw 0 1.8229vw; /* 125px 35px → 125/1920*100=6.5104vw, 35/1920*100=1.8229vw */display: flex;justify-content: space-between;align-items: center;} .fmssleft ul {display: flex;gap:3.3854vw; /* 65px → 65/1920*100=3.3854vw */} .fmssleft li a {color: #91e600;font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */transition: all .5s;} .fmssleft li.cur a {color: #2250e3;} .fmssleft a:hover {color: #2250e3;} .mfssright {width: 28.6458vw; /* 550px → 550/1920*100=28.6458vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */background: #fff;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ position: relative;} .wby2 {height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ line-height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ width: 100%; padding: 0 1.3021vw; /* 25px → 25/1920*100=1.3021vw */font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */font-family: font1;} .btn5 {cursor: pointer;background: url(../images/a_19.png) no-repeat center center;width: 0.9896vw; /* 19px → 19/1920*100=0.9896vw */height: 0.9896vw; /* 19px → 19/1920*100=0.9896vw */border: none; position: absolute;right: 1.3021vw; /* 25px → 25/1920*100=1.3021vw */top: 50%;transform: translateY(-50%);background-size: 100%;} .news-list {padding-bottom:3vw; /* 148px → 148/1920*100=7.7083vw */} .news-list li {padding-bottom: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */} .newsbox {border-radius:0.4167vw; /* 8px → 8/1920*100=0.4167vw */ padding: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */background:#fff;display: flex;justify-content: space-between;flex-wrap: wrap;} .news-right {width: 16.6667vw; /* 320px → 320/1920*100=16.6667vw */border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ overflow: hidden;} .news-right img {width: 100%; object-fit: cover;aspect-ratio: 320 / 180;transition: all .8s;} .news-left {width: calc(100% - 22.3958vw); /* 430px → 430/1920*100=22.3958vw */display: flex;justify-content: space-between;flex-wrap: wrap;} .news-rq {width: 12.7604vw; /* 245px → 245/1920*100=12.7604vw */ padding: 1.3021vw 0 0 0.7813vw; /* 25px 15px → 25/1920*100=1.3021vw, 15/1920*100=0.7813vw */} .news-rq h2 {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #222222;margin-bottom: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */font-family: font2;} .news-rq p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #999999;} .news-text {width: calc(100% - 12.7604vw); padding-top: 0.7813vw; /* 15px → 15/1920*100=0.7813vw */} .news-text h2 {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */line-height: 1.6;color: #222222;transition: all .5s; margin-bottom: 2.6042vw; /* 50px → 50/1920*100=2.6042vw */display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news-text a {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #91e600;transition: all .5s; } .news-text a:hover {letter-spacing:0.1563vw; /* 3px → 3/1920*100=0.1563vw */} .newsbox:hover .news-right img {transform: scale(1.1);} .pone ul {display: flex;justify-content: center;align-items: center;gap:0.7813vw; /* 15px → 15/1920*100=0.7813vw */ padding-bottom: 5.4688vw; /* 105px → 105/1920*100=5.4688vw */} .pone a {display: block;text-align: center; line-height: 2.5vw; /* 48px → 48/1920*100=2.5vw */width: 2.5vw; /* 48px → 48/1920*100=2.5vw */border-radius: 50%; font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #999; font-weight: bold;transition: all .5s;height: 2.5vw; /* 48px → 48/1920*100=2.5vw */} .pone span {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #999; font-weight: bold;} .pone a:hover {background-color: #2250e3;color: #fff;} .pone li.cur a {background-color: #2250e3;color: #fff;} .pone a.prev {background: url(../images/a_20.png) no-repeat center center;} .pone li:nth-child(1) a:hover {background: url(../images/a_02.png) no-repeat center center;} .pone a.next {background: url(../images/a_22.png) no-repeat center center;} .pone li:last-child a:hover {background: url(../images/a_04.png) no-repeat center center;} .newsbox:hover .news-text h2 {color: #2250e3;} /*news-xq*/ .h119 {height: 6.1979vw; /* 119px → 119/1920*100=6.1979vw */} .fynr {padding: 1.0417vw 0 3.6458vw; /* 20px 70px → 20/1920*100=1.0417vw, 70/1920*100=3.6458vw */} .fynr p {display: flex;gap:0.8854vw; /* 17px → 17/1920*100=0.8854vw */font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */align-items: center;} .fynr p a {color: #999;transition: all .5s;} .fynr p a:hover {color: #2250e3;} .fynr p span {display: block;background: url(../images/a_22.png);width: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */height: 0.625vw; /* 12px → 12/1920*100=0.625vw */background-size: 100% 100%;} .news-content {display: flex;justify-content: space-between;flex-wrap: wrap; padding-bottom: 15.625vw; /* 300px → 300/1920*100=15.625vw */align-items: flex-start; } .news-xqleft {width: calc(100% - 19.7917vw); /* 380px → 380/1920*100=19.7917vw */border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */background:#fff ; padding: 0 1.5625vw 3.125vw 1.5625vw; /* 30px 60px → 30/1920*100=1.5625vw, 60/1920*100=3.125vw */} .wzxq_title {padding: 1.0417vw 0 0.9375vw; /* 20px 18px → 20/1920*100=1.0417vw, 18/1920*100=0.9375vw */border-bottom: 1px solid #dedede;} .wzxq_title h2 {font-size: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */ line-height: 1.6;color: #2250e3; margin-bottom: 1.4583vw; /* 28px → 28/1920*100=1.4583vw */font-family: font2;} .fxbox {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #999999;} .wzxq_title ul {display: flex;align-items: center;gap:1.0417vw; /* 20px → 20/1920*100=1.0417vw */} .wzxq_title li img {transition: all .5s;height: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */} .wzxq_title li a:hover img {opacity: .6;} .wzxq-content {padding: 2.6042vw 0 1.5625vw; /* 50px 30px → 50/1920*100=2.6042vw, 30/1920*100=1.5625vw */} .wzxq-content p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */ line-height: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */color: #666666;} .wzxq-content img {max-width: 100%; margin: 1.3021vw auto 1.9271vw auto; /* 25px 37px → 25/1920*100=1.3021vw, 37/1920*100=1.9271vw */} .wzfyxq li {margin-bottom: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ padding: 1.1458vw 1.4583vw; /* 22px 28px → 22/1920*100=1.1458vw, 28/1920*100=1.4583vw */ font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */ line-height: 1.5;color: #222222;background: #f3f5fa;} .wzfyxq li a {color: #666666;transition: all .55s;} .wzfyxq li a:hover {color: #2250e3;} .news-xqright {width: 18.75vw; /* 360px → 360/1920*100=18.75vw */border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */background:#fff; padding: 0 1.0417vw; /* 20px → 20/1920*100=1.0417vw */} .news-xqright h1 {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #2250e3;padding: 1.3021vw 0; /* 25px → 25/1920*100=1.3021vw */font-family: font2;} .news-xqright li {padding-bottom: 1.9792vw; /* 38px → 38/1920*100=1.9792vw */} .news-how span {display: block;overflow: hidden;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */} .news-how span img {width: 100%; object-fit: cover;aspect-ratio: 320 / 180;transition: all .5s;} .howtext {padding-top: 0.7813vw; /* 15px → 15/1920*100=0.7813vw */} .howtext h2 {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #666;line-height: 1.5;transition: all .4s;} .howtext p {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */margin-top: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */color: #666;transition: all .4s;} .news-how a:hover img {transform: scale(1.1);} .news-how a:hover h2 {color: #2250e3;} .news-how a:hover p {color: #91e600;} /*Contact*/ .contact { padding-bottom: 16.9271vw; /* 325px → 325/1920*100=16.9271vw */} .contact-title {text-align: center; padding: 5.625vw 0 4.8438vw; /* 108px 93px → 108/1920*100=5.625vw, 93/1920*100=4.8438vw */} .contact-title h2 {line-height: 1.3;font-size: 2.5vw; /* 48px → 48/1920*100=2.5vw */color: #91e600;font-family: font2;} .contact-nr {display: flex;justify-content: space-between;flex-wrap: wrap;} .contact-left {width: 48.5%;} .contact-left ul {display: flex;justify-content: space-between; padding-bottom: 4.4271vw; /* 85px → 85/1920*100=4.4271vw */} .contact-left a {display: block;position: relative;width: 4.1667vw; /* 80px → 80/1920*100=4.1667vw */aspect-ratio: 16 / 16;border-radius: 50%; position: relative;transition: all .5s;background: #2250e3;height: 4.1667vw; /* 80px → 80/1920*100=4.1667vw */} .contact-left a:hover {background: #91e600;} .contact-left li a img {position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .contact-left dt {padding-bottom: 2.9688vw; /* 57px → 57/1920*100=2.9688vw */} .contact-left dt h2 {font-size: 1.875vw; /* 36px → 36/1920*100=1.875vw */margin-bottom: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */color: #2250e3;font-family: font2;} .contact-left p {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */ line-height: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #222222;} .contact-left h4 {font-size: 1.875vw; /* 36px → 36/1920*100=1.875vw */color: #2250e3;font-family: font2;} .contact-right {width: 40%;} .contr_top h2 {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */margin-bottom: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */color: #2250e3;font-family: font2;} .contr_top ul {display: flex;gap:0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .contr_top li {width: calc(33.33% - 1.0417vw/3); /* 20px → 20/1920*100=1.0417vw */} .contr_top span {display: block;text-align: center;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */background: #fff; font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */ line-height: 3.125vw; /* 60px → 60/1920*100=3.125vw */color: #91e600;cursor: pointer;} .contr_top li.cur span {color: #fff;background: #2250e3; box-shadow:0 0 0.5208vw rgba(0, 0, 0, .1); /* 10px → 10/1920*100=0.5208vw */ } .contr-bottom h2 {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #2250e3;margin: 2.6042vw 0 1.3021vw; /* 50px 25px → 50/1920*100=2.6042vw, 25/1920*100=1.3021vw */font-family: font2;} .contr-bottom li { padding-bottom: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .contr-bottom li:last-child { padding: 0;} .wby3 {background: #fff;width: 100%;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ padding: 0 1.0417vw; /* 20px → 20/1920*100=1.0417vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */line-height: 1.4583vw; /* 28px → 28/1920*100=1.4583vw */font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */border: 1px solid #e3e7f4;font-family: font1;font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */} .wby3::-webkit-input-placeholder{color:#e3e7f4;} .wby4 {background: #fff;width: 100%;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ padding:1.0417vw; /* 20px → 20/1920*100=1.0417vw */height: 11.1979vw; /* 215px → 215/1920*100=11.1979vw */line-height: 1.4583vw; /* 28px → 28/1920*100=1.4583vw */font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */border: 1px solid #e3e7f4;font-family: font1;font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */} .wby4::-webkit-input-placeholder{color:#e3e7f4;} .btn6 {width: 8.3333vw; /* 160px → 160/1920*100=8.3333vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */background: #2250e3;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */border: none;cursor: pointer;font-weight: bold;font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #fff;margin-top: 2.5vw; /* 48px → 48/1920*100=2.5vw */transition: all .5s;} .btn6:hover {background: #91e600;} /*4-1Authentication*/ .csbj {background: url(../images/tt1.png) no-repeat center top;} .Authentication-title {padding: 5.4688vw 10.4167vw 1.5625vw 10.4167vw; /* 105px 200px 30px 200px → 105/1920*100=5.4688vw, 200/1920*100=10.4167vw, 30/1920*100=1.5625vw */text-align: center;} .Authentication-title h2 {line-height: 1.3; font-size: 2.5vw; /* 48px → 48/1920*100=2.5vw */color: #91e600;font-family: font2;} .Authentication-title span:nth-child(4) { display: inline-block; padding-right: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .Authentication-title span:nth-child(9) { display: inline-block; padding-right: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .Authentication-title span:nth-child(12) { display: inline-block; padding-right: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .Authentication-title span:nth-child(27) { display: inline-block; padding-right: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .Authentication-title span:nth-child(40) { display: inline-block; padding-right: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .Authentication-title span:nth-child(55) { display: inline-block; padding-right: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .Authentication-nr {padding-bottom: 15.625vw; /* 300px → 300/1920*100=15.625vw */} .Authentication-nr ul {display: flex;gap:0.5208vw; /* 10px → 10/1920*100=0.5208vw */flex-wrap: wrap;padding-bottom: 5.2083vw; /* 100px → 100/1920*100=5.2083vw */position: relative;} .Authentication-nr ul:before {position: absolute;content: "";width: 90.1042vw; /* 1730px → 1730/1920*100=90.1042vw */bottom: 0;left: 50%;transform: translateX(-50%);background: url(../images/a_33.png) no-repeat center bottom;background-size: 100% auto;height: 7.6042vw; /* 146px → 146/1920*100=7.6042vw */z-index: -1;} .Authentication-nr li {border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */background: #fff; width: calc(16.66% - 2.6042vw/6); /* 50px → 50/1920*100=2.6042vw */ padding: 2.3438vw 0; /* 45px → 45/1920*100=2.3438vw */} .Authentication-nr p {text-align: center;font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #222222;line-height: 1.5; margin-top: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */transition: all .5s;} .Authentication-nr img {height: 5.2083vw; /* 100px → 100/1920*100=5.2083vw */margin: 0 auto;transition: all 0.9s;} .Authentication-box {position: relative;z-index: 100;} .Authentication-box:hover img {transform: scale(1.15);} .Authentication-box:hover p {color: #91E600;} /*4-2Authentication*/ .Authentication-title {padding: 5.7292vw 0 2.3438vw 0; /* 110px 45px → 110/1920*100=5.7292vw, 45/1920*100=2.3438vw */text-align: center;} .Authentication-title h2 {line-height: 1.3; font-size: 2.5vw; /* 48px → 48/1920*100=2.5vw */color: #91e600;font-family: font2;} .Authentication-nr2 ul {display: flex;flex-wrap: wrap;gap:1.3021vw; /* 25px → 25/1920*100=1.3021vw */ padding-bottom: 15.625vw; /* 300px → 300/1920*100=15.625vw */} .Authentication-nr2 li {width: calc(33.333% - 2.6042vw/3); /* 50px → 50/1920*100=2.6042vw */} .Authentication-nr2 p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */line-height: 1.6;text-align: center;color: #222222; margin: 1.0417vw 0; /* 20px → 20/1920*100=1.0417vw */ height: 3.2em;align-items: center;justify-content: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all .5s;} .Authentication-nr2 span {display: block;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ overflow: hidden;} .Authentication-nr2 img {width: 100%; object-fit: cover;transition: all 1s;} .Authentication-nr2 a:hover img {transform: scale(1.05);} .Authentication-nr2 a:hover {color: #91E600;} /*After-Sale*/ .After {padding-bottom: 15.625vw; /* 300px → 300/1920*100=15.625vw */} .After-title ul {display: flex;gap:0.5208vw; /* 10px → 10/1920*100=0.5208vw */ padding: 6.25vw 0 2.0833vw; /* 120px 40px → 120/1920*100=6.25vw, 40/1920*100=2.0833vw */} .After-title span {display: block;font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */font-weight: bold;color: #91e600;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ line-height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ padding: 0 2.6042vw; /* 50px → 50/1920*100=2.6042vw */cursor: pointer;background: #fff;} .After-title li.cur span {color: #fff;background: #2250e3;} .After-box {background:#f7f8fc;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ padding: 0 2.0833vw 1.5625vw 2.0833vw; /* 40px 30px → 40/1920*100=2.0833vw, 30/1920*100=1.5625vw */} .After-top {padding:1.8229vw 0 1.3021vw; /* 35px 25px → 35/1920*100=1.8229vw, 25/1920*100=1.3021vw */} .After-top h2 {line-height: 1.6;font-size: 1.875vw; /* 36px → 36/1920*100=1.875vw */color: #2250e3;margin-bottom: 0px;font-family: font2;} .After-top p {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */ line-height: 1.6;color: #666666;} .After-bottom {padding-bottom: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */} .After-list {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;background: #fff;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */} .After-bottom li {padding-bottom: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */} .After-img {width: 20.8333vw; /* 400px → 400/1920*100=20.8333vw */overflow: hidden;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */} .After-img img {width: 100%;object-fit: cover;aspect-ratio: 4 / 2;} .After-text {width: calc(100% - 22.9167vw); /* 440px → 440/1920*100=22.9167vw */ padding-right: 2.0833vw; /* 40px → 40/1920*100=2.0833vw */} .After-text h2 {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #2250e3;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom: 0.7813vw; /* 15px → 15/1920*100=0.7813vw */font-family: font2;} .After-text p {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #666666;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .After-qh {animation: fadeIn 1s 1; padding-right: 2.3438vw; /* 45px → 45/1920*100=2.3438vw */} .After-bottom a:hover p {color: #2250e3;} /*Project*/ .Project {padding-bottom: 15.625vw; /* 300px → 300/1920*100=15.625vw */} .Project-title {padding: 6.25vw 0 2.0833vw; /* 120px 40px → 120/1920*100=6.25vw, 40/1920*100=2.0833vw */} .Project-title ul {display: flex;gap:1.3021vw; /* 25px → 25/1920*100=1.3021vw */} .Project-title li {width: calc(33.333% - 2.6042vw/3); /* 50px → 50/1920*100=2.6042vw */} .Projectbox {height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */background: #fff; position: relative;z-index: 55;} .Projectbox p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */padding: 0 1.5625vw; /* 30px → 30/1920*100=1.5625vw */line-height: 3.125vw; /* 60px → 60/1920*100=3.125vw */color: #999; cursor: pointer;} .Projectbox p span {color: #2250e3;} .Projectbox p b {position: absolute;background: url(../images/a_35.png);width: 0.5729vw; /* 11px → 11/1920*100=0.5729vw */height: 0.3646vw; /* 7px → 7/1920*100=0.3646vw */background-size: 100% 100%;top: 50%;transform: translateY(-50%);right: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */} .projbox {position: absolute;width: 100%; left: 0;top: 3.6458vw; /* 70px → 70/1920*100=3.6458vw */background: #fff;border-radius: 0.2604vw; /* 5px → 5/1920*100=0.2604vw */ padding: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */z-index: 10;display: none;} .projbox dt {border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ line-height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ padding: 0 2.0833vw; /* 40px → 40/1920*100=2.0833vw */ font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #2250e3;transition: all .5s;cursor: pointer;} .projbox dt:hover {background: #2250e3;color: #fff;} .tplist ul {display: flex;gap:1.3021vw; /* 25px → 25/1920*100=1.3021vw */ flex-wrap: wrap;} .tplist li {width: calc(33.333% - 2.6042vw/3); /* 50px → 50/1920*100=2.6042vw */} .tpbox {position: relative;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */ overflow: hidden;} .tp-img {position: relative;} .tp-img:before {position: absolute;content: "";height: 60%;left: 0;bottom: 0; background-image: linear-gradient(transparent 20%, #2250e3);width: 100%;z-index: 10; opacity: 0;transition: all .4s;} .tp-img img {width: 100%; object-fit: cover;transition: all .5s;aspect-ratio: 450 / 253;} .tpbox span {width: 2.6042vw; /* 50px → 50/1920*100=2.6042vw */border-radius: 50%; position: absolute;left: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */top: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */z-index: 10;} .tpbox span img {aspect-ratio: 50 / 50;} .tptext {position: absolute;width: 100%; padding:1.0417vw; /* 20px → 20/1920*100=1.0417vw */left: 0;bottom: 0; opacity: 0;z-index: 11;transition: all .6s;} .tptext h2 {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #fff;line-height: 1.6;font-family: font2;} .tptext p {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #fff;line-height: 1.6;} .tplist a:hover .tptext {opacity: 1;animation: fadeInUp 1s 1;} .tplist a:hover .tp-img:before {opacity: 1;} /* 弹窗样式 */ .project-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;overflow-y: auto;} .project-modal.active {display: block;} .modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 1001;} .modal-content {position: relative;width: 45vw; /* 1200px → 1200/1920*100=62.5vw */background: #fff;border-radius: 0.625vw; /* 12px → 12/1920*100=0.625vw */z-index: 1002;box-shadow: 0 0.5208vw 2.0833vw rgba(0, 0, 0, 0.3); /* 10px 40px → 10/1920*100=0.5208vw, 40/1920*100=2.0833vw */max-height: 90vh;overflow-y: auto;max-width: 94%; left:50%; top:50%; transform:translate(-50%,-50%);} .modal-close {position: absolute;top: 1.5vw; right: 1.5vw; width: 2.0833vw; height: 2.0833vw; border-radius: 50%;background: #fff;border: 2px solid #ddd;font-size: 1.4583vw; line-height: 1;color: #666;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s;z-index: 1003;font-weight: 300;background: #fff;} .modal-close:hover {background: #91E600;color: #fff;border-color: #91E600;} .modal-header { padding: 1.3021vw 3.125vw; /* 25px 60px → 25/1920*100=1.3021vw, 60/1920*100=3.125vw */} .modal-subtitle {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #8bc34a;margin-bottom: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */font-weight: 500;} .modal-title {font-size: 2vw; /* 48px → 48/1920*100=2.5vw */color: #2250e3;line-height: 1.4;margin: 0;font-family: font2;} .modal-main-image {position: relative;width: calc(100% - 6.25vw); /* 120px → 120/1920*100=6.25vw */margin:0 auto 2.3438vw auto; /* 45px → 45/1920*100=2.3438vw */border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */overflow: hidden;background: #f5f5f5;aspect-ratio: 450 / 253;} .modal-main-image img {width: 100%;height: 100%;object-fit: cover;} .modal-nav-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 2.6042vw; /* 50px → 50/1920*100=2.6042vw */height: 2.6042vw; /* 50px → 50/1920*100=2.6042vw */background: #FFF;border-radius: 50%;cursor: pointer;transition: all 0.3s;z-index: 10;border: none;} .modal-prev {left: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */background: url(../images/a_02.png) no-repeat center center #fff;} .modal-prev:hover {background:url(../images/a_61.png) no-repeat center center #91E600;} .modal-next {right: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */background: url(../images/a_04.png) no-repeat center center #fff;} .modal-next:hover {background: url(../images/a_01.png) no-repeat center center #91E600;} .modal-products {position: absolute;bottom: 7.5521vw; /* 145px → 145/1920*100=7.5521vw */width: 100%; left: 0;text-align: center;} .modal-products h3 {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #fff;margin-bottom: 1.3021vw; /* 25px → 25/1920*100=1.3021vw */font-weight: bold;} .product-btn {display: inline-block;padding: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */background: #2250e3;color: #fff;border: none;border-radius: 0.3125vw; /* 6px → 6/1920*100=0.3125vw */font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */cursor: pointer;transition: all 0.3s;} .modal-description {width: calc(100% - 15.625vw); /* 300px → 300/1920*100=15.625vw */} .modal-description p {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #fff;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: center;} .modal-footer {display: flex;justify-content: space-between;padding: 0.7813vw 0; /* 15px → 15/1920*100=0.7813vw */background: #2250e3;align-items: center;} .modal-footer-nav {background: none;border: none;color: #fff;font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */cursor: pointer;padding: 0.5208vw 1.5625vw; /* 10px 30px → 10/1920*100=0.5208vw, 30/1920*100=1.5625vw */transition: all 0.3s;font-weight: 500;} .modal-footer-nav:hover {opacity: 0.8;} .tpbox {cursor: pointer;} .tpbox:hover .tp-img img {transform: scale(1.05);} /*about*/ .baout-bj1 {background:#f7f8fc;} .about {padding: 5.625vw 0 5.2083vw; /* 108px 100px → 108/1920*100=5.625vw, 100/1920*100=5.2083vw */width:75%;margin: 0 auto;} .about-top {display: flex;justify-content: space-between;flex-wrap: wrap; padding-bottom: 1.9792vw; /* 38px → 38/1920*100=1.9792vw */} .about-left {width: 50%;} .about-left h2 {font-size: 1.875vw; /* 36px → 36/1920*100=1.875vw */color: #2250e3;font-family: font2;padding-top: 0.2604vw; /* 5px → 5/1920*100=0.2604vw */} .about-left p {font-weight: bold;font-size: 4.1667vw; /* 80px → 80/1920*100=4.1667vw */ margin-top: 2.6042vw; /* 50px → 50/1920*100=2.6042vw */color: #f7f8fc;font-family: "arial black"; -webkit-text-stroke: 0.1042vw black; /* 2px → 2/1920*100=0.1042vw */-webkit-text-stroke-width: 0.1042vw; /* 2px → 2/1920*100=0.1042vw */-webkit-text-stroke-color: #c0e1a1;} .about-right {width: 50%;} .about-right h2 {font-size: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */line-height: 1.55;color: #222222;margin-bottom: 1.1979vw; /* 23px → 23/1920*100=1.1979vw */font-family: font2;} .about-right p {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */line-height: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #666666;letter-spacing: 0.0573vw; /* 1.1px → 1.1/1920*100=0.0573vw */} .Support-title {padding-bottom: 2.0833vw; /* 40px → 40/1920*100=2.0833vw */} .Support-title h2 {font-size: 1.875vw; /* 36px → 36/1920*100=1.875vw */color: #2250e3;line-height: 1.4; text-transform: uppercase;font-family: font2;} .Support-title p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #2250e3;line-height: 1.6; } .Support-nr ul {display: flex;justify-content: space-between;gap:9.375vw; /* 180px → 180/1920*100=9.375vw */} .Support-nr h2 {font-size: 3.125vw; /* 60px → 60/1920*100=3.125vw */color: #2250e3;font-weight: 200;} .Support-nr p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #666666;line-height: 1.4; margin-top: 0.2604vw; /* 5px → 5/1920*100=0.2604vw */} .video {position: relative;height: 41.6667vw; /* 800px → 800/1920*100=41.6667vw */ overflow: hidden;} .video video {width: 100%;height: 100%; object-fit: cover;} .bfbtn {background:url(../images/a_34.png) no-repeat center center #fff;width: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */height: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */border-radius: 50%;cursor: pointer; position: absolute; transition: all ease .4s;left:50%; top:50%; transform:translate(-50%,-50%);cursor: pointer;z-index: 10;} .bfbtn::after { z-index: -1; animation: scaleAni 1s infinite linear; content:''; border:1px solid #ffffff; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .bfbtn::before { z-index: -1;animation: scaleAni 1.5s infinite linear; content:''; border:1px solid #ffffff; width: 120%; height: 120%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} @keyframes scaleAni{ from{ transform: translate(-50%,-50%) scale(1); opacity: 1;} to{transform: translate(-50%,-50%) scale(1.5); opacity: 0;} } .conter {width: 75%; position: relative; padding:5.9896vw 0 6.25vw; /* 115px 120px → 115/1920*100=5.9896vw, 120/1920*100=6.25vw */ margin: 0 auto; } .btom {position: sticky;width: 100%;position: relative;} .conter-bj {background: #fff;} .btom1.active {position: sticky; top: 10%;} .btom2.active {position: sticky; top: 20%;} .btom3.active {position: sticky; top: 30%;} .btom4.active {position: sticky; top: 40%;} .btom5.active {position: sticky; top: 50%;} .stombox {padding: 3.125vw 1.0417vw; /* 60px 20px → 60/1920*100=3.125vw, 20/1920*100=1.0417vw */display: flex;justify-content: space-between;width: 100%;overflow: hidden;align-items: center;position: relative; z-index: 10;background: url(../images/a_91.png) no-repeat center center;background-size: 100% 100%;margin-bottom: 2.6042vw; /* 50px → 50/1920*100=2.6042vw */} .btomleft {width: 50%; padding:0 1.8229vw; /* 35px → 35/1920*100=1.8229vw */text-align: right;} .btomleft img {width: 100%;border-radius: 15.625vw; /* 300px → 300/1920*100=15.625vw */} .btomright img {width: 100%;border-radius: 15.625vw; /* 300px → 300/1920*100=15.625vw */} .pdzz {position: absolute;width: 70%;height: 100%; top: 0;left: 50%;transform: translateX(-50%);background: #007AFF;z-index: 10;} .btomright {width: 50%;padding:0 1.8229vw; /* 35px → 35/1920*100=1.8229vw */} .btomright h3 {font-family: "arial black";font-size: 3.125vw; /* 60px → 60/1920*100=3.125vw */ -webkit-text-stroke: 0.1042vw black; /* 2px → 2/1920*100=0.1042vw */-webkit-text-stroke-width: 0.1042vw; /* 2px → 2/1920*100=0.1042vw */-webkit-text-stroke-color: #c0e1a1;color: #fff;} .btomright h2 {font-weight: bold;font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #2250e3;margin: 1.5625vw 0 0.5208vw; /* 30px 10px → 30/1920*100=1.5625vw, 10/1920*100=0.5208vw */} .btomright p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */line-break: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #666666;} .btomleft h3 {font-family: "arial black";font-size: 3.125vw; /* 60px → 60/1920*100=3.125vw */ -webkit-text-stroke: 0.1042vw black; /* 2px → 2/1920*100=0.1042vw */-webkit-text-stroke-width: 0.1042vw; /* 2px → 2/1920*100=0.1042vw */-webkit-text-stroke-color: #c0e1a1;color: #fff;} .btomleft h2 {font-weight: bold;font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #2250e3;margin: 1.5625vw 0 0.5208vw; /* 30px 10px → 30/1920*100=1.5625vw, 10/1920*100=0.5208vw */} .btomleft p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */line-break: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #666666;} .btom-bkx a:hover p {color: #2250e3;} .center {background: url(../images/a_44.png) no-repeat center center;background-size: cover;padding: 7.5521vw 0 7.8125vw; /* 145px 150px → 145/1920*100=7.5521vw, 150/1920*100=7.8125vw */} .centerbox {position: relative;overflow: hidden;width:70%;margin: 0 auto;} .centerbox .mySwiper {padding-bottom: 2.3438vw; /* 45px → 45/1920*100=2.3438vw */} .center-con h2 {font-weight: bold;font-size: 3.125vw; /* 60px → 60/1920*100=3.125vw */font-family: "arial black";color: #2250e3; position: relative;z-index: 10;} .center-con-stk {display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: -1.5625vw; /* -30px → -30/1920*100=-1.5625vw */} .center-left {width: 45%;} .center-left img {width: 100%;border-radius: 0.7813vw; /* 15px → 15/1920*100=0.7813vw */} .center-right {width: 55%;background: #f7f8fc;border-radius: 0.7813vw; /* 15px → 15/1920*100=0.7813vw */padding: 4.6875vw 3.6458vw 0 3.6458vw; /* 90px 70px → 90/1920*100=4.6875vw, 70/1920*100=3.6458vw */} .center-right h3 {font-weight: bold;color: #2250e3;font-size: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */margin-bottom: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */} .center-right p {color: #666; font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */line-height: 1.6;transition: a11 .5s;} .center-right a:hover p {color: #2250e3;} .centerbox .swiper-button-next:after,.centerbox .swiper-button-prev:after{font-size: 0;} .centerbox .swiper-button-next{width: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */height: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */border-radius: 50%;background: url(../images/a_04.png) no-repeat center center #fff;bottom: 0; margin: 0; top: auto;right: 1.3021vw; /* 25px → 25/1920*100=1.3021vw */transition: all .5s;z-index: 50;} .centerbox .swiper-button-prev{width: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */height: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */border-radius: 50%;background: url(../images/a_02.png) no-repeat center center #fff;bottom: 0; margin: 0; top: auto;right: 6.5104vw; /* 125px → 125/1920*100=6.5104vw */left: auto;transition: all .5s;z-index: 50;} .centerbox .swiper-button-next:hover{background: url(../images/a_01.png) no-repeat center center #2250e3;} .centerbox .swiper-button-prev:hover{background: url(../images/a_61.png) no-repeat center center #2250e3;} .centerbox .swiper-pagination{color: #fff;font-size: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */bottom: -0.5208vw; /* -10px → -10/1920*100=-0.5208vw */} .centerbox .swiper-pagination-current{font-weight: bold;font-size: 4.1667vw; /* 80px → 80/1920*100=4.1667vw */color: #2250e3;} .Exhi {width: 70%;margin: 0 auto;padding-bottom: 15.625vw; /* 300px → 300/1920*100=15.625vw */} .Exhi-titel h2 {text-align: center; padding: 6.25vw 0 2.8646vw; /* 120px 55px → 120/1920*100=6.25vw, 55/1920*100=2.8646vw */font-family: font2;font-size: 1.875vw; /* 36px → 36/1920*100=1.875vw */color: #2250e3;text-transform: uppercase;} .Exhi-nr {position: relative;overflow: hidden;} .Exhi-img {overflow: hidden;} .Exhi-img img {width: 100%; object-fit: cover;aspect-ratio: 450 / 254;transition: all 1s; } .Exhi-text {padding: 1.0417vw 0 0 0; /* 20px → 20/1920*100=1.0417vw */} .Exhi-text h3 {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */margin-bottom: 0.7813vw; /* 15px → 15/1920*100=0.7813vw */color: #7ec800;} .Exhi-text h2 {line-height: 1.4;font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #222222;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .Exhi-text p {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #999999;margin-top: 1.8229vw; /* 35px → 35/1920*100=1.8229vw */} .Exhi-nr .mySwiper {padding-bottom: 8.0729vw; /* 155px → 155/1920*100=8.0729vw */} .Exhi-nr .swiper-button-next:after,.Exhi-nr .swiper-button-prev:after{font-size: 0;} .Exhi-nr .swiper-button-next{width: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */height: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */border-radius: 50%;background: url(../images/a_04.png) no-repeat center center #fff;bottom: 0; margin: 0; top: auto;right: auto;transition: all .5s;left: 5.2083vw; /* 100px → 100/1920*100=5.2083vw */} .Exhi-nr .swiper-button-prev{width: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */height: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */border-radius: 50%;background: url(../images/a_02.png) no-repeat center center #fff;bottom: 0; margin: 0; top: auto;left:0;transition: all .5s;z-index: 50;} .Exhi-nr .swiper-button-next:hover{background: url(../images/a_01.png) no-repeat center center #2250e3;} .Exhi-nr .swiper-button-prev:hover{background: url(../images/a_61.png) no-repeat center center #2250e3;} .Exhibox a:hover h2 {color: #2250e3;} .Exhibox a:hover img {transform: scale(1.1);} /*pd1*/ .cpdw {width: 100%;padding-top: 4.5vw; /* 170px → 170/1920*100=8.8542vw */} .pdtc {margin: 0 0 0 5vw;} .pdtc ul {display: flex;gap:0.6vw; /* 35px → 35/1920*100=1.8229vw */justify-content: left;}.pdtc a {transition: all .5s;font-size: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */line-height: 4.1667vw; /* 80px → 80/1920*100=4.1667vw */color: #666666;letter-spacing: 0.0521vw; /* 1px → 1/1920*100=0.0521vw */} .pdtc li.cur a {color: #2250e3;} .pdtc a:hover {color: #2250e3;} .cpjs {display: flex;justify-content: space-between;flex-wrap: wrap;} .cpjsleft {width: 65%;position: relative;background: #fff;} .cpom {padding: 4.6875vw 0 2.6042vw; /* 90px 50px → 90/1920*100=4.6875vw, 50/1920*100=2.6042vw */position: relative;} .cpjsbox {width: 39.7396vw; /* 763px → 763/1920*100=39.7396vw */ position: relative; margin: 0 auto;} .cpjsbox2 {position: absolute;top: 4.6875vw; /* 90px */left: 50%;transform: translateX(-50%);width: 39.7396vw; /* 763px */} .cpjsbox img {width: 100%;} .cpjsbox span {position: absolute;width: 1.3542vw; /* 26px → 26/1920*100=1.3542vw */height: 1.3542vw; /* 26px → 26/1920*100=1.3542vw */background: #91e600;border-radius: 50%; cursor: pointer;} .cpjsbox span:before {width: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */height: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */border-radius: 50%;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);position: absolute;content: "";} .jfbtn1 {top: 7.0313vw; /* 135px → 135/1920*100=7.0313vw */left: 14.0625vw; /* 270px → 270/1920*100=14.0625vw */} .jfbtn2 {top: 2.3438vw; /* 45px → 45/1920*100=2.3438vw */right: 10.7813vw; /* 207px → 207/1920*100=10.7813vw */} .jfbtn3 {top: 10.4167vw; /* 200px → 200/1920*100=10.4167vw */right: 5.7292vw; /* 110px → 110/1920*100=5.7292vw */} .jfbtn4 {top: 17.9688vw; /* 345px → 345/1920*100=17.9688vw */right: 7.8125vw; /* 150px → 150/1920*100=7.8125vw */} .jfbtn5 {bottom: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */right: 10.3125vw; /* 198px → 198/1920*100=10.3125vw */} .btnbox {text-align: center; padding-bottom: 2.0833vw; /* 40px → 40/1920*100=2.0833vw */} .btnbox a {display: inline-block; padding: 0 3.3854vw 0 1.5625vw; /* 65px 30px → 65/1920*100=3.3854vw, 30/1920*100=1.5625vw */line-height: 2.9167vw; /* 56px → 56/1920*100=2.9167vw */border: 1px solid #e8edfc;border-radius: 1.5104vw; /* 29px → 29/1920*100=1.5104vw */ transition: all .5s;position: relative; font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #2250e3;} .btnbox a b {position: absolute;top: 50%;transform: translateY(-50%);width: 1.3021vw; /* 25px → 25/1920*100=1.3021vw */height: 1.3021vw; /* 25px → 25/1920*100=1.3021vw */ border-radius: 50%;background: #2250e3;right: 0.7813vw; /* 15px → 15/1920*100=0.7813vw */} .btnbox a b:before {position: absolute;content: "";background: #ffffff;width: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */height: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */border-radius: 50%;left:50%; top:50%; transform:translate(-50%,-50%);} .btnbox a:hover {background: #2250e3;color: #fff;} .btnbox a:hover b {background: #91e600;} .cpjsbox p {position: absolute; line-height: 2.0833vw; /* 40px → 40/1920*100=2.0833vw */border-radius: 0.3125vw; /* 6px → 6/1920*100=0.3125vw */background: #2250e3;font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #fff;padding: 0 1.0417vw; /* 20px → 20/1920*100=1.0417vw */white-space: nowrap;left: 1.8229vw; /* 35px → 35/1920*100=1.8229vw */top: 50%;transform: translateY(-50%);transition: all .5s; opacity: 0;} .cpjsbox span:hover p {opacity: 1;} .cpjsright {width: 35%;background: #2250e3; padding: 6.5104vw 4.1667vw 0 4.1667vw; /* 125px 80px → 125/1920*100=6.5104vw, 80/1920*100=4.1667vw */height: calc(100vh - 13.0208vw); /* 250px → 250/1920*100=13.0208vw */} .cpjsright h2 {font-family: font2;font-size: 3.125vw; /* 60px → 60/1920*100=3.125vw */color: #95e709;line-height: 1.15;} .cpjsright p {color: #fff;font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */ line-height: 1.6; margin: 1.0417vw 0 6.25vw; /* 20px 120px → 20/1920*100=1.0417vw, 120/1920*100=6.25vw */} .cpjsright ul {display: flex;gap:0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .cpjsright li {width: calc(50% - 0.5208vw/2);} .cpjsright a {display: block; text-align: center; line-height: 3.6458vw; /* 70px → 70/1920*100=3.6458vw */background: #91e600;font-weight: bold; color: #2250e3;font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */border-radius: 1.8229vw; /* 35px → 35/1920*100=1.8229vw */transition: all .5s;} .cpjsright a:hover {background: #fff;} .Scenarios {padding-bottom: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */width: 75%;} .Scenarios-title {padding: 4.1667vw 0; /* 80px → 80/1920*100=4.1667vw */} .Scenarios-title ul {display: flex;flex-wrap: wrap;gap:1.3021vw; /* 25px → 25/1920*100=1.3021vw */} .Scenarios-title li {width:calc(20% - 5.2083vw/5); /* 100px → 100/1920*100=5.2083vw */} .Scenarios-title span {display: block;text-align: center; line-height: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */color:#333333;border-radius: 0.3125vw; /* 6px → 6/1920*100=0.3125vw */font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */transition: all .5s;background: #fff;cursor: pointer;} .Scenarios-title li.cur span {color: #fff;background: #2250e3;} .Scenarios-title span:hover {color: #fff;background: #2250e3;} .Scenarios_bt h2 {font-weight: bold;text-align: center; font-size: 3.75vw; /* 72px → 72/1920*100=3.75vw */margin-bottom: 2.6042vw; /* 50px → 50/1920*100=2.6042vw */color: #2250e3;} .Scenarios_bt h2 b {color: #91e600;font-weight: bold;} .Scenarios-xq ul {display: flex;gap:0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .Scenarios-xq li {width: calc(11.111% - 4.1667vw/9); /* 80px → 80/1920*100=4.1667vw */border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */background: #fff;transition: all .5s;} .Scenarios-xq a {display: block; position: relative; padding-bottom: 0.7813vw; /* 15px → 15/1920*100=0.7813vw */height: 11.9792vw; /* 230px → 230/1920*100=11.9792vw */} .Scenarios-xq p {text-align: center; font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #666;transition: all .5s;margin-top: 0.7813vw; /* 15px → 15/1920*100=0.7813vw */} .Scenarios-xq span {display: block;height: 6.5104vw; /* 125px → 125/1920*100=6.5104vw */} .Scenarios-xq img {position: absolute;left:50%; top:40%; transform:translate(-50%,-50%);transition: all .5s;} .c1 {opacity: 1;} .c2 {opacity: 0;} .Scenarios-xq a:hover .c1 {opacity: 0;} .Scenarios-xq a:hover .c2 {opacity: 1;} .Scenarios-xq li:hover {background: #2250e3;} .Scenarios-xq li:hover p {color: #fff;} .nxdw {position: relative;} .Product-left h2 {font-family: font2;font-size: 3.75vw; /* 72px → 72/1920*100=3.75vw */color: #91e600;} .Product-left p {color: #fff;font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */line-height: 1.6; margin-top: 4.1667vw; /* 80px → 80/1920*100=4.1667vw */} .Product-right ul {display: flex;gap:1.3021vw;flex-wrap: wrap;} .Product-right li {width: calc(50% - 1.3021vw/2);} .productbox {display: block;border-radius: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */background: rgba(0,0,0,.5); padding: 2.0833vw 1.5625vw 2.6042vw 1.5625vw; /* 40px 30px 50px 30px → 40/1920*100=2.0833vw, 30/1920*100=1.5625vw, 50/1920*100=2.6042vw */backdrop-filter: blur(0.5208vw); /* 10px → 10/1920*100=0.5208vw */border: 1px solid rgba(255,255,255,.2);transition: all .6s;} .productbox h2 {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #fff;font-weight: bold;margin: 1.5625vw 0 0.7813vw; /* 30px 15px → 30/1920*100=1.5625vw, 15/1920*100=0.7813vw */} .productbox p {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */ line-height: 1.5;color: #fff;} .Product-right a:hover .productbox {background: rgba(34,80,227,.85);backdrop-filter: blur(0);} .Surface { position: relative; width: 75%;} .Surface:before {position: absolute;content: "";background: url(../images/a46.png);width: 89.9479vw; /* 1727px → 1727/1920*100=89.9479vw */height: 11.3542vw; /* 218px → 218/1920*100=11.3542vw */ left: 50%;transform: translateX(-50%);bottom: 0;background-size: 100% 100%;} .surface-text {position: absolute;width: 100%;left: 0;bottom:0;} .surface-text p {font-weight: bold;font-family: "arial";font-size: 12vw;color: #e0e6fa;text-align: center;line-height: 1;height: 13vw;} .Surface-box {width: 100%;margin: 0 auto;position: relative;z-index: 10;display: flex;justify-content: space-between;flex-wrap: wrap;} .Surface-left {width: 50%; padding-right: 2.6042vw; /* 50px → 50/1920*100=2.6042vw */} .Surface-left h2 {font-family: font2;font-size: 3.75vw; /* 72px → 72/1920*100=3.75vw */color: #2250e3;line-height: 1.1;} .Surface-left h2 b {color: #91e600;font-weight: bold;} .sur-nr {padding: 2.6042vw 0 0 0; /* 50px → 50/1920*100=2.6042vw */} .sur-nr ul {display: flex;flex-wrap: wrap;} .sur-nr li {width: 43%;} .sur-list dt {padding-bottom: 1.3021vw; /* 25px → 25/1920*100=1.3021vw */} .sur-list dt h3 {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #222222;line-height: 1.6;} .sur-list dt p {font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #2250e3;line-height: 1.6;} .Colors {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #222222;line-height: 1.6; margin-bottom: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .sur-list2 {display: flex;gap:1.3021vw; /* 25px → 25/1920*100=1.3021vw */} .sur-list2 span {display: block;width: 2.0833vw; /* 40px → 40/1920*100=2.0833vw */height: 2.0833vw; /* 40px → 40/1920*100=2.0833vw */border: 0.2083vw solid #fff; /* 4px → 4/1920*100=0.2083vw */border-radius: 50%;margin: 0 auto;} .sur-list2 p {font-size: 0.7292vw; /* 14px → 14/1920*100=0.7292vw */text-align: center;color: #666666;margin-top: 0.6771vw; /* 13px → 13/1920*100=0.6771vw */} .color1 {background: #6eb92b;} .color2 {background: #9b2b15;} .color3 {background: #066b9d;} .Surface-right {width: 50%; position: relative;} .Surface-right img {width: 100%;border-radius: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .ovdeo {position: relative;border-radius: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */padding: 0.1042vw; /* 2px → 2/1920*100=0.1042vw */ overflow: hidden;background-image: linear-gradient(to bottom right, transparent, #2250e3);} .Surface-right p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */line-height: 1.6;color: #666666;margin-top: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */} .bfbtn1 {background:url(../images/a_54.png) no-repeat center center;width: 4.4271vw; /* 85px → 85/1920*100=4.4271vw */height: 4.4271vw; /* 85px → 85/1920*100=4.4271vw */border-radius: 50%;cursor: pointer; position: absolute; transition: all ease .4s;left:50%; top:50%; transform:translate(-50%,-50%);background-size: 100%;} .bfbtn1::after { z-index: -1; animation: scaleAni 1s infinite linear; content:''; border:1px solid #ffffff; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .bfbtn1::before { z-index: -1;animation: scaleAni 1.5s infinite linear; content:''; border:1px solid #ffffff; width: 120%; height: 120%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .Projecta {position: relative; overflow: hidden;height: 80vh;} .Projecta-title h2 {font-size: 3.75vw; text-align: center; padding: 0 0 2.8646vw; /* 115px 55px → 115/1920*100=5.9896vw, 55/1920*100=2.8646vw */font-family: font2;color: #2250e3;} .Projecta-nr {position: relative;z-index: 10; } .Projecta:before {position: absolute;content: "";background: url(../images/a_59.png) no-repeat center top;width: 116.5104vw; /* 2237px → 2237/1920*100=116.5104vw */height: 11.3542vw; /* 218px → 218/1920*100=11.3542vw */background-size: 100% 100%;right: 0;bottom: 0;} .Projecta-nr .swiper-slide {height: 41.6667vw; /* 800px → 800/1920*100=41.6667vw */} .Projecta-nr .swiper-button-next {width: 3.125vw; /* 60px → 60/1920*100=3.125vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ border-radius: 50%; margin-top: 0;background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s;top: auto;bottom: 0;right:auto;left: calc(25% + 3.9063vw); /* 75px → 75/1920*100=3.9063vw */} .Projecta-nr .swiper-button-prev {width: 3.125vw; /* 60px → 60/1920*100=3.125vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ border-radius: 50%; margin-top: 0;background: url(../images/a_02.png) no-repeat center center #fff; transition: all .5s;left: auto;bottom: 0;left: 25%;top: auto;} .Projecta-nr :after,.glob-content .swiper-button-prev:after{font-size: 0;} .Projecta-nr .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;} .Projecta-nr .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;} .Projectabox {border-radius: 0.5208vw;background: #fff;padding: 1.5625vw 1.5625vw 1.5625vw 2.6042vw; } .Projecta-text {width: 30%;text-align: left;display: flex;flex-direction: column;justify-content: space-between;} .Projecta-text h3 {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #2250e3;} .Projecta-text h2 {font-weight: bold;font-size: 1.875vw;line-height: 1.4;color: #2250e3;margin: 1.0417vw 0 0; cursor: pointer;} .Projecta-text p {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */line-height: 2;color: #999999;display: flex;align-items: center;gap:0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .Projecta-img {width:70%;overflow: hidden;border-radius: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .Projecta-img img {border-radius: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */transition: all 1s; width: 100%;} .Projecta-img:hover img {transform: scale(1.1);} .btn7 {display: block;width: 8.3333vw;line-height: 3.125vw; /* 60px → 60/1920*100=3.125vw */color: #fff;background: #91e600;border-radius: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */text-align: center;font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */ margin-top: 1.6042vw; /* 50px → 50/1920*100=2.6042vw */transition: all .5s;} .btn7:hover {background: #2250e3;} .Certifions {padding-bottom: 10.1563vw; /* 195px → 195/1920*100=10.1563vw */width: 100%;} .Certifions-title {padding:2.8646vw 0 1.8229vw 0; /* 55px 35px → 55/1920*100=2.8646vw, 35/1920*100=1.8229vw */} .Certifions-title h2 {font-family: font2;font-size: 3.75vw; /* 72px → 72/1920*100=3.75vw */text-align: center;color: #2250e3;} /*pd2*/ .banner2_text {position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;width: 72.9167vw; /* 1400px → 1400/1920*100=72.9167vw */ max-width: 94%;} .banner2_text p {font-size: 0.7292vw; /* 14px → 14/1920*100=0.7292vw */color: #ccc;gap:0.5208vw; /* 10px → 10/1920*100=0.5208vw */display: flex;justify-content: center;} .banner2_text p a {color: #ccc;transition: all .5s;} .banner2_text p img {width: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */} .banner2_text p a:hover {color: #2250e3;} .banner2_text h2 {font-family: font2;font-size:3.125vw; /* 60px → 60/1920*100=3.125vw */margin: 1.0417vw 0 3.125vw; /* 20px 60px → 20/1920*100=1.0417vw, 60/1920*100=3.125vw */color: #fff;} .banner2_text h3 {color: #fff;font-size: 2.5vw; /* 48px → 48/1920*100=2.5vw */line-height: 1.4;} .type-bj {background:#eff3fd;} .Type {margin: 0 auto;max-width: 100%;} .Type-title {text-align: center; padding: 0 0 3.125vw; /* 130px 60px → 130/1920*100=6.7708vw, 60/1920*100=3.125vw */} .Type-title h2 {font-size: 3.75vw; /* 72px → 72/1920*100=3.75vw */font-family: font2;color: #2250e3; margin-bottom: 1.5625vw; /* 30px → 30/1920*100=1.5625vw */letter-spacing: 0.0521vw; /* 1px → 1/1920*100=0.0521vw */} .Type-title p {font-size: 2.5vw; /* 48px → 48/1920*100=2.5vw */color: #91e600;} .type-nr {position: relative;overflow: hidden;} .type-img {position: relative;vertical-align: middle;} .type-img img {width: 100%;aspect-ratio: 470 / 600;object-fit: cover;} .type-img p { width: 100%;bottom: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */left: 0; font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */line-height: 1.4;color: #666666;position: absolute;padding: 0 2.0833vw; /* 40px → 40/1920*100=2.0833vw */font-weight: bold;padding:0 .2vw 0 45%;} .type-zz {position: absolute;width: 100%;height: 100%; top: 0;left: 0;background: url(../images/a_72.png);background-size: 100% 100%;opacity: 0;transition: all .5s;} .ttom {position: absolute;width: 100%; left: 0;bottom: 0; padding: 0 1.5625vw 1.3021vw 1.5625vw; /* 30px 25px → 30/1920*100=1.5625vw, 25/1920*100=1.3021vw */transition: all 1s 1;z-index: 1;} .ttom h2 {font-size: 1.875vw; /* 36px → 36/1920*100=1.875vw */color: #fff;font-family: font2;} .ttom ul {padding: 1.5625vw 0 2.0833vw; /* 30px 40px → 30/1920*100=1.5625vw, 40/1920*100=2.0833vw */} .ttom li {padding-bottom: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .ttom span {display: inline-block; padding: 0 1.3021vw; /* 25px → 25/1920*100=1.3021vw */font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #2250e3;background: #fff;border-radius: 0.3125vw; /* 6px → 6/1920*100=0.3125vw */line-height: 3.125vw; /* 60px → 60/1920*100=3.125vw */} .ttom a {font-weight: bold;font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */color: #fff;transition: all .5s;} .ttom a:hover {color: #6EB92B;} .typebox:hover .type-zz {opacity: 1;} .typebox:hover .ttom {animation: fadeInUp 1s 1;} .type-nr .swiper-button-next {width: 3.125vw; /* 60px → 60/1920*100=3.125vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ border-radius: 50%; margin-top: -1.5625vw; /* -30px → -30/1920*100=-1.5625vw */background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s; z-index: 10; box-shadow:0 0 0.5208vw rgba(0, 0, 0, .1); /* 10px → 10/1920*100=0.5208vw */ } .type-nr .swiper-button-prev {width: 3.125vw; /* 60px → 60/1920*100=3.125vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ box-shadow:0 0 0.5208vw rgba(0, 0, 0, .1); /* 10px → 10/1920*100=0.5208vw */ border-radius: 50%; margin-top: -1.5625vw; /* -30px → -30/1920*100=-1.5625vw */background: url(../images/a_02.png) no-repeat center center #fff; transition: all .5s;z-index: 100;} .type-nr :after,.banner .swiper-button-prev:after{font-size: 0;} .type-nr .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .type-nr .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .surface-text2 p {opacity: .3;} .case-nr {position: relative;overflow: hidden; padding-bottom: 3.3854vw; /* 65px → 65/1920*100=3.3854vw */} .case-nr:before {position: absolute;content: "";background: url(../images/a_60.png);width: 59.8438vw; /* 1149px → 1149/1920*100=59.8438vw */height: 13.4896vw; /* 259px → 259/1920*100=13.4896vw */background-size: 100% 100%; left: 50%;transform: translateX(-50%);bottom: 0;} .bj6 {background: url(../images/a_70.png) no-repeat center top #fff;} .Scene {width: 90%;max-width: 90%;margin: 0 auto; overflow: hidden; position: relative; padding-bottom: 9.6354vw; /* 185px → 185/1920*100=9.6354vw */} .Scene-title {padding: 5.8125vw 0 3.1667vw; /* 150px 80px → 150/1920*100=7.8125vw, 80/1920*100=4.1667vw */} .Scene-title h2 {font-family: font2;font-size: 3.75vw; /* 72px → 72/1920*100=3.75vw */color: #ffffff;text-align: center;} .Scene-nr {position: relative; padding-bottom: 5vw; padding: 0 1rem 5vw 1rem;} .Scene-nr:before {position: absolute;content: "";background: url(../images/a_82.png);width: 82.5521vw; /* 1585px → 1585/1920*100=82.5521vw */height: 15.1042vw; /* 290px → 290/1920*100=15.1042vw */background-size: 100% 100%;bottom: 0;left: 50%;transform: translateX(-50%);} .Scene .swiper-container {width: 100%;max-width: 41.6667vw; /* 800px → 800/1920*100=41.6667vw */position: relative;z-index: 1;margin: 0 auto;padding-bottom: 9vw; /* 100px → 100/1920*100=5.2083vw */} .Scene .swiper-slide {display: flex;justify-content: center;align-items: center;transition: transform 0.5s ease;width: 25vw; /* 550px → 550/1920*100=28.6458vw */} .Scene .slide-content {transition: transform 0.5s ease;transform-origin: center top;} .Scene .slide-content img {width: 100%;height: 100%;object-fit: cover;} .Scene .slide-label {position: absolute;bottom: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */left: 50%;transform: translateX(-50%);color: white;font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */font-weight: bold;text-shadow: 0.1042vw 0.1042vw 0.2083vw rgba(0, 0, 0, 0.5); /* 2px 2px 4px → 2/1920*100=0.1042vw, 4/1920*100=0.2083vw */z-index: 10;} .Scene .swiper-slide-active .slide-content {transform: rotate(0deg) scale(1.22);z-index: 2;} .Scene .swiper-slide-prev .slide-content {margin-left:0; /* -360px → -360/1920*100=-18.75vw */transform: rotate(-12deg) scale(1) translateY(4.6875vw); /* 90px → 90/1920*100=4.6875vw */z-index: 1;} .Scene .swiper-slide-next .slide-content { margin-right: 0; /* -360px → -360/1920*100=-18.75vw */transform: rotate(12deg) scale(1) translateY(4.6875vw); /* 90px → 90/1920*100=4.6875vw */z-index: 1;} .Scene .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) .slide-content {opacity: 0.3;transform: scale(0);z-index: 0;} .Scene .swiper-button-next {width: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */height: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */ border-radius: 50%; margin-top: -4.6875vw; /* -90px → -90/1920*100=-4.6875vw */background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s; z-index: 10;right: 1vw; /* -20px → -20/1920*100=-1.0417vw */outline:none;} .Scene .swiper-button-prev {width: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */height: 4.6875vw; /* 90px → 90/1920*100=4.6875vw */ border-radius: 50%; margin-top: -4.6875vw; /* -90px → -90/1920*100=-4.6875vw */background: url(../images/a_02.png) no-repeat center center #fff;transition: all .5s; z-index: 10;left: 1vw;outline:none;} .Scene-nr a{overflow: hidden;border-radius: 20px;display: block;} .Scene .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;} .Scene .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;border: 1px solid #2250e3;} .Scene .swiper-button-next::after,.Scene .swiper-button-prev::after {font-size: 0;} .Scene .swiper-pagination-bullet {width: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */height: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */border: 0.1042vw solid #2250e3; /* 2px → 2/1920*100=0.1042vw */background: none;opacity: 1;} .Scene .swiper-pagination-bullet-active { background: #2250e3;} .case-nr .swiper-container {padding-bottom: 4.9479vw; /* 95px → 95/1920*100=4.9479vw */position: relative;} .case-nr .swiper-button-next {width: 3.125vw; /* 60px → 60/1920*100=3.125vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ border-radius: 50%; margin-top: 0;background: url(../images/a_04.png) no-repeat center center #f4f4f3;transition: all .5s;top: auto;bottom: 0;right:auto;left: calc(15% + 3.9063vw); /* 75px → 75/1920*100=3.9063vw */} .case-nr .swiper-button-prev {width: 3.125vw; /* 60px → 60/1920*100=3.125vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */ border-radius: 50%; margin-top: 0;background: url(../images/a_02.png) no-repeat center center #f4f4f3; transition: all .5s;left: auto;bottom: 0;left: 15%;top: auto;} .case-nr .swiper-button-next:after,.case-nr .swiper-button-prev:after{font-size: 0;} .case-nr .swiper-button-next:hover{opacity: 1;background: url(../images/a_01.png) no-repeat center center #2250e3;} .case-nr .swiper-button-prev:hover{opacity: 1;background: url(../images/a_61.png) no-repeat center center #2250e3;} .qjbj {position: fixed;z-index: 101;width: 100%;height: 100%; background: rgba(0,0,0,.7);top: 0;left: 0;} .tptc {width:62.5vw ; /* 1200px → 1200/1920*100=62.5vw */position: fixed;z-index: 101;border-radius: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */left:50%; top:50%; transform:translate(-50%,-50%);} .tptc-top {padding: 0 3.125vw 1.0417vw 3.125vw; /* 60px 20px → 60/1920*100=3.125vw, 20/1920*100=1.0417vw */background: #fff;} .tptc-title {padding: 1.0417vw 0 1.5625vw; /* 20px 30px → 20/1920*100=1.0417vw, 30/1920*100=1.5625vw */} .tptc-title h2 {font-size: 0.9375vw; /* 18px → 18/1920*100=0.9375vw */margin-bottom: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */color: #91e600;} .tptc-title p {font-weight: bold;font-size: 2.5vw; /* 48px → 48/1920*100=2.5vw */color: #2250e3;} .tptc-qh {overflow: hidden; position: relative;} .tptc-qh .swiper-button-next {width: 3.125vw; /* 60px → 60/1920*100=3.125vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */border-radius: 50%; margin-top: -1.5625vw; /* -30px → -30/1920*100=-1.5625vw */background: url(../images/a_04.png) no-repeat center center #fff;transition: all .5s;} .tptc-qh .swiper-button-prev {width: 3.125vw; /* 60px → 60/1920*100=3.125vw */height: 3.125vw; /* 60px → 60/1920*100=3.125vw */border-radius: 50%; margin-top: -1.5625vw; /* -30px → -30/1920*100=-1.5625vw */background: url(../images/a_02.png) no-repeat center center #fff;transition: all .5s;z-index: 100;} .tptc-qh .swiper-button-next:hover {background: url(../images/a_01.png) no-repeat center center #2250e3;} .tptc-qh .swiper-button-prev:hover {background: url(../images/a_61.png) no-repeat center center #2250e3;} .tptc-qh .swiper-button-next:after,.tptc-qh .swiper-button-prev:after{font-size: 0;} .tptc-qh .mySwiper {padding-bottom: 1.3021vw; /* 25px → 25/1920*100=1.3021vw */} .tptc-qh .swiper-pagination {width: 100%;height: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */bottom: 0;top: auto;text-align: center;} .tptc-qh .swiper-pagination-bullet {width: 1.0417vw; /* 20px → 20/1920*100=1.0417vw */height: 0.2604vw; /* 5px → 5/1920*100=0.2604vw */background: #dedede;border-radius: 0.1563vw; /* 3px → 3/1920*100=0.1563vw */transition: all .5s; opacity: 1;display: inline-block !important;} .tptc-qh .swiper-pagination-bullet-active {width: 2.0833vw; /* 40px → 40/1920*100=2.0833vw */background: #91e600;} .tptc-box {position: relative;} .tptc-box img {width: 100%;border-radius: 0.5208vw; /* 10px → 10/1920*100=0.5208vw */} .tptc-wb {position: absolute;text-align: center;width: 100%; left: 0;bottom:1.0417vw; /* 20px → 20/1920*100=1.0417vw */} .tptc-wb h2 {font-weight: bold;font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #ffffff;margin-bottom: 1.3021vw; /* 25px → 25/1920*100=1.3021vw */} .tptc-wb a {display: inline-block; padding: 0 1.0417vw; /* 20px → 20/1920*100=1.0417vw */line-height: 3.125vw; /* 60px → 60/1920*100=3.125vw */font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #fff;background: #0e62ed;border-radius: 0.4167vw; /* 8px → 8/1920*100=0.4167vw */transition: all .5s;} .tptc-wb a:hover {background: #6EB92B;} .tab-qh {background: #2250e3; padding: 0 3.125vw; /* 60px → 60/1920*100=3.125vw */ position: relative;} .tab-qh ul {height: 4.1667vw; /* 80px → 80/1920*100=4.1667vw */display: flex;justify-content: space-between;align-items: center;} .tab-qh li {font-size: 0.8333vw; /* 16px → 16/1920*100=0.8333vw */color: #fff;gap:1.0417vw; /* 20px → 20/1920*100=1.0417vw */display: flex;align-items: center;} .tab-qh li span {cursor: pointer;gap:1.0417vw; /* 20px → 20/1920*100=1.0417vw */display: flex;align-items: center;} .tab-qh p {text-align: center;font-size: 1.25vw; /* 24px → 24/1920*100=1.25vw */color: #fff;position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .ggbnt {width: 2.7083vw; /* 52px → 52/1920*100=2.7083vw */height: 2.7083vw; /* 52px → 52/1920*100=2.7083vw */background: url(../images/a_66.png) no-repeat center center #fff;position: absolute;top: 0;right: -3.75vw; /* -72px → -72/1920*100=-3.75vw */border-radius: 50%;cursor: pointer;transition: all .5s;} .ggbnt:hover {background:url(../images/a_74.png) no-repeat center center #2250e3;} }