*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;font-family: "aven",'Microsoft YaHei',"Arial";line-height: 1;} .img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none} .img img{max-width: 100%;max-height: 100%;object-fit: contain;transition: all .3s;} .btn{display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;} .text2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .text3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .text4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} input,select{border: none;outline: none;background: none;} html{font-size: calc(100vw / 192);} .container{width: 130rem;margin: 0 auto;} .containerS{width: 126rem;margin: 0 auto;} .pc{display: block;} .mb{display: none;} .flex{display: flex;} .animate{opacity: 0;} .animated{opacity: 0;} /* body{opacity: 0;transition: all 1s;} */ @font-face { font-family: "aven"; font-weight: 800; src: url("./AvenirNextWorld-Regular.ttf") format("trueType"); font-display: swap; } @font-face { font-family: "avenB"; font-weight: 800; src: url("./AvenirNextWorld-Bold.ttf") format("trueType"); font-display: swap; } .banner .img img{width: 100%;} body{padding-top: 7rem;} .header{height: 7rem;background: #fff;position: fixed;border-bottom: 1px solid #d8d8d8;top: 0;left: 0;width: 100%;z-index: 9999;} .header>.container{height: 100%;padding: 0;display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 22222;} .header .logo{width: 15rem;height: 6rem;margin-right: 7rem;flex-shrink: 0;} .header>.container .menu{flex: 1;display: flex;height: 100%;} .header>.container .menu .one{/*width: 9rem;*/font-family: "avenB";height: 100%;transition: all 0.3s;margin-right: 2.4rem;font-size: 1.6rem;color: #3D3D3D;transition: all 0.3s;display: flex;align-items: center;justify-content: center;white-space: nowrap;padding: 0 1rem;} .header>.container .menu .one:last-child{margin-right: 0;} /* .header>.container .menu .one.big{width: 15rem;white-space: nowrap;} */ .header>.container .menu .one:hover{background: #1298F1;color: #Fff;} .header>.container .menu .one.active{background: #1298F1;color: #Fff;} /* .header .language{width: 5.4rem;height: 2.3rem;border-radius: 2.3rem;display: flex;align-items: center;justify-content: center;cursor: pointer;border: 1px solid #000;margin-right: 2.5rem;} .header .language .img{width: 1.6rem;height: 1.6rem;margin-right: 0.3rem;} .header .language .text{font-size: 1.6rem;color: #3D3D3D;} */ .pc .header .container .btn_header {font-family: "avenB";width: 15rem;height: 100%;color: #f6f8f8;background: #1398F1;transition: all 0.3s;font-size: 1.8rem;font-weight: bold;margin: 0;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;padding: 3.5rem 0;} .pc .header .container .btn_header:hover {background: #002F75;} .mb .header .proBtn_1 .btn_header {font-family: "avenB";width: 22rem;height: 100%;color: #f6f8f8;background: #1398F1;transition: all 0.3s;font-size: 2.8rem;font-weight: bold;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;padding: 4rem 0;} .mb .header .proBtn_1 .btn_header:hover {background: #002F75;} .mb .headMenuBox .btn_header {font-family: "avenB";width: 28.2rem;height: 7rem;color: #f6f8f8;background: #1398F1;transition: all 0.3s;font-size: 3.2rem;font-weight: bold;margin: 0 1.6rem 0 0;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;padding: 3.5rem 0;position: absolute;bottom: 8rem;right: auto;left: calc(50% - 14.9rem);border-radius: 4rem;} .mb .headMenuBox .btn_header:hover {background: #002F75;} .header .language{width: 5.4rem;height: 2.3rem;position: relative;cursor: pointer;margin-right: 1.6rem;} .header .language img{position: absolute;width: 100%;height: 100%;transition: all 0.3s;left: 0;top: 0;} .header .language .nor{z-index: 111;opacity: 1;} .header .language .hov{z-index: 12;opacity: 0;} .header .language:hover .nor{z-index: 12;opacity: 0;} .header .language:hover .hov{z-index: 111;opacity: 1;} .header .language.active .nor{z-index: 12;opacity: 0;} .header .language.active .hov{z-index: 111;opacity: 1;} .header .search{width: 1.6rem;height: 100%;position: relative;margin-right: 3rem;} .header .search>.img{width: 100%;height: 100%;cursor: pointer;} .header .search .searchBox{position: absolute;width: 36rem;height: 8rem;border-radius: 0 0 1.3rem 1.3rem;background: #fff;padding: 2rem;overflow: hidden;left: -21rem;display: none;} .header .search .inputBox{display: flex;border-radius: 0.3rem;width: 27.4rem;background: #EAEDF0;margin-right: 1rem;} .header .search .inputBox .btn{width: 4rem;height: 4rem;background: #1398F1;border-radius: 0.3rem;} .header .search .inputBox .btn:hover{background: #002F75;} .header .search .inputBox input{width: 0;flex: 1;padding: 0 1rem;font-size: 1.6rem;color: #333;height: 100%;} .header .search .close{width: 3.7rem;height: 3.7rem;cursor: pointer;transition: all 1s;} .header .search .close:hover{transform: rotate(360deg);} .headerMenu{position: absolute;top: 7rem;width: 100%;left: 0;display: none;z-index: 11111;} .headerMenu .block{display: none;} .headerMenu .block1{display: block;} .headerMenu .block1{box-shadow: 0px 0.4rem 2.3rem 0px rgba(0, 0, 0, 0.1);} .headerMenu .block1 .menu{background: #F6F8FB;} .headerMenu .block1 .menu .container{height: 8rem;display: flex;padding: 0 5.5rem;} .headerMenu .block1 .menu .one{font-family: 'avenB';font-size: 1.6rem;color: #3d3d3d;transition: all 0.3s;margin-right: 4rem;display: flex;align-items: center;border-bottom: 3px solid transparent;width: 10rem;justify-content: center;position: relative;height: 100%;} .headerMenu .block1 .menu .one.active,.headerMenu .block1 .menu .one:hover{color: #1298F1;border-color: #1298F1;} /* .headerMenu .block1 .menu .one::after{position: absolute;left: 0;bottom: 0;height: 3px;width: 100%;transition: all 0.3s;background-color: none;content: "";} .headerMenu .block1 .menu .one.active::after{background: #0066FF;} */ .headerMenu .block1 .menu .one:last-child{margin-right: 0;} .headerMenu .block1 .b{background: #fff;} .headerMenu .block1 .list{/*background: #F6F8FB;*/padding-bottom: 5rem;display: none;} .headerMenu .block1 .list:first-child{display: block;} .headerMenu .block1 .list .container{display: flex;flex-wrap: wrap;padding: 0 5.5rem;} .headerMenu .block1 .list .one{width: 12rem;margin-top: 5rem;position: relative;margin-right: 8rem;} .headerMenu .block1 .list .one:nth-child(6n){margin-right: 0;} .headerMenu .block1 .list .one .img{width: 12rem;height: 12rem;border-radius: 1rem;/*margin-top: 1.2rem;*/background: #EAEDF0;transition: all 0.3s;position: relative;} .headerMenu .block1 .list .one .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;} .headerMenu .block1 .list .one .img .nor{z-index: 111;opacity: 1;} .headerMenu .block1 .list .one .img .hov{z-index: 11;opacity: 0;} .headerMenu .block1 .list .one:hover .img .nor{z-index: 11;opacity: 0;} .headerMenu .block1 .list .one:hover .img .hov{z-index: 111;opacity: 1;} .headerMenu .block1 .list .one:hover .img{background: #fff;box-shadow: 0px 0.4rem 1rem 0px rgba(84, 102, 123, 0.1);} .headerMenu .block1 .list .one .name{font-size: 1.8rem;font-family: "avenB";color: #3d3d3d;text-align: center;line-height: 3.1rem;margin-top: 1.2rem;position: relative;} .headerMenu .block1 .list .one .name span{color: #0169FF;line-height: 1.5;font-size: 1.2rem;font-family: "aven";position: absolute;top: 0;white-space: nowrap;} .headerMenu .block1 .list .one:hover .name{color: #0066FF;} .headerMenu .block1 .list .one .desc{position: absolute;top: 16rem; left: 50%;transform: translateX(-50%);font-size: 1.6rem;color: #3d3d3d;text-align: center;white-space: nowrap;transition: all 0.3s;opacity: 1;line-height: 1.5;} .headerMenu .block1 .list .one:hover .desc{opacity: 1;} .headerMenu .block1 .list .one:hover .img img{transform: scale(1.1);} /* .headerMenu .block2 .menu{background: #fff;} .headerMenu .block2 .menu .container{height: 7rem;display: flex;padding-left: 34rem;} .headerMenu .block2 .menu .one{font-size: 1.6rem;color: #3d3d3d;transition: all 0.3s;margin-right: 4rem;display: flex;align-items: center;justify-content: center;position: relative;height: 100%;} .headerMenu .block2 .menu .one .link{transition: all 0.3s;} .headerMenu .block2 .menu .one.active .link,.headerMenu .block2 .menu .one:hover .link{color: #0066FF;font-family: "avenB";} .headerMenu .block2 .menu .one:last-child{margin-right: 0;} .headerMenu .block2 .list{padding-top: 5rem;background: #F6F8FB;} .headerMenu .block2 .list .container{display: flex;flex-wrap: wrap;padding: 0 5.5rem;padding-left: 34rem;} .headerMenu .block2 .list .one{width: 19rem;margin-bottom: 5rem;position: relative;margin-right: 6rem;} .headerMenu .block2 .list .one .img{width: 19rem;height: 19rem;border-radius: 1rem;margin-bottom: 1.2rem;background: #EAEDF0;transition: all 0.3s;} .headerMenu .block2 .list .one:hover .img{background: #fff;box-shadow: 0px 1.9rem 3rem 0px rgba(9, 28, 96, 0.2);} .headerMenu .block2 .list .one .text{font-size: 1.8rem;font-family: "avenB";color: #3d3d3d;text-align: center;line-height: 2.8rem;} .headerMenu .block2 .list .one:hover .text{color: #0066FF;} */ .headerMenu .block2{box-shadow: 0px 0.4rem 2.3rem 0px rgba(0, 0, 0, 0.1);} .headerMenu .block2 .menu{background: #F6F8FB;} .headerMenu .block2 .menu .container{height: 8rem;display: flex;padding: 0 5.5rem;} .headerMenu .block2 .menu .one{font-family: 'avenB';font-size: 1.6rem;color: #3d3d3d;transition: all 0.3s;margin-right: 4rem;display: flex;align-items: center;border-bottom: 3px solid transparent;min-width: 10rem;justify-content: center;position: relative;height: 100%;} .headerMenu .block2 .menu .one.active,.headerMenu .block2 .menu .one:hover{color: #1298F1;border-color: #1298F1;} /* .headerMenu .block2 .menu .one::after{position: absolute;left: 0;bottom: 0;height: 3px;width: 100%;transition: all 0.3s;background-color: none;content: "";} .headerMenu .block2 .menu .one.active::after{background: #0066FF;} */ .headerMenu .block2 .menu .one:last-child{margin-right: 0;} .headerMenu .block2 .b{background: #fff;} .headerMenu .block2 .list{/*background: #F6F8FB;*/padding-bottom: 5rem;display: none;} .headerMenu .block2 .list:first-child{display: block;} .headerMenu .block2 .list .container{display: flex;flex-wrap: wrap;padding: 0 5.5rem;} .headerMenu .block2 .list .one{width: 12rem;margin-top: 5rem;position: relative;margin-right: 8rem;} .headerMenu .block2 .list .one:nth-child(5n){margin-right: 0;} .headerMenu .block2 .list .one .img{width: 12rem;height: 12rem;border-radius: 1rem;/*margin-top: 1.2rem;*/background: #EAEDF0;transition: all 0.3s;} .headerMenu .block2 .list .one:hover .img{background: #fff;box-shadow: 0px 0.4rem 1rem 0px rgba(84, 102, 123, 0.1);} .headerMenu .block2 .list .one .name{font-size: 1.8rem;font-family: "avenB";color: #3d3d3d;text-align: center;line-height: 3.1rem;margin-top: 1.2rem;} .headerMenu .block2 .list .one:hover .name{color: #0066FF;} .headerMenu .block2 .list .one .desc{position: absolute;top: 16rem;left: 50%;transform: translateX(-50%);font-size: 1.6rem;color: #3d3d3d;text-align: center;white-space: nowrap;transition: all 0.3s;opacity: 0;line-height: 1.5;} .headerMenu .block2 .list .one:hover .desc{opacity: 1;} .headerMenu .block3 .menu{background: #F6F8FB;box-shadow: 0px 0.4rem 2.3rem 0px rgba(0, 0, 0, 0.1);} .headerMenu .block3 .menu .container{height: 8rem;display: flex;padding-left: 52rem;} .headerMenu .block3 .menu .one{font-family: "avenB";font-size: 1.6rem;color: #3d3d3d;transition: all 0.3s;margin-right: 6rem;display: flex;align-items: center;justify-content: center;position: relative;height: 100%;border-bottom: 3px solid transparent;} .headerMenu .block3 .menu .one.active,.headerMenu .block3 .menu .one:hover{color: #1298F1;border-color: #1298F1;} .headerMenu .block3 .menu .one:last-child{margin-right: 0;} .headerMenu .block4 .menu{background: #F6F8FB;box-shadow: 0px 0.4rem 2.3rem 0px rgba(0, 0, 0, 0.1);} .headerMenu .block4 .menu .container{height: 8rem;display: flex;justify-content: flex-end;padding-right: 6rem;} .headerMenu .block4 .menu .one{font-family: "avenB";font-size: 1.6rem;color: #3d3d3d;transition: all 0.3s;margin-right: 4.5rem;display: flex;align-items: center;justify-content: center;position: relative;height: 100%;border-bottom: 3px solid transparent;} .headerMenu .block4 .menu .one.active,.headerMenu .block4 .menu .one:hover{color: #1298F1;border-color: #1298F1;} .headerMenu .block4 .menu .one:last-child{margin-right: 0;} .headerMenu .block6 .menu{background: #F6F8FB;box-shadow: 0px 0.4rem 2.3rem 0px rgba(0, 0, 0, 0.1);} .headerMenu .block6 .menu .container{height: 8rem;display: flex;justify-content: flex-end;padding-right: 6rem;} .headerMenu .block6 .menu .one{font-family: "avenB";font-size: 1.6rem;color: #3d3d3d;transition: all 0.3s;margin-right: 5rem;display: flex;align-items: center;justify-content: center;position: relative;height: 100%;border-bottom: 3px solid transparent;} .headerMenu .block6 .menu .one.active,.headerMenu .block6 .menu .one:hover{color: #1298F1;border-color: #1298F1;} .headerMenu .block6 .menu .one:last-child{margin-right: 0;} .headerMenu .block7 .menu{background: #F6F8FB;box-shadow: 0px 0.4rem 2.3rem 0px rgba(0, 0, 0, 0.1);} .headerMenu .block7 .menu .container{height: 8rem;display: flex;justify-content: flex-end;padding-right: 6rem;} .headerMenu .block7 .menu .one{font-family: "avenB";font-size: 1.6rem;color: #3d3d3d;transition: all 0.3s;margin-right: 4.5rem;display: flex;align-items: center;justify-content: center;position: relative;height: 100%;border-bottom: 3px solid transparent;} .headerMenu .block7 .menu .one.active,.headerMenu .block7 .menu .one:hover{color: #1298F1;border-color: #1298F1;} .headerMenu .block7 .menu .one:last-child{margin-right: 0;} .footer{background: url(../img/bg_footer.png) no-repeat right top;padding-top: 4rem;background-size: 100% 100%;} .footer .container{padding: 0 5rem;} .footer .logo{height: 3.6rem;justify-content: flex-start;} .footer .flex{display: flex;justify-content: space-between;padding-right: 1rem;margin-top: 4rem;border-bottom: 1px solid #d8d8d8;} .footer .flex .left{display: flex;flex-wrap: wrap;} .footer .flex .left .one{width: calc(100% / 3);margin-bottom: 3.6rem;} .footer .flex .left .one .name{font-size: 1.6rem;line-height: 1.5;margin-bottom: 1rem;color: #fff;font-family: "avenB";display: block;} .footer .flex .left .one .two{font-size: 1.4rem;line-height: 1.5;margin-bottom: 0.8rem;color: #fff;display: block;} .footer .flex .left .one .two:last-child{margin-bottom: 0;} .footer .flex .right{flex: 1;margin-left: 18rem;display: flex;flex-direction: column;align-items: flex-start;} .footer .flex .right .name{font-size: 1.6rem;line-height: 1.5;color: #fff;} /* .footer .flex .right .tel{font-size: 2rem;line-height: 1.5;color: #fff;padding-bottom: 1rem;border-bottom: 1px solid #d8d8d8;padding-right: 1.5rem;font-family: "avenB";margin-bottom: 1.3rem;} */ .footer .flex .right .tel{font-size: 2.4rem;line-height: 1.5;color: #fff;padding-bottom: 2rem;font-family: "avenB";margin-bottom: 1.3rem;} .footer .flex .right .email{font-size: 2rem;line-height: 1.5;color: #fff;font-family: "avenB";margin-bottom: 5rem;} .footer .flex .right .btn{/*width: 21rem;*/padding: 0 2rem;height: 4rem;border-radius: 4rem;color: #f6f8f8;background: #1398F1;transition: all 0.3s;font-size: 1.8rem;font-family: "avenB";} .footer .flex .right .btn:hover{background: #002F75;} .footer .icp{padding: 2rem 0 5rem 0;display: flex;justify-content: space-between;} .footer .icp .box{display: flex;align-items: center;} .footer .icp .text{font-size: 1.2rem;line-height: 1.5;color: #f6f8f8;margin-right: 3rem;} .footer .icp .text a{color: #fff;transition: all 0.3s;} .footer .icp .text a:hover{color: #0066FF;} /* .footer .icp .language{width: 3.6rem;height: 1.6rem;border-radius: 1.6rem;display: flex;align-items: center;justify-content: center;cursor: pointer;border: 1px solid #f6f8f8;} .footer .icp .language .img{width: 1.1rem;height: 1.1rem;margin-right: 0.2rem;} .footer .icp .language .text{font-size: 1rem;color: #f6f8f8;margin: 0;line-height: 1;} */ .footer .icp .language{width: 3.6rem;position: relative;cursor: pointer;height: 1.8rem;} .footer .icp .language img{position: absolute;width: 100%;height: 100%;transition: all 0.3s;left: 0;top: 0;} .footer .icp .language .nor{z-index: 111;opacity: 1;} .footer .icp .language .hov{z-index: 12;opacity: 0;} .footer .icp .language:hover .nor{z-index: 12;opacity: 0;} .footer .icp .language:hover .hov{z-index: 111;opacity: 1;} .footer .icp .language.active .nor{z-index: 12;opacity: 0;} .footer .icp .language.active .hov{z-index: 111;opacity: 1;} .footer .icp .linkicon{width: 3rem;position: relative;cursor: pointer;height: 3rem;} .footer .icp .linkicon img{position: absolute;width: 100%;height: 100%;transition: all 0.3s;left: 0;top: 0;} .footer .icp .linkicon .nor{z-index: 111;opacity: 1;} .footer .icp .linkicon .hov{z-index: 12;opacity: 0;} .footer .icp .linkicon:hover .nor{z-index: 12;opacity: 0;} .footer .icp .linkicon:hover .hov{z-index: 111;opacity: 1;} .footer .icp .linkicon.active .nor{z-index: 12;opacity: 0;} .footer .icp .linkicon.active .hov{z-index: 111;opacity: 1;} .index .banner{position: relative;} .index .banner .img{width: 100%;} .index .banner .textBox{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-left: 29rem;} .index .banner .text{font-size: 4.6rem;/*line-height: 7rem;*/color: #000;font-family: "avenB";margin-bottom: 3rem;} .index .banner .btn,.banner .newbtn{ width: 15rem; height: 4rem; background: #1398F1; color: #f6f8f8; font-size: 1.8rem; border-radius: 4rem; font-family: "avenB"; padding: 0 2rem; position: absolute; bottom: 15rem; right: 50rem;} .index .banner .btn:hover{background: #002F75;} .index .banner .page{display: flex;align-items: center;justify-content: center;position: absolute;bottom: 3rem;left: 0;right: 0;margin: auto;z-index: 111;} .index .banner .page .swiper-pagination-bullet{width: 8rem;height: 0.5rem;background: rgba(0, 0, 0, 0.3);margin: 0 1rem;transition: all 0.3s;opacity: 1;border-radius: 0.5rem;} .index .banner .page .swiper-pagination-bullet-active{background: #fff;} .index .floor .title{font-size: 4.8rem;color: #000000;font-family: "avenB";} .index .floor .desc{font-size: 2.4rem;color: #000000;} .index .floor1{padding: 10rem 0;} .index .floor1 .title{text-align: center;line-height: 5.76rem;} .index .floor1 .desc{margin-top: 1.8rem;line-height: 2.88rem;text-align: center;} .index .floor1 .flex{margin-top: 5rem;justify-content: space-between;} .index .floor1 .flex .left{width: 64rem;height: 67.5rem;position: relative;border-radius: 1.5rem;overflow: hidden;display: block;} .index .floor1 .flex .one{width: 59rem;height: 32.25rem;position: relative;border-radius: 1.5rem;margin-bottom: 3rem;overflow: hidden;display: block;} .index .floor1 .flex .one:last-child{margin-bottom: 0;} .index .floor1 .flex .big{width: 100%;height: 100%;} .index .floor1 .flex .big img{width: 100%;height: 100%;object-fit: cover;} .index .floor1 .flex .textBox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .index .floor1 .flex .left .textBox{padding-top: 7.5rem;padding-left: 5rem;} .index .floor1 .flex .one .textBox{padding-top: 7.5rem;padding-left: 5rem;} .index .floor1 .flex .name{font-size: 4rem;line-height: 1.5;font-family: "avenB";color: #3d3d3d;} .index .floor1 .flex .tip{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;} .index .floor1 .flex .more{font-size: 1.8em;line-height: 1.5;color: #0066FF;display: flex;align-items: center;} .index .floor1 .flex .more .img{margin-left: 1rem;width: 0.4rem;height: 0.8rem;} .index .floor1 .flex .left .more{margin-top: 1rem;} .index .floor1 .flex .left:hover .more{font-family: 'avenB';} .index .floor1 .flex .right .one:hover .more{font-family: 'avenB';} .index .floor1 .flex .left .name,.index .floor1 .flex .left .tip,.index .floor1 .flex .left .more{color: #fff;} .index .floor1 .flex .left .content{font-size: 1.8rem;line-height: 1.5;width: 24rem;color: #fff;} .index .floor1 .flex .left .tip{font-family: "avenB";} .index .floor1 .flex .left:hover .big img{transform: scale(1.1);} .index .floor1 .flex .one:hover .big img{transform: scale(1.1);} .index .floor2{padding: 3rem 0 10rem;} .index .floor2 .titleBox{display: flex;align-items: center;justify-content: space-between;margin: 0 auto 4rem;width: 126rem;} .index .floor2 .titleBox .title{line-height: 7.2rem;} .index .floor2 .titleBox .right{display: flex;align-items: center;font-size: 2.4rem;line-height: 1.5;color: #1298F1;font-family: 'avenB';} .index .floor2 .titleBox .img{width: 3rem;height: 3rem;margin-left: 1.8rem;} .index .floor2 .swiper .swiper-slide{width: 126rem;height: 60rem;margin-right: 0rem;} .index .floor2 .swiper .swiper-slide:last-child{margin-right: 0;} .index .floor2 .swiper .one{width: 126rem;height: 60rem;border-radius: 1.5rem;overflow: hidden;position: relative;} .index .floor2 .swiper .one .first{width: 100%;height: 100%;position: relative;z-index: 2;} .index .floor2 .swiper .one .first img{width: 100%;height: 100%;object-fit: cover;} .index .floor2 .swiper .swiper-slide-active .one .first{display: none;} .index .floor2 .swiper .one .video{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;} .index .floor2 .swiper .one .video video{width: 100%;height: 100%;object-fit: cover;} .index .floor2 .swiper .one .video .icon{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 16rem;height: 16rem;margin: auto;opacity: 0;transition: all 0.3s;} .index .floor2 .swiper .one:hover .video .icon{opacity: 1;} .hideBox{position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 138rem;height: 76.8rem;background: #000;margin: auto;z-index: 99999;display: none;} .hideBox .video{width: 100%;height: 100%;} .hideBox .video video{width: 100%;height: 100%;} .hideBox .close{position: absolute;top: 2rem;right: 2rem;cursor: pointer;width: 3rem;height: 3rem;opacity: 0.75;transition: all 0.3s;z-index: 111;} .hideBox .close:hover{opacity: 1;} .index .floor2 .swiper .flex{margin-top: 2.8rem;display: flex;align-items: center;justify-content: center;} .index .floor2 .swiper .flex .next,.index .floor2 .swiper .flex .prev{width: 1.9rem;height: 1.9rem;cursor: pointer;} .index .floor2 .swiper .flex .page{width: 18.4rem;height: 3.3rem;border-radius: 3.3rem;background: #EDEDED;display: flex;align-items: center;justify-content: center;margin: 0 1.2rem;} .index .floor2 .swiper .flex .page .swiper-pagination-bullet{width: 0.6rem;height: 0.6rem;background: #424242;margin: 0 0.9rem;border-radius: 0.6rem;transition: all 0.3s;opacity: 1;} .index .floor2 .swiper .flex .page .swiper-pagination-bullet-active{width: 5rem;background: #1298F1;} .index .floor3{padding: 8rem 0 10rem;background: #F6F8FB;} .index .floor3 .title{margin: 0 auto;line-height: 7.2rem;width: 126rem;} .index .floor3 .desc{margin: 1.5rem auto 0;width: 126rem;line-height: 1.5;} .index .floor3 .swiper{position: relative;margin-top: 7rem;} .index .floor3 .swiper .swiper-slide{width: auto;} .index .floor3 .swiper .one{display: flex;} /* .index .floor3 .swiper .one .textBox{width: 47.5rem;height: 55rem;border-radius: 3rem;background: linear-gradient(144deg, #1289F1 20%, rgba(104,115,130,0.00) 112%);padding: 8rem 3rem 5rem 5rem;display: flex;flex-direction: column;justify-content: space-between;} */ .index .floor3 .swiper .one .textBox{width: 47.5rem;height: 55rem;border-radius: 3rem;background: #1298F1;padding: 8rem 3rem 5rem 5rem;display: flex;flex-direction: column;justify-content: space-between;} .index .floor3 .swiper .one .textBox .name{font-size: 4.8rem;line-height: 1.5;color: #fff;} /* .index .floor3 .swiper .one .textBox .more{font-size: 1.8rem;line-height: 1.5;color: #fff;font-family: "avenB";} */ .index .floor3 .swiper .one .textBox .more{font-size: 1.8rem;line-height: 1.5;color: #fff;} .index .floor3 .swiper .one .textBox .more:hover{font-family: 'avenB';} .index .floor3 .swiper .one .textBox .content{flex: 1;font-size: 2rem;line-height: 1.5;color: #fff;margin: 1.2rem 0;} .index .floor3 .swiper .one>.img{width: 47.5rem;height: 55rem;border-radius: 3rem;margin-left: 3rem;} .index .floor3 .swiper .one>.img img{transition: all 0.3s;width: 100%;height: 100%;} .index .floor3 .swiper .one:hover>.img img{transform: scale(1.1);} .index .floor3 .swiper .prev{position: absolute;width: 5.4rem;height: 5.4rem;left: 26rem;top: 0;bottom: 0;cursor: pointer;margin: auto;z-index: 9999;} .index .floor3 .swiper .next{position: absolute;width: 5.4rem;height: 5.4rem;right: 26rem;top: 0;bottom: 0;cursor: pointer;margin: auto;z-index: 9999;} .index .floor3 .swiper .swiper-wrapper{ -webkit-transition-timing-function:linear; -moz-transition-timing-function:linear; -o-transition-timing-function:linear; transition-timing-function:linear; } .index .floor4{padding: 6rem 0;} .index .floor4 .title{text-align: center;line-height: 5.76rem;} .index .floor4 .desc{margin-top: 2.6rem;line-height: 1.5;text-align: center;} .index .floor4 .position{margin-top: 4rem;position: relative;} .index .floor4 .position .big{width: 126rem;height: 48rem;} .index .floor4 .position .textBox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding-left: 7rem;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;} .index .floor4 .position .textBox .name{font-size: 4.0rem;color: #000;line-height: 5.76rem;font-family: "avenB";} .index .floor4 .position .textBox .content{margin: 1.8rem 0;color: #000;font-size: 1.8rem;line-height: 2.7rem;width: 47.5rem;} .index .floor4 .position .textBox .btn{color: #f6f8f8;/*width: 17rem*/;height: 4rem;background: #1398F1;border-radius: 4rem;font-size: 1.8rem;font-family: "avenB";padding: 0 2rem;} .index .floor4 .position .textBox .btn .img{margin-left: 0.5rem;width: 1.2rem;height: 2.4rem;} .index .floor4 .position .textBox .btn:hover{background: #002F75;} .index .floor5{padding: 7.2rem 0 11.6rem;} .index .floor5 .title{line-height: 5.76rem;} .index .floor5 .flex{margin-top: 5.6rem;} .index .floor5 .flex .left{width: 50rem;height: 55rem;background: #F6F8FB;border-radius: 3rem;overflow: hidden;flex-shrink: 0;margin-right: 6rem;} .index .floor5 .flex .left .img{width: 50rem;height: 37rem;} .index .floor5 .flex .left .img img{transition: all 0.3s;} .index .floor5 .flex .left:hover .img img{transform: scale(1.1);} .index .floor5 .flex .left .textBox{height: 18rem;width: 100%;padding: 3rem;display: flex;flex-direction: column;justify-content: space-between;} .index .floor5 .flex .left .textBox .name{font-size: 2.8rem;line-height: 3.36rem;color: #000;font-family: "avenB";transition: all 0.3s;} .index .floor5 .flex .left .textBox .time{font-size: 1.8rem;line-height: 1.5;color: #1298F1;} .index .floor5 .flex .left:hover .textBox .name{color: #1298F1;} .index .floor5 .flex .right{flex: 1;width: 0;} .index .floor5 .flex .right .one{padding: 3rem 0;display: flex;align-items: center;border-bottom: 1px solid #D8D8D8;} .index .floor5 .flex .right .one:last-child{border-bottom: 0;} .index .floor5 .flex .right .one .time{font-size: 1.8rem;line-height: 1.5;color: #000;width: 21rem;flex-shrink: 0;} .index .floor5 .flex .right .one .name{font-size: 2.4rem;line-height: 1.5;color: #000;width: 0;flex: 1;font-family: "avenB";transition: all 0.3s;} .index .floor5 .flex .right .one:hover .name{color: #1298F1;} .index .floor6{position: relative;} .index .floor6 .textBox{width: 126rem;display: flex;align-items: flex-start;padding-top: 14rem;left: 0;right: 0;margin: auto;position: absolute;z-index: 111;top: 0;} .index .floor6 .textBox .left .title{font-size: 6rem;line-height: 7.2rem;color: #3d3d3d;font-family: "avenB";} .index .floor6 .textBox .left .title span{color: #1298F1;font-family: 'avenB';} .index .floor6 .textBox .left .content{font-size: 2.4rem;line-height: 1.5;color: #3D3D3D;margin: 5.5rem 0;width: 57rem;} .index .floor6 .textBox .left .more{font-size: 2.4rem;line-height: 2.88rem;color: #1398F1;} .index .floor6 .textBox .left .more:hover{font-family: "avenB";} .index .floor6 .textBox .left{width: 67rem;border-right: 1px solid #D8D8D8;margin-right: 5rem;} .index .floor6 .textBox .right{display: flex;flex-direction: column;align-items: flex-start;} .index .floor6 .textBox .right .one{margin-bottom: 4.5rem;} .index .floor6 .textBox .right .one:last-child{margin-bottom: 0;} .index .floor6 .textBox .right .one .num{font-size: 4.2rem;line-height: 1.5;display: flex;align-items: flex-start;color: #1398F1;font-family: "avenB";} .index .floor6 .textBox .right .one .num span{font-size: 6.4rem;line-height: 1.5;font-family: "avenB";} .index .floor6 .textBox .right .one .text{font-size: 1.9rem;line-height: 2.8rem;color: #000000;width: 35rem;} .index .floor .bg{width: 100%;} .index .floor .bg img{width: 100%;} .inpage{background: #F6F8FB;} .contactUs{padding: 6rem 0 8rem;display: flex;flex-direction: column;align-items: center;} .contactUs .title{font-size: 4.8rem;line-height: 1.5;color: #3d3d3d;text-align: center;font-family: "avenB";} .contactUs .desc{font-size: 1.8rem;line-height: 1.5;color: #3d3d3d;text-align: center;margin-top: 0.8rem;} .contactUs .desc p{line-height: 1.5;} /* .contactUs .desc span{font-family: "avenB";color: #1298F1;line-height: 1.5;} */ .contactUs .desc span{line-height: 1.5;} .contactUs .more{padding: 0 2rem;height: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;margin: 2.4rem auto 0;transition: all 0.3s;font-family: 'avenB';} .contactUs .more:hover{background: #002F75;} .contactUs .list{margin: 5rem auto 0;width: 120rem;} /* .contactUs .list .one{width: 100%;height: 34.5rem;padding: 1.5rem;display: flex;align-items: center;justify-content: space-between;border-radius: 2.2rem;background: linear-gradient(107deg, #F5F7FA -13%, #EAEDF0 1%);margin-bottom: 3rem;} .contactUs .list .one:last-child{margin-bottom: 0;} .contactUs .list .one .img{width: 63.6rem;height: 31.5rem;position: relative;border-radius: 2rem;} .contactUs .list .one .img .text{left: 1.8rem;bottom: 1rem;font-size: 6rem;color: #fff;font-family: "avenB";position: absolute;} .contactUs .list .one .img:hover img{transform: scale(1.1);} .contactUs .list .one .textBox{padding-left: 5rem;} .contactUs .list .one .name{font-size: 3.6rem;line-height: 1.5;color: #3D3D3D;font-family: "avenB";} .contactUs .list .one .content{font-size: 1.8rem;line-height: 1.5;color: #3D3D3D;margin-top: 1.8rem;} */ .contactUs .list{display: flex;flex-wrap: wrap;justify-content: space-between;} .contactUs .list .one{width: 58.5rem;border-radius: 2.2rem;background: linear-gradient(133deg, #F5F7FA -8%, #EAEDF0 7%);display: flex;flex-direction: column;margin-bottom: 3rem;} .contactUs .list .one .img{width: 100%;height: 31.5rem;border-radius: 2.2rem;position: relative;} .contactUs .list .one .img img{object-fit: cover;width: 100%;height: 100%;} .contactUs .list .one:hover .img img{transform: scale(1.1);} .contactUs .list .one .img .text{left: 4.8rem;bottom: 1rem;font-size: 4.8rem;color: #fff;font-family: "avenB";position: absolute;} @media (max-width: 750px) { .contactUs .list .one .img .text{left: 2.5rem;} } .contactUs .list .one .textBox{padding: 2.4rem 0 3.2rem 5rem;} .contactUs .list .one .name{font-size: 2.4rem;line-height: 1.5;color: #3D3D3D;font-family: "avenB";} .contactUs .list .one .content{font-size: 1.8rem;line-height: 1.5;color: #3D3D3D;margin-top: 1rem;} .contactUsForm{padding: 6rem 0 8rem;} .contactUsForm .title{font-size: 4rem;line-height: 1.5;color: #3d3d3d;text-align: center;font-family: "avenB";} .contactUsForm .desc{font-size: 1.8rem;line-height: 1.5;color: #3d3d3d;text-align: center;margin-top: 1.8rem;} .contactUsForm .form{margin: 3.5rem auto 0;padding-top: 3.5rem;border-top: 1px solid #C8C8C8;display: flex;flex-direction: column;align-items: center;width: 103rem;} .contactUsForm .form>.name{font-size: 1.8rem;color: #F6F8FB;display: flex;align-items: center;justify-content: center;width: 70rem;height: 3.6rem;margin-top: 6rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);} .contactUsForm .form>.name:first-child{margin-top: 0;} .contactUsForm .form .box{margin-top: 3rem;} .contactUsForm .form .box .line{margin-bottom: 1.8rem;display: flex;} .contactUsForm .form .box .line .one{width: 21rem;margin-right: 10rem;} .contactUsForm .form .box .line .one:last-child{margin-right: 0;} .contactUsForm .form .box .line .tip{font-size: 1.4rem;line-height: 2.4rem;color: rgba(0,0,0,0.5);} .contactUsForm .form .box .line .name{font-size: 1.8rem;line-height: 1.5;font-family: "avenB";color: #000;margin-bottom: 0.6rem;} .contactUsForm .form .box .line .name span{font-family: 'avenB';} .contactUsForm .form .box .line .input{width: 100%;height: 3.4rem;border: 0.5px solid #A5A5A5;border-radius: 0.6rem;display: flex;} .contactUsForm .form .box .line .input input{flex: 1;width: 0;height: 100%;padding: 0 1.2rem;color: #000;font-size: 1.4rem;} .contactUsForm .form .box .line .input input::placeholder{color: #a8a8a8;} .contactUsForm .form .box .line .input .img{width: 3.2rem;height: 3.2rem;background: #EAEDF0;flex-shrink: 0;border-radius: 0.6rem;display: none;} .contactUsForm .form .box .line .input .img img{width: 1.6rem;} .contactUsForm .form .box .line .select{width: 100%;height: 3.4rem;border: 0.5px solid #A5A5A5;border-radius: 0.6rem;display: flex;} .contactUsForm .form .box .line .select select{flex: 1;width: 0;height: 100%;padding: 0 1.2rem;color: #000;font-size: 1.4rem;} .contactUsForm .form .box .line .select select::placeholder{color: #a8a8a8;} .contactUsForm .form .box .line .all{width: 100%;} .contactUsForm .form .box .line .textarea{width: 100%;border: 0.5px solid #A5A5A5;border-radius: 0.6rem;display: flex;overflow: hidden;} .contactUsForm .form .box .line .textarea textarea{flex: 1;width: 0;height: 17rem;padding: 1.2rem;color: #000;font-size: 1.4rem;border: none;outline: none;line-height: 1.5;} .contactUsForm .form .box .line .textarea textarea::placeholder{color: #a8a8a8;} .contactUsForm .form .box .line:last-child{margin-bottom: 0;} .contactUsForm .form .check{width: 52rem;display: flex;justify-content: center;align-items: center;margin-top: 1.5rem;cursor: pointer;font-size: 1.4rem;line-height: 2.4rem;color: #000;} .contactUsForm .form .check .block{width: 1.5rem;height: 1.5rem;margin-right: 1.5rem;border: 0.5px solid #A5A5A5;border-radius: 0.2rem;position: relative;transition: all 0.3s;} .contactUsForm .form .check.active .block{border-color: #0066FF;} .contactUsForm .form .check .block::before{position: absolute;width: 0.7rem;height: 0.7rem;margin: auto;left: 0;right: 0;top: 0;bottom: 0;background: #0066FF;transition: all 0.3s;opacity: 0;content: "";} .contactUsForm .form .check.active .block::before{opacity: 1;} .contactUsForm .form .check span{color: #0066FF;} /* .contactUsForm .form .btn{width: 15rem;height: 3.6rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);border-radius: 3.6rem;color: #fff;font-size: 1.8rem;font-family: "avenB";margin-top: 3rem;} */ .contactUsForm .form .btn{padding: 0 2rem;height: 4rem;background: #1398F1;border-radius: 4rem;color: #fff;font-size: 1.8rem;font-family: "avenB";margin-top: 3rem;} .contactUsForm .form .btn:hover{background: #002F75;} .events {padding-bottom: 17rem;} .events .banner{position: relative;} .events .banner .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 6rem;color: #fff;font-family: "avenB";} .events .list{width: 114rem;margin: 8rem auto 0;} .events .list .box{margin-bottom: 9rem;} .events .list .box:last-child{margin-bottom: 0;} /* .events .list .box .time{font-size: 3.6rem;line-height: 1.5;border-bottom: 1px solid #D8D8D8;color: #3d3d3d;font-family: "avenB";margin-bottom: 6rem;} */ .events .list .box .time{font-size: 2.8rem;line-height: 1.5;border-bottom: 1px solid #D8D8D8;color: #3d3d3d;font-family: "avenB";margin-bottom: 6rem;} .events .list .box .one{width: 97rem;display: flex;margin: 0 auto 6rem;align-items: flex-end;} .events .list .box .one:last-child{margin-bottom: 0;} .events .list .box .one .img{width: 56.6rem;height: 34rem;border-radius: 2.8rem;position: relative;z-index: 111;} .events .list .box .one .img img{width: 100%;height: 100%;} .events .list .box .one:hover .img img{transform: scale(1.1);} .events .list .box .one .textBox{width: 0;flex: 1;padding-left: 8rem;display: flex;flex-direction: column;justify-content: center;margin-left: -3rem;background: #fff;position: relative;z-index: 1;height: 24rem;border-top-right-radius: 24rem;border-bottom-right-radius: 24rem;} /* .events .list .box .one .textBox .name{font-size: 3.6rem;line-height: 1.5;color: #3d3d3d;font-family: "avenB";} */ .events .list .box .one .textBox .name{font-size: 2.8rem;line-height: 1.5;color: #3d3d3d;font-family: "avenB";} .events .list .box .one .textBox .content{font-size: 1.8rem;line-height: 1.5;color: #3d3d3d;} .news{padding: 5rem 0 6rem;} .news .titleBox{display: flex;align-items: center;justify-content: space-between;padding-left: 2.5rem;width: 125rem;margin: 0 auto 4rem;} .news .titleBox .title{font-size: 6rem;line-height: 1.5;color: #3d3d3d;font-family: "avenB";} .news .titleBox .searchBox{display: flex;align-items: center;} .news .titleBox .searchBox .img{width: 3rem;height: 3rem;cursor: pointer;margin-right: 0.5rem;} .news .titleBox .searchBox .img img{width: 1.6rem;height: 1.6rem;} .news .titleBox .searchBox input{width: 17rem;height: 3rem;border-radius: 3rem;border: 1px solid #5D5D5D;text-align: center;font-size: 1.4rem;color: #3d3d3d;padding: 0 1rem;} .news .titleBox .searchBox input::placeholder{color: #3d3d3d;} .news .first{width: 125rem;height: 46rem;margin: 0 auto;background: linear-gradient(111deg, #F5F7FA -13%, #EAEDF0 83%);border-radius: 2.2rem;padding: 2.4rem;display: flex;align-items: center;justify-content: space-between;} .news .first .img{width: 67.8rem;height: 41.2rem;border-radius: 2.2rem;flex-shrink: 0;} .news .first .img img{width: 100%;height: 100%;transition: all 0.3s;object-fit: cover;} .news .first:hover .img img{transform: scale(1.1);} .news .first .textBox{padding-left: 4.5rem;display: flex;flex-direction: column;align-items: flex-start;} .news .first .name{font-size: 3rem;line-height: 1.5;color: #3D3D3D;font-family: "avenB";transition: all 0.3s;} .news .first .content{margin: 2.2rem 0;font-size: 1.4rem;line-height: 1.5;color: #3d3d3d;} /*2023年12月22日15:33:24 下面为添加*/ .news .first .content a{color: #1298F1;} /* .news .first .btn{width: 14rem;height: 3.6rem;border-radius: 3.6rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);font-size: 1.6rem;color: #F6F8FB;transition: all 0.3s;} .news .first .btn:hover{background: linear-gradient(90deg, #3D536A 0%, #3E4D72 100%);} */ .news .first .btn{padding: 0 2rem;height: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #F6F8FB;transition: all 0.3s;font-family: 'avenB';} .news .first .btn:hover{background: #002F75;} /* .news .first:hover .name{color: #0066FF;} */ .news .latest{margin: 8rem auto 4.6rem;width: 125rem;font-size: 3.6rem;line-height: 1.5;color: #3d3d3d;font-family: "avenB";} .news .list{display: flex;flex-wrap: wrap;width: 125rem;margin: 0 auto;} .news .list .one{width: 38.4rem;/*height: 42rem;*/margin-right: 4.9rem;margin-bottom: 5rem;transition: all 0.3s;} /* .news .list .one:hover{background: #fff;} */ .news .list .one:nth-child(3n){margin-right: 0;} .news .list .one .img{width: 100%;height: 22rem;border-radius: 2.2rem;transition: all 0.3s;} .news .list .one .img img{transition: all 0.3s;width: 100%;height: 100%;object-fit: cover;} .news .list .one:hover .img img{transform: scale(1.1);} .news .list .one .textBox{height: calc(100% - 22rem);padding: 3rem 1rem 2rem;width: 38.4rem;margin: 0 auto;transition: all 0.3s;} .news .list .one .textBox .time{font-size: 1.4rem;line-height: 1.5;color: #3D3D3D;margin-bottom: 0.7rem;} .news .list .one .textBox .time span{color: #1298F1;} .news .list .one .textBox .name{font-size: 2.4rem;line-height: 1.5;/*font-family: "avenB";*/color: #3d3d3d;transition: all 0.3s;} .news .list .one:hover .textBox .name{color: #1298F1;} .news .list .one .box{transition: all 0.3s;border-radius: 2.2rem;overflow: hidden;box-sizing: content-box;} .news .list .one:hover .box{margin: -1.5rem -1.5rem 0;box-sizing: 0 3rem 8rem rgba(0,0,0,0.2);background: #fff;} .news .list .one:hover .img{height: 25rem;border-radius: 0rem;} .news .list .one:hover .textBox{padding-top: 1.5rem;} .news .pageList{display: flex;align-items: center;justify-content: center;} .news .pageList .prev,.news .pageList .next,.news .pageList .one,.news .pageList .point{font-size: 1.6rem;line-height: 1.5;color: #0066FF;margin: 0 2rem;} .news .pageList .prev,.news .pageList .next,.news .pageList .one{cursor: pointer;} .newsDetail{padding: 8rem 0 0;position: relative;} .newsDetail .back{position: absolute;top: 3rem;left: 38rem;font-size: 1.8rem;color: #0066FF;} .newsDetail .back:hover{font-family: 'avenB';} .newsDetail .contentBox{width: 116rem;margin: 0 auto;} .newsDetail .contentBox .title{font-size: 3.6rem;line-height: 1.5;width: 85rem;margin: 0 auto;font-family: "avenB";color: #3d3d3d;} .newsDetail .contentBox .content{margin-top: 2.6rem;font-size: 1.8rem;line-height: 1.5;color: #3d3d3d;padding: 0 11rem;} .newsDetail .contentBox .content img{max-width: 116rem;margin-bottom: 5rem;margin-left: -11rem;height: auto !important;} .newsDetail .contentBox .content p,.newsDetail .contentBox .content span{line-height: 1.5;} .newsDetail .other{padding: 3rem 0 7.5rem;background: linear-gradient(90deg, #F5F7FA 0%, #EAEDF0 100%);margin-top: 11rem;} .newsDetail .other .title{font-size: 1.8rem;color: #3d3d3d;line-height: 1.5rem;margin: 0 auto 2.6rem;width: 125rem;font-family: "avenB";display: block;} .newsDetail .list{display: flex;width: 125rem;margin: 0 auto;} .newsDetail .list .one{width: 27.7rem;height: 29rem;border-radius: 2.2rem;transition: all 0.3s;overflow: hidden;margin-right: 4.7rem;} .newsDetail .list .one:hover{background: #fff;} .newsDetail .list .one:nth-child(4n){margin-right: 0;} .newsDetail .list .one .img{width: 100%;height: 16rem;} .newsDetail .list .one .img img{transition: all 0.3s;width: 100%;height: 100%;object-fit: cover;} .newsDetail .list .one:hover .img img{transform: scale(1.1.);} .newsDetail .list .one .textBox{height: calc(100% - 16rem);padding: 2rem 1rem;} .newsDetail .list .one .textBox .time{font-size: 1.2rem;line-height: 1.5;color: #3D3D3D;margin-bottom: 0.7rem;} .newsDetail .list .one .textBox .time span{color: #0066FF;} .newsDetail .list .one .textBox .name{font-size: 1.8rem;line-height: 1.5;font-family: "avenB";color: #3d3d3d;} .company .banner{position: relative;} .company .banner .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 6rem;color: #fff;font-family: "avenB";} .company .floor .title{font-size: 4.8rem;color: #000;font-family: "avenB";} .company .floor .desc{font-size: 1.8rem;color: #000;} .company .floor1{width: 106rem;margin: 0 auto;padding: 8rem 0;} .company .floor1 .title{line-height: 5.76rem;text-align: center;} .company .floor1 .desc{line-height: 1.5;text-align: center;margin-top: 2.8rem;} .company .floor1 .flex{flex-wrap: wrap;padding: 0 5rem;} .company .floor1 .flex .one{width: calc(100% / 3);margin-top: 5rem;margin-bottom: 3rem;} .company .floor1 .flex .one .num{font-size: 4.8rem;line-height: 1.5;display: flex;align-items: flex-start;color: #1398F1;font-family: "avenB";} .company .floor1 .flex .one .num span{font-size: 6.4rem;line-height: 1.5;font-family: "avenB";} .company .floor1 .flex .one .text{font-size: 1.8rem;line-height: 1.5;color: #000000;font-family: "avenB";} .partner{ display: flex; width: 100%;} .partner .partners-btn{ border: 0px; text-align: center; background-color: #1398F1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; width: 100%; height: 100%; border-radius: 6rem; color: #fff; font-weight: bold; font-size: 2rem; } .partner .partners-btn:hover{ background-color: #002F75; } .partner .flex{ flex-wrap: wrap; margin: auto 4rem;} .partner .flex .one{width: 30rem; height: 15rem; margin-left: 3rem; margin-top: 2.5rem; box-sizing: border-box; border:1px solid #fff; background-color: #eaedf0; box-shadow: 0rem 1rem 1.5rem rgba(26, 26, 26, 0.2); border-radius: 2rem; overflow: hidden; display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-content: center; -ms-align-content: center; align-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .partner .flex .one:hover,.partner .flex .one.active{ border:1px solid #183d94; } .partner .flex .one img{max-width: 100%; max-height:100%;} .partner .right-title { font-size: 3.5rem; line-height: 1.2; color: #000; font-family: "avenB"; margin-left: 8rem; margin-top: 5.8rem; margin-bottom:2rem;} .partner .left-title { font-size: 3.5rem; line-height: 1.2; color: #fff; font-family: "avenB"; margin-top: 5.8rem; margin-bottom:2rem;} .partner .leftbox{width: 50rem; background-image: linear-gradient(90deg, #7bc5f6 10%, #1399f2 100%); } .partner .leftbox .left-content{width: 30rem; float: right; padding-bottom: 5rem;} .partner .rightbox{width: calc(100% - 80rem);} .partner .inputbox{ width: 23rem; height:4rem; border-radius:3rem; background-color: #fff; margin-top: 4rem; display: flex; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .partner .inputbox input,.partner .inputbox select,.partner .inputbox option{font-size: 1.6rem;} .partner .inputbox .img{margin-left:2rem; margin-right: 1rem; width:2rem; height:2rem; min-width: 15px; min-height:15px; } .partner .inputbox .img img{max-width:100%; max-height:100%;} .partner .inputbox select{width:16rem;} .tr-left-fixed { display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .tr-left-fixed > div:first-child { -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .tr-left-fixed > div:last-child{ -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; word-wrap: break-word; } /* .partner .rightbox{ width: 50rem; right: 36rem; top: 0; bottom: 0; position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center;} */ .company .floor2{width: 130rem;margin: 0 auto;padding: 4rem 0 12rem;} .company .floor2 .title{line-height: 1.5;text-align: center;white-space: nowrap;position: relative;} .company .floor2 .title::after{position: absolute;top: -1rem;width: 5.4rem;height: 5.4rem;transform: rotate(45deg);background: linear-gradient(180deg, #76C8FF 0%, rgba(202,234,255,0.00) 100%);border-radius: 50%;content: "";right: 21rem;} .company .floor2 .flex{margin-top: 6rem;display: flex;justify-content: center;} .company .floor2 .flex .one{width: 39rem;height: 50rem;border-radius: 3rem;margin-right: 3rem;background: linear-gradient(0deg, rgba(0, 48, 118, 0.1), rgba(0, 48, 118, 0.1)), #0799FA;padding-top: 6.8rem;padding-left: 4rem;} .company .floor2 .flex .one:last-child{margin-right: 0;} .company .floor2 .flex .one .img{width: 8rem;height: 8rem;position: relative;overflow: visible;margin-bottom: 4.5rem;} .company .floor2 .flex .one .img::after{position: absolute;width: 10rem;height: 10rem;background: linear-gradient(180deg, #76C8FF 0%, rgba(202,234,255,0.00) 100%);content: "";border-radius: 50%;transform: rotate(45deg);left: 2rem;z-index: 1;opacity: 0.5;} .company .floor2 .flex .one .img img{position: relative;z-index: 11;} .company .floor2 .flex .one .textBox{display: flex;flex-direction: column;align-items: flex-start;} .company .floor2 .flex .one .name{position: relative;margin-bottom: 2.6rem;white-space: nowrap;} .company .floor2 .flex .one .name span{font-size: 2.6rem;position: relative;color: #fff;font-family: "avenB";white-space: nowrap;z-index: 11;} .company .floor2 .flex .one .name::after{position: absolute;left: 1.5rem;right: -1.5rem;background: linear-gradient(180deg, #76C8FF 0%, rgba(118,200,255,0.00) 100%);border-radius: 4.5rem;content: "";opacity: 0.3;height: 3rem;border-radius: 3rem;bottom: -1.5rem;z-index: 1;} .company .floor2 .flex .one .content{font-size: 1.8rem;line-height: 1.5;color: #fff;padding-right: 4rem;} .company .floor3{display: flex;} .company .floor3 .left{position: relative;flex-shrink: 0;margin-right: 11rem;} .company .floor3 .left .text{position: absolute;right: 7.2rem;top: 0;bottom: 0;margin: auto;font-size: 4.8rem;line-height: 5.76rem;color: #fff;font-family: "avenB";display: flex;flex-direction: column;justify-content: center;} .company .floor3 .right{flex: 1;width: 0;padding: 3.5rem 0 5rem;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;} .company .floor3 .right .one .num{font-size: 4.8rem;line-height: 1.5;display: flex;align-items: flex-start;color: #1398F1;font-family: "avenB";} .company .floor3 .right .one .num span{font-size: 3rem;line-height: 1.5;} .company .floor3 .right .one .text{font-size: 1.8rem;line-height: 1.5;color: #000000;font-family: "avenB";position: relative;} .company .floor3 .right .one .text::after{width: 7rem;height: 0.6rem;bottom: -0.6rem;left: 0;background: #DEDEDE;position: absolute;content: "";} .company .floor4{height: 120rem;position: relative;padding-top: 16rem;} .company .floor4 .bg{position: absolute;z-index: 1;left: 30.4rem;bottom: 4.5rem;width: 125.3rem;} .company .floor4 .bg .one{position: absolute;display: flex;align-items: center;color: #888;font-size: 1.2rem;} .company .floor4 .bg .one.fuzhou{right: 20rem;bottom: 30rem;} .company .floor4 .bg .one.singapore{right: 24rem;bottom: 24rem;} .company .floor4 .bg .point{width: 1.5rem;height: 1.5rem;position: relative;background: rgba(0, 102, 255, 0.3);border-radius: 50%;margin-right: 0.6rem;} .company .floor4 .bg .point::before{position: absolute;width: 0.7rem;height: 0.7rem;border-radius: 50%;margin: auto;content: "";background-color: #0066FF;top: 0;right: 0;left: 0;bottom: 0;} .company .floor4 .title{width: 126rem;position: relative;line-height: 5.76rem;margin: 0 auto;} .company .floor4 .title .img{position: absolute;left: 0;bottom: -4rem;width: 55.6rem;} .company .floor4 .title::before{content: "";position: absolute;width: 15.1rem;height: 14.8rem;background-image: url(../img/bg_title.png);left: -6.5rem;top: -4.5rem;background-size: 100% 100%;} .company .floor4 .swiper{width: 126rem;margin: 8rem auto 0;height: 48.5rem;position: relative;} .company .floor4 .swiper .swiper-container{padding: 0 1.3rem;} .company .floor4 .swiper::after{position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 2.4rem;border-radius: 2.4rem;background: linear-gradient(270deg, #F6F8FB 0%, rgba(246,248,251,0.00) 21%, rgba(246,248,251,0.00) 81%), linear-gradient(90deg, #1398F1 0%, #0066FF 96%);content: "";margin: auto;} .company .floor4 .swiper .swiper-slide{width: 15rem;height: 48.5rem;overflow: visible;} .company .floor4 .swiper .swiper-slide::after{position: absolute;top: 0;bottom: 0;width: 1.1rem;height: 1.1rem;background: #fff;margin: auto;left: -0.5rem;content: "";border-radius: 50%;} .company .floor4 .swiper .swiper-slide .one{height: 13rem;position: relative;padding-left: 1.4rem;width: 30.7rem;} .company .floor4 .swiper .swiper-slide .one::before{position: absolute;content: "";left: 0;width: 1px;background: linear-gradient(0, #3862F7 34%, rgba(56,98,247,0.20) 100%) ;height: 100%;top: 0;} .company .floor4 .swiper .swiper-slide .one::after{position: absolute;content: "";left: -0.2rem;bottom: -0.2rem;width: 0.5rem;height: 0.5rem;background: #3862F7;border-radius: 50%;} .company .floor4 .swiper .swiper-slide .one .year{font-size: 3.6rem;line-height: 1.5;color: #5d5d5d;transition: all 0.3s;font-family: "avenB";} /* .company .floor4 .swiper .swiper-slide .one:hover .year{background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;} .company .floor4 .swiper .swiper-slide-active .one .year{background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;} */ /* .company .floor4 .swiper .swiper-slide .one:hover .year{color: #0066FF;} */ /* .company .floor4 .swiper .swiper-slide-active .one .year{color: #0066FF;} */ .company .floor4 .swiper .swiper-slide .one .text{font-size: 1.8rem;line-height: 1.5;color: #3d3d3d;padding-right: 5rem;} .company .floor4 .swiper .swiper-slide .one .text span{color: #1298F1;} .company .floor4 .swiper .swiper-slide:nth-child(2n+1){padding-top: 9rem;} .company .floor4 .swiper .swiper-slide:nth-child(2n){padding: 9rem 0;display: flex;flex-direction: column;justify-content: flex-end;} .company .floor4 .swiper .swiper-slide:nth-child(2n) .one::before{position: absolute;content: "";left: 0;width: 1px;background: linear-gradient(180deg, #3862F7 34%, rgba(56,98,247,0.20) 100%) ;height: 100%;top: 0;} .company .floor4 .swiper .swiper-slide:nth-child(2n) .one::after{position: absolute;content: "";left: -0.2rem;top: -0.2rem;width: 0.5rem;height: 0.5rem;background: #3862F7;border-radius: 50%;} .company .floor4 .swiper .swiper-slide:nth-child(4n+3){padding: 0;} .company .floor4 .swiper .swiper-slide:nth-child(4n+3) .one{height: 22rem;padding-bottom: 10.5rem;} .company .floor4 .swiper .swiper-slide:nth-child(4n){padding: 0;} .company .floor4 .swiper .swiper-slide:nth-child(4n) .one{height: 22rem;padding-top: 10.5rem;} .company .floor4 .swiper .swiper-slide:last-child{margin-right: 15rem;} .company .floor4 .swiper .flex{position: absolute;bottom: -10rem;display: flex;z-index: 111;} .company .floor4 .swiper .flex .prev,.company .floor4 .swiper .next{width: 4rem;height: 4rem;margin-right: 1.3rem;border-radius: 50%;transition: all 0.3s;background: #b7b7b7;cursor: pointer;} .company .floor4 .swiper .flex .prev:hover,.company .floor4 .swiper .flex .next:hover{background: #333;} .service{background: #fff;} .service .banner{position: relative;background: linear-gradient(180deg, #1398F1 44%, #0169FF 153%);height: 20rem;} .service .banner .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 6rem;color: #fff;font-family: "avenB";} .service .floor1{width: 130rem;margin: 0 auto;padding: 12rem 0 16rem;display: flex;} .service .floor1 .img{width: 63rem;height: 50rem;} .service .floor1 .img img{width: 100%;height: 100%;object-fit: cover;} .service .floor1 .textBox{flex: 1;width: 0;padding-left: 14rem;padding-top: 1rem;line-height: 1.5;display: flex;flex-direction: column;align-items: flex-start;} .service .floor1 .textBox .name{font-size: 4.8rem;line-height: 5.76rem;margin-bottom: 4rem;color: #000;font-family: "avenB";} .service .floor1 .textBox .text{font-size: 1.8rem;line-height: 1.5;color: #000000;position: relative;} .service .floor1 .textBox .text::before{position: absolute;left: -3rem;top: 1rem;width: 1.8rem;height: 1.8rem;border: 0.5rem solid #1298F1;content: "";box-sizing: border-box;border-radius: 50%;} .service .floor1 .textBox .btn{height: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;margin-top: 6.5rem;transition: all 0.3s;padding: 0 2rem;font-family: 'avenB';} .service .floor1 .textBox .btn .img{width: 0.9rem;height: 1.5rem;margin-left: 1rem;} .service .floor1 .textBox .btn:hover{background: #002F75;} .service .floor2{margin: 0 auto;padding: 13.5rem 31rem 21rem;display: flex;background: #F6F8FB;} .service .floor2 .img{width: 65rem;height: 56rem;border-radius: 1.5rem;} .service .floor2 .img img{width: 100%;height: 100%;object-fit: cover;} .service .floor2 .textBox{flex: 1;width: 0;padding: 0 9rem;padding-top: 1rem;line-height: 1.5;display: flex;flex-direction: column;align-items: flex-start;} .service .floor2 .textBox .name{font-size: 4.8rem;line-height: 5.76rem;margin-bottom: 4rem;color: #000;font-family: "avenB";} .service .floor2 .textBox .text{font-size: 1.8rem;line-height: 1.5;color: #000000;position: relative;} .service .floor2 .textBox .text::before{position: absolute;left: -3rem;top: 1rem;width: 1.8rem;height: 1.8rem;border: 0.5rem solid #1298F1;content: "";box-sizing: border-box;border-radius: 50%;} /* .service .floor2 .textBox .btn{width: 22rem;height: 5rem;border-radius: 1rem;background: #0066FF;font-size: 2.4rem;color: #f6f8f8;margin-top: 7.5rem;} */ .service .floor2 .textBox .btn{height: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;margin-top: 6.5rem;transition: all 0.3s;padding: 0 2rem;font-family: 'avenB';} .service .floor2 .textBox .btn:hover{background: #002F75;} .service .floor3 .textBox{line-height: 1.5;width: 88rem;margin: 9rem auto 10rem;display: flex;flex-direction: column;align-items: center;} .service .floor3 .textBox .name{font-size: 4.8rem;line-height: 5.76rem;margin-bottom: 4rem;color: #000;font-family: "avenB";} .service .floor3 .textBox .text{font-size: 1.8rem;line-height: 1.5;color: #000000;position: relative;margin-left: 4rem;} .service .floor3 .textBox .text::before{position: absolute;left: -3rem;top: 1rem;width: 1.8rem;height: 1.8rem;border: 0.5rem solid #1298F1;content: "";box-sizing: border-box;border-radius: 50%;} .service .floor3 .textBox .btn{padding: 0 2rem;height: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;margin-top: 7rem;transition: all 0.3s;font-family: 'avenB';} .service .floor3 .textBox .btn:hover{background: #002F75;} .care {padding-bottom: 14rem;} .care .banner{position: relative;background: linear-gradient(180deg, #1398F1 44%, #0169FF 153%);height: 20rem;} .care .banner .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 6rem;color: #fff;font-family: "avenB";} .care .desc{margin: 6.5rem auto 8.7rem;width: 120rem;font-size: 2rem;line-height: 1.5;color: #000;text-align: center;} .care .list .one{width: 120rem;height: 36rem;margin: 0 auto 4rem;display: flex;align-items: center;justify-content: space-between;padding: 0 12.6rem 0 9.3rem;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);background: #fff;border-radius: 2rem;} .care .list .one:last-child{margin-bottom: 0;} .care .list .one .icon{width: 19rem;height: 19rem;flex-shrink: 0;} .care .list .one .textBox{margin-right: 9.5rem;border-right: 1px solid transparent;flex: 1;width: 0;padding-right: 5rem;display: flex;flex-direction: column;align-items: flex-start;} .care .list .one .name{font-size: 4rem;color: #000;line-height: 1.5;font-family: "avenB";} .care .list .one .content{font-size: 1.8rem;color: #000;line-height: 1.5;margin-top: 1.2rem;} .care .list .one .btn{padding: 0 2rem;height: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;margin-top: 2.8rem;transition: all 0.3s;font-family: 'avenB';} .care .list .one .btn .img{width: 0.9rem;height: 1.5rem;margin-left: 1rem;} .care .list .one .btn:hover{background: #002F75;} .careForm{padding-bottom: 14.4rem;background: #fff;} .careForm .banner{position: relative;} .careForm .textBox{width: 120rem;top: 0;left: 0;right: 0;height: 100%;margin: auto;display: flex;flex-direction: column;justify-content: center;padding-left: 8.5rem;position: absolute;} .careForm .textBox .name{font-size: 4.8rem;line-height: 6.24rem;width: 50rem;color: #3d3d3d;font-family: "avenB";} .careForm .textBox .content{font-size: 1.8rem;line-height: 1.5;width: 50rem;color: #3d3d3d;margin-top: 1.8rem;} .careForm .form{margin: 9rem auto 0;display: flex;flex-direction: column;align-items: center;width: 70rem;} .careForm .form>.name{font-size: 1.8rem;color: #F6F8FB;display: flex;align-items: center;justify-content: center;width: 70rem;height: 3.6rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);} .careForm .form>.name:first-child{margin-top: 0;} .careForm .form .box{margin-top: 4rem;} .careForm .form .box .line{margin-bottom: 4rem;display: flex;} .careForm .form .box .line .one{width: 30rem;margin-right: 6rem;} .careForm .form .box .line .one:last-child{margin-right: 0;} .careForm .form .box .line .tip{font-size: 1.4rem;line-height: 2.4rem;color: rgba(0,0,0,0.5);} .careForm .form .box .line .name{font-size: 1.8rem;line-height: 1.5;font-family: "avenB";color: #000;margin-bottom: 0.6rem;white-space: nowrap;} .careForm .form .box .line .name span{font-family: "avenB";} .careForm .form .box .line .input{width: 100%;height: 3.4rem;border: 0.5px solid #A5A5A5;border-radius: 0.6rem;display: flex;} .careForm .form .box .line .input input{flex: 1;width: 0;height: 100%;padding: 0 1.2rem;color: #000;font-size: 1.4rem;} .careForm .form .box .line .input input::placeholder{color: #a8a8a8;} .careForm .form .box .line .input .img{width: 3.2rem;height: 3.2rem;background: #EAEDF0;flex-shrink: 0;border-radius: 0.6rem;} .careForm .form .box .line .input .img img{width: 1.6rem;} .careForm .form .box .line .select{width: 100%;height: 3.4rem;border: 0.5px solid #A5A5A5;border-radius: 0.6rem;display: flex;} .careForm .form .box .line .select select{flex: 1;width: 0;height: 100%;padding: 0 1.2rem;color: #000;font-size: 1.4rem;} .careForm .form .box .line .select select::placeholder{color: #a8a8a8;} .careForm .form .box .line .all{width: 100%;} .careForm .form .box .line .textarea{width: 100%;border: 0.5px solid #A5A5A5;border-radius: 0.6rem;display: flex;overflow: hidden;} .careForm .form .box .line .textarea textarea{flex: 1;width: 0;height: 17rem;padding: 1.2rem;color: #000;font-size: 1.4rem;border: none;outline: none;line-height: 1.5;} .careForm .form .box .line .textarea textarea::placeholder{color: #a8a8a8;} .careForm .form .box .line:last-child{margin-bottom: 0;} .careForm .form .check{width: 66rem;display: flex;align-items: center;margin-top: 1.5rem;cursor: pointer;font-size: 1.4rem;line-height: 2.4rem;color: #000;padding-left: 2rem;} .careForm .form .check .block{width: 1.5rem;height: 1.5rem;margin-right: 1.5rem;border: 0.5px solid #A5A5A5;border-radius: 0.2rem;position: relative;transition: all 0.3s;} .careForm .form .check.active .block{border-color: #0066FF;} .careForm .form .check .block::before{position: absolute;width: 0.7rem;height: 0.7rem;margin: auto;left: 0;right: 0;top: 0;bottom: 0;background: #0066FF;transition: all 0.3s;opacity: 0;content: "";} .careForm .form .check.active .block::before{opacity: 1;} .careForm .form .check span{color: #0066FF;} /* .careForm .form .btn{width: 15rem;height: 3.6rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);border-radius: 3.6rem;color: #fff;font-size: 1.8rem;font-family: "avenB";margin-top: 5.5rem;} */ .careForm .form .btn{padding: 0 2rem;height: 4rem;background: #1398F1;border-radius: 4rem;color: #f6f8f8;font-size: 1.8rem;font-family: "avenB";margin-top: 5.5rem;} .careForm .form .btn:hover{background: #002F75;} .shadow{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 88888;background: rgba(32, 32, 32, 0.2);display: none;} .tipBox{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 99999;background: #fff;width: 88.4rem;height: 39.8rem;margin: auto;border-radius: 2rem;display: none;} .tipBox .close{position: absolute;right: 2rem;top: 2rem;width: 3.8rem;height: 3.8rem;cursor: pointer;} .tipBox .icon{margin: 4rem auto ;width: 19.8rem;height: 19.8rem;} .tipBox .text{font-size: 2.4rem;line-height: 1.5;color: #000;font-family: "avenB";text-align: center;} .tipBox2{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 99999;background: #fff;width: 60rem;height: 15rem;margin: auto;border-radius: 1.2rem;display: none;} .tipBox2 .time{position: absolute;right: 1rem;top: 1rem;width: 2.4rem;height: 2.4rem;border-radius: 50%;background: #D8D8D8;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: #3D3D3D;} .tipBox2 .flex{display: flex;align-items: center;width: 100%;height: 100%;padding: 0 6rem;} .tipBox2 .img{width: 5.5rem;flex-shrink: 0;margin-right: 2.5rem;} .tipBox2 .text{font-size: 1.6rem;line-height: 1.5;color: #3D3D3D;} .teamhub .banner{position: relative;} .teamhub .banner .name{font-size: 6rem;color: #fff;font-family: "avenB";position: absolute;top: 26.6rem;line-height: 1.2;right: 48.8rem;} .teamhub .banner .desc{font-size: 2.8rem;line-height: 4.2rem;width: 43rem;position: absolute;top: 58.8rem;left: 75.7rem;color: #fff;} .mb .teamhub .banner .desc{display: none;} .teamhub .floor1{padding: 8rem 0 11.6rem;} .teamhub .floor1 .title{font-size: 4.8rem;line-height: 5.76rem;color: #000;text-align: center;font-family: "avenB";} .teamhub .floor1 .desc{font-size: 1.8rem;line-height: 1.5;color: #000;text-align: center;margin-top: 3.2rem;} .teamhub .floor1 .flex{display: flex;margin-top: 11.6rem;position: relative;height: 46.2rem;} .teamhub .floor1 .flex .left{width: 97rem;height: 46.2rem;background: url(../img/bg_left.png) right center no-repeat;display: flex;align-items: center;padding-right: 6rem;justify-content: flex-end;left: 0;position: absolute;z-index: 2;} .teamhub .floor1 .flex .left .point{width: 24rem;height: 24rem;margin-left: 4rem;background: linear-gradient(181deg, #1398F1 0%, #AEDFFF 154%);box-shadow: 0px 0px 3rem 0px rgba(1, 105, 255, 0.5);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;} .teamhub .floor1 .flex .left .point .img{width: 15.7rem;margin-bottom: 1.8rem;} .teamhub .floor1 .flex .left .point .text{font-size: 1.6rem;color: #fff;line-height: 1.5;} .teamhub .floor1 .flex .left .textBox{display: flex;flex-direction: column;padding: 7rem 0 5rem;height: 100%;justify-content: space-between;} .teamhub .floor1 .flex .left .textBox .one .num{font-size: 3.6rem;line-height: 1.5;display: flex;align-items: flex-start;color: #1398F1;font-family: "avenB";} .teamhub .floor1 .flex .left .textBox .one .num span{font-size: 1.8rem;line-height: 1.5;} .teamhub .floor1 .flex .left .textBox .one .text{font-size: 1.8rem;line-height: 1.5;color: #3d3d3d;} .teamhub .floor1 .flex .right{width: 97rem;height: 46.2rem;background: url(../img/bg_right.png) left center no-repeat;display: flex;align-items: center;padding-left: 8rem;justify-content: flex-start;right: 0;position: absolute;z-index: 1;} .teamhub .floor1 .flex .right .point{width: 24rem;height: 24rem;margin-right: 5.8rem;background: linear-gradient(181deg, #0169FF 0%, rgba(1, 105, 255, 0) 154%);box-shadow: 0px 0px 3rem 0px rgba(1, 105, 255, 0.5);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-direction: column;} .teamhub .floor1 .flex .right .point .img{width: 15.7rem;margin-bottom: 1.8rem;} .teamhub .floor1 .flex .right .point .text{font-size: 1.6rem;color: #fff;line-height: 1.5;} .teamhub .floor1 .flex .right .textBox{display: flex;flex-direction: column;padding: 7rem 0 5rem;height: 100%;justify-content: space-between;} .teamhub .floor1 .flex .right .textBox .one .num{font-size: 3.6rem;line-height: 1.5;display: flex;align-items: flex-start;color: #1398F1;font-family: "avenB";} .teamhub .floor1 .flex .right .textBox .one .num span{font-size: 1.8rem;line-height: 1.5;} .teamhub .floor1 .flex .right .textBox .one .text{font-size: 1.8rem;line-height: 1.5;color: #3d3d3d;} .teamhub .floor2{padding: 10rem 0 9rem;background: #EEF1F6;} .teamhub .floor2 .title{font-size: 4.8rem;line-height: 5.76rem;color: #000;text-align: center;font-family: "avenB";} .teamhub .floor2 .first{display: flex;align-items: center;padding-left: 38.6rem;} .teamhub .floor2 .first .textBox{width: 47rem;position: relative;z-index: 11;} .teamhub .floor2 .first .name{font-size: 3.6rem;line-height: 1.5;color: #3d3d3d;font-family: "avenB";} .teamhub .floor2 .first .content{margin-top: 1.8rem;font-size: 1.8rem;line-height: 1.5;color: #3d3d3d;} .teamhub .floor2 .first .img{margin-left: -16rem;width: 108.4rem;position: relative;z-index: 1;} .teamhub .floor2 .list{padding: 1rem 38.6rem 0;display: flex;flex-wrap: wrap;justify-content: space-between;} .teamhub .floor2 .list .one{width: 54.4rem;height: 70rem;border-radius: 3rem;display: flex;flex-direction: column;background: #fff;margin-bottom: 6rem;} .teamhub .floor2 .list .one .img{width: 100%;height: 40rem;} .teamhub .floor2 .list .one .textBox{height: 30rem;padding: 0 5rem;} .teamhub .floor2 .list .one .name{font-size: 3.6rem;line-height: 1.5;font-family: "avenB";color: #3d3d3d;} .teamhub .floor2 .list .one .content{font-size: 1.8rem;line-height: 1.5;margin-top: 1rem;color: #3d3d3d;} .teamhub .floor2 .list .big{width: 100%;} .teamhub .floor2 .list .big .block{display: none;} .teamhub .floor2 .list .big .block .flex{width: 100%;height: 55rem;border-radius: 3rem;background: #fff;} .teamhub .floor2 .list .big .block .img{width: 65rem;height: 100%;} .teamhub .floor2 .list .big .block .textBox{width: 0;flex: 1;padding-right: 6rem;display: flex;flex-direction: column;justify-content: center;} .teamhub .floor2 .list .big .block .name{font-size: 3.6rem;line-height: 1.5;font-family: "avenB";color: #3d3d3d;} .teamhub .floor2 .list .big .block .content{font-size: 1.8rem;line-height: 1.5;margin-top: 1.8rem;color: #3d3d3d;margin-bottom: 2.5rem;} .teamhub .floor2 .list .big .block .btnBox{display: flex;} .teamhub .floor2 .list .big .block .btn{width: 20rem;height: 3.4rem;border-radius: 0.6rem;margin-right: 2.5rem;font-size: 1.6rem;color: #3d3d3d;border: 1px solid #000000;transition: all 0.3s;font-family: "avenB";} .teamhub .floor2 .list .big .block .btn:last-child{margin-right: 0;} .teamhub .floor2 .list .big .block .btn:hover,.teamhub .floor2 .list .big .block .btn.active{background: #1398F1;color: #fff;border-color: #1398F1;} .teamhub .floor3{padding: 10rem 0;background: #fff;} .teamhub .floor3 .title{font-size: 4.8rem;line-height: 5.76rem;font-family: "avenB";color: #3d3d3d;text-align: center;} /* .teamhub .floor3 .flex{margin-top: 5.3rem;display: flex;justify-content: center;} .teamhub .floor3 .flex .one{width: 30rem;height: 36rem;background: #F6F8FB;border-radius: 1rem;margin-right: 2rem;display: flex;flex-direction: column;align-items: center;padding: 4.9rem 0;} .teamhub .floor3 .flex .one:last-child{margin-right: 0;} .teamhub .floor3 .flex .one .img{height: 18.8rem;margin-bottom: 1.5rem;} .teamhub .floor3 .flex .one .name{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;font-family: "avenB";display: flex;align-items: flex-start;} .teamhub .floor3 .flex .one .name span{color: #0169FF;line-height: 1.5;font-size: 1.2rem;font-family: "aven";} .teamhub .floor3 .flex .one .content{font-size: 1.6rem;line-height: 1.5;color: #3d3d3d;} */ .teamhub .floor3 .swiper{margin: 5.3rem auto 0;width: 126rem;position: relative;} .teamhub .floor3 .swiper .swiper-container{padding-bottom: 1rem;} .teamhub .floor3 .swiper .swiper-slide{width: 30rem;height: 36rem;margin-right: 2rem;} .teamhub .floor3 .swiper .swiper-slide:last-child{margin-right: 0;} .teamhub .floor3 .swiper .one{width: 30rem;height: 36rem;background: #F6F8FB;border-radius: 1rem;display: flex;flex-direction: column;align-items: center;padding: 4.9rem 0;transition: all 0.3s;} .teamhub .floor3 .swiper .one .img{height: 18.8rem;margin-bottom: 1.5rem;width: 100%;position: relative;transition: all 0.3s;} .teamhub .floor3 .swiper .one .name{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;font-family: "avenB";display: flex;align-items: flex-start;transition: all 0.3s;} .teamhub .floor3 .swiper .one .name span{color: #0169FF;line-height: 1.5;font-size: 1.2rem;font-family: "aven";} .teamhub .floor3 .swiper .one .content{font-size: 1.6rem;line-height: 1.5;color: #3d3d3d;} .teamhub .floor3 .swiper .one:hover .name{color: #0066ff;} .teamhub .floor3 .swiper .prev{position: absolute;top: 0;bottom: 0;left: -6rem;width: 4rem;height: 4rem;margin: auto;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .teamhub .floor3 .swiper .prev:hover{opacity: 1;} .teamhub .floor3 .swiper .prev.swiper-button-disabled{cursor: not-allowed;} .teamhub .floor3 .swiper .prev.swiper-button-disabled:hover{opacity: 0.5;} .teamhub .floor3 .swiper .next{position: absolute;top: 0;bottom: 0;right: -6rem;width: 4rem;height: 4rem;margin: auto;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .teamhub .floor3 .swiper .next:hover{opacity: 1;} .teamhub .floor3 .swiper .next.swiper-button-disabled{cursor: not-allowed;} .teamhub .floor3 .swiper .next.swiper-button-disabled:hover{opacity: 0.5;} .teamhub .floor3 .swiper .one .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;} .teamhub .floor3 .swiper .one .img .nor{z-index: 111;opacity: 1;} .teamhub .floor3 .swiper .one .img .hov{z-index: 11;opacity: 0;} .teamhub .floor3 .swiper .one:hover .img .nor{z-index: 11;opacity: 0;} .teamhub .floor3 .swiper .one:hover .img .hov{z-index: 111;opacity: 1;} .teamhub .floor3 .swiper .one:hover{background: #fff;box-shadow: 0px 0.4rem 1rem 0px rgba(84, 102, 123, 0.1);} .teamhub .floor3 .swiper .one:hover .img img{transform: scale(1.1);} .pos{background: #fff;} .pos .banner{position: relative;} .pos .banner .name{font-size: 6rem;color: #fff;font-family: "avenB";position: absolute;top: 16rem;line-height: 1.2;left: 72.2rem;} .pos .floor1{padding-top: 10rem;height: 80rem;} .pos .floor1 .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;text-align: center;font-family: "avenB";width: 69rem;margin: 0 auto;} .pos .floor1 .content{font-size: 1.8rem;line-height: 1.5;color: #000;text-align: center;margin: 3.2rem auto;width: 120rem;} .pos .floor1 .list{margin: 7rem auto 0;display: flex;justify-content: space-around;width: 120rem;} .pos .floor1 .list .one{width: 28rem;} .pos .floor1 .list .one .img{width: 100%;height: 18rem;} .pos .floor1 .list .one .text{font-size: 2.4rem;line-height: 1.2;color: #3d3d3d;text-align: center;font-family: 'avenB';} .pos .floor2{height: 64rem;} .pos .floor2 .flex{width: 120rem;height: 100%;align-items: center;margin: 0 auto;justify-content: space-between;} .pos .floor2 .left{width: 43rem;} .pos .floor2 .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";} .pos .floor2 .content{font-size: 1.8rem;line-height: 1.5;color: #000;margin: 1.8rem auto 0;} .pos .floor2 .right{width: 56rem;flex-shrink: 0;} .pos .floor2 .right .img{width: 56rem;height: 60rem;border-radius: 2rem;} .pos .floor2 .right .img img{width: 100%;height: 100%;} .pos .floor3{padding: 10rem 0;position: relative;} .pos .floor3 .img{width: 120rem;margin: 0 auto;} .pos .floor3 .text{position: absolute;text-align: center;font-size: 2.4rem;line-height: 1.2;font-family: 'avenB';width: 25rem;} .pos .floor3 .text1{top: 30rem;right: 46rem;} .pos .floor3 .text2{top: 52rem;right: 71.5rem;} .pos .floor3 .text3{top: 68rem;right: 46rem;} .pos .floor4{padding: 10rem 0;background: #fff;} .pos .floor4 .title{font-size: 4.8rem;line-height: 5.76rem;font-family: "avenB";color: #3d3d3d;text-align: center;} /* .pos .floor4 .flex{margin-top: 5.3rem;display: flex;justify-content: center;} .pos .floor4 .flex .one{width: 30rem;height: 36rem;background: #F6F8FB;border-radius: 1rem;margin-right: 2rem;display: flex;flex-direction: column;align-items: center;padding: 4.9rem 0;} .pos .floor4 .flex .one:last-child{margin-right: 0;} .pos .floor4 .flex .one .img{height: 18.8rem;margin-bottom: 1.5rem;} .pos .floor4 .flex .one .name{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;font-family: "avenB";display: flex;align-items: flex-start;} .pos .floor4 .flex .one .name span{color: #0169FF;line-height: 1.5;font-size: 1.2rem;font-family: "aven";} .pos .floor4 .flex .one .content{font-size: 1.6rem;line-height: 1.5;color: #3d3d3d;} */ .pos .floor4 .swiper{margin: 5.3rem auto 0;width: 126rem;position: relative;} .pos .floor4 .swiper .swiper-container{padding-bottom: 1rem;} .pos .floor4 .swiper .swiper-slide{width: 30rem;height: 36rem;margin-right: 2rem;} .pos .floor4 .swiper .swiper-slide:last-child{margin-right: 0;} .pos .floor4 .swiper .one{width: 30rem;height: 36rem;background: #F6F8FB;border-radius: 1rem;display: flex;flex-direction: column;align-items: center;padding: 4.9rem 0;transition: all 0.3s;} .pos .floor4 .swiper .one .img{height: 18.8rem;margin-bottom: 1.5rem;width: 100%;position: relative;transition: all 0.3s;} .pos .floor4 .swiper .one .name{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;font-family: "avenB";display: flex;align-items: flex-start;transition: all 0.3s;} .pos .floor4 .swiper .one .name span{color: #0169FF;line-height: 1.5;font-size: 1.2rem;font-family: "aven";} .pos .floor4 .swiper .one .content{font-size: 1.6rem;line-height: 1.5;color: #3d3d3d;} .pos .floor4 .swiper .one:hover .name{color: #0066ff;} .pos .floor4 .swiper .prev{position: absolute;top: 0;bottom: 0;left: -6rem;width: 4rem;height: 4rem;margin: auto;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .pos .floor4 .swiper .prev:hover{opacity: 1;} .pos .floor4 .swiper .prev.swiper-button-disabled{cursor: not-allowed;} .pos .floor4 .swiper .prev.swiper-button-disabled:hover{opacity: 0.5;} .pos .floor4 .swiper .next{position: absolute;top: 0;bottom: 0;right: -6rem;width: 4rem;height: 4rem;margin: auto;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .pos .floor4 .swiper .next:hover{opacity: 1;} .pos .floor4 .swiper .next.swiper-button-disabled{cursor: not-allowed;} .pos .floor4 .swiper .next.swiper-button-disabled:hover{opacity: 0.5;} .pos .floor4 .swiper .one .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;} .pos .floor4 .swiper .one .img .nor{z-index: 111;opacity: 1;} .pos .floor4 .swiper .one .img .hov{z-index: 11;opacity: 0;} .pos .floor4 .swiper .one:hover .img .nor{z-index: 11;opacity: 0;} .pos .floor4 .swiper .one:hover .img .hov{z-index: 111;opacity: 1;} .pos .floor4 .swiper .one:hover{background: #fff;box-shadow: 0px 0.4rem 1rem 0px rgba(84, 102, 123, 0.1);} .pos .floor4 .swiper .one:hover .img img{transform: scale(1.1);} .legal{background: #fff;} .legal .banner{position: relative;background: #1398F1;height: 20rem;} .legal .banner .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 6rem;color: #fff;font-family: "avenB";} .legal .menu{height: 9rem;background: #EAEDF0;} .legal .menu .containerS{display: flex;align-items: center;height: 100%;} .legal .menu .one{font-size: 1.8rem;margin-right: 8rem;color: #000;transition: all 0.3s;height: 100%;cursor: pointer;display: flex;align-items: center;} .legal .menu .one:hover{color: #1298F1;} .legal .menu .one.active{color: #1298F1;font-family: "avenB";} .legal .contentBox{padding: 10rem 0 15rem;} .legal .contentBox .content{font-size: 1.8rem;line-height: 1.5;color: #000;display: none;} .legal .contentBox .content p,.legal .contentBox .content span{line-height: 1.5;} .shop{background: #fff;} .shop .banner{position: relative;} .shop .banner .textBox{position: absolute;top: 27rem;left: 50rem;width: 43rem;} .shop .banner .textBox .name{font-size: 6rem;line-height: 1.2;color: #F6F8FB;font-family: "avenB";} .shop .banner .textBox .desc{font-size: 3.6rem;line-height: 4.32rem;color: #f6f8f8;margin-top: 1.2rem;} .shop .banner .content{font-size: 2.4rem;line-height: 1.5;color: #f6f8f8;position: absolute;top: 56.6rem;left: 26rem;} .shop .floor1{padding: 10rem 0 8.7rem;} .shop .floor1 .title{font-size: 4.8rem;line-height: 1.2;text-align: center;color: #000;font-family: "avenB";} .shop .floor1 .desc{font-size: 2.4rem;line-height: 1.5;text-align: center;color: #000;margin-top: 1.8rem;} .shop .floor1 .list{margin-top: 9rem;display: flex;justify-content: center;} .shop .floor1 .list .one{display: flex;flex-direction: column;align-items: center;width: 14rem;margin: 0 1.5rem;} .shop .floor1 .list .one .img{height: 6.6rem;margin-bottom: 2rem;} .shop .floor1 .list .one .text{font-size: 1.6rem;line-height: 1.5;color: #000;text-align: center;} .shop .floor2 .list{display: flex;flex-direction: column;align-items: center;padding-bottom: 8.7rem;} .shop .floor2 .list .one{width: 126rem;display: flex;align-items: center;padding: 7rem 0;} .shop .floor2 .list .one:nth-child(2n){flex-direction: row-reverse;} .shop .floor2 .list .one .img{width: 56rem;height: 50rem;border-radius: 3rem;flex-shrink: 0;} .shop .floor2 .list .one .textBox{flex: 1;width: 0;padding-left: 12rem;} .shop .floor2 .list .one:nth-child(2n) .textBox{padding-left: 0;padding-right: 12rem;} .shop .floor2 .list .one .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";} .shop .floor2 .list .one .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 1.8rem;} .shop .floor3{padding: 6.8rem 0 6.2rem;background: #F6F8FB;} .shop .floor3 .titleBox{display: flex;align-items: center;justify-content: space-between;width: 120rem;margin: 0 auto 6rem;} .shop .floor3 .titleBox .title{font-size: 4.8rem;line-height: 1.2;font-family: "avenB";color: #000;} .shop .floor3 .titleBox .menu{display: flex;align-items: center;} .shop .floor3 .titleBox .menu .one{font-size: 2.4rem;line-height: 3.6rem;position: relative;color: #000;margin-right: 8rem;transition: all 0.3s;cursor: pointer;} .shop .floor3 .titleBox .menu .one:last-child{margin-right: 0;} .shop .floor3 .titleBox .menu .one:hover{color: #1298F1;} .shop .floor3 .titleBox .menu .one.active{color: #1298F1;font-family: "avenB";} .shop .floor3 .titleBox .menu .one::after{width: calc(100% + 3rem);height: 0.5rem;border-radius: 0.5rem;background: #1298F1;bottom: -1.7rem;content: "";position: absolute;left: -1.5rem;opacity: 0;transition: all 0.3s;} .shop .floor3 .titleBox .menu .one.active::after{opacity: 1;} .shop .floor3 .swiper{width: 120rem;margin: 0 auto;position: relative;} .shop .floor3 .swiper .swiper-slide{margin-right: calc(8rem / 3);width: 28rem;height: 30rem;} .shop .floor3 .swiper .swiper-slide:last-child{margin-right: 0;} .shop .floor3 .swiper .one{width: 28rem;height: 30rem;background: #EAEDF0;border-radius: 1.5rem;display: flex;flex-direction: column;align-items: center;transition: all 0.3s;} .shop .floor3 .swiper .one .img{width: 100%;height: 23.7rem;transition: all 0.3s;position: relative;} .shop .floor3 .swiper .one .text{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;} .shop .floor3 .swiper .one .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;} .shop .floor3 .swiper .one .img .nor{z-index: 111;opacity: 1;} .shop .floor3 .swiper .one .img .hov{z-index: 11;opacity: 0;} .shop .floor3 .swiper .one:hover .img .nor{z-index: 11;opacity: 0;} .shop .floor3 .swiper .one:hover .img .hov{z-index: 111;opacity: 1;} .shop .floor3 .swiper .one:hover{background: #fff;box-shadow: 0px 0.4rem 1rem 0px rgba(84, 102, 123, 0.1);} .shop .floor3 .swiper .one:hover .img img{transform: scale(1.1);} .shop .floor3 .swiper .prev{position: absolute;top: 11.7rem;left: -7.7rem;width: 4.2rem;height: 4.2rem;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .shop .floor3 .swiper .prev:hover{opacity: 1;} .shop .floor3 .swiper .prev.swiper-button-disabled{cursor: not-allowed;} .shop .floor3 .swiper .prev.swiper-button-disabled:hover{opacity: 0.5;} .shop .floor3 .swiper .next{position: absolute;top: 11.7rem;right: -7.7rem;width: 4.2rem;height: 4.2rem;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .shop .floor3 .swiper .next:hover{opacity: 1;} .shop .floor3 .swiper .next.swiper-button-disabled{cursor: not-allowed;} .shop .floor3 .swiper .next.swiper-button-disabled:hover{opacity: 0.5;} .shop .floor3 .swiper .page{margin-top: 8rem;display: flex;align-items: center;justify-content: center;} .shop .floor3 .swiper .page .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: #000;opacity: 1;transition: all 0.3s;margin: 0 1.6rem;border-radius: 1.2rem;} .shop .floor3 .swiper .page .swiper-pagination-bullet-active{width: 5.5rem;background: #3862F7;} .shop .floor4{padding: 10rem 0 12rem;} .shop .floor4 .title{font-size: 4.8rem;line-height: 1.2;color: #000;text-align: center;font-family: "avenB";} .shop .floor4 .desc{font-size: 2.4rem;line-height: 1.5;color: #000;text-align: center;margin-top: 1.8rem;} .shop .floor4 .form{margin: 9rem auto 0;display: flex;flex-direction: column;align-items: center;width: 70rem;} .shop .floor4 .form>.name{font-size: 1.8rem;color: #F6F8FB;display: flex;align-items: center;justify-content: center;width: 70rem;height: 3.6rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);} .shop .floor4 .form>.name:first-child{margin-top: 0;} .shop .floor4 .form .box{margin-top: 4rem;} .shop .floor4 .form .box .line{margin-bottom: 4rem;display: flex;} .shop .floor4 .form .box .line .one{width: 30rem;margin-right: 6rem;} .shop .floor4 .form .box .line .one:last-child{margin-right: 0;} .shop .floor4 .form .box .line .tip{font-size: 1.4rem;line-height: 2.4rem;color: rgba(0,0,0,0.5);} .shop .floor4 .form .box .line .name{font-size: 1.8rem;line-height: 1.5;font-family: "avenB";color: #000;margin-bottom: 0.6rem;white-space: nowrap;} .shop .floor4 .form .box .line .name span{font-family: "avenB";} .shop .floor4 .form .box .line .input{width: 100%;height: 3.4rem;border: 0.5px solid #A5A5A5;border-radius: 0.6rem;display: flex;} .shop .floor4 .form .box .line .input input{flex: 1;width: 0;height: 100%;padding: 0 1.2rem;color: #000;font-size: 1.4rem;} .shop .floor4 .form .box .line .input input::placeholder{color: #a8a8a8;} .shop .floor4 .form .box .line .input .img{width: 3.2rem;height: 3.2rem;background: #EAEDF0;flex-shrink: 0;border-radius: 0.6rem;display: none;} .shop .floor4 .form .box .line .input .img img{width: 1.6rem;} .shop .floor4 .form .box .line .select{width: 100%;height: 3.4rem;border: 0.5px solid #A5A5A5;border-radius: 0.6rem;display: flex;} .shop .floor4 .form .box .line .select select{flex: 1;width: 0;height: 100%;padding: 0 1.2rem;color: #000;font-size: 1.4rem;} .shop .floor4 .form .box .line .select select::placeholder{color: #a8a8a8;} .shop .floor4 .form .box .line .all{width: 100%;} .shop .floor4 .form .box .line .textarea{width: 100%;border: 0.5px solid #A5A5A5;border-radius: 0.6rem;display: flex;overflow: hidden;} .shop .floor4 .form .box .line .textarea textarea{flex: 1;width: 0;height: 17rem;padding: 1.2rem;color: #000;font-size: 1.4rem;border: none;outline: none;line-height: 1.5;} .shop .floor4 .form .box .line .textarea textarea::placeholder{color: #a8a8a8;} .shop .floor4 .form .box .line:last-child{margin-bottom: 0;} .shop .floor4 .form .check{width: 66rem;display: flex;justify-content: center;align-items: center;margin-top: 1.5rem;cursor: pointer;font-size: 1.4rem;line-height: 2.4rem;color: #000;padding-left: 2rem;} .shop .floor4 .form .check .block{width: 1.5rem;height: 1.5rem;margin-right: 1.5rem;border: 0.5px solid #A5A5A5;border-radius: 0.2rem;position: relative;transition: all 0.3s;} .shop .floor4 .form .check.active .block{border-color: #0066FF;} .shop .floor4 .form .check .block::before{position: absolute;width: 0.7rem;height: 0.7rem;margin: auto;left: 0;right: 0;top: 0;bottom: 0;background: #0066FF;transition: all 0.3s;opacity: 0;content: "";} .shop .floor4 .form .check.active .block::before{opacity: 1;} .shop .floor4 .form .check span{color: #0066FF;} /* .shop .floor4 .form .btn{width: 15rem;height: 3.6rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);border-radius: 3.6rem;color: #fff;font-size: 1.8rem;font-family: "avenB";margin-top: 5.5rem;} */ .shop .floor4 .form .btn{padding: 0 2rem;height: 4rem;background: #1398F1;border-radius: 4rem;color: #f6f8f8;font-size: 1.8rem;font-family: "avenB";margin-top: 5.5rem;} .shop .floor4 .form .btn:hover{background: #002F75;} .shop .banner1{position: relative;} .shop .banner1 .textBox{position: absolute;top: 10rem;width: 120rem;margin: auto;left: 0;right: 0;} .shop .banner1 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";text-align: center;} .shop .banner1 .textBox .desc{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 1.8rem;text-align: center;} .shop .banner2{position: relative;} .shop .banner2 .textBox{position: absolute;margin: auto;left: 104rem;right: 36rem;top: 0;bottom: 0;} .shop .banner2 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .shop .banner2 .textBox .desc{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 2.8rem;} .shop .banner3{position: relative;} .shop .banner3 .textBox{position: absolute;margin: auto;right: 104rem;left: 36rem;top: 0;bottom: 0;} .shop .banner3 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .shop .banner3 .textBox .desc{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 1.8rem;} .soft{background: #fff;} .soft .banner{position: relative;} .soft .banner .textBox{position: absolute;top: 27rem;left: 50rem;width: 43rem;} .soft .banner .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #F6F8FB;font-family: "avenB";} .soft .banner .textBox .desc{font-size: 2.4rem;line-height: 1.5;color: #f6f8f8;margin-top: 1.2rem;} .soft .banner .content{font-size: 2.4rem;line-height: 1.5;color: #f6f8f8;position: absolute;top: 56.6rem;left: 26rem;} .soft .floor1{padding: 10rem 0 8.7rem;} .soft .floor1 .title{font-size: 4.8rem;line-height: 1.2;text-align: center;color: #000;font-family: "avenB";} .soft .floor1 .desc{font-size: 2.4rem;line-height: 1.5;text-align: center;color: #000;margin-top: 1.8rem;} .soft .floor1 .list{margin-top: 9rem;display: flex;justify-content: center;} .soft .floor1 .list .one{display: flex;flex-direction: column;align-items: center;width: 14rem;margin: 0 1.5rem;} .soft .floor1 .list .one .img{height: 6.6rem;margin-bottom: 2rem;} .soft .floor1 .list .one .text{font-size: 1.6rem;line-height: 1.5;color: #000;text-align: center;} .soft .floor2 .list{display: flex;flex-direction: column;align-items: center;} .soft .floor2 .list .one{width: 126rem;display: flex;align-items: center;padding: 7rem 0;} .soft .floor2 .list .one:nth-child(2n){flex-direction: row-reverse;} .soft .floor2 .list .one .img{width: 56rem;height: 50rem;border-radius: 3rem;flex-shrink: 0;} .soft .floor2 .list .one .textBox{flex: 1;width: 0;padding-left: 12rem;} .soft .floor2 .list .one:nth-child(2n) .textBox{padding-left: 0;padding-right: 12rem;} .soft .floor2 .list .one .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";} .soft .floor2 .list .one .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 1.8rem;} .soft .floor3{padding: 6.8rem 0 6.2rem;background: #F6F8FB;} .soft .floor3 .titleBox{display: flex;align-items: center;justify-content: space-between;width: 120rem;margin: 0 auto 6rem;} .soft .floor3 .titleBox .title{font-size: 4.8rem;line-height: 1.2;font-family: "avenB";color: #000;} .soft .floor3 .titleBox .menu{display: flex;align-items: center;} .soft .floor3 .titleBox .menu .one{font-size: 2.4rem;line-height: 3.6rem;position: relative;color: #000;margin-right: 8rem;transition: all 0.3s;cursor: pointer;} .soft .floor3 .titleBox .menu .one:last-child{margin-right: 0;} .soft .floor3 .titleBox .menu .one:hover{color: #1298F1;} .soft .floor3 .titleBox .menu .one.active{color: #1298F1;font-family: "avenB";} .soft .floor3 .titleBox .menu .one::after{width: calc(100% + 3rem);height: 0.5rem;border-radius: 0.5rem;background: #1298F1;bottom: -1.7rem;content: "";position: absolute;left: -1.5rem;opacity: 0;transition: all 0.3s;} .soft .floor3 .titleBox .menu .one.active::after{opacity: 1;} .soft .floor3 .swiper{width: 120rem;margin: 0 auto;position: relative;} .soft .floor3 .swiper .swiper-slide{margin-right: calc(8rem / 3);width: 28rem;height: 30rem;} .soft .floor3 .swiper .swiper-slide:last-child{margin-right: 0;} .soft .floor3 .swiper .one{width: 28rem;height: 30rem;background: #EAEDF0;border-radius: 1.5rem;display: flex;flex-direction: column;align-items: center;} .soft .floor3 .swiper .one .img{width: 100%;height: 23.7rem;transition: all 0.3s;position: relative;} .soft .floor3 .swiper .one .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;} .soft .floor3 .swiper .one .img .nor{z-index: 111;opacity: 1;} .soft .floor3 .swiper .one .img .hov{z-index: 11;opacity: 0;} .soft .floor3 .swiper .one:hover{background: #fff;box-shadow: 0px 0.4rem 1rem 0px rgba(84, 102, 123, 0.1);} .soft .floor3 .swiper .one:hover .img .nor{z-index: 11;opacity: 0;} .soft .floor3 .swiper .one:hover .img .hov{z-index: 111;opacity: 1;transform: scale(1.1);} .soft .floor3 .swiper .one .text{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;} .soft .floor3 .swiper .prev{position: absolute;top: 11.7rem;left: -7.7rem;width: 4.2rem;height: 4.2rem;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .soft .floor3 .swiper .prev:hover{opacity: 1;} .soft .floor3 .swiper .prev.swiper-button-disabled{cursor: not-allowed;} .soft .floor3 .swiper .prev.swiper-button-disabled:hover{opacity: 0.5;} .soft .floor3 .swiper .next{position: absolute;top: 11.7rem;right: -7.7rem;width: 4.2rem;height: 4.2rem;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .soft .floor3 .swiper .next:hover{opacity: 1;} .soft .floor3 .swiper .next.swiper-button-disabled{cursor: not-allowed;} .soft .floor3 .swiper .next.swiper-button-disabled:hover{opacity: 0.5;} .soft .floor3 .swiper .page{margin-top: 8rem;display: flex;align-items: center;justify-content: center;} .soft .floor3 .swiper .page .swiper-pagination-bullet{width: 1.2rem;height: 1.2rem;background: #000;opacity: 1;transition: all 0.3s;margin: 0 1.6rem;border-radius: 1.2rem;} .soft .floor3 .swiper .page .swiper-pagination-bullet-active{width: 5.5rem;background: #1298F1;} .soft .banner1{position: relative;} .soft .banner1 .textBox{position: absolute;top: 10rem;width: 120rem;margin: auto;left: 0;right: 0;} .soft .banner1 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";text-align: center;} .soft .banner1 .textBox .desc{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 1.8rem;text-align: center;} .soft .banner2{position: relative;} .soft .banner2 .textBox{position: absolute;margin: auto;left: 104rem;right: 36rem;top: 0;bottom: 0;} .soft .banner2 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .soft .banner2 .textBox .desc{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 1.8rem;} .soft .banner3{position: relative;} .soft .banner3 .textBox{position: absolute;margin: auto;right: 104rem;left: 36rem;top: 0;bottom: 0;align-items: center;display: flex;flex-direction: column;justify-content: center;} .soft .banner3 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .soft .banner3 .textBox .desc{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 1.8rem;} .product{background: #fff;} .product .video video{width: 100%;} .product .banner{position: relative;} .product .banner .textBox{width: 50rem;right: 36rem;top: 0;bottom: 0;position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;} .product .banner .textBox .name{font-size: 6rem;line-height: 1.2;color: #3d3d3d;font-family: "avenB";} .product .banner .textBox .desc{font-size: 4.8rem;line-height: 1.2;color: #3d3d3d;margin-top: 1.8rem;font-family: "avenB";} .product .banner .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;margin-top: 2.8rem;text-align: center;} .product .banner .textBox .btn{padding: 0 2rem;height: 4rem;margin-top: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;font-family: "avenB";} .product .banner .textBox .btn:hover{background: #002F75;} .product .banner1{position: relative;} .product .banner1 .textBox{width: 60rem;left: 0;right: 0rem;top: 0;bottom: 0;position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: auto;} .product .banner1 .textBox .name{font-size: 6rem;line-height: 1.2;color: #3d3d3d;font-family: "avenB";} .product .banner1 .textBox .desc{font-size: 4.8rem;line-height: 1.2;color: #3d3d3d;margin-top: 1.8rem;font-family: "avenB";} .product .banner1 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;margin-top: 2.8rem;text-align: center;} .product .banner1 .textBox .btn{padding: 0 2rem;height: 4rem;margin-top: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;font-family: "avenB";} .product .banner1 .textBox .btn:hover{background: #002F75;} .product .banner1 .img img{width: 100%;} .product .floor1{padding: 6rem 0 16rem;} .product .floor1 .title{width: 120rem;margin: 0 auto;font-size: 4.8rem;line-height: 1.2;color: #000;text-align: center;font-family: "avenB";} .product .floor1 .desc{width: 120rem;margin: 1.8rem auto 0;font-size: 2.4rem;line-height: 1.5;color: #000;text-align: center;} .product .floor1 .img{width: 120rem;margin: 6rem auto 0;position: relative;} .product .floor1 .img img{width: 100%;} .product .floor1 .img .absolute{position: absolute;} .product .floor1 .img .rightBottom{right: 0;width: 50%;bottom: 0;padding-bottom: 10rem;} .product .floor1 .img .rightBottom .title{width: 100%;text-align: left;} .product .floor1 .img .rightBottom .desc{width: 100%;text-align: left;} .product .maidian{position: relative;} .product .maidian .textBox{width: 55rem;right: 36rem;top: 0;bottom: 0;position: absolute;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;} .product .maidian .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #3d3d3d;font-family: "avenB";} .product .maidian .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;margin-top: 2.8rem;} .product .maidian .textBox .btn{padding: 0 2rem;height: 4rem;margin-top: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;font-family: "avenB";} .product .maidian .textBox .btn:hover{background: #002F75;} .product .maidian .img img{width: 100%;} .li-new-btn{ padding: 0 2rem; height: 4rem; margin-top: 4rem; border-radius: 4rem; background: #1398F1; font-size: 1.8rem; color: #f6f8f8; font-family: "avenB"; line-height: height: 4rem; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; cursor: pointer; } .li-new-btn:hover{ align-items: center; justify-content: center; transition: all 0.3s; cursor: pointer; background: #002F75; } .product .maidian2{position: relative;} .product .maidian2 .textBox{width: 120rem;right: 0;left: 0;bottom: 9rem;position: absolute;display: flex;flex-direction: column;align-items: flex-start;margin: auto;} .product .maidian2 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #fff;font-family: "avenB";} .product .maidian2 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #fff;margin-top: 2.8rem;} .product .maidian2 .textBox .content span{line-height: 3.36rem;} .anima {transform: translateY(0rem);transition: all .8s;opacity: 1;} .pt {transform: translateY(10rem);opacity: 0;} .product .maidian3{position: relative;} .product .maidian3 .textBox{width: 120rem;right: 0;left: 0;top: 10rem;position: absolute;display: flex;flex-direction: column;align-items: flex-start;margin: auto;transition: all 0.3;} .product .maidian3 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .product .maidian3 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 2.8rem;} .product .maidian3.pt .textBox{top: 20rem;} .product .maidian3 .list{display: flex;flex-wrap: wrap;align-items: center;} .product .maidian3 .list .one{margin-right: 10rem;margin-top: 10rem;min-width: 16.3rem;} .product .maidian3 .list .one:nth-child(4n){margin-right: 0;} .product .maidian3 .flex{display: flex;justify-content: space-between;margin-top: 5rem;width: 100%;} .product .maidian3 .flex .one{width: 58.5rem;height: 60rem;border-radius: 3rem;position: relative;overflow: hidden;} .product .maidian3 .flex .one:nth-child(1) .img{position: absolute;width: 100%;height: 100%;z-index: 1;} .product .maidian3 .flex .one:nth-child(1) .textBox{position: absolute;top: 9rem;left: 5.7rem;z-index: 22;width: 100%;} .product .maidian3 .flex .one:nth-child(1) .textBox .name{color: #fff;} .product .maidian3 .flex .one:nth-child(1) .textBox .content{color: #fff;} .product .maidian3 .flex .one:nth-child(2){background: linear-gradient(180deg, #00FF9D 0%, #1389F1 100%);} .product .maidian3 .flex .one:nth-child(2) .img{margin: 11.4rem auto 0;width: 30.8rem;} .product .maidian3 .flex .one:nth-child(2) .textBox{position: absolute;top: 35rem;left: 5.7rem;z-index: 22;width: 100%;} .product .maidian3 .flex .one:nth-child(2) .textBox .name{color: #fff;} .product .maidian3 .flex .one:nth-child(2) .textBox .content{color: #fff;} .product .maidian3 .out{width: 124rem;display: flex;justify-content: space-between;margin: -16rem auto 7rem;} .product .maidian3 .out .one{width: 60rem;} .product .maidian3 .out .one .img{width: 100%;height: 57rem;} .product .maidian3 .out .one .text{margin-top: -3rem;padding-left: 8.8rem;} .product .maidian3 .out .one .text .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";} .product .maidian3 .out .one .text .content{font-size: 2.4rem;line-height: 4.2rem;color: #000;margin-top: 2.8rem;} .product .maidian3 .img img{width: 100%;} .product .maidian4{position: relative;} .product .maidian4 .textBox{width: 60rem;left: 91rem;bottom: 18rem;position: absolute;display: flex;flex-direction: column;align-items: flex-start;margin: auto;} .product .maidian4 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .product .maidian4 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 2.8rem;} .product .maidian4 .list{position: absolute;top: 10.8rem;left: 104.8rem;} .product .maidian4 .list .one{font-size: 2.8rem;line-height: 4.2rem;color: #3d3d3d;position: relative;} .product .maidian4 .list .one span{font-family: "avenB";} .product .maidian4 .list .one::before{position: absolute;width: 1.2rem;height: 1.2rem;left: -2.6rem;background: #fff;border-radius: 50%;top: 0;bottom: 0;margin: auto;content: "";} .product .maidian5{position: relative;} .product .maidian5 .textBox{width: 120rem;right: 0;left: 0;top: 6rem;position: absolute;display: flex;flex-direction: column;margin: auto;} .product .maidian5 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";text-align: center;} .product .maidian5 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 1.8rem;text-align: center;} .product .maidian6{position: relative;} .product .maidian6 .textBox{right: 0rem;left: 91rem;top: 10rem;position: absolute;display: flex;flex-direction: column;align-items: flex-start;margin: auto;} .product .maidian6 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .product .maidian6 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 2.8rem;} .product .maidian7{position: relative;} .product .maidian7 .textBox{right: 36rem;left: 36rem;top: 0;bottom: 0;position: absolute;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;margin: auto;} .product .maidian7 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .product .maidian7 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 2.8rem;} .product .maidian8{position: relative;} .product .maidian8 .textBox{right: 0;left: 91rem;top: 0;bottom: 0;position: absolute;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;margin: auto;} .product .maidian8 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .product .maidian8 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 2.8rem;} .product .maidian8 .img img{width: 100%;} .product .maidian9{position: relative;} .product .maidian9 .textBox{right: 36rem;left: 36rem;top: 6rem;bottom: 0;position: absolute;margin: auto;} .product .maidian9 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";text-align: center;} .product .maidian9 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 2.8rem;text-align: center;} .product .maidian10{position: relative;} .product .maidian10 .textBox{right: 36rem;left: 36rem;top: 6rem;bottom: 0;position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: auto;} .product .maidian10 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";text-align: center;} .product .maidian10 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #000;margin-top: 2.8rem;text-align: center;} .product .maidian11{position: relative;} .product .maidian11 .textBox{width: 55rem;left: 36rem;top: 0;bottom: 0;position: absolute;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;} .product .maidian11 .textBox .name{font-size: 4.8rem;line-height: 1.2;color: #3d3d3d;font-family: "avenB";} .product .maidian11 .textBox .content{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;margin-top: 2.8rem;} .product .maidian11 .textBox .btn{padding: 0 2rem;height: 4rem;margin-top: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;font-family: "avenB";} .product .maidian11 .textBox .btn:hover{background: #002F75;} .product .maidian11 .img img{width: 100%;} .product .floor2{padding: 10rem 0 8.4rem;} .product .floor2 .title{width: 120rem;margin: 0 auto;font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .product .floor2 .desc{width: 120rem;margin: 2.8rem auto 0;font-size: 2.4rem;line-height: 1.5;color: #000;} .product .floor2 .img{width: 120rem;margin: 10.4rem auto 0;} .product .floor3{padding: 6rem 0 5rem;} .product .floor3 .title{width: 120rem;margin: 0 auto;font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";text-align: center;} .product .floor3 .desc{width: 120rem;margin: 1.8rem auto 0;font-size: 2.4rem;line-height: 1.5;color: #000;text-align: center;} .product .floor3 .flex{margin: 3rem auto 0;display: flex;justify-content: space-between;width: 120rem;} .product .floor3 .flex .left{width: calc(100% - 48rem);} .product .floor3 .flex .left .img{width: 100%;} .product .floor3 .flex .right{width: 45rem;} .product .floor3 .flex .right .img{width: 45rem;border-radius: 2rem;margin-bottom: 5rem;position: relative;} .product .floor3 .flex .right .img .text{font-size: 2.8rem;line-height: 3.36rem;color: #F6F8FB;font-family: "avenB";text-align: center;left: 0;right: 0;bottom: 3rem;position: absolute;} .product .floor3 .flex .right .list{padding-left: 6rem;} .product .floor3 .flex .right .name{font-size: 3.6rem;line-height: 4.32rem;color: #000;font-family: "avenB";margin-bottom: 2rem;} .product .floor3 .flex .right .one{padding-left: 3rem;position: relative;font-size: 2.8rem;line-height: 4.2rem;color: #000;} .product .floor3 .flex .right .one::before{position: absolute;width: 1.2rem;height: 1.2rem;border-radius: 50%;background: #1398F1;top: 0;left: 0;bottom: 0;margin: auto;content: "";} .product .floor5{padding: 6rem 0 ;} .product .floor5 .title{width: 120rem;margin: 0 auto;font-size: 4.8rem;line-height: 1.2;color: #000;text-align: center;font-family: "avenB";} .product .floor5 .desc{width: 120rem;margin: 1.8rem auto 0;font-size: 2.4rem;line-height: 1.5;color: #000;text-align: center;} .product .floor5 .img{width: 120rem;margin: 4rem auto 0;} /* .product .floor6{padding: 8rem 0 20rem;} */ .product .floor6{padding: 8rem 0;} .product .floor6 .title{width: 120rem;margin: 0 auto;font-size: 4.8rem;line-height: 1.2;color: #000;text-align: center;font-family: "avenB";} .product .floor6 .img{/*width: 121.6rem;*/margin: 10.8rem auto 0;} .product .floor7{padding: 8rem 0 9rem;} .product .floor7 .title{width: 120rem;margin: 0 auto;font-size: 4.8rem;line-height: 1.2;color: #000;text-align: center;font-family: "avenB";} .product .floor7 .swiper{width: 120rem;margin: 6rem auto 0;padding: 0 6.5rem;position: relative;} .product .floor7 .swiper .swiper-slide{width: 52rem;height: 41rem;margin-right: 3rem;} .product .floor7 .swiper .swiper-slide:last-child{margin-right: 0;} .product .floor7 .swiper .one{width: 100%;height: 100%;background: #EAEDF0;border-radius: 2rem;overflow: hidden;display: block;} .product .floor7 .swiper .one .img{width: 100%;height: 33rem;} .product .floor7 .swiper .one .text{height: 8rem;display: flex;align-items: center;justify-content: center;background: #1398F1;} .product .floor7 .swiper .one span{color: #fff;font-size: 1.8rem;position: relative;} .product .floor7 .swiper .one span::after{position: absolute;right: -3.7rem;width: 1.3rem;height: 1.5rem;margin: auto;top: 0;bottom: 0;/*background: url(../img/icon_product_right.png) center center;content: "";*/background-repeat: no-repeat;background-size: 100% 100%;} .product .floor7 .swiper .prev{position: absolute;top: 0;bottom: 0;left: 0;width: 4rem;height: 4rem;margin: auto;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .product .floor7 .swiper .prev:hover{opacity: 1;} /*.product .floor7 .swiper .prev.swiper-button-disabled{cursor: not-allowed;}*/ .product .floor7 .swiper .prev.swiper-button-disabled:hover{opacity: 0.5;} .product .floor7 .swiper .next{position: absolute;top: 0;bottom: 0;right: 0;width: 4rem;height: 4rem;margin: auto;cursor: pointer;opacity: 0.5;transition: all 0.3s;} .product .floor7 .swiper .next:hover{opacity: 1;} /*.product .floor7 .swiper .next.swiper-button-disabled{cursor: not-allowed;}*/ .product .floor7 .swiper .next.swiper-button-disabled:hover{opacity: 0.5;} .product .floor8{padding: 6rem 0 10rem;display: flex;flex-direction: column;align-items: center;} .product .floor8 .title{width: 120rem;margin: 0 auto;font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .product .floor8 .list{margin: 6rem auto 0;display: flex;flex-wrap: wrap;width: 120rem;} .product .floor8 .list .one{width: 29.1rem;height: 22rem;margin-right: 1.2rem;margin-bottom: 1.2rem;background: #EAEDF0;} .product .floor8 .list .one:nth-child(4n){margin-right: 0;} .product .floor8 .btn{padding: 0 2rem;height: 4rem;margin-top: 6.8rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;font-family: "avenB";} .product .floor8 .btn:hover{background: #002F75;} .product .floor9{padding: 4.8rem 0 9.6rem;min-height: 100rem;} .product .floor9 .img{width: 120rem;margin: 0 auto;} .product .floor9 .img img{width: 100%;} .product .floor10{padding: 10rem 0 ;height: 86rem;} .product .floor10 .list{display: flex;flex-wrap: wrap;width: 120rem;margin: 0 auto;} .product .floor10 .list .one{width: 38.4rem;border-radius: 3rem;margin-right: 2.4rem;margin-bottom: 3rem;overflow: hidden;} .product .floor10 .list .one .img{height: 23.6rem;} .product .floor10 .list .one .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;} .product .floor10 .list .one:hover .img img{transform: scale(1.1);} .product .floor10 .list .one .text{height: 7.6rem;display: flex;align-items: center;justify-content: center;background: #1398F1;font-size: 2.4rem;font-family: 'avenB';color: #fff;} .product .floor10 .list .one:nth-child(3n){margin-right: 0;} .product .canshu{padding: 6rem 0 10rem;display: flex;flex-direction: column;align-items: center;} .product .canshu .title{width: 120rem;margin: 0 auto;font-size: 4.8rem;line-height: 1.2;color: #000;font-family: "avenB";} .product .canshu .list{margin: 6rem auto 0;display: flex;flex-wrap: wrap;width: 120rem;} .product .canshu .list .one{width: 29.1rem;height: 22rem;margin-right: 1.2rem;margin-bottom: 1.2rem;background: #EAEDF0;border-radius: 1.6rem;padding: 2rem;} .product .canshu .list .one:nth-child(4n){margin-right: 0;} .product .canshu .list .one .top{display: flex;align-items: center;margin-bottom: 1rem;} .product .canshu .list .one .top .img{width: 4rem;height: 4rem;margin-right: 1rem;} .product .canshu .list .one .top .text{font-size: 2.2rem;color: #000;font-family: "avenB";} .product .canshu .list .one .content{height: 13rem;width: 100%;font-size: 1.6rem;line-height: 1.5;color: #000;} /* .product .canshu .btn{padding: 0 4rem;height: 4rem;margin-top: 6.8rem;border-radius: 4rem;background: #1398F1;font-size: 2.4rem;color: #fff;font-family: "avenB";} */ .product .canshu .btn{padding: 0 2rem;height: 4rem;margin-top: 6.8rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;font-family: "avenB";} .product .canshu .btn:hover{background: #002F75;} .product .canshu .flex{display: flex;align-items: center;justify-content: space-between;width: 120rem;margin: 3rem auto -2.5rem;} .product .canshu .flex .menu{display: flex;border-bottom: 1px solid #000;} .product .canshu .flex .menu .one{color:#9a9a9a; min-width: 16rem;font-size: 2.8rem;line-height: 3.36rem; padding-left: 15px; padding-right: 5px; padding-bottom: 1.5rem;border-bottom: 0.6rem solid transparent;margin-bottom: -0.3rem; transition: all 0.3s;font-family: "avenB";text-align: center;cursor: pointer;} .product .canshu .flex .menu .one:hover{color: #1298F1;} .product .canshu .flex .menu .one.active{color: #1298F1;border-color: #1298F1;} .product .canshu .flex .menu .one:nth-child(n+1){ margin-left:0.1rem; } .product .canshu .flex .right{padding: 0 2rem;height: 4rem;border-radius: 4rem;border: 1px solid #1398F1;font-size: 1.8rem;color: #1398F1;font-family: "avenB";display: flex;align-items: center;justify-content: center;transition: all 0.3s;} .product .canshu .flex .right:hover{background: #1398F1;color: #f6f8f8;} .product .canshu .flex .title{width: 0;text-align: left;flex: 1;} .product .canshu .flex:first-child{margin-bottom: 6rem;} .video .banner{position: relative;} .video .banner .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 6rem;color: #fff;font-family: "avenB";} .video .flex{margin: 8rem auto 0;width: 120rem;border-bottom: 1px solid #000;align-items: center;justify-content: space-between;} .video .flex .menu{display: flex;} .video .flex .menu .one{height: 6rem;padding: 0 2rem;font-size: 2rem;color: #000;font-family: 'avenB';transition: all 0.3s;position: relative;margin-right: 4rem;cursor: pointer;display: flex;align-items: center;} .video .flex .menu .one:hover{color: #1298F1;} .video .flex .menu .one.active{color: #1298F1;} .video .flex .menu .one::after{position: absolute;bottom: -1px;left: 0;right: 0;height: 0.6rem;background: transparent;content: "";} .video .flex .menu .one.active::after{background: #1298F1;} .video .flex .searchBox{width: 20rem;height: 4rem;border-radius: 4rem;border: 1px solid #878787;padding: 0 2rem;display: flex;align-items: center;} .video .flex .searchBox .img{width: 2.2rem;height: 2.2rem;margin-right: 2rem;} .video .flex .searchBox input{width: 0;flex: 1;font-size: 1.8rem;color: #3d3d3d;} .video .list{margin: 6rem auto 0;width: 120rem;display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 6rem;} .video .list .one{width: 57rem;margin-bottom: 5rem;cursor: pointer;} .video .list .one .big{width: 100%;height: 36.6rem;border-radius: 2rem;position: relative;background: #B9B9B9;overflow: hidden;} .video .list .one .big .img{width: 100%;height: 100%;} .video .list .one .big>.img img{width: 100%;height: 100%;object-fit: cover;} .video .list .one .big .icon{width: 8rem;height: 8rem;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;} .video .list .one .text{margin-top: 1.8rem;padding: 0 1.5rem;line-height: 1.5;font-size: 1.8rem;color: #000;transition: all 0.3s;} .video .list .one:hover .text{color: #0066FF;font-family: 'avenB';} .outBox{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 99999;display: none;} .outBox .close{position: absolute;top: 1.8rem;right: 1.8rem;width: 3rem;height: 3rem;cursor: pointer;} .outBox .flex{border-radius: 2rem;overflow: hidden;background: #fff;width: 88rem;} .outBox .flex .right{height: 100%;padding: 4.5rem 8rem 3rem 9rem;flex: 1;width: 0;} .outBox .flex .right .title{font-size: 3.6rem;line-height: 1.5;color: #3D3D3D;font-family: 'avenB';margin-bottom: 0.8rem;} .outBox .flex .right .desc{font-size: 1.4rem;line-height: 1.5;color: #3d3d3d;margin-bottom: 2.6rem;} .outBox .flex .right .line{margin-bottom: 1.7rem;width: 26.6rem;} .outBox .flex .right .line:last-child{margin: 3rem 0 0 ;} .outBox .flex .right .line .name{font-size: 1.8rem;line-height: 1.5;color: #3d3d3d;margin-bottom: 1rem;} .outBox .flex .right .line input{width: 26.6rem;height: 4rem;border-radius: 0.5rem;border: 1px solid #3d3d3d;transition: all 0.3s;padding: 0 1rem;font-size: 1.6rem;color: #333;} .outBox .flex .right .line input:hover,.outBox .flex .right .line input:focus,.outBox .flex .right .line input:active{border: 0.4rem solid #0066FF;} .outBox .flex .right .btn{width: 5.5rem;height: 5.5rem;margin: 0 auto;} .outBox .flex .left{width: 35.5rem;} .outBox .flex .left .img{width: 100%;height: 100%;} .outBox .flex .left .img img{width: 100%;height: 100%;object-fit: cover;} .pageRight{position: fixed;right: 5rem;bottom: 5rem;z-index: 6666;} .pageRight .one{width: 6rem;height: 6rem;margin-top: 2rem;border-radius: 1rem;cursor: pointer;transition: all 0.3s;background: #fff;background: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0px 4px 10px 0px rgba(147, 147, 147, 0.3);} .pageRight .one .img{width: 3rem;height: 3rem;} .inpage.search{padding: 6rem 0 8rem;background: #F6F8FB;} .inpage.search .searchBox{width: 100rem;margin: 0 auto;} .inpage.search .title{padding-left: 3.5rem;font-size: 1.8rem;line-height: 1.5;margin-bottom: 1.2rem;color: #3d3d3d;} .inpage.search .inputBox{width: 100%;height: 6rem;border-radius: 6rem;padding: 0 1rem;display: flex;align-items: center;border: 1px solid #9C9C9C;background: #fff;} .inpage.search .inputBox input{flex: 1;width: 0;font-size: 1.8rem;color: #3d3d3d;padding: 0 2.5rem;height: 100%;} .inpage.search .inputBox .btn{width: 10rem;height: 4rem;border-radius: 4rem;background: #1398F1;color: #fff;font-size: 1.8rem;flex-shrink: 0;font-family: 'avenB';} .inpage.search .inputBox .btn:hover{background: #002F75;} .inpage.search .list{width: 84rem;margin: 4rem auto 8rem;} .inpage.search .list .one{padding: 4rem 5rem;border-bottom: 1px solid #9C9C9C;display: block;} .inpage.search .list .one .class{font-size: 1.4rem;line-height: 1.5;margin-bottom: 0.5rem;color: #3d3d3d;} .inpage.search .list .one .name{font-size: 2.8rem;line-height: 1.5;margin-bottom: 0.5rem;color: #3d3d3d;font-family: 'avenB';} .inpage.search .list .one .content{font-size: 1.6rem;line-height: 1.5;color: #3d3d3d;} .inpage.search .list .one .content span{font-family: 'avenB';} .inpage.search .pageList{display: flex;align-items: center;justify-content: center;} .inpage.search .pageList .prev,.inpage.search .pageList .next,.inpage.search .pageList .one,.inpage.search .pageList .point{font-size: 1.6rem;line-height: 1.5;color: #0066FF;margin: 0 2rem;} .inpage.search .pageList .prev,.inpage.search .pageList .next,.inpage.search .pageList .one{cursor: pointer;} /*.cookies_index.cookies_index_close{transition: scale 2s ease-out;scale: 0;}*/ .cookies_boxs_flex.cookies_boxs_flex_close{transition: .1s ease-out;opacity: 1;transform: scale(0);} .cookies_boxs.cookies_boxs_close{transition: .1s ease-out;opacity: 1;transform: scale(0);} .cookies_boxs_flex{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);z-index: -111;transition: opacity 2s ease-out;} .cookies_boxs {display: flex;justify-content: center;align-items: center;background: #F6F8FB;position: fixed;width: 100%;height: 12rem;bottom: 0;z-index: 99999;opacity: 1;transition: opacity 2s ease-out;} .cookies_boxs .cookies_box {width: 100%;max-width: 120rem;height: 12rem;display: flex;justify-content: space-between;align-items: center;} .cookies_boxs .cookies_box .cookies_box_left{font-family: 思源黑体;font-size: 1.8rem;font-weight: normal;line-height: normal;letter-spacing: 0em;font-feature-settings: "kern" on;color: #000000;display: flex;align-items: flex-end;justify-content: center;} .cookies_boxs .cookies_box .cookies_box_left .cookies_box_left_a{border-bottom: 1px solid #1298F1;margin-left: 1.5rem;} .cookies_boxs .cookies_box .cookies_box_left .cookies_box_left_a a{color: #1298F1;} .cookies_boxs .cookies_box .cookies_box_right{width: 26.7rem;height: 5rem;display: flex;justify-content: space-between;align-items: center;} .cookies_boxs .cookies_box .cookies_box_right .cookies_box_right_button{width: 20.4rem;height: 5rem;border-radius: 6px;background: #1398F1;font-family: Avenir Next World;font-size: 1.8rem;font-weight: bold;line-height: 150%;letter-spacing: 0em;color: #FFFFFF;display: flex;align-items: center;justify-content: center;cursor: pointer;} .cookies_boxs .cookies_box .cookies_box_right .cookies_box_right_button_close{width: 3rem;height: 3rem;border-radius: 50%;background: #EAEDF0;transform: rotate(135deg);color: #525151; display: flex;justify-content: center;align-items: center;font-size: 2.8rem;cursor: pointer;} @media (max-width: 750px) { .cookies_boxs .cookies_box{flex-direction: column;} .cookies_boxs{padding-top: 2rem;padding-bottom: 2rem;} } @media(max-width:750px){ .pc{display: none;} .mb{display: block;} html{font-size: calc(100vw / 75);} body{padding-top: 8rem;} .header{height: 8rem;border-bottom: 1px solid #D8D8D8;position: fixed;top: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: space-between;padding: 0 0 0 2.5rem;z-index: 9999;} .header .menuBtn{width: 4rem;height: 4rem;position: relative;} .header .menuBtn img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 0.3s;} .header .menuBtn .nor{z-index: 111;opacity: 1;} .header .menuBtn .hov{z-index: 11;opacity: 0;} .header .menuBtn.active .nor{z-index: 11;opacity: 0;} .header .menuBtn.active .hov{z-index: 111;opacity: 1;} .header .proBtn_1{height: 100%;position: relative;} .header .proBtn img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 0.3s;} .header .proBtn .nor{z-index: 111;opacity: 1;} .header .proBtn .hov{z-index: 11;opacity: 0;} .header .proBtn.active .nor{z-index: 11;opacity: 0;} .header .proBtn.active .hov{z-index: 111;opacity: 1;} .header .logo{width: auto;height: 8rem;margin: 0;} .headProBox{position: fixed;top: -100%;height: calc(100vh - 8rem);width: 100%;left: 0;background: #fff;z-index: 8888;display: flex;transition: all 0.3s;} .headProBox.active{top: 8rem;} .headProBox .left{width: 24rem;background: #F6F8FB;border-right: 1px solid #D8D8D8;} .headProBox .left .one{width: 100%;height: 8rem;display: flex;align-items: center;justify-content: center;font-size: 2.4rem;color: #3d3d3d;transition: all 0.3s;} .headProBox .left .one.active{background: #1298F1;color: #fff;font-family: 'avenB';} .headProBox .right{flex: 1;width: 0;} .headProBox .right .box{display: none;width: 100%;height: 100%;} .headProBox .right .box:first-child{display: block;} .headProBox .right .list{display: flex;flex-wrap: wrap;padding: 5rem 3.5rem 1rem;overflow: auto;height: auto;} .headProBox .right .list .one{width: 12rem;height: 17rem;margin-right: 4rem;margin-bottom: 5rem;} .headProBox .right .list .one:nth-child(3n){margin-right: 0;} .headProBox .right .list .one .img{width: 12rem;height: 12rem;border-radius: 1rem;background: #EAEDF0;margin-bottom: 1.2rem;} .headProBox .right .list .one .name{font-size: 1.8rem;color: #3d3d3d;font-family: 'avenB';text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .headMenuBox{position: fixed;top: -100%;height: calc(100vh - 8rem);width: 100%;left: 0;background: #fff;z-index: 8889;transition: all 0.3s;} .headMenuBox.active{top: 8rem;} .headMenuBox .one .normal{margin: 0 3.5rem;border-bottom: 1px solid #D8D8D8;display: flex;align-items: center;justify-content: space-between;padding: 0 3rem;height: 8rem;transition: all 0.3s;} .headMenuBox .one .normal .text{font-size: 2.4rem;color: #3d3d3d;transition: all 0.3s;} .headMenuBox .one .normal .img{width: 2rem;height: 1.1rem;position: relative;} .headMenuBox .one .normal .img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 0.3s;} .headMenuBox .one .normal .img .nor{z-index: 111;opacity: 1;} .headMenuBox .one .normal .img .hov{z-index: 11;opacity: 0;} .headMenuBox .one.active .normal .img .nor{z-index: 11;opacity: 0;} .headMenuBox .one.active .normal .img .hov{z-index: 111;opacity: 1;} .headMenuBox .one.active .normal{border-bottom: 0;} .headMenuBox .one.active .normal .text{color: #0066FF;font-family: 'avenB';} .headMenuBox .one .hide{padding: 3rem 8rem;background: #EAEDF0;display: none;} .headMenuBox .one .hide .two{display: block;font-size: 2.4rem;color: #3d3d3d;line-height: 1.5;margin-bottom: 1.6rem;} .headMenuBox .one .hide .two:last-child{margin-bottom: 0;} .footer{background: #3d3d3d;padding: 0;} .footer .top{background: #F6F8FB;padding-top: 3.5rem;} .footer .top .logo{padding: 0 3rem 4rem;display: block;height: auto;} .footer .top .logo .img{width: 14.4rem;height: 4rem;} .footer .footMenuBox .one .normal{border-top: 1px solid #D8D8D8;display: flex;align-items: center;justify-content: space-between;margin: 0 3.5rem;height: 8rem;transition: all 0.3s;} .footer .footMenuBox .one .normal .text{font-size: 2.4rem;color: #3d3d3d;transition: all 0.3s;} .footer .footMenuBox .one .normal .img{width: 2rem;height: 1.1rem;position: relative;transition: all 0.3s;} .footer .footMenuBox .one .normal .img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 0.3s;} .footer .footMenuBox .one.active .normal{border-bottom: 0;border-top: 1px solid #D8D8D8;} .footer .footMenuBox .one.active .normal .text{color: #0066FF;font-family: 'avenB';} .footer .footMenuBox .one.active .normal .img{transform: rotate(180deg);} .footer .footMenuBox .one .hide{padding: 3rem 8rem;background: #EAEDF0;display: none;} .footer .footMenuBox .one .hide .two{display: block;font-size: 2.4rem;color: #3d3d3d;line-height: 1.5;margin-bottom: 1.6rem;} .footer .footMenuBox .one .hide .two:last-child{margin-bottom: 0;} .footer .bot{padding: 6rem 0 4.8rem 5rem;background: url(/img/mb_footer1.png) no-repeat center center;background-size: cover;} .footer .flex{padding: 0;margin: 0;border: 0;flex-direction: column;} .footer .flex .left .one{margin: 0;width: auto;padding-bottom: 1.5rem;border-bottom: 1px solid #d8d8d8;margin-bottom: 1.5rem;} .footer .flex .left .one .name{font-size: 2.4rem;line-height: 1.5;color: #fff;font-family: 'aven';} .footer .flex .left .one .text{font-size: 2.8rem;line-height: 1.5;color: #fff;font-family: 'avenB';} .footer .flex .left .one:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;} .footer .flex .right{flex: 1;margin: 0;align-items: flex-start;justify-content: flex-end;padding-bottom: 40px;} .footer .flex .right .btn{height: 5rem;padding: 0 4rem;border-radius: 5rem;white-space: nowrap;font-size: 2.4rem;} .footer .icp{padding: 0;display: block;} .footer .icp .line{font-size: 2rem;color: #fff;line-height: 1.5;font-family: 'regular';} .footer .icp .line{display: flex;align-items: center;justify-content: start;} .footer .icp .line .text{font-size: 2rem;color: #fff;line-height: 1.5;} .footer .icp .line .img{width: 7.3rem;height: 3.24rem;} .contactUs{padding: 5rem 0 10.5rem;background-color: #fff;} .contactUs .desc{font-size: 2.4rem;line-height: 1.5;margin: 1.8rem auto 0;width: 55rem;} .contactUs .more{margin-top: 3rem;height: 5rem;border-radius: 5rem;padding: 0 4rem;font-size: 2.4rem;} .contactUs .list{margin-top: 0;width: auto;justify-content: center;} .contactUs .list .one{height: auto; width: 100%;flex-direction: column-reverse;margin: 5rem 4.3rem 0 4.3rem;border-radius: 3rem;} .contactUs .list .one .img{width: 100%;height: 31.5rem;} .contactUs .list .one .textBox{padding-left: 2.5rem;flex: 1;padding-top: 3rem;width: 100%;} .contactUs .list .one .name{font-size: 4.8rem;} .contactUs .list .one .content{margin: 0;font-size: 2.4rem;} .contactUsForm{padding: 5rem 0 4.5rem;background-color: #fff;} .contactUsForm .title{font-size: 4.8rem;} .contactUsForm .desc{font-size: 2.4rem;width: 67rem;margin: 1.8rem auto 0;} .contactUsForm .form{width: 60rem;margin-top: 5rem;padding-top: 5rem;border-top: 1px solid #c8c8c8;} .contactUsForm .form>.name{width: 100%;height: 6rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);font-size: 2.4rem;color: #fff;font-family: 'avenB';} .contactUsForm .form .box{margin-top: 4rem;width: 100%;padding: 0 2.5rem;} .contactUsForm .form .box .line{margin-bottom: 3rem;flex-direction: column;} .contactUsForm .form .box .line .tip{font-size: 2.4rem;line-height: 1.5;} .contactUsForm .form .box .line .one{width: 45rem;margin: 0 auto 3rem ;} .contactUsForm .form .box .line .one:last-child{margin-bottom: 0;margin-right: auto;} .contactUsForm .form .box .line .name{font-size: 2.4rem;margin: 0 0 1.5rem;line-height: 1;} .contactUsForm .form .box .line .input input{padding: 0 2.5rem;font-size: 2.4rem;} .contactUsForm .form .box .line .select select{padding: 0 2.5rem;font-size: 2.4rem;} .contactUsForm .form .box .line .all{width: 45rem;margin: 0 auto 3rem ;} .contactUsForm .form .box .line .textarea{border-radius: 1.2rem;} .contactUsForm .form .box .line .textarea textarea{font-size: 2.4rem;} .contactUsForm .form .check{width: 45rem;margin-top: 0;font-size: 2.4rem;line-height: 1;} .contactUsForm .form .btn{margin-top: 4rem;height: 5rem;border-radius: 5rem;padding: 0 4rem;font-size: 2.4rem;} .events{background: #fff;padding: 0;} .events .banner .img{height: 20rem;} .events .banner .img img{height: 20rem;object-fit: cover;} .events .list{width: 100%;margin: 3rem 0 8rem;padding: 0 3.5rem;} .events .list .box .time{padding-bottom: 1.5rem;margin-bottom: 3.5rem;} .events .list .box .one{width: 65rem;flex-direction: column;margin-bottom: 7rem;} .events .list .box .one .img{width: 100%;height: auto;} .events .list .box .one .textBox{width: 100%;padding-top: 3rem;padding-left: 4rem;background: none;} .events .list .box .one .textBox .content{font-size: 2.4rem;margin-top: 0.8rem;} .news{padding: 4rem 0 6rem;background: #fff;} .news .titleBox{width: 100%;padding-left: 5rem;margin-bottom: 1.8rem;} .news .titleBox .title{font-size: 4.8rem;} .news .first{width: 70rem;height: auto;flex-direction: column-reverse;padding: 2rem 2rem 4rem;border-radius: 2.2rem;} .news .first .img{width: 100%;height: auto;} .news .first .textBox{padding-top: 3.5rem;padding-left: 4.5rem;} .news .first .content{margin: 0 0 1.2rem;font-size: 2.4rem;line-height: 1.5;} .news .first .name{font-size: 3.6rem;line-height: 4.32rem;margin-bottom: 2.56rem;} .news .first .btn{padding: 0 4rem;height: 5rem;font-size: 2.4rem;border-radius: 5rem;} .news .latest{width: 100%;margin: 5rem 0 2rem;padding: 0 2.5rem;display: flex;align-items: center;justify-content: space-between;} .news .latest .text{font-size: 4.8rem;line-height: 1.5;color: #3d3d3d;font-family: 'avenB';} .news .latest .more{font-size: 2.4rem;line-height: 1.5;color: #0066FF;} .news .list{width: 100%;padding: 0 2.5rem;margin-bottom: 2rem;justify-content: space-between;} .news .list .one{width: 32.5rem;margin-right: 0;margin-bottom: 6rem;} .news .list .one .img{width: 100%;height: 22rem;} .news .list .one .textBox{height: auto;padding: 3rem 1rem 0;width: 100%;} .news .list .one .textBox .time{font-size: 2.4rem;} .news .list .one .textBox .time span{margin-left: 0.5rem;} .news .list .one:hover .box{margin: 0;} .news .list .one:hover .img{height: 22rem;border-radius: 2.2rem;} .news .list .one .textBox .name{font-family: 'avenB';} .news .pageList .prev{width: 12rem;height: 6rem;margin: 0 1.2rem;border-radius: 6rem;border: 1px solid #1298F1;} .news .pageList .prev img{height: 3.6rem;} .news .pageList .one{width: 6rem;height: 6rem;display: flex;align-items: center;justify-content: center;font-size: 2.4rem;border: 1px solid #1298F1;border-radius: 50%;color: #1298F1;line-height: 1;margin: 0 1.2rem;transition: all 0.3s;font-family: 'avenB';} .news .pageList .next{width: 12rem;height: 6rem;margin: 0 1.2rem;border-radius: 6rem;border: 1px solid #1298F1;font-size: 2.4rem;color: #1298F1;line-height: 1;margin: 0 1.2rem;display: flex;align-items: center;justify-content: center;transition: all 0.3s;font-family: 'avenB';} .news .pageList .one.active,.news .pageList .one:hover{background: #1298F1;color: #fff;} .news .pageList .next:hover{background: #1298F1;color: #fff;} .newsDetail{padding: 11rem 0 10rem;background: #fff;} .newsDetail .back{top: 2.5rem;left: 5rem;font-size: 2.4rem;color: #0066FF;font-family: 'avenB';} .newsDetail .other{display: none;} .newsDetail .contentBox{width: 70rem;} .newsDetail .contentBox .title{width: 100%;text-align: center;} .newsDetail .contentBox .content{margin-top: 4rem;width: 100%;padding: 0rem;} .newsDetail .contentBox .content img{max-width: 100% !important;margin-bottom: 4rem;} .newsDetail .contentBox .content{font-size: 2.4rem;} .video{background: #fff;padding-bottom: 6rem;} .video .banner .img{height: 20rem;} .video .banner .img img{height: 20rem;object-fit: cover;} .video .flex{width: 57rem;margin-top: 4rem;} .video .flex .searchBox{display: none;} .video .flex .menu{width: 100%;} .video .flex .menu .one{flex: 1;margin: 0;padding: 0;justify-content: center;} .video .list{width: 57rem;flex-direction: column;padding: 0;} .video .list .one .text{font-size: 2.4rem;} .video .pageList{display: flex;align-items: center;justify-content: center;} .video .pageList .prev{width: 12rem;height: 6rem;margin: 0 1.2rem;border-radius: 6rem;border: 1px solid #0066FF;} .video .pageList .prev img{height: 3.6rem;} .video .pageList .one{width: 6rem;height: 6rem;display: flex;align-items: center;justify-content: center;font-size: 2.4rem;border: 1px solid #0066ff;border-radius: 50%;color: #0066FF;line-height: 1;margin: 0 1.2rem;transition: all 0.3s;font-family: 'avenB';} .video .pageList .next{width: 12rem;height: 6rem;margin: 0 1.2rem;border-radius: 6rem;border: 1px solid #0066FF;font-size: 2.4rem;color: #0066FF;line-height: 1;margin: 0 1.2rem;display: flex;align-items: center;justify-content: center;transition: all 0.3s;font-family: 'avenB';} .video .pageList .one.active,.video .pageList .one:hover{background: #0066FF;color: #fff;} .video .pageList .next:hover{background: #0066FF;color: #fff;} .company{background: #fff;} .company .banner .img{height: 20rem;} .company .banner .img img{height: 20rem;object-fit: cover;} .company .floor1{width: 100%;padding: 7rem 5.5rem 0;} .company .floor1 .title{font-size: 3.6rem;line-height: 4.32rem;} .company .floor1 .desc{margin-top: 4rem;font-size: 2.4rem;} .company .floor1 .flex .one{width: 50%;margin-top: 4rem;margin-bottom: 0;} .company .floor1 .flex .one .num span{font-size: 6rem;} .company .floor1 .flex .one .text{font-size: 2.4rem;} .partner .partners-btn{ font-size: 3rem; } .partner-content{ padding: 0rem !important;} .partner{ display: grid; width: 100%;} .partner .leftbox{ width: 100%; padding-bottom: 8rem; } .partner .rightbox{ width: 100%;} .partner .flex{ margin: 0px 2rem; margin-right: 0rem;} .partner .flex .one{ width: calc((100% - 4rem) / 2 ); margin-left: 2rem; margin-top: 2rem; margin-bottom: 0; height: 20rem; } .partner .flex .one:nth-child(2n + 1){ margin-left: 0px !important; } .partner .leftbox .left-content { width: auto; margin: 0px 2rem; float: none; padding-bottom: 0rem;} .partner .inputbox{ width: 100%; height: 7rem; border-radius: 7rem; } .partner .inputbox select { width: 53rem; } .partner .inputbox .img{margin-left:2rem; margin-right: 1rem; width:3rem; height:3rem;} .partner .left-title,.partner .right-title{ text-align: center; margin-left: 0rem;} .company .floor2{width: 65rem;padding: 10rem 0 12.5rem;} .company .floor2 .title{font-size: 3.6rem;} .company .floor2 .title::after{right: 0;} .company .floor2 .flex{margin-top: 4rem;flex-direction: column;} .company .floor2 .flex .one{width: 100%;height: auto;margin-bottom: 3.5rem;display: flex;align-items: center;padding: 3rem 0 3rem 4rem ;} .company .floor2 .flex .one:last-child{margin-bottom: 0;} .company .floor2 .flex .one .img{flex-shrink: 0;margin-right: 8rem;margin-bottom: 0;} .company .floor2 .flex .one .name span{font-size: 2.8rem;} .company .floor2 .flex .one .name::after{left: -1.2rem;right: 0.4rem;} .company .floor2 .flex .one .content{font-size: 2.4rem;} .company .floor3{flex-direction: column;} .company .floor3 .left{width: 100%;padding-right: 3rem;margin: 0;} .company .floor3 .left .text{left: 12rem;right: 12rem;bottom: 6rem;font-size: 2.8rem;justify-content: flex-end;line-height: 3.36rem;} .company .floor3 .right{width: 100%;flex-direction: row;flex-wrap: wrap;padding: 3rem 5rem;} .company .floor3 .right .one{width: calc(100% / 3);} .company .floor3 .right .one .text{font-size: 2.4rem;} .company .floor4{width: 100%;height: auto;} .company .floor4 .bg{display: none;} .company .floor4 .title{width: 100%;text-align: center;} .company .floor4 .title .img{left: 0;right: 0;margin: auto;} .company .floor4 .title::before{left: 4rem;} .company .floor4 .swiper{width: 100%;height: auto;} .company .floor4 .swiper .swiper-container{padding: 1.3rem 0 14rem;} .company .floor4 .swiper .swiper-wrapper{flex-direction: column;} .company .floor4 .swiper::after{width: 2.4rem;height: 100%;left: 0;right: 0;top: 0;margin: auto;background: linear-gradient(270deg, #F6F8FB 0%, rgba(246, 248, 251, 0) 21%, rgba(246, 248, 251, 0) 81%), linear-gradient(90deg, #1398F1 0%, #0066FF 96%);border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .company .floor4 .swiper .swiper-slide:nth-child(2n+1){padding: 0;width: 100%;height: auto;} .company .floor4 .swiper .swiper-slide .one{width: 50%;padding-left: 0;height: auto;} .company .floor4 .swiper .swiper-slide:nth-child(2n){padding: 0;width: 100%;height: auto;} .company .floor4 .swiper .swiper-slide:nth-child(4n+3) .one{padding: 0;height: auto;} .company .floor4 .swiper .swiper-slide:nth-child(4n) .one{padding: 0;height: auto;} .company .floor4 .swiper .swiper-slide .one .text{font-size: 2.4rem;padding: 0;} .company .floor4 .swiper .swiper-slide:nth-child(2n+1){padding-left: 50%;} .company .floor4 .swiper .swiper-slide:nth-child(2n+1) .one{width: 100%;padding-left: 10rem;padding-top: 2rem;} .company .floor4 .swiper .swiper-slide .one::before{width: 13rem;height: 1px;left: 2rem;top: 0;background: linear-gradient(180deg, #3862F7 34%, rgba(56, 98, 247, 0.2) 100%) ;} .company .floor4 .swiper .swiper-slide::after{bottom: auto;left: 50%;transform: translateX(-50%);top: -0.5rem;} .company .floor4 .swiper .swiper-slide .one::after{bottom: auto;left: 1.8rem;top: -0.4rem;width: 1rem;height: 1rem;} .company .floor4 .swiper .swiper-slide:nth-child(2n) .one::before{right: 1.8rem;left: auto;background: linear-gradient(180deg, #3862F7 34%, rgba(56, 98, 247, 0.2) 100%) ;width: 13rem;height: 1px;} .company .floor4 .swiper .swiper-slide:nth-child(2n) .one::after{bottom: auto;right: 1.8rem;top: -0.4rem;width: 1rem;height: 1rem;left: auto;} .company .floor4 .swiper .swiper-slide:nth-child(2n) .one .year{text-align: right;padding-right: 10rem;} .company .floor4 .swiper .swiper-slide:nth-child(2n) .one .text{text-align: right;padding-right: 10rem;} .service .banner{height: 15rem;font-size: 4.8rem;} .service .floor1{width: 100%;padding: 5rem 6rem 9rem;flex-direction: column;} .service .floor1 .box{background: #F6F8FB;border-radius: 1.6rem 1.6rem 3.6rem 3.6rem;overflow: hidden;} .service .floor1 .img{width: 100%;height: auto;box-shadow: 0px 7px 23px 0px rgba(0, 0, 0, 0.3);border-radius: 1.6rem;} .service .floor1 .textBox{width: 100%;padding: 5rem 3rem 4rem;align-items: center;} .service .floor1 .textBox .name{text-align: center;margin-bottom: 3rem;} .service .floor1 .textBox .text{font-size: 2.4rem;padding-left: 4rem;line-height: 1.5;} .service .floor1 .textBox .text::before{left: 0;width: 2.4rem;height: 2.4rem;top: 0.6rem;border: 0.7rem solid #1298F1;} .service .floor1 .textBox .btn{margin-top: 4rem;padding: 0 4rem;height: 5rem;border-radius: 5rem;font-size: 2.4rem;} .service .floor2{width: 100%;padding: 0rem 6rem 9rem;flex-direction: column;background: none;} .service .floor2 .box{background: #F6F8FB;border-radius: 1.6rem 1.6rem 3.6rem 3.6rem;overflow: hidden;} .service .floor2 .img{width: 100%;height: auto;box-shadow: 0px 7px 23px 0px rgba(0, 0, 0, 0.3);border-radius: 1.6rem;} .service .floor2 .textBox{width: 100%;padding: 5rem 3rem 4rem;align-items: center;} .service .floor2 .textBox .name{text-align: center;margin-bottom: 3rem;} .service .floor2 .textBox .text{font-size: 2.4rem;padding-left: 4rem;line-height: 1.5;} .service .floor2 .textBox .text::before{left: 0;width: 2.4rem;height: 2.4rem;top: 0.6rem;border: 0.7rem solid #1298F1;} .service .floor2 .textBox .btn{margin-top: 4rem;padding: 0 4rem;height: 5rem;border-radius: 5rem;font-size: 2.4rem;} .service .floor3 .img{height: 50rem;} .service .floor3 .img img{height: 100%;object-fit: cover;} .service .floor3 .textBox{width: 100%;padding: 0 9rem;} .service .floor3 .textBox .text::before{width: 2.4rem;height: 2.4rem;top: 0.6rem;border: 0.7rem solid #1298F1;left: -4rem;} .service .floor3 .textBox .name{text-align: center;margin-bottom: 3rem;} .service .floor3 .textBox .btn{margin-top: 4rem;padding: 0 4rem;height: 5rem;border-radius: 5rem;font-size: 2.4rem;} /* .shadow{display: block;} */ /* .outBox{display: block;} */ .outBox .close{display: none;} .outBox .flex{flex-direction: column;width: 67rem;} .outBox .flex .left{width: 100%;height: 29rem;display: flex;flex-direction: column;justify-content: center;font-size: 6.4rem;background: #1398F1;line-height: 1.5;color: #fff;font-family: 'avenB';padding-left: 19rem;} .outBox .flex .left span{font-size: 4.8rem;font-family: 'avenB';} .outBox .flex .right{width: 100%;height: auto;padding: 2.4rem 9rem 4rem;} .outBox .flex .right .title{text-align: center;} .outBox .flex .right .desc{font-size: 2.4rem;text-align: center;} .outBox .flex .right .line{width: 35.5rem;margin: 0 auto 4rem;} .outBox .flex .right .line .name{font-size: 2.4rem;} .outBox .flex .right .line input{width: 35.5rem;height: 5rem;font-size: 2.4rem;} .outBox .flex .right .line:last-child{margin: 0 auto;} .outBox .flex .right .btn{width: 11rem;height: 11rem;} .care .desc{width: 100%;margin: 6.5rem auto 6rem;padding: 0 9rem;font-size: 2.4rem;} .care .list{padding: 0 12rem;} .care .list .one{width: 100%;height: auto;padding: 7rem 4rem 4rem;flex-direction: column-reverse;} .care .list .one .textBox{width: 100%;padding: 0;margin: 6rem 0 0;position: relative;align-items: center;} .care .list .one .textBox::before{position: absolute;width: 28rem;height: 1px;background: #d8d8d8;top: -3rem;left: 0;right: 0;margin: auto;content: "";} .care .list .one .content{font-size: 2.4rem;text-align: center;} .care .list .one .btn{padding: 0 4rem;height: 5rem;border-radius: 5rem;font-size: 2.4rem;margin-top: 4rem;} .careForm{background: #f6f8f8;padding: 0 0 8rem;} .careForm .textBox{width: 100%;padding: 7rem 0 0 8rem;justify-content: flex-start;} .careForm .textBox .content{font-size: 2.4rem;width: 57.5rem;} .careForm .form{width: 64rem;margin: 4.5rem auto 0;} .careForm .form>.name{width: 100%;height: 5rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);font-size: 2.4rem;font-family: 'avenB';} .careForm .form .box{width: 100%;} .careForm .form .box .line{margin-bottom: 5rem;flex-direction: column;} .careForm .form .box .line .one{width: 100%;margin: 0 0 5rem;} .careForm .form .box .line .one:last-child{margin-bottom: 0;} .careForm .form .box .line .name{font-size: 2.4rem;} .careForm .form .box .line .input{height: 4rem;} .careForm .form .box .line .input input{height: 4rem;font-size: 2.4rem;} .careForm .form .box .line .input .img{height: 3.6rem;width: 3.6rem;} .careForm .form .box .line .select{height: 4rem;} .careForm .form .box .line .select select{height: 4rem;font-size: 2.4rem;} .careForm .form .box .line .textarea textarea{background: none;font-size: 2.4rem;} .careForm .form .check{width: 64rem;font-size: 2.4rem;margin-top: 3rem;padding: 0;} .careForm .form .check .block{width: 2.4rem;height: 2.4rem;} .careForm .form .btn{padding: 0 4rem;height: 5rem;border-radius: 5rem;font-size: 2.4rem;} .tipBox{width: 70rem;height: 40rem;} .teamhub .floor1{padding: 10rem 6rem 6.4rem;} .teamhub .floor1 .desc{margin-top: 2.8rem;font-size: 2.4rem;} .teamhub .floor1 .flex{height: auto;margin: 7rem 0 0;justify-content: space-between;flex-direction: column;} .teamhub .floor1 .flex .left{width: auto;height: auto;flex-direction: row-reverse;background: none;position: relative;padding: 0;align-items: stretch;display: flex;justify-content: space-between;padding-bottom: 6rem;border-bottom: 1px solid #D8D8D8;} .teamhub .floor1 .flex .left .textBox{padding: 0;display: flex;height: auto;} .teamhub .floor1 .flex .left .textBox .one .num span{font-size: 2.4rem;} .teamhub .floor1 .flex .left .textBox .one .text{font-size: 2.1rem;} .teamhub .floor1 .flex .left .point{margin: 3rem 0 0;flex-shrink: 0;} .teamhub .floor1 .flex .left .point .text{font-size: 2.4rem;} .teamhub .floor1 .flex .right{width: auto;height: auto;flex-direction: row;background: none;position: relative;padding: 0;align-items: stretch;display: flex;justify-content: space-between;padding-top: 6rem;} .teamhub .floor1 .flex .right .textBox{padding: 0;display: flex;height: auto;} .teamhub .floor1 .flex .right .textBox .one .num span{font-size: 2.4rem;} .teamhub .floor1 .flex .right .textBox .one .text{font-size: 2.1rem;} .teamhub .floor1 .flex .right .point{margin: 3rem 0 0;flex-shrink: 0;} .teamhub .floor1 .flex .right .point .text{font-size: 2.4rem;text-align: center;} .teamhub .floor2{padding: 0;} .teamhub .floor2 .title{display: none;} .teamhub .floor2 .first{padding: 0;display: flex;flex-direction: column;} .teamhub .floor2 .first .textBox{width: 100%;padding: 7rem 7rem 0;} .teamhub .floor2 .first .name{font-size: 4.8rem;} .teamhub .floor2 .first .content{font-size: 2.4rem;margin-top: 3rem;} .teamhub .floor2 .first .img{width: 100%;margin: 0;} .teamhub .floor2 .list{padding: 0;background: #f6f8f8;} .teamhub .floor2 .list .one{width: 100%;margin: 0;background: none;height: auto;} .teamhub .floor2 .list .one .img{width: 100%;height: auto;} .teamhub .floor2 .list .one .textBox{height: auto;padding: 2rem 7rem 10rem;} .teamhub .floor2 .list .one .name{font-size: 4.8rem;} .teamhub .floor2 .list .one .content{font-size: 2.4rem;} .teamhub .floor2 .list .big .block{display: block;} .teamhub .floor2 .list .big .block .flex{height: auto;flex-direction: column;background: none;border-radius: 0;} .teamhub .floor2 .list .big .block .img{width: 100%;height: auto;} .teamhub .floor2 .list .big .block .textBox{height: auto;padding: 7rem 7rem 10rem;width: 100%;} .teamhub .floor2 .list .big .block .name{font-size: 4.8rem;} .teamhub .floor2 .list .big .block .content{font-size: 2.4rem;} .teamhub .floor2 .list .big .block .btn{display: none;} .teamhub .floor3{padding: 2rem 7rem 3rem;background: #f6f8f8;} .teamhub .floor3 .title{text-align: left;margin-bottom: 2.34rem;} .teamhub .floor3 .type{display: flex;justify-content: start;margin-bottom: 5.5rem;} .teamhub .floor3 .type .one{font-size: 2.4rem;color: #3d3d3d;transition: all 0.3s;position: relative;margin-right: 6rem;} .teamhub .floor3 .type .one::after{position: absolute;bottom: -1.7rem;left: 0;right: 0;height: 0.5rem;background: none;content: "";border-radius: 0.5rem;} .teamhub .floor3 .type .one.active{color: #0066FF;font-family: 'avenB';} .teamhub .floor3 .type .one.active::after{background: #0066ff;} .teamhub .floor3 .list{display: flex;flex-wrap: wrap;justify-content: space-between;} .teamhub .floor3 .list .one{width: 28rem;height: 30rem;border-radius: 1.6rem;background: #EAEDF0;margin-bottom: 3rem;padding-top: 3rem;} .teamhub .floor3 .list .one .img{width: 100%;height: 20rem;} .teamhub .floor3 .list .one .name{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;text-align: center;margin-top: 2rem;} .teamhub .floor3 .list .one .name span{display: none;} .shop {background: #f6f8f8;} .shop .floor1{padding: 10rem 6rem 3rem;} .shop .floor1 .desc{margin-top: 2.8rem;} .shop .floor1 .list{flex-wrap: wrap;} .shop .floor1 .list .one{width: calc(100% / 3);margin: 0 0 6rem;} .shop .floor1 .list .one .img{height: 8rem;} .shop .floor1 .list .one .text{font-size: 2.4rem;} .shop .floor2 .list .one{width: 100%;padding: 0;flex-direction: column;padding: 6.5rem 6rem 10rem;} .shop .floor2 .list .one:nth-child(2n){flex-direction: column;} .shop .floor2 .list .one .img{width: 100%;height: auto;} .shop .floor2 .list .one .textBox{width: 100%;padding: 4rem 0 0;} .shop .floor2 .list .one .content{margin-top: 2.8rem;} .shop .floor2 .list .one:nth-child(2n) .textBox{padding-right: 0;} .shop .floor3{display: none;} .shop .floor3 .titleBox{width: 100%;} .shop .floor33{padding: 2rem 7rem 3rem;background: #f6f8f8;} .shop .floor33 .title{text-align: left;margin-bottom: 2.34rem;font-size: 4.8rem;line-height: 5.76rem;font-family: 'avenB';color: #3d3d3d;} .shop .floor33 .type{display: flex;justify-content: start;margin-bottom: 5.5rem;} .shop .floor33 .type .one{font-size: 2.4rem;color: #3d3d3d;transition: all 0.3s;position: relative;margin-right: 6rem;} .shop .floor33 .type .one::after{position: absolute;bottom: -1.7rem;left: 0;right: 0;height: 0.5rem;background: none;content: "";border-radius: 0.5rem;} .shop .floor33 .type .one.active{color: #0066FF;font-family: 'avenB';} .shop .floor33 .type .one.active::after{background: #0066ff;} .shop .floor33 .list{display: flex;flex-wrap: wrap;justify-content: space-between;} .shop .floor33 .list .one{width: 28rem;height: 30rem;border-radius: 1.6rem;background: #EAEDF0;margin-bottom: 3rem;padding-top: 3rem;} .shop .floor33 .list .one .img{width: 100%;height: 20rem;} .shop .floor33 .list .one .name{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;text-align: center;margin-top: 2rem;} .shop .floor33 .list .one .name span{display: none;} .shop .floor4{padding: 10rem 0 6rem;} .shop .floor4 .desc{width: 57rem;margin-left: auto;margin-right: auto;} .shop .floor4 .form{margin-top: 3rem;width: 64rem;} .shop .floor4 .form>.name{width: 100%;height: 5rem;background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%);font-size: 2.4rem;font-family: 'avenB';} .shop .floor4 .form .box{width: 100%;} .shop .floor4 .form .box .line{margin-bottom: 5rem;flex-direction: column;} .shop .floor4 .form .box .line .one{width: 100%;margin: 0 0 5rem;} .shop .floor4 .form .box .line .one:last-child{margin-bottom: 0;} .shop .floor4 .form .box .line .name{font-size: 2.4rem;} .shop .floor4 .form .box .line .input{height: 4rem;} .shop .floor4 .form .box .line .input input{height: 4rem;font-size: 2.4rem;} .shop .floor4 .form .box .line .input .img{height: 3.6rem;width: 3.6rem;display: none;} .shop .floor4 .form .box .line .select{height: 4rem;} .shop .floor4 .form .box .line .select select{height: 4rem;font-size: 2.4rem;} .shop .floor4 .form .box .line .textarea textarea{background: none;font-size: 2.4rem;} .shop .floor4 .form .check{width: 64rem;font-size: 2.4rem;margin-top: 3rem;padding: 0;} .shop .floor4 .form .check .block{width: 2.4rem;height: 2.4rem;} .shop .floor4 .form .btn{padding: 0 4rem;height: 5rem;border-radius: 5rem;font-size: 2.4rem;} .product .banner{position: relative;} .product .banner .textBox{width: 63em;right: 0;left: 0;bottom: 10rem;position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;top: auto;margin: auto;} .product .banner .textBox .name{font-size: 6rem;line-height: 1.2;color: #3d3d3d;font-family: "avenB";} .product .banner .textBox .desc{font-size: 4.8rem;line-height: 5.76rem;color: #3d3d3d;margin-top: 1.8rem;font-family: "avenB";} .product .banner .textBox .content{font-size: 2.8rem;line-height: 4.2rem;color: #3d3d3d;margin-top: 2.8rem;text-align: center;} .product .banner .textBox .btn{padding: 0 4rem;height: 5rem;margin-top: 5rem;border-radius: 5rem;background: #1398F1;font-size: 2.4rem;color: #f6f8f8;font-family: "avenB";} .product .banner .textBox .btn:hover{background: #002F75;} .product .banner1{position: relative;} .product .banner1 .textBox{width: 60rem;left: 0;right: 0rem;top: 0;bottom: 0;position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: auto;} .product .banner1 .textBox .name{font-size: 6rem;line-height: 1.2;color: #3d3d3d;font-family: "avenB";} .product .banner1 .textBox .desc{font-size: 4.8rem;line-height: 5.76rem;color: #3d3d3d;margin-top: 1.8rem;font-family: "avenB";} .product .banner1 .textBox .content{font-size: 2.8rem;line-height: 4.2rem;color: #3d3d3d;margin-top: 2.8rem;text-align: center;} .product .banner1 .textBox .btn{padding: 0 2rem;height: 4rem;margin-top: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;font-family: "avenB";} .product .banner1 .textBox .btn:hover{background: #002F75;} .product .maidian3{position: relative;} .product .maidian3 .textBox{width: 63rem;right: 0;left: 0;top: 10rem;position: absolute;display: flex;flex-direction: column;align-items: center;margin: auto;transition: all 0.3;} .product .maidian3 .textBox .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";text-align: center;} .product .maidian3 .textBox .content{font-size: 2.4rem;line-height: 4.2rem;color: #000;margin-top: 2.8rem;text-align: center;} .product .maidian3.pt .textBox{top: 20rem;} .product .maidian3 .list{display: flex;flex-wrap: wrap;align-items: center;} .product .maidian3 .list .one{margin-right: 10rem;margin-top: 10rem;min-width: 16.3rem;} .product .maidian3 .list .one:nth-child(4n){margin-right: 0;} .product .maidian3 .flex{display: flex;justify-content: space-between;margin-top: 5rem;width: 100%;} .product .maidian3 .flex .one{width: 58.5rem;height: 60rem;border-radius: 3rem;position: relative;overflow: hidden;} .product .maidian3 .flex .one:nth-child(1) .img{position: absolute;width: 100%;height: 100%;z-index: 1;} .product .maidian3 .flex .one:nth-child(1) .textBox{position: absolute;top: 9rem;left: 5.7rem;z-index: 22;width: 100%;} .product .maidian3 .flex .one:nth-child(1) .textBox .name{color: #fff;} .product .maidian3 .flex .one:nth-child(1) .textBox .content{color: #fff;} .product .maidian3 .flex .one:nth-child(2){background: linear-gradient(180deg, #00FF9D 0%, #1389F1 100%);} .product .maidian3 .flex .one:nth-child(2) .img{margin: 11.4rem auto 0;width: 30.8rem;} .product .maidian3 .flex .one:nth-child(2) .textBox{position: absolute;top: 35rem;left: 5.7rem;z-index: 22;width: 100%;} .product .maidian3 .flex .one:nth-child(2) .textBox .name{color: #fff;} .product .maidian3 .flex .one:nth-child(2) .textBox .content{color: #fff;} .product .maidian3 .out{width: 124rem;display: flex;justify-content: space-between;margin: -16rem auto 7rem;} .product .maidian3 .out .one{width: 60rem;} .product .maidian3 .out .one .img{width: 100%;height: 57rem;} .product .maidian3 .out .one .text{margin-top: -3rem;padding-left: 8.8rem;} .product .maidian3 .out .one .text .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";} .product .maidian3 .out .one .text .content{font-size: 2.4rem;line-height: 4.2rem;color: #000;margin-top: 2.8rem;} .product .maidian4{position: relative;} .product .maidian4 .textBox{width: 63rem;left: 0;top: 10rem;bottom:auto;right:0;position: absolute;display: flex;flex-direction: column;align-items: flex-start;margin: auto;} .product .maidian4 .textBox .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";} .product .maidian4 .textBox .content{font-size: 2.8rem;line-height: 4.2rem;color: #000;margin-top: 2.8rem;} .product .maidian4 .list{position: absolute;top: 10.8rem;left: 104.8rem;} .product .maidian4 .list .one{font-size: 2.8rem;line-height: 4.2rem;color: #3d3d3d;position: relative;} .product .maidian4 .list .one span{font-family: "avenB";} .product .maidian4 .list .one::before{position: absolute;width: 1.2rem;height: 1.2rem;left: -2.6rem;background: #fff;border-radius: 50%;top: 0;bottom: 0;margin: auto;content: "";} .product .maidian5{position: relative;} .product .maidian5 .textBox{width: 63rem;right: 0;left: 0;top: auto;bottom: 10rem;position: absolute;display: flex;flex-direction: column;margin: auto;} .product .maidian5 .textBox .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";text-align: center;} .product .maidian5 .textBox .content{font-size: 2.8rem;line-height: 4.2rem;color: #000;margin-top: 1.8rem;text-align: center;} .product .maidian6{position: relative;} .product .maidian6 .textBox{right: 0rem;left: 0;top: auto;bottom: 10rem;position: absolute;display: flex;flex-direction: column;align-items: flex-start;margin: auto;width: 63rem;} .product .maidian6 .textBox .name{font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";} .product .maidian6 .textBox .content{font-size: 2.4rem;line-height: 4.2rem;color: #000;margin-top: 2.8rem;} .product .maidian{position: relative;} .product .maidian .textBox{width: 50rem;right: 0;top: auto;bottom: 10rem;left: 0;position: absolute;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: auto;} .product .maidian .textBox .name{font-size: 4.8rem;line-height: 5.76rem;color: #3d3d3d;font-family: "avenB";width: 100%;} .product .maidian .textBox .content{font-size: 2.4rem;line-height: 5.6rem;color: #3d3d3d;margin-top: 2.8rem;} .product .maidian .textBox .content>p{line-height: 130%;} .product .maidian .textBox .btn,.btn.newbtn{padding: 0 4rem;height: 5rem;margin-top: 5rem;border-radius: 5rem;background: #1398F1;font-size: 2.4rem;color: #f6f8f8;font-family: "avenB";} .product .maidian .textBox .btn:hover,.btn.newbtn:hover{background: #002F75;} .li-new-btn-box{ text-align: center; } .li-new-btn{ padding: 0 4rem; height: 5rem; line-height: 5rem; margin-top: 5rem; border-radius: 5rem; background: #1398F1; font-size: 2.4rem; color: #f6f8f8; font-family: "avenB"; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; cursor: pointer; } .product .maidian11{position: relative;} .product .maidian11 .textBox{width: 55rem;left: 36rem;top: 0;bottom: 0;position: absolute;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;} .product .maidian11 .textBox .name{font-size: 4.8rem;line-height: 5.76rem;color: #3d3d3d;font-family: "avenB";} .product .maidian11 .textBox .content{font-size: 2.4rem;line-height: 5.6rem;color: #3d3d3d;margin-top: 2.8rem;} .product .maidian11 .textBox .btn{padding: 0 2rem;height: 4rem;margin-top: 4rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;font-family: "avenB";} .product .maidian11 .textBox .btn:hover{background: #002F75;} .product .floor7{padding: 8rem 0 6rem;} .product .floor7 .title{width: 63rem;margin: 0 auto;font-size: 4.8rem;line-height: 5.76rem;color: #000;text-align: center;font-family: "avenB";} .product .floor7 .flex{display: flex;justify-content: space-between;width: 62rem;margin: 0rem auto 0;flex-wrap: wrap;} .product .floor7 .flex .one{width: 30rem;height: 41rem;background: #EAEDF0;border-radius: 2rem;margin-top: 3rem;overflow: hidden;} .product .floor7 .flex .one .img{width: 30rem;height: 33rem;} .product .floor7 .flex .one .text{height: 8rem;background: #1398F1;display: flex;align-items: center;justify-content: center;} .product .floor7 .flex .one span{color: #fff;font-size: 2.4rem;position: relative;font-family: 'avenB';} /* .product .floor7 .flex .one span::after{position: absolute;right: -3.7rem;width: 1.3rem;height: 1.5rem;margin: auto;top: 0;bottom: 0;background: url(../img/icon_product_right.png) center center;content: "";background-repeat: no-repeat;background-size: 100% 100%;} */ .product .floor8{padding: 6rem 0 10rem;display: flex;flex-direction: column;align-items: center;} .product .floor8 .title{width: 120rem;margin: 0 auto;font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";} .product .floor8 .list{margin: 6rem auto 0;display: flex;flex-wrap: wrap;width: 120rem;} .product .floor8 .list .one{width: 29.1rem;height: 22rem;margin-right: 1.2rem;margin-bottom: 1.2rem;background: #EAEDF0;} .product .floor8 .list .one:nth-child(4n){margin-right: 0;} .product .floor8 .btn{padding: 0 2rem;height: 4rem;margin-top: 6.8rem;border-radius: 4rem;background: #1398F1;font-size: 1.8rem;color: #f6f8f8;font-family: "avenB";} .product .floor8 .btn:hover{background: #002F75;} .product .floor9{padding: 4.8rem 0 9.6rem;height: 100rem;} .product .floor10{padding: 10rem 0 ;height: 86rem;} .product .floor10 .list{display: flex;flex-wrap: wrap;width: 120rem;margin: 0 auto;} .product .floor10 .list .one{width: 38.4rem;border-radius: 3rem;margin-right: 2.4rem;margin-bottom: 3rem;overflow: hidden;} .product .floor10 .list .one .img{height: 23.6rem;} .product .floor10 .list .one .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;} .product .floor10 .list .one:hover .img img{transform: scale(1.1);} .product .floor10 .list .one .text{height: 7.6rem;display: flex;align-items: center;justify-content: center;background: #1398F1;font-size: 2.4rem;font-family: 'avenB';color: #fff;} .product .floor10 .list .one:nth-child(3n){margin-right: 0;} .product .canshu{padding: 8rem 0 10rem;display: flex;flex-direction: column;align-items: center;background: #F6F8FB;} .product .canshu .title{width: 100%;margin: 0 auto;font-size: 4.8rem;line-height: 5.76rem;color: #000;font-family: "avenB";text-align: center;} .product .canshu .btn{padding: 0 4rem;height: 5rem;margin-top: 4rem;border-radius: 5rem;background: #1398F1;font-size: 2.4rem;color: #f6f8f8;font-family: "avenB";} .product .canshu .btn:hover{background: #002F75;} .product .canshu .menu{display: flex;border-bottom: 1px solid #000;margin: 3rem auto 5rem;} .product .canshu .menu .one{width: 16rem;font-size: 2.8rem;line-height: 3.36rem;padding-bottom: 1.5rem;border-bottom: 0.6rem solid transparent;margin-bottom: -0.3rem;transition: all 0.3s;font-family: "avenB";text-align: center;cursor: pointer;} .product .canshu .menu .one:hover{color: #1298F1;} .product .canshu .menu .one.active{color: #1298F1;border-color: #1298F1;} .product .table{width: 72rem;margin: 0 auto;} .product .table table{width: 100%;border-spacing: 0;} .product .table table td:first-child{width: 24rem;font-size: 2.4rem;padding: 2rem;color: #3d3d3d;line-height: 1.5;} .product .table table td:last-child{font-size: 2.4rem;padding: 2rem;color: #3d3d3d;line-height: 1.5;} .product .table table tr:nth-child(2n) td:last-child{background: #EEF1F6;} .shop .banner1 .textBox{width: 63rem;} .shop .banner2 .textBox{width: 63rem;left: 0;right: 0;margin: auto;bottom: 8rem;display: flex;justify-content: end;flex-direction: column;} .soft {background: #f6f8f8;} .soft .floor3{display: none;} .soft .floor3 .titleBox{width: 100%;} .soft .floor33{padding: 2rem 7rem 3rem;background: #f6f8f8;} .soft .floor33 .title{text-align: left;margin-bottom: 2.34rem;font-size: 4.8rem;line-height: 5.76rem;font-family: 'avenB';color: #3d3d3d;} .soft .floor33 .type{display: flex;justify-content: start;margin-bottom: 5.5rem;} .soft .floor33 .type .one{font-size: 2.4rem;color: #3d3d3d;transition: all 0.3s;position: relative;margin-right: 6rem;} .soft .floor33 .type .one::after{position: absolute;bottom: -1.7rem;left: 0;right: 0;height: 0.5rem;background: none;content: "";border-radius: 0.5rem;} .soft .floor33 .type .one.active{color: #0066FF;font-family: 'avenB';} .soft .floor33 .type .one.active::after{background: #0066ff;} .soft .floor33 .list{display: flex;flex-wrap: wrap;justify-content: space-between;} .soft .floor33 .list .one{width: 28rem;height: 30rem;border-radius: 1.6rem;background: #EAEDF0;margin-bottom: 3rem;padding-top: 3rem;} .soft .floor33 .list .one .img{width: 100%;height: 20rem;} .soft .floor33 .list .one .name{font-size: 2.4rem;line-height: 1.5;color: #3d3d3d;text-align: center;margin-top: 2rem;} .soft .floor33 .list .one .name span{display: none;} .soft .banner1 .textBox{width: 63rem;} .soft .banner2 .textBox{width: 63rem;left: 0;right: 0;margin: auto;bottom: 10rem;display: flex;flex-direction: column;justify-content: end;} .containerS{width: 100%;} .legal .menu .containerS{padding: 0 2.5rem;justify-content: space-between;} .legal .menu .one{margin: 0;font-size: 2.4rem;} .legal .contentBox{padding: 10rem 2.5rem;} .index .banner .textBox{width: 59rem;padding: 0;left: 0;right: 0;top: 7rem;margin: auto;align-items: center;justify-content: flex-start;} .index .banner .text{font-size: 4.8rem;text-align: center;/*line-height: 5.76rem;*/margin-bottom: 5rem;} .index .banner .btn{padding: 0 4rem;height: 5rem;border-radius: 5rem;font-size: 2.4rem;display: none} .index .floor1{padding: 5rem 0;} .index .floor1 .flex{margin: 4rem auto 0;flex-direction: column;width: 64rem} .index .floor1 .flex .left{width: 100%;height: auto;} .index .floor1 .flex .left .img{width: 100%;height: auto;} .index .floor1 .flex .left .textBox{padding-top: 9rem;padding-left: 15rem;} .index .floor1 .flex .left .content{font-size: 2.4rem;width: 30rem;} .index .floor1 .flex .more{font-size: 2.4rem;} .index .floor1 .flex .one{width: 100%;margin: 3rem 0 0;} .index .floor1 .flex .one .textBox{padding-top: 9rem;} .index .floor2 .titleBox{width: 100%;flex-direction: column;} .index .floor2 .titleBox .right{line-height: 1;} .hideBox{width: 75rem;height: 42rem;} .hideBox .video{padding: 0;} .index .floor3{padding: 7rem 0;} .index .floor3 .title{width: 50rem;line-height: 5.76rem;text-align: center;} .index .floor3 .desc{width: 54rem;text-align: center;} .index .floor3 .swiper .one .textBox .more{font-size: 2.4rem;} .index .floor3 .swiper{padding-bottom: 5rem;} .index .floor3 .swiper .page{width: 60rem;left: 0;right: 0;margin: auto;bottom: -3rem;height: 7px;position: relative;background: none;border-radius: 7px;overflow: hidden;} .index .floor3 .swiper .page .swiper-pagination-progressbar-fill{background: #A1A1A1;z-index: 2;border-radius: 7px;} .index .floor3 .swiper .page::after{position: absolute;top: 0;bottom: 0;width: 100%;height: 1px;background: #d8d8d8;margin: auto;content: "";z-index: 1;} .index .floor4 .title{padding: 0 5rem;} .index .floor4 .desc{margin-top: 1.8rem;} .index .floor4 .position{width: 69rem;margin: 4rem auto 0;} .index .floor4 .position .textBox{padding: 6.5rem 6rem 5rem;justify-content: flex-start;} .index .floor4 .position .textBox .content{width: 100%;font-size: 2.4rem;flex: 1;line-height: 1.5;} .index .floor4 .position .textBox .btn{padding: 0 4rem;height: 5rem;border-radius: 5rem;font-size: 2.4rem;margin: 0 auto;} .index .floor5{padding: 3rem 4rem 9rem;} .index .floor5 .flex{margin-top: 4rem;flex-direction: column;} .index .floor5 .flex .left{width: 100%;display: flex;align-items: center;height: 26rem;} .index .floor5 .flex .left .img{width: 30rem;height: 26rem;margin-right: 5rem;flex-shrink: 0;border-radius: 3rem;} .index .floor5 .flex .left .img img{width: 100%;height: 100%;object-fit: cover;} .index .floor5 .flex .left .textBox{height: auto;padding: 0;} .index .floor5 .flex .left .textBox .time{font-size: 2.4rem;} .index .floor5 .flex .left .textBox .name{font-size: 2.4rem;margin-top: 1rem;line-height: 2.88rem;} .index .floor5 .flex .right{width: 60rem;margin: 0 auto;} .index .floor5 .flex .right .one{flex-direction: column;padding: 3rem 2rem 1.6rem;align-items: stretch;} .index .floor5 .flex .right .one .name{width: 100%;margin-top: 1rem;} .index .floor5 .flex .right .one .time{font-size: 2.4rem;width: 100%;} .index .floor6{padding-bottom: 5rem;} .index .floor6 .textBox{padding: 6rem 0 0rem 8rem;flex-direction: column;width: 100%;} .index .floor6 .textBox .left{width: 100%;border: none;margin: 0;} .index .floor6 .textBox .left .more{font-family: 'avenB';} .index .floor6 .textBox .right{width: 41rem;margin-top: 4rem;border-top: 1px solid #d8d8d8;padding-top: 4rem;} .index .floor6 .textBox .right .one{margin-bottom: 3rem;} .index .floor6 .textBox .right .one:last-child{margin: 0;} .index .floor6 .textBox .right .one .num span{font-size: 4.8rem;} .index .floor6 .textBox .right .one .num{font-size: 2.8rem;} .index .floor6 .textBox .right .one .text{font-size: 2.4rem;line-height: 1.5;} .tipBox2{height: 20rem;} .tipBox2 .time{width: 5rem;height: 5rem;font-size: 2.4rem;} .tipBox2 .img{width: 11rem;} .contactUsForm .form .check .block::before{width: 1rem;height: 1rem;} .careForm .form .check .block::before{width: 1rem;height: 1rem;} .shop .floor4 .form .check .block::before{width: 1rem;height: 1rem;} /*2023年12月22日15:51:47 下面添加*/ .pos .floor3 .img{width: auto;margin: 0 auto;} .pos .floor2{height: auto;padding-top: 10rem;} .pos .floor2 .flex{width: auto;flex-direction: column;} .pos .floor1{height: auto;} .pos .floor1 .name{width: 65rem;} .pos .floor1 .content{width: 58rem;} .pos .floor1 .list{width: auto;flex-direction: column;align-items: center;} .pos .floor1 .list .one{width: 48rem;display: flex;} .pos .floor1 .list .one .img{width: 100%;height: 18rem;} .pos .floor1 .list .one .text{display: flex;align-items: center;width: 106rem;} .pos .floor4 .swiper{width: auto;} .pos .floor4 .swiper .next{z-index: 9999;right: 0;} .pos .floor4 .swiper .prev{z-index: 9999;left: 0;} .teamhub .floor1 .flex .left .textBox .one .num, .teamhub .floor1 .flex .right .textBox .one .num{line-height: 1;} .footer .flex .tel{font-size: 2.8rem;line-height: 150%;font-weight: bold;color: #fff;font-family: regular;width: 60%;padding-bottom: 12px;} } } .contactUs .desc p,.contactUs .desc span{line-height: 1.5 !important;}