:root{ --main:#dc4d55; --color:#266936; --color2:#3e7d5f; } *::-webkit-scrollbar {width: 3px;background: #e8eaed;height: 5px;} *::-webkit-scrollbar-thumb {border-radius: 4px;background: #666666;cursor:pointer;} /*全站搜索*/ /* #search{width:100%; padding-bottom:40px;padding-top: 173px;} */ #search {padding: 210px 0 230px;background: #f5f7fa;width:100%;} #search .form{margin-bottom:45px;margin-top: 30px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid var(--main);border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(/JS9FH1OPUIgEISIKDEgSJI1qHJcPKHMUDS4pD1cF.jpg) no-repeat center center var(--main);color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color: var(--main); font-size:16px; font-weight:700;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{/*height:60px;*/ overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;margin: 45px 0;} @media (max-width: 750px){ #search .form .text{width: 400px;height: 60px;line-height: 60px;font-size: 30px;} #search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;} #search .list .info li{padding: 35px 0;} #search .list .info .title{font-size: 36px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 30px;line-height: 1.6;/*height: 144px;*/} #search .txt{font-size: 30px;} } #header {position: fixed;width: 100%;left: 0;top: 0;z-index: 10;} #header .content {padding: 20px 80px;display: flex;align-items: center;justify-content: space-between;} #header .content .logo {width: 200px;} #header .content .info {width: 56.111%;display: flex;align-items: center;justify-content: space-between;} #header .content .info .menu {display: flex;align-items: center;justify-content: space-between;width: 85.643%;} #header .content .info .menu .box {position: relative;} #header .content .info .menu .box .title {line-height: 63px;font-size: 18px;position: relative;color: #fff;} #header .content .info .menu .box .title::before {content: '';width: 0;height: 3px;background: var(--main);position: absolute;bottom: 0; left: auto;right: 0;transition: all 0.3s linear;} #header .content .info .menu .box .down {position: absolute;left: 0;height: 0;overflow: hidden;box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #header .content .info .menu .box .down .ul {width: 256px;background: rgb(255, 255, 255,0.9);border-radius: 0 10px 10px 10px;padding: 12px 0;} /* #header .content .info .menu .box .down .ul .li {position: relative;padding: 10px 20px;font-size: 18px;} */ #header .content .info .menu .box .down .ul .li {position: relative;padding: 10px 20px;font-size: 14px;} #header .content .info .menu .box .down .ul .li:hover {color: #fff;background: var(--main);} #header .content .info .use_area {display: flex;align-items: center;} #header .content .info .use_area .box {cursor:pointer;} #header .content .info .use_area .box.pc i {font-size: 24px; color: #fff;} #header .content .info .use_area .box.mobile {display: none;} #header .content .info .use_area .box.lang {margin-left: 40px;position: relative;} #header .content .info .use_area .nav {display: flex;align-items: center;justify-content: center;} #header .content .info .use_area .nav img:nth-of-type(2) {display: none;} #header .content .info .use_area .nav.cur img:nth-of-type(1) {display: none;} #header .content .info .use_area .nav.cur img:nth-of-type(2) {display: block;} #header .content .info .use_area .box.lang .out {display: none; position: absolute;top: 40px;right: -20px; width: 150px;background: #ffff;box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #header .content .info .use_area .box.lang .out .li {text-align: center;font-size: 18px;padding: 10px 0;margin: 10px 0;} #header .content .info .use_area .box.lang .out .li:hover {color: var(--main);} #header.scroll-down {transform: translate(0,-100%);background: #fff;} #header.scroll-up {transform: translate(0,0%);background: #fff;box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #header.son, #header:hover {background: #fff;} #header.scroll-down .content .info .menu .box .title, #header.scroll-up .content .info .menu .box .title, #header.son .content .info .menu .box .title, #header:hover .content .info .menu .box .title {color: #333;} #header.scroll-down .content .info .use_area .box.pc i, #header.scroll-up .content .info .use_area .box.pc i, #header.son .content .info .use_area .box.pc i, #header:hover .content .info .use_area .box.pc i {color: #333;} #header .content .info .menu .box.cur .title::before, #header .content .info .menu .box:hover .title::before {left: 0;right: auto;width: 100%;} #phone {width: 100%;background: #fff;height: 100%;position: fixed;top: 121px;left: 0;z-index: 99;display: none;overflow-y: auto !important;} #phone .menu .ul .title {margin: 0 30px; font-size: 18px;line-height: 110px;border-bottom: 1px solid #ebebeb;display: flex;align-items: center;justify-content: space-between;} #phone .menu .ul .title .img {transform: rotate(-90deg);} #phone .menu .ul .box {background: #f7f7f7;display: none;} #phone .menu .ul .li {margin: 0 60px;} #phone .menu .ul .li .nav {font-size: 16px;height: 100px;border-bottom: 1px solid #ebebeb;display: flex;align-items: center;justify-content: space-between;} #phone .menu .ul .li .nav:last-child {border: none;} #phone .menu .ul .li .nav .block {max-width: calc(100% - 100px);} #phone .menu .ul .li .ul_two .li_two {display: none;} #phone .menu .ul .li .ul_two .li_two .two_li {font-size: 16px;padding: 30px 30px;} #phone .menu .ul .li .nav .icon {transform: rotate(-90deg);} #phone .menu .ul .li .nav.cur .icon {transform: rotate(0deg);} #phone .menu .ul .title.cur .img {transform: rotate(0deg);} #phone .en {font-size: 36px; margin: 30px 0; display: flex;justify-content: space-evenly;} #phone .url {margin-top: 50px;transform: scale(1.5);width: 80px;height: 80px;border-radius: 50%;border: 1px solid ;margin: 50px auto 0;} #No000_search-box {display: none;} #No000_search-box{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb; width: 100%;height:150px;z-index: 50;left: 0;right: 0;top:121px;background: #fff;flex-direction: column;justify-content: center;} #No000_search-box .form-box{width: 92%;margin: 45px auto 0;height: 60px;border: 1px solid #d1d1d1;border-radius:10px;overflow: hidden;box-sizing: border-box;} #No000_search-box .form-box .input{width: calc(100% - 60px);padding-left: 30px;} #No000_search-box .form-box .input input{width: 100%;height: 100%;font-size:18px;color:#333;} #No000_search-box .form-box .submit{width: 60px;height: 100%;background: url(/JS9FH1OPUIgEISIKDEgSJI1qHJcPKHMUDS4pD1cF.jpg) no-repeat center;position: relative;z-index: 3;background: var(--main);} #No000_search-box .form-box .submit::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: url(/JS9FH1OPUIgEISIKDEgSJI1qHJcPKHMUDS4pD1cF.jpg) no-repeat center;} @media screen and (max-width:1536px) { #header .content .info {width: 60%;} } @media screen and (max-width:1366px) { #header .content .info {width: 70%;} } @media screen and (max-width:1200px) { #header {background: #fff;box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #header .content {padding: 20px 30px;} #header .content .info {width: auto;} #header .content .info .menu {display: none;} #header .content .info .use_area .box.pc {display: none;} #header .content .info .use_area .box.mobile {display: flex; margin-right: 30px;transform: scale(1.8);} #header .content .info .use_area .box.mobile:last-child {margin-right: 0;} #phone .menu .ul .title {font-size: 36px;} #No000_search-box .form-box .input input {font-size: 30px;} #phone .menu .ul .li .nav {font-size: 30px;} } /* Banner */ #banner {position: relative;} #banner .container .slide {position: relative;} #banner .container .slide .img {padding-top: 49.479%;position: relative;z-index: 1;} #banner .container .slide .img .max {object-fit: cover;} #banner .container .slide .VideoBox {position: absolute;left: 0;top: 0; z-index: 2;width: 100%;height: 100%;} #banner .container .swiper-pagination {bottom: 62px;} #banner.son .img img {position: relative;} #banner .container .swiper-pagination .swiper-pagination-bullet {transition: all 0.3s ease;width: 14px;height: 14px;border-radius: 50%;border: 3px solid transparent;margin: 0 9px;position: relative;background: transparent;} #banner .container .swiper-pagination .swiper-pagination-bullet::before {content: '';width: 9px;height: 9px;border-radius: 50%;background: #fff;opacity: 0.3;transition: all 0.3s ease;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} #banner .container .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;border-color: #fff;} #banner .container .swiper-pagination .swiper-pagination-bullet-active::before {opacity: 0;} #banner .video {object-fit: cover;width: 100%;height: 100%;} #banner .out {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0,0,0.2);display: flex;align-items: center;} #banner .out .content {color: #fff;} #banner .out .content .title {font-size: 48px;font-weight: 700;} #banner .out .content .min {margin-top: 12px;padding: 0 30px;line-height: 40px;font-size: 20px;position: relative;z-index: 1;display: inline-block;} #banner .out .content .min::before {content: '';position: absolute;width: 100%;height: 100%;background: #488168;transform: skew(-28deg) translateX(-30px);z-index: -1;border-radius: 8px 0 8px 0;} @media screen and (max-width:750px) { #banner .out {font-size: 42px;} } @media screen and (max-width:1200px) { #banner, #banner.son {margin-top: 121px;} } @media screen and (max-width:750px) { #banner .container .slide .img {padding-top: 128.0%;} } /* 首页公共样式 */ .index_css .index_title {font-size: 48px;font-weight: 600;text-align: center;color: var(--color);} .index_css .index_brief {margin-top: 15px;text-align: center;line-height: 36px;font-size: 18px;color: #666666;padding: 0 23.5%;} .index_css.index_1400 .index_brief {padding: 0 16%;} @media screen and (max-width:1024px) { .index_css .index_brief, .index_css.index_1400 .index_brief {padding: 0;} } @media screen and (max-width:750px) { .index_css .index_brief {font-size: 30px;line-height: 1.8;} } /* 首页-产品 */ #index_pro {padding: 100px 0 137px;} #index_pro .content {display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: 40px;} #index_pro .content .box {position: relative; padding-top: 37.777%;margin-top: 20px;border-radius: 10px;overflow: hidden;} #index_pro .content .box.one {width: 65.555%;} #index_pro .content .box.two {width: 33.333%;} #index_pro .content .box .img {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;right: 12.11%;} /* #index_pro .content .box.one .img {width: 38.983%;padding-top: 38.983%;} */ #index_pro .content .box.one .img {width: 55%;padding-top: 55%;} /* #index_pro .content .box.two .img {width: 76.539%;padding-top: 76.539%;} */ #index_pro .content .box.two .img {width: 85%;padding-top: 85%;} #index_pro .content .box::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2; background-image: linear-gradient(to bottom left,transparent 45%,rgba(255,255,255,1) );} #index_pro .content .box .word {width: 100%; position: absolute;padding-left: 50px;bottom: 50px;z-index: 3;width: 100%;transform: translateY(94px);z-index: 2;} #index_pro .content .box .word .name {font-size: 36px;font-weight: 600;} #index_pro .content .box .word .brief {font-size: 20px;margin-top: 5px;max-width: 50%;} #index_pro .content .box .word .btn {display: inline-block; min-width: 151px;padding: 0 10px;text-align: center;line-height: 51px;border-radius: 30px;background: var(--main);color: #fff;font-size: 18px;margin-top: 40px;opacity: 0;} @media (any-hover: hover) { #index_pro .content .box:hover .word {transform: translateY(0);} #index_pro .content .box:hover .word .name {color: var(--color);} #index_pro .content .box:hover .word .btn {opacity: 1;} } @media screen and (max-width:1024px) { #index_pro .content .box {padding-top: 50%;} #index_pro .content .box.one, #index_pro .content .box.two {width: 100%;} #index_pro .content .box .img {right: 10%;} #index_pro .content .box.two .img {width: 38.983%;padding-top: 38.983%;} } @media screen and (max-width:750px) { #index_pro .content .box .img {right: 0%;} #index_pro .content .box .word {transform: translateY(0);} #index_pro .content .box .word .name {color: var(--color);} #index_pro .content .box .word .btn {opacity: 1;font-size: 26px;} #index_pro .content .box .word .brief {font-size: 30px;line-height: 1.8;} } /* 首页-行业解决方案 */ #index_sol {padding: 100px 0 55px;background: #f7f7fa;overflow: hidden;} #index_sol .bind {margin-top: 55px;position: relative;} #index_sol .main {overflow: visible;} #index_sol .main .slide {position: relative;overflow: hidden;} #index_sol .main .slide .img {padding-top: 48.571%;position: relative;background: #333;border-radius: 10px;overflow: hidden;} #index_sol .main .slide .img .max {opacity: 0.5;} #index_sol .main .swiper-slide-active .img .max {opacity: 1;} #index_sol .main .slide .info {z-index: 2; background: rgba(0, 0,0,0.7);padding: 40px 14.285%;border-radius: 0 0 10px 10px;position: absolute;left: 0;bottom: 0;width: 100%;display: flex;align-items: center;justify-content: center;transform: translateY(100%);} #index_sol .main .swiper-slide-active .info {transition-delay: 0.5s;transform: translateY(0);} #index_sol .main .slide .info .word {width: 85.836%;color: #fff;} #index_sol .main .slide .info .word .name {font-size: 32px;font-weight: 600;} #index_sol .main .slide .info .word .brief {font-size: 20px;opacity: 0.6;margin-top: 10px;} #index_sol .main .slide .info .btn {color: #fff; width: 151px;height: 51px;border-radius: 30px; border: 1px solid #fff;box-sizing: border-box;text-align: center;line-height: 51px;font-size: 18px;} #index_sol .main .pn {color: #fff;opacity: 0.5;font-size: 32px;cursor:pointer;position: absolute;z-index: 10;bottom: 65px;} #index_sol .main .pn.prev {left: 3.571%;} #index_sol .main .pn.next {right: 3.571%;} #index_sol .tab {margin: 60px 60px 0;} #index_sol .tab .slide {width: auto;cursor:pointer;margin-right: 11.328%;} #index_sol .tab .slide:last-child {margin-right: 0;} #index_sol .tab .slide .item {width: 90px;height: 90px;margin: auto;background: #fff;border-radius: 50%;} #index_sol .tab .slide .name {font-size: 20px;text-align: center;font-weight: 500;margin-top: 27px;} #index_sol .tab .slide.swiper-slide-thumb-active .item {background: var(--main);} #index_sol .tab .slide.swiper-slide-thumb-active .item .img {filter: brightness(0) invert(100%);} #index_sol .tab .slide.swiper-slide-thumb-active .name {color: var(--color);} @media (any-hover: hover) { #index_sol .minor .pn:hover {opacity: 1;} #index_sol .main .slide .info .btn:hover {background: var(--main);border-color: var(--main);} } @media screen and (max-width:750px) { #index_sol .main .slide .img {border-radius: 10px 10px 0 0;} #index_sol .main .slide .info {position: relative;padding: 30px;} #index_sol .main .pn {font-size: 40px;top: 50%;bottom: auto;transform: translateY(-50%);} #index_sol .main .slide .info {transform: translateY(0);display: block;} #index_sol .main .slide .info .word {width: 100%;} #index_sol .main .slide .info .word .name {font-size: 36px;} #index_sol .main .slide .info .word .brief {font-size: 30px;line-height: 1.8;} #index_sol .main .slide .info .btn {margin-top: 30px;font-size: 26px;} #index_sol .tab .slide {margin-right: 14%;} #index_sol .tab .slide .item {width: 120px;height: 120px;} #index_sol .tab .slide .item .img {transform: scale(1.3);} #index_sol .tab .slide .name {font-size: 30px;} } /* 首页-关于w66利来最给利 */ #index_about {padding: 120px 0;overflow: hidden;} #index_about .content {display: flex;justify-content: space-between;align-items: center;} #index_about .content .word {width: 50%;} #index_about .content .word .name {font-size: 48px;font-weight: 600;color: var(--color);} #index_about .content .word .brief {margin-top: 25px;line-height: 37px;font-size: 18px;} #index_about .content .word .btn {margin-top: 100px; width: 151px;height: 51px;border-radius: 30px; border: 1px solid #d8d8d8;box-sizing: border-box;text-align: center;line-height: 51px;font-size: 18px;} #index_about .content .right {width: 50%;transform: translateX(15.714%);position: relative;cursor:pointer;} #index_about .content .right .img {width: 50vw;max-width: 850px;padding-top: 73.143%;position: relative;border-radius: 10px 0 0 10px;overflow: hidden;} #index_about .content .right .play {position: absolute;left: 50px;bottom: 45px;opacity: 0.6;} #index_about .data {display: flex;justify-content: space-between;margin-top: 80px;} #index_about .data .box .num {display: flex;font-size: 48px;font-weight: 600;color: var(--color);align-items: baseline;} #index_about .data .box .num span {font-size: 60px;} #index_about .data .box .line {width: 24px;height: 4px;background: var(--main);margin-top: 5px;} #index_about .data .box .text {font-size: 20px;font-weight: 500;margin-top: 23px;} @media (any-hover: hover) { #index_about .content .word .btn:hover {background: var(--main);color: #fff;} } @media screen and (max-width:1024px) { #index_about .content {flex-direction: column-reverse;} #index_about .content .word {width: 100%;margin-top: 30px;} #index_about .content .right {transform: translateX(0%);width: 100%;} #index_about .content .right .img {width: 100%;max-width: none;border-radius: 10px;} #index_about .data {flex-wrap: wrap;margin-top: 50px;} #index_about .data .box {width: 49%;margin-top: 30px;} } @media screen and (max-width:750px) { #index_about .content .word .brief {font-size: 30px;line-height: 1.8;} #index_about .content .word .btn {font-size: 26px;width: 180px;height: 70px;line-height: 70px;border-radius: 50px;} #index_about .data .box .text {font-size: 26px;line-height: 1.8;} } @keyframes lymap2rippleAnimation { 0% {width: 0;height: 0;opacity: 1;} 100% {width: 66px;height: 66px;opacity: 0;} } /* 首页-技术服务 */ #index-service {background: #f7f7fa;} #index-service .head {transform: translateY(50px);position: relative;z-index: 2;} #index-service .img {position: relative;} #index-service .img .round {position: absolute;width: 11px;height: 11px;border-radius: 50%;background-color: var(--main);position: absolute;left: 36%;top: 45.5%;z-index: 3;} #index-service .img .round::before {background-color: var(--main);width: 0px;height: 0px;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);content: '';position: absolute;animation: lymap2rippleAnimation 4s linear infinite;animation-delay: 2s;z-index: -1;} #index-service .img .round::after {background-color: var(--main);width: 36px;height: 36px;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);content: '';position: absolute;animation: lymap2rippleAnimation 4s linear infinite;z-index: -1;} #index-service .data {display: flex;justify-content: center;transform: translateY(-80px);position: relative;z-index: 2;} #index-service .data .box {margin-right: 14.285%;} #index-service .data .box:last-child {margin-right: 0;} #index-service .data .box .item {width: 90px;height: 90px;margin: auto;background: #fff;border-radius: 50%;} #index-service .data .box .name {font-size: 20px;text-align: center;font-weight: 500;margin-top: 15px;} #index-service .data .box:hover .item {background: var(--main);} #index-service .data .box:hover .item .img {filter: brightness(0) invert(100%);} #index-service .data .box:hover .name {color: var(--color);} @media screen and (max-width:1680px) { #index-service .img .round {left: 36%;} } @media screen and (max-width:1440px) { #index-service .img .round {left: 35.3%;} } @media screen and (max-width:1366px) { #index-service .img .round {left: 35%;} } @media screen and (max-width:750px) { #index-service .data .box .item {width: 120px;height: 120px;} #index-service .data .box .item img {transform: scale(1.3);} #index-service .data .box .name {font-size: 30px;} } /* 首页-最新动态 */ #index-news {padding: 100px 0;} #index-news .content {margin-top: 50px;display: flex;justify-content: space-between;} #index-news .content .item {width: 31.842%;background: #f7f7fa;border-radius: 10px;overflow: hidden;} #index-news .content .box .img {padding-top: 62.302%;position: relative;} #index-news .content .box .word {padding: 6.772%;color: #999999;} #index-news .content .box .word .name {font-weight: 500;font-size: 20px;color: #1a1a1a;} #index-news .content .box .word .brief {margin-top: 7px;line-height: 32px;font-size: 18px;} #index-news .content .box .word .time {margin-top: 40px;font-size: 16px;} #index-news .content .ul {padding: 2.5%;} #index-news .content .ul .li {margin-top: 20px;} #index-news .content .ul .li:first-child {margin-top: 0;} #index-news .content .ul .li .name {font-size: 29px;color: #1a1a1a;font-size: 20px;font-weight: 500;} #index-news .content .ul .li .time {font-size: 16px;color: #999999;margin-top: 6px;} #index-news .btn {text-align: center; margin-top: 100px; width: 151px;height: 51px;border-radius: 30px; border: 1px solid #d8d8d8;box-sizing: border-box;text-align: center;line-height: 51px;font-size: 18px;margin: 80px auto 0;} @media (any-hover: hover) { #index-news .content .box:hover .word .name {color: var(--color);} #index-news .content .ul .li:hover .name {color: var(--color);} #index-news .content .ul .li:hover .time {color: #1a1a1a;} #index-news .btn:hover {background: var(--main);color: #fff;} } @media screen and (max-width:1440px) { #index-news .content .ul .li .name {font-size: 18px;} } @media screen and (max-width:1366px) { #index-news .content .ul .li .name {font-size: 16px;} } @media screen and (max-width:1024px) { #index-news .content {flex-wrap: wrap;margin-top: 20px;} #index-news .content .item {width: 49%;margin-top: 30px;} #index-news .content .ul {width: 100%;} #index-news .content .ul .li .name {font-size: 20px;} } @media screen and (max-width:750px) { #index-news .content .item {width: 100%;} #index-news .content .box .word {padding: 30px;} #index-news .content .box .word .name {font-size: 36px;} #index-news .content .box .word .brief {font-size: 30px;line-height: 1.8;} #index-news .content .box .word .time {font-size: 26px;} #index-news .content .ul {padding: 30px;} #index-news .content .ul .li {margin-top: 30px;} #index-news .content .ul .li .name {font-size: 30px;line-height: 1.6;} #index-news .content .ul .li .time {font-size: 26px;} #index-news .btn {width: 180px;height: 70px;line-height: 70px;border-radius: 50px;font-size: 26px;} } #index-cooperate {padding: 95px 0;background: #f7f7fa;overflow: hidden;} #index-cooperate .long .flex-middle2 .box {width: 237px;padding-top: 165px ;position: relative; border-radius: 10px;background: #fff;margin-right: 18px;overflow: hidden;display: block;} #footer {border-top: 1px solid #e5e5e5;} #footer .top {padding: 45px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e5e5e5;} #footer .top .logo {width: 158px;} #footer .top .menu {width: 60.357%;display: flex;justify-content: space-between;} #footer .top .menu .item {font-size: 18px;} #footer .top .menu .item:hover {color: var(--color);} #footer .bot {display: flex;justify-content: space-between;padding: 70px 0 80px;} #footer .bot .box {max-width: 33.785%;} #footer .bot .item .name {font-size: 20px;font-weight: 600;color: var(--color);} #footer .bot .item .ul {margin-top: 12px;} #footer .bot .li {line-height: 30px;font-size: 16px;color: #666666;} #footer .bot .end {display: flex;flex-direction: column;justify-content: flex-end;text-align: right;} @media screen and (max-width:1024px) { #footer .bot {flex-wrap: wrap;padding-top: 40px;} #footer .bot .end {width: 100%;} #footer .bot .box {max-width: none;margin-top: 30px;} } @media screen and (max-width:750px) { #footer .top {display: block;} #footer .top .menu {width: 100%;margin-top: 30px;flex-wrap: wrap;} #footer .top .menu .item {font-size: 30px;width: 48%;line-height: 1.8;} #footer .bot .item .name {font-size: 30px;} #footer .bot .li {font-size: 26px;line-height: 1.8;} } /* 选项区 */ #choose {border-bottom: 1px solid #ededf2;box-sizing: border-box;} #choose .content {text-align: center;} #choose .content .container {display: inline-block;max-width: 100%;} #choose .content .slide {width: auto;line-height: 79px;font-size: 18px;position: relative;color: #666666;transition: all 0.3s linear;margin-right: 65px;} #choose .content .slide:last-child {margin-right: 0;} #choose .content .slide::before {content: '';width: 0;height: 3px;background: var(--color2);position: absolute;bottom: 0; left: auto;right: 0;transition: all 0.3s linear;} #choose .content .slide:hover {color: var(--color2);} #choose .content .slide.cur {color: var(--color2);font-weight: 500;} #choose .content .slide.cur::before, #choose .content .slide:hover::before {left: 0;right: auto;width: 100%;} #choose.products .content {display: flex;justify-content: center;} #choose.products .content .slide {position: relative;margin-right: 4.642%;} #choose.products .content .slide .title {line-height: 79px;} #choose.products .content .slide .down {position: absolute;left: 50%;transform: translateX(-50%); height: 0;overflow: hidden;box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #choose.products .content .slide .down .ul {width: 156px;background: #fff;border-radius: 0 10px 10px 10px;padding: 12px 0;} #choose.products .content .slide .down .ul .li {position: relative;padding: 10px 20px;font-size: 14px;line-height: 1.6;} #choose.products .content .slide .down .ul .li:hover {color: #fff;background: var(--main);} .phone_choose {position: relative;z-index: 11;display: none;} .phone_choose .title {font-size: 36px;font-weight: 700; display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ededf2;} .phone_choose .title .svg {fill: #fff;} .phone_choose .title.cur .svg {fill: var(--main);transform: rotate(180deg);} .phone_choose .out {display: none; position: absolute;left: 0;top: 70px;z-index: 11;width: 100%;background: #fff;} .phone_choose .out .list {margin: 30px;} .phone_choose .out .list .ul {margin-top: 30px;} .phone_choose .out .list .ul:first-child {margin-top: 0;} .phone_choose .out .list .ul .tit {display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-weight: 500;cursor:pointer } /* .phone_choose .out .list .ul .tit .svg {fill: #fff;} */ .phone_choose .out .list .ul .all {margin-top: 14px;display: none;} /* .phone_choose .out .list .ul .all .big {max-height: 246px;overflow: hidden;} */ .phone_choose .out .list .ul .all .big .down2 {display: none;} .phone_choose .out .list .ul .all .big .down .li {margin-top: 10px;} .phone_choose .out .list .ul .all .big .down .li:first-child {margin-top: 0px;} .phone_choose .out .list .ul .all .big .down2 .li:first-child {margin-top: 10px;} .phone_choose .out .list .ul .all .big .down .li .name {font-size: 16px;color: #999999;cursor:pointer} .phone_choose .out .list .ul .all .big .down .li:hover .name {} .phone_choose .out .list .ul .all .big .down .li .son {width: 100%;margin-top: 11px;margin-left: 12px;display: none;} .phone_choose .out .list .ul .all .big .down .li .son .row { padding:15px;display: flex;align-items: center;font-size: 16px;color: #999;} .phone_choose .out .list .ul .all .big .down .li .son .row .drop {width: 5px;height: 5px;border-radius: 50%;background: #999999;margin-right: 12px;} .phone_choose .out .list .ul .all .big .down .li .son .row:first-child {margin-top: 8px;} .phone_choose .out .list .ul .all .big .down .li .son .row:last-child {margin-bottom: 8px;} .phone_choose .out .list .ul .all .big .down .li .son .row:hover {color: var(--main);} .phone_choose .out .list .ul .all .big .down .li .son .row:hover .drop {background: #fff;} .phone_choose .out .list .ul .all .btn {margin-top: 20px;cursor:pointer } .phone_choose .out .list .ul .all .btn .svg {fill: #fff;} .phone_choose .out .list .ul .all .btn:hover .svg {fill: var(--main);} .phone_choose .out .list .ul .tit.cur {color: var(--main);} .phone_choose .out .list .ul .all .btn.cur .svg, .phone_choose .out .list .ul .tit.cur .svg {transform: rotate(180deg);fill: var(--main);} @media screen and (max-width:1440px) { #choose.products .content .slide .title {font-size: 16px;} } @media screen and (max-width:1280px) { #choose.products .content .slide {margin-right: 3.642%;} } @media screen and (max-width:1024px) { #choose.products .content .slide {margin-right: 2%;} } @media screen and (max-width:750px) { #choose .content .slide {font-size: 26px;} #choose.products {display: none;} .phone_choose {display: block;margin-top: 30px;} .phone_choose .out .list .ul .tit {font-size: 30px;} .phone_choose .out .list .ul .all .big .down .li .name {font-size: 26px;} .phone_choose .out .list .ul .all .big .down .li .son .row {font-size: 24px;} } /* 内页标题 */ .IndexTitle {text-align: center;font-size: 45px;font-weight: 600;} /* 关于w66利来最给利 */ #about {padding: 100px 0 130px;} #about .brief {text-align: left;font-size: 18px;line-height: 37px;margin-top: 41px;text-indent: 2em} #about .brief p {text-indent: 2em} #about .data {margin-top: 55px;display: flex;justify-content: space-between;} #about .data .box {text-align: center;} #about .data .box .num {font-weight: 700;color: var(--color2);font-size: 48px;} #about .data .box .num span {font-size: 60px;} #about .data .box .line {width: 24px;height: 4px;background: #f95760;display: inline-block;margin-top: 12px;} #about .data .box .text {font-size: 20px;margin-top: 22px;line-height: 29px;} #about .VideoBox {border-radius: 10px;overflow: hidden;margin-top: 85px;position: relative;cursor:pointer;} #about .VideoBox .btn {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} #about img {width: 100%;} @media screen and (max-width:1024px) { #about .data {flex-wrap: wrap;} #about .data .box {width: 50%;padding: 30px 0;} } @media screen and (max-width:750px) { #about .brief {font-size: 30px;line-height: 1.8;} #about .data .box .text {font-size: 30px;line-height: 1.8;} } /* 发展历程 */ #history{padding:70px 0 60px 0;;background: url(/JS9FH1OPUIWJJxETUSkpDxMpExjsJRAG.jpg) no-repeat center;background-size: cover;overflow: hidden;} #history .title .name {font-size: 36px;line-height: 1.8;padding:0px 0 10px 0;color:#fff;text-align: center;font-weight: bold;} #history .line{width: calc(100% - 160px);height: 2px;background: #fff;left: 0;right: 0;margin: 0 auto;top: 50%;} #history .pc-cont{margin: 0px 160px 0;} #history .pc-cont .slide{height:660px;} #history .pc-cont .swiper-slide-active .li .i1 {background-color: var(--main) !important;} #history .pc-cont .swiper-slide-active .li .i2 {background-color: var(--main) !important;} #history .pc-cont .swiper-slide-active .li .year {color: var(--main) !important;} #history .pc-cont .slide .li{width: 100%;bottom: 50%;padding: 0 0 30px;} #history .pc-cont .slide .li .i1{width: 14px;height: 14px;background: transparent;border-radius: 100%; bottom: -7px;} #history .pc-cont .slide .li .i2{width: 2px;height: 18px;background: #fff; bottom: 0;left: 6px;} #history .pc-cont .slide .li:nth-child(2n) .icon{top: auto;bottom: -30px;} #history .pc-cont .slide .li .year{font-size: 36px;color: #fff;font-weight: 600;} #history .pc-cont .slide .li .brief{font-size: 18px;color: #fff;margin: 15px 0 20px;} #history .pc-cont .slide:last-child .li .brief {width: 100%;} #history .pc-cont .slide .li .brief li {line-height: 26px;margin-bottom: 6px;} #history .pc-cont .slide .li .brief li:last-child {margin-bottom: 0;} #history .pc-cont .slide .li .pic{width: 100%;padding-top: 50%;border-radius: 10px;overflow: hidden;} #history .pc-cont .slide .li:hover .i1{background: #fff;} #history .pc-cont .slide .li:hover .i2{background: #fff;} #history .pc-cont .slide .li:hover .year{color: #fff;} #history .pc-cont .slide .li.mt{top: 50%;padding: 30px 0 0;} #history .pc-cont .slide .li.mt .i1{bottom: auto;top: -6px;} #history .pc-cont .slide .li.mt .i2{bottom: auto;top: 0;} #history .btns {pointer-events: none;} #history .prev, #history .next{width: 80px;height: 80px;border: 2px solid #fff;top: 50%;transform: translateY(-50%);border-radius: 50%;pointer-events: all;display: flex;align-items: center;justify-content: center;} #history .prev{left: 0;} #history .next{right: 0;} #history .prev .svg, #history .next .svg{fill: #fff;width:20px;height:20px;} #history .prev .svg {margin-bottom: 4px;} #history .next .svg {margin-top: 6px;} #history .prev:hover .svg {fill:#fff;} #history .next:hover .svg{fill: #fff;} #history .prev:hover, #history .next:hover{background-color: var(--main);border:1px solid var(--main);} #history .mb-cont{display: none;} #history .prev.swiper-button-disabled, #history .next.swiper-button-disabled {opacity: 0;} #history .btns {top:50%;left:0;width:100%;transform: translateY(-50%);z-index: 10;} #history .yd-cont {display: none;padding: 10px;margin: 65px 90px;} #history .lines {display: none; width: 74%;height: 2px;background: #fff;position: absolute;bottom: 10px;left: 50%;transform: translate(-50%,0);} #history .yd-cont .slide {text-align: center;} #history .yd-cont .slide .i1{width: 14px;height: 14px;background: #fff;border-radius: 50%; bottom: -7px;left: 50%;transform: translate(-50%,0);} #history .yd-cont .slide .i2{width: 2px;height: 18px;background: #fff; bottom: 0;left: 50%;transform: translate(-50%,0);} #history .yd-cont .slide .year{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 30px;} #history .yd-cont .swiper-slide-thumb-active .i1 {background-color: var(--main) !important;} #history .yd-cont .swiper-slide-thumb-active .i2 {background-color: var(--main) !important;} #history .yd-cont .swiper-slide-thumb-active .year {color: var(--main) !important;} #history .mb-cont .swiper-slide-active .info .year {color: var(--main) !important;} @media (max-width: 1280px){ #history .pc-cont .slide{height: 700px;} } @media (max-width: 1100px){ #history {padding:80px 0 160px 0;} #history .line, #history .container{display: none;} #history .mb-cont{display: block; margin: 20px auto 0;} #history .mb-cont .info{padding: 30px; background: transparent;} #history .mb-cont .info{padding: 30px; background: transparent;} #history .mb-cont .info .year{font-size: 32px; font-weight: bold; margin-bottom: 15px;} #history .mb-cont .info .brief{font-size: 20px;line-height: 1.8;} #history .mb-cont .pic {padding-top:50%;position: relative;background:var(--main)} #history .prev, #history .next{z-index: 5;} #history .prev .svg{width: 28px;height: 28px;line-height: 28px;margin-bottom:5px;} #history .next .svg{width: 28px;height: 28px;line-height: 28px;margin-top:5px;} #history .container > .wrapper > * {background: #fff;height:auto;} #history .prev{left: 20px;} #history .next{right: 20px;} } @media (max-width: 750px){ #history .lines, #history .yd-cont {display: block;} #history .yd-cont .slide {background: none;} #history .title .name {font-size: 56px;} #history .mb-cont .info .year{font-size: 80px; font-weight: bold; margin-bottom: 15px;} #history .mb-cont .info .brief{font-size: 30px;} #history .btns {top: 93.5%;} #history .prev, #history .next{width: 90px;height: 90px;transform: translateY(0%);} #history .prev{left: 0%;} #history .next{right: 0%;} #history .yd-cont {display: block;} } /* 公司环境 */ #environment {padding: 100px 0 85px;overflow: hidden;background: #f7f7fa;} #environment.join {background: #fff;} #environment .cw1400 {overflow: visible;} #environment .choose {margin-top: 55px;text-align: center;position: relative;} #environment .choose::before {content: '';position: absolute;left: 0;bottom: 2px;height: 2px;width: 100%;background: #e6e6e6;} #environment .choose .container {display: inline-block;max-width: 100%;} #environment .choose .container .slide {cursor:pointer;width: auto; min-width: 466px;font-size: 20px;text-align: center;border-bottom: 2px solid transparent;transition: all 0.3s linear;padding-bottom: 27px;} #environment .choose .container .slide:hover, #environment .choose .container .slide.cur {border-color: var(--color2);color: var(--color2);font-weight: 500;} #environment .bind {margin-top: 60px;position: relative;} #environment .bind .container {display: none;overflow: visible;padding-bottom: 60px;} #environment .bind .container.cur {display: block;} #environment .bind .container .slide {width: 50.714%;border-radius: 10px;overflow: hidden;margin-right: 4.285%;position: relative;} #environment .bind .container .slide .img {padding-top: 59.154%;position: relative;} #environment .bind .container .slide .name {padding: 27px;position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: flex-end;justify-content: center;font-size: 18px;color: #999999;background-image: linear-gradient(to bottom,transparent 80%, rgba(0, 0, 0, 0.5), #000000);} #environment .bind .container .swiper-slide-active .name {color: #fff;} #environment .bind .container .swiper-pagination {bottom: 0;} #environment .bind .container .swiper-pagination .swiper-pagination-bullet {opacity: 1;width: 10px;height: 10px;background: transparent;border: 1px solid #cecece;transition: all 0.3s linear;} #environment .bind .container .swiper-pagination .swiper-pagination-bullet-active {background: var(--color);border-color: var(--color);} #environment.join .bind .container .swiper-pagination .swiper-pagination-bullet {background: #e6e6e6;} #environment.join .bind .container .swiper-pagination .swiper-pagination-bullet-active {background: var(--color);} #environment .bind .pn {width: 70px;height: 70px;border-radius: 50%;border: 2px solid #fff;color: #fff;opacity: 0.5;position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;} #environment .bind .pn.next {right: 0;} #environment .bind .pn:hover {background: var(--main);opacity: 1;border-color: var(--main);} @media screen and (max-width:750px) { #environment .choose .container .slide {width: 100%;font-size: 36px;} #environment .bind .container {overflow: hidden;} #environment .bind .container .slide {width: 100%;padding-top: 0;margin-right: 0;} #environment .bind .container .slide .img {padding-top: 0;} #environment .bind .container .slide .img .max {position: relative;} #environment .bind .container .slide .name {font-size: 30px;line-height: 1.8;} } /* 企业文化 */ #culture {padding: 100px 0 145px;} #culture .content {margin-top: 60px;display: flex;border-radius: 10px;overflow: hidden;background: url(/JS9FH1OPUIWJJxETUSqNKHMTEyNsJRAG.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;} #culture .content::before {content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: absolute;left: 0;top: 0;z-index: 1;} #culture .content .box {min-height: 610px;width: 25%;padding: 150px 40px 40px;color: #fff;position: relative;z-index: 2;} #culture .content .box .name {font-size: 24px;color: #fff;font-weight: 500;margin-top: 45px;} #culture .content .box .line {margin-top: 25px;display: inline-block;width: 30px;height: 3px;background: var(--main);} #culture .content .box .brief {margin-top: 23px;line-height: 31px;font-size: 18px;color: #fff;} #culture .content .box:hover {background: rgba(62, 125, 95, 0.8);} @media screen and (max-width:1024px) { #culture .content {flex-wrap: wrap;} #culture .content .box {width: 50%;} } @media screen and (max-width:750px) { #culture .content .box {width: 100%;min-height: auto;padding: 40px;} #culture .content .box .name {font-size: 36px;} #culture .content .box .brief {font-size: 30px;line-height: 1.8;} } /* 荣誉资质 */ #honor {padding: 100px 0 130px;background: #f7f7fa;overflow: hidden;} #honor .content {margin-top: 52px;position: relative;} #honor .container {padding: 0px 100px;overflow: visible;} #honor .container .slide{width: 41.666%;background-color: #ffffff;border: 1px solid #dcdcdc;padding: 40px 35px;border-radius: 10px;box-shadow: 0px 20px 40px 0px rgba(7, 39, 24, 0.1);} #honor .container .slide.swiper-slide-active {box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #honor .container .slide .img{background-color: #ffffff;width: 100%;padding-top: 100%;} #honor .container .slide .img .max {max-width: 100%;} #honor .container .slide .img .images {min-width: 85.6%;} #honor .container .slide .text {margin-top: 20px; font-size: 18px;text-align: center;color: #333333;} #honor .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {display: none;} #honor .icon {width: 70px;height: 70px;border: 1px solid #cccccc;border-radius: 50%;cursor:pointer;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;color: #cccccc;} #honor .icon.left {left: -35px;} #honor .icon.right {right: -35px;} #honor .icon:hover {background-color: var(--main);color: #fff;} @media screen and (max-width:1280px) { #honor .icon.left {left: 0px;} #honor .icon.right {right: 0px;} } @media screen and (max-width:1024px) { #honor .icon {background-color: #ffffff;} } @media screen and (max-width:750px) { #honor .container {padding: 0;overflow: hidden;padding-bottom: 100px;} #honor .container .slide {width: 500px;} #honor .container .slide .text {font-size: 26px;} #honor .icon {width: 80px;height: 80px;} #honor .icon.right {margin-left: 30px;} } /* 联系w66利来最给利 */ #contact {overflow: hidden;} #contact .main {padding: 110px 0 105px;display: flex;justify-content: space-between;align-items: center;} #contact .main .word {width: 32.642%;} #contact .main .word .title {font-size: 40px;font-weight: 500;color: var(--color2);padding-bottom: 25px;border-bottom: 1px solid #ebebeb;} #contact .main .word .ul {margin-top: 35px;} #contact .main .word .ul .li {margin-top: 27px;} #contact .main .word .ul .li:first-child {margin-top: 0;} #contact .main .word .ul .li .name {font-size: 18px;font-weight: 500;} #contact .main .word .ul .li .brief {margin-top: 10px;font-size: 18px;color: #666666;} #contact .main .right {width: 57.5%;} #contact .main .right .img {width: 56vw;max-width: 1062px;border-radius: 10px 0 0 10px;padding-top: 70.187%;} #contact .main .right .img .max {object-fit: cover;} #contact .son {background: #f7f7fa;} #contact .son .list {padding: 105px 0 110px;display: flex;justify-content: space-between;align-items: center;} #contact .son .list .img {width: 42.5%;padding-top: 40.071%;border-radius: 10px;position: relative;} #contact .son .list .img .max {object-fit: cover;} #contact .son .list .word {width: 42.642%;} #contact .son .list .word .title {font-size: 40px;font-weight: 500;color: var(--color2);padding-bottom: 25px;border-bottom: 1px solid #ebebeb;} #contact .son .list .word .ul {margin-top: 35px;} #contact .son .list .word .ul .li {margin-top: 27px;} #contact .son .list .word .ul .li:first-child {margin-top: 0;} #contact .son .list .word .ul .li .name {font-size: 18px;font-weight: 500;} #contact .son .list .word .ul .li .brief {margin-top: 10px;font-size: 18px;color: #666666;} #contact .code {display: flex;padding: 115px 0;flex-wrap: wrap;} #contact .code .box {width: 19.928%;border-radius: 10px;border: 1px solid #e6e6e6;padding: 45px 2.928% 25px;margin-right: 6.685%;margin-top: 20px;} #contact .code .box:nth-child(-n+4) {margin-top: 0;} #contact .code .box:nth-child(4n) {margin-right: 0;} #contact .code .box .name {font-size: 18px;margin-top: 35px;text-align: center;} #contact .code .box img {position: relative;} @media screen and (max-width:1200px) { #contact .main {flex-direction: column-reverse;} #contact .main .right {width: 100%;} #contact .main .right .img {border-radius: 10px;width: auto;max-width: none;} #contact .main .word {width: 100%;margin-top: 30px;} #contact .son .list {display: block;} #contact .son .list .img {width: 100%;padding-top: 0;} #contact .son .list .img .max {position: relative;} #contact .son .list .word {width: 100%;margin-top: 30px;} #contact .code {justify-content: space-between;} #contact .code .box {width: 49%;margin-right: 0;} #contact .code .box:nth-child(-n+4) {margin-top: 20px;} #contact .code .box:nth-child(-n+2) {margin-top: 0;} } @media screen and (max-width:750px) { #contact .son .list .word .ul .li .name, #contact .main .word .ul .li .name {font-size: 30px;} #contact .son .list .word .ul .li .brief, #contact .main .word .ul .li .brief {font-size: 30px;} #contact .code .box .name {font-size: 30px;} } /* 留言反馈 */ #form {padding: 100px 0 120px;background: #f7f7fa;} #form .form {margin-top: 55px;padding: 50px 7.142% 70px;background: #fff;border-radius: 10px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} #form .form .li {border-radius: 3px;line-height: 60px;border: 1px solid #e6e6e6;width: 48.333%;box-sizing: border-box;padding: 0 19px;display: flex;justify-content: space-between;font-size: 18px;margin-top: 20px;overflow: hidden;} #form .form .li:hover {border-color: var(--color2);} #form .form .li .tip {color: #999999;} #form .form .li .tip span {color: #ff0000;} #form .form .li .input {width: calc(100% - 60px);} #form .form .big {height: auto;line-height: 1.6;padding: 15px 19px;width: 100%;} #form .form .big .textarea {height: 186px;width: 100%;} #form .form .CodeBox {padding: 0 0 0 19px;} #form .form .CodeBox .input {width: calc(100% - 70px - 158px);} #form .form .CodeBox .code {width: 157px;height: 60px;border-left: 1px solid #e6e6e6;} #form .form .btn {line-height: 60px;border-radius: 30px;background: var(--color2);color: #fff;min-width: 255px;padding: 0 30px;margin-top: 20px;text-align: center;font-size: 20px;font-weight: 500;cursor:pointer;} @media screen and (max-width:1200px) { #form .form {justify-content: center;} #form .form .li {width: 100%;} } @media screen and (max-width:750px) { #form .form .li {line-height: 80px;font-size: 30px;} #form .form .li .input {width: calc(100% - 100px);} #form .form .CodeBox .input {width: calc(100% - 140px - 158px);} #form .form .big .textarea {height: 300px;} #form .form .btn {font-size: 26px;line-height: 80px;border-radius: 40px;} } /* 成长与发展 */ #develop {background: #f7f7fa;overflow: hidden;} #develop .content {display: flex;justify-content: space-between;align-items: center;} #develop .content .word {width: 40.714%;} #develop .content .word .name {font-size: 45px;font-weight: 500;} #develop .content .word .brief {margin-top: 35px;line-height: 36px;font-size: 18px;} #develop .content .right {width: 50%;} #develop .content .right .img {width: 50vw;max-width: 960px;padding-top: 114.286%;} #develop .content .right .img .max {object-fit: cover;} @media screen and (max-width:750px) { #develop {padding: 100px 0;} #develop .content {flex-direction: column-reverse;} #develop .content .right {width: 100%;} #develop .content .right .img {width: auto;max-width: none;padding-top: 0;} #develop .content .right .img .max {position: relative;} #develop .content .word {width: 100%;margin-top: 30px;} #develop .content .word .brief {font-size: 30px;line-height: 1.8;} } /* 招聘岗位 */ #join {background-color: #f7f7fa;padding: 100px 0 75px;} #join .content {display: flex;flex-wrap: wrap;margin-top: 50px;} #join .content .card{width: 31.357%;border-radius: 10px; padding:55px 3.571%;background-color: #fff;margin-right: 2.9%;margin-top: 43px;} #join .content .card:nth-child(3n) {margin-right: 0;} #join .content .card:nth-child(-n+3) {margin-top: 0;} #join .content .card .title .work .text{color:#1a1a1a;line-height: 1.8;font-size: 20px;font-weight: bold;} #join .content .card .title .work .icon {margin-left: 12px;} #join .content .card .title .department {padding-bottom: 50px;color:#666666;line-height: 1.8;border-bottom:1px solid #f2f2f2;font-size: 16px;} #join .content .card .brief {margin-top:40px;display: flex;flex-wrap: wrap;justify-content: space-between;} #join .content .card .brief .text {color:#666666;line-height: 1.8;font-size: 16px;width: 49%;} #join .content .card:hover .title .work .text{color:var(--color2);} #join .content .card:hover {box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);transform:translateY(-10px);} #join .content .card:hover .title .work .icon {color:var(--color2);} #join .btn {text-align: center;font-size: 18px;margin-top: 70px;cursor:pointer;} #join .btn.isend {display: none;} @media screen and (max-width:1200px) { #join .content {justify-content: space-between;} #join .content .card {width: 49%;margin-right: 0;} #join .content .card:nth-child(-n+3) {margin-top: 43px;} #join .content .card:nth-child(-n+2) {margin-top: 0;} #join .content .card .brief .text {width: 100%;} } @media screen and (max-width: 750px){ #join .content .card {width: 100%;} #join .content .card:nth-child(-n+3) {margin-top: 43px;} #join .content .card:nth-child(-n+2) {margin-top: 43px;} #join .content .card:first-child {margin-top: 0;} #join .content .card .title .work .text {font-size: 36px;} #join .content .card .title .work .icon {font-size: 24px;} #join .content .card .title .department {font-size: 26px;} #join .content .card .brief .text {font-size: 30px;line-height: 1.8;} #join .btn {font-size: 26px;} } #join-pup {position: fixed;width: 100%;height: 100%; background: rgba(0,0,0,.6);display: none;top: 50%;left: 50%;transform: translate(-50%,-50%);} #join-pup .job{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;} #join-pup .job .center{width: 57.2916%;background: #fff;max-height: 90vh;overflow-y: scroll;padding: 40px 3.90625%;position: relative;} #join-pup .job .close{right: 40px;top: 30px;width: 24px;height: 24px;position: absolute;font-size: 36px;cursor:pointer;} #join-pup .job .close .svg {width: 24px;height: 24px;fill:#3f3f3f;} #join-pup .job .tit{padding-bottom: 35px;border-bottom: 1px solid #e3e3e3;color: #1a1a1a;font-weight: bold;font-size: 28px;margin-bottom: 40px;} #join-pup .job .t2{margin-bottom: 15px;color: #1a1a1a;font-size: 18px;font-weight: bold;} #join-pup .job .brief{color: #1a1a1a;font-size: 16px;line-height: 30px;margin-bottom:40px} #join-pup .job .box{border-bottom: 1px solid #e3e3e3;padding-bottom: 40px;color: #1a1a1a;font-size: 16px;line-height: 30px;} #join-pup .job .contact {margin-top: 40px;} #join-pup .job .contact .wy{color: #999999;font-size: 16px;line-height: 1.8;} #join-pup .job .contact .btn{margin-top: 44px;margin-bottom: 80px;width: 165px;height: 55px;line-height: 55px;color: #fff;background: var(--color2);font-size: 18px;} #join-pup .job .contact .btn:hover{opacity: .8;} @media (max-width: 750px){ #join-pup .job .desc, #join-pup .job .t2{font-size: 30px;line-height:1.8;} #join-pup .job .contact .wy{font-size: 26px;line-height:1.8;} #join-pup .job .desc{margin-bottom: 2;padding-bottom: 1.8;} #join-pup .job .tit{font-size: 42px;} #join-pup .job .center{padding: 40px 50px;} #join-pup .job .contact .btn{font-size: 30px;} #join-pup .job .center{width: 87%;} #join-pup .job .brief{font-size: 30px;line-height:1.8;} #join-pup .job .box{font-size: 30px;line-height: 1.8;} #join-pup .job .contact .btn {width: 200px;height: 80px;line-height: 80px;} #join-pup .job .close{width: 40px;height: 40px;} #join-pup .job .close:hover{transform: rotate(-180deg);} #join-pup .job .close .svg {width: 40px;height: 40px;fill:#3f3f3f;} } /* 基本服务 */ #service {padding: 100px 0 110px;} #service .content {display: flex;justify-content: space-between;margin-top: 35px;} #service .content .left {width: 74.642%;display: flex;flex-wrap: wrap;} #service .content .left .box {width: 32.248%;border-radius: 10px;background: #f7f7fa;padding: 40px 30px;min-height: 300px;margin-top: 35px;margin-right: 1.622%;} #service .content .left .box:nth-child(3n) {margin-right: 0;} #service .content .name {font-size: 20px;font-weight: 600;margin-top: 25px;} #service .content .brief {margin-top: 10px;font-size: 16px;line-height: 24px;} #service .content .tip {font-size: 16px;color: var(--color2);margin-top: 10px;} #service .content .right {border-radius: 10px;background: #f7f7fa;width: 24.0714%;padding: 40px 30px;margin-top: 35px;} @media screen and (max-width:1200px) { #service .content .left {justify-content: space-between;width: 66%;} #service .content .left .box {width: 49%;margin-right: 0;} #service .content .right {width: 32%;} } @media screen and (max-width:750px) { #service .content {display: block;} #service .content .left {width: 100%;} #service .content .left .box {width: 100%;} #service .content .right {width: 100%;} #service .content .name {font-size: 36px;} #service .content .brief {font-size: 30px;line-height: 1.8;} #service .content .tip {font-size: 26px;} } /* 服务网点 */ #map {padding: 100px 0 110px;background: #f7f7fa;} #map .choose {margin-top: 40px;display: flex;justify-content: center;} #map .choose .box {cursor:pointer;min-width: 151px;line-height: 51px;padding: 0 20px;background: #fff;text-align: center;font-size: 18px;border-radius: 30px;margin-right: 47px;} #map .choose .box:last-child {margin-right: 0;} #map .choose .box:hover, #map .choose .box.cur {background: var(--color2);color: #fff;} #map .bind {margin-top: 60px;} #map .bind .box {display: none;} #map .bind .box.cur {display: flex !important;} #map .bind .box img {position: relative;} #map .bind .item {display: flex;align-items: center;justify-content: space-between;} #map .bind .item .img {width: 70%;} #map .bind .item .info {width: 23.571%;padding: 35px 2.071%;background: #fff;border-radius: 10px;overflow: hidden;background: #fff;box-shadow: 0px 20px 40px 0px rgba(7, 39, 24, 0.1);} #map .bind .item .info .list {margin-top: 25px;} #map .bind .item .info .list:first-child {margin-top: 0;} #map .bind .item .info .list .title {font-size: 24px;font-weight: 500;color: var(--color2);} #map .bind .item .info .list .title span {color: var(--main);} #map .bind .item .info .list .ul {margin-top: 15px;font-size: 16px;} #map .bind .item .info .list .ul .son {margin-top: 15px;} #map .bind .item .info .list .ul .son:first {margin-top: 0;} #map .bind .item .info .list .ul .tit {font-weight: 500;color: var(--color2);} #map .bind .item .info .list .ul .ol {display: flex;flex-wrap: wrap;} #map .bind .item .info .list .ul .ol .li {margin-right: 4.8%;} @media screen and (max-width:1024px) { #map .bind .box.cur {display: block !important;} #map .bind .item .img {width: 100%;} #map .bind .item .info {width: 100%;margin-top: 30px;padding: 35px 30px;} #map .bind .item .info .list .ul .ol .li {margin-right: 30px;} } @media screen and (max-width:750px) { #map .choose .box {font-size: 26px;line-height: 60px;min-width: 180px;} #map .bind .item .info .list .title {font-size: 36px;} #map .bind .item .info .list .ul {font-size: 30px;line-height: 1.8;} } /* 解决方案 */ #solution {padding: 110px 0 95px;background: #f7f7fa;} #solution .list .info {width: 100%;margin-bottom: 40px;background-color: #fff;border-radius: 10px;overflow: hidden;} #solution .list .info:last-child{margin-bottom: 0px;} #solution .list .info .msg, #solution .list .info .img{width: 50%;} #solution .list .info .img:after{padding-top: 62.5%;} #solution .list .info .msg {padding: 0 80px 0 70px;} #solution .list .info .msg .tit{color: #333;font-size:30px;line-height: 62px;font-weight: 500;} #solution .list .info .msg .brief{color: #666;font-size: 18px;line-height: 30px;margin: 13px 0 75px;max-height: 60px;} #solution .list .info .msg .more{width: 150px;height: 50px;line-height: 50px;font-size: 16px;border: 1px solid #cccccc;border-radius: 30px;} @media (any-hover:hover) { #solution .list .info:hover {background-color: #fff;box-shadow: 0 5px 10px rgba(51, 51, 51, 0.1);} #solution .list .info:hover .msg .more {background: var(--color2);border-color: var(--color2);color: #fff;} } @media (max-width: 1300px){ #solution {padding: 80px 0;} #solution .list .info .msg {padding: 40px;display: flex;flex-direction: column;justify-content: space-around;height: 100%;flex: 1;} #solution .list .info .msg .brief {margin: 30px 0 40px;} } @media (max-width: 1180px){ #solution .list .info .msg .brief {margin: 20px 0;} } @media (max-width: 1100px){ #solution .list .info .msg {padding: 20px 40px;} } @media (max-width: 960px){ #solution .list .info .msg, #solution .list .info .img{width: 100%;} } @media (max-width: 750px){ #solution .list .info{display: block;} #solution .list .info .msg, #solution .list .info .img{width: 100%;} #solution .list .info .msg{padding: 40px;} #solution .list .info .msg .tit{font-size: var(--font-big-S);line-height: var(--font-big-L);} #solution .list .info .msg .brief{font-size: var(--font-txt-S);line-height: var(--font-txt-L);max-height: calc(var(--font-txt-L)*3);-webkit-line-clamp: 3;margin: 30px 0;} #solution .list .info .msg .more{height: 80px;line-height: 80px;font-size: var(--font-txt-S);width: 240px;border-radius: 40px;} } /* page */ #page {margin-top: 60px;display: flex;justify-content: center;} #page .box {width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #666666;margin-right: 10px;border-radius: 5px;border: 1px solid #e5e5e5;box-sizing: border-box;background: #fff;} #page .box:last-child {margin-right: 0;} #page .pn.l {transform: rotate(-180deg);} #page .pn .svg {fill: #666666;} #page .pn:hover {background: var(--color2);border-color: var(--color2);} #page .pn:hover .svg {filter: brightness(0) invert(100%);} #page .box.cur {background: var(--color2);color: #fff;border-color: var(--color2);} #page .end.hide {display: none;} /* #page .pn.end:last-child {margin-left: 10px;} */ #page .lyui_paging>font{display: none;} #page .lyui_paging_prev, #page .lyui_paging_next {background: #fff; width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #666666;margin-right: 10px;border-radius: 5px;border: 1px solid #e5e5e5;box-sizing: border-box;} #page .lyui_paging_prev {transform: rotate(-180deg);} #page .lyui_paging_prev:hover, #page .lyui_paging_next:hover {background: var(--color2);border-color: var(--color2);} #page .lyui_paging_prev:hover .svg , #page .lyui_paging_next:hover .svg {filter: brightness(0) invert(100%);} #page .lyui_paging_point, #page .lyui_paging_btn:first-child, #page .lyui_paging_btn {background: #fff; width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #666666;margin-right: 10px;border-radius: 5px;border: 1px solid #e5e5e5;box-sizing: border-box;} #page .lyui_paging_btn:last-child {margin-right: 0;} #page .lyui_paging_point:hover, #page .lyui_paging_btn:hover {border-color: var(--color2);color: var(--color2);} #page .lyui_paging_btn.cur {background: var(--color2);color: #fff;border-color: var(--color2);} /* 解决方案 详情 */ #solution-detail {padding: 140px 0;overflow: hidden;} #solution-detail .content {display: flex;align-items: center;justify-content: space-between;} #solution-detail .content .left {width: 44.2857%;} #solution-detail .content .left .name {font-size: 45px;} #solution-detail .content .left .brief {margin-top: 32px;font-size: 18px;line-height: 37px;} #solution-detail .content .right {width: 42.857%;} #solution-detail .content .right .img {width: 50vw;max-width: 860px;padding-top: 103.338%;} #solution-detail .content .right .img .max {object-fit: cover;} @media screen and (max-width:1024px) { #solution-detail .content {flex-direction: column-reverse;} #solution-detail .content .right {width: 100%;} #solution-detail .content .right .img {width: auto;max-width: none;} #solution-detail .content .left {width: 100%;margin-top: 30px;} } @media screen and (max-width:750px) { #solution-detail .content .left .brief {font-size: 30px;line-height: 1.8;} } /* 行业应用 */ #application {padding: 100px 0 125px;background: #f7f7fa;overflow: hidden;} #application .content {position: relative;margin-top: 70px;overflow: visible;} #application .content .container {padding-bottom: 100px;} #application .content .slide {border-radius: 10px;background: #fff;overflow: hidden;width: 23.142%;transition: all 0.3s linear;margin-right: 2.428%;} #application .content .slide:last-child {margin-right: 0;} #application .content .slide .img {padding-top: 75%;position: relative;} #application .content .slide .name {padding: 35px 30px 40px;text-align: center;font-size: 20px;} #application .content .slide:hover {box-shadow: 0px 20px 40px 0px rgba(7, 39, 24, 0.1);} #application .content .swiper-pagination-bullet {opacity: 1;width: 8px;height: 8px;background: #c6c6c8;margin: 0 10px;} #application .content .swiper-pagination-bullet-active {background: var(--main);} #application .content .pn {width: 70px;height: 70px;border-radius: 50%;border: 2px solid #333;color: #333;opacity: 0.3;position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;} #application .content .pn.prev {left: -110px;} #application .content .pn.next {right: -110px;} #application .content .pn:hover {background: var(--main);opacity: 1;border-color: var(--main);color: #fff;} @media screen and (max-width:1536px) { #application .content .pn.prev {left: 0px;} #application .content .pn.next {right: 0px;} } @media screen and (max-width:1024px) { #application .content .slide {width: 49%;margin-right: 1%;} } @media screen and (max-width:750px) { #application .content .slide .name {font-size: 30px;} } /* 历届咨询 */ #consult {padding: 125px 0 155px;color: #fff;text-align: center; background: url(/JS9FH1OPUHOoJHETJygoUySpJxMRKxpnK0SI.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;} #consult .title {font-size: 45px;font-weight: 500;} #consult .brief {font-size: 20px;margin-top: 15px;} #consult .btn {width: 158px;line-height: 45px;border-radius: 30px;font-size: 18px;background: var(--color2);margin: auto;margin-top: 55px;} @media screen and (max-width:750px) { #consult .brief {font-size: 30px;line-height: 1.8;} #consult .btn {width: 250px;line-height: 60px;font-size: 26px;} } /* w66利来最给利资讯 */ #news {padding: 110px 0 90px; background-color: #f7f7fa;} #news .top {display: flex;justify-content: space-between;} #news .top .img {width: 65.357%;padding-top: 35.714%;} #news .top .img .max {object-fit: cover;} #news .top .word {width: 30.714%;background: #fff;border-radius: 10px;padding: 48px 40px 65px;color: #999999;} #news .top .word .name {line-height: 40px;font-size: 28px;color: #333;font-weight: 600;} #news .top .word .time {margin-top: 12px;font-size: 18px;font-weight: 500;} #news .top .word .brief {margin-top: 25px;line-height: 29px;font-size: 16px;} #news .top .word .btn {margin-top: 50px; width: 120px;height: 40px;border-radius: 30px;box-sizing: border-box;border: 1px solid #d9d9d9;text-align: center;font-size: 16px;color: #333;} #news .top:hover .word {color: #fff;background: var(--color2);} #news .top:hover .word .name {color: #fff;} #news .top:hover .word .btn {background: #fff;border-color: #fff;color: var(--color2);} #news .bottom {display: flex;flex-wrap: wrap;} #news .bottom .case {width: 30.714%;background: #fff;color: #999999; padding: 42px 38px 50px;border-radius: 10px;margin-top: 50px;margin-right: 3.928%;} #news .bottom .case:nth-child(3n) {margin-right: 0;} #news .bottom .case .name {font-size: 22px;font-weight: 500;color: #353535;line-height: 36px;height: 72px;} #news .bottom .case .brief {font-size: 16px;margin-top: 25px;line-height: 28px;} #news .bottom .case .btn {margin-top: 35px; width: 120px;height: 40px;border-radius: 30px;box-sizing: border-box;border: 1px solid #d9d9d9;text-align: center;font-size: 16px;color: #333;} #news .bottom .case .img {position: relative;margin-top: 22px;} #news .bottom .case .img::before {padding-top: 62.8%;} #news .bottom .case .img img {object-fit: cover;} #news .bottom .case .img .time {padding: 15px; position: absolute;bottom: 0;left: 0;background: #f5f6fa;text-align: center;font-weight: bold;} #news .bottom .case .img .time .day {font-size: 36px;margin-bottom: 10px;} #news .bottom .case .img .time .year {font-size: 16px;} #news .bottom .case:hover {background: var(--color2);color: #fff;} #news .bottom .case:hover .name {color: #fff;} #news .bottom .case:hover .img .time {background: var(--main);} #news .bottom .case:hover .btn {background: #fff;border-color: #fff;color: var(--color2);} @media screen and (max-width:1024px) { #news .top {display: block;border-radius: 10px;overflow: hidden;} #news .top .img {width: 100%;padding-top: 0;} #news .top .img .max {position: relative;} #news .top .word {width: 100%;border-radius: 0;} #news .bottom {justify-content: space-between;} #news .bottom .case {width: 48%;margin-right: 0;} } @media screen and (max-width:750px) { #news .bottom .case {width: 100%;} #news .bottom .case .name , #news .top .word .name {font-size: 36px;line-height: 1.6;height: auto;} #news .bottom .case .img .time .year, #news .top .word .time {font-size: 26px;} #news .bottom .case .brief, #news .top .word .brief {font-size: 30px;line-height: 1.8;} #news .bottom .case .btn, #news .top .word .btn {width: 250px;line-height: 80px;font-size: 26px;border-radius: 40px;height: 80px;} } /* 面包屑 */ #bread {margin-top: 121px;background: #f7f7fa;} #bread .content {line-height: 56px;border-bottom: 1px solid #e6e6e6;display: flex;} #bread .content a {margin-right: 9px;color: #999999;font-size: 18px;} #bread .content a:last-child {margin-right: 0;color: #333;} @media screen and (max-width:750px) { #bread .content {display: none;} } /* 新闻详情 */ #news-detail {padding: 85px 0 165px;background: #f7f7fa;} #news-detail .left{width: 68.571%;} #news-detail .left .title{font-size: 30px;color: #333;font-weight: 700;} #news-detail .left .time{font-size: 16px;color: #999;padding-left: 30px;background: url(/JS9FH1OPUI1EDxVqJyqnKjZqESgJ.jpg) no-repeat left;line-height: 20px;margin-top: 22px;font-weight: 500;} #news-detail .left .author{font-size: 16px;color: #999;padding-left: 30px;background: url(/JS9FH1OPUI1EDxVqJyqnKjNqESgJ.jpg) no-repeat left;line-height: 20px;margin-top: 22px;margin-left: 36px;} #news-detail .left .content{margin-top: 52px;line-height: 38px;} #news-detail .right{width: 27.142%;} #news-detail .right .page_box{background: #fff;border-radius: 40px;overflow: hidden;padding: 40px;} #news-detail .right .page_box .page{} #news-detail .right .page_box .prev{padding-bottom: 45px;border-bottom: 1px solid #ccc;margin-bottom: 45px;} #news-detail .right .page_box .page .txt{font-size: 20px;color: #333;font-weight: 500;} #news-detail .right .page_box .page .tit{font-size: 20px;color: #333;line-height: 1.5;max-height: 60px;margin: 16px 0 20px;} #news-detail .right .page_box .page .time{font-size: 16px;color: #999;font-weight: 500;} #news-detail .right .page_box .page:not(.none):hover .tit{color: var(--color);font-weight: 700;} @media screen and (max-width:1024px){ #news-detail {padding: 80px 0;} #news-detail .box{flex-wrap: wrap;} #news-detail .left{width: 100%;} #news-detail .right{width: 100%;margin-top: 30px;} } @media screen and (max-width:750px){ #news-detail .left .title{font-size: 42px;} #news-detail .left .time{font-size: 30px;line-height: 30px;background-size: 26px;} #news-detail .left .author{font-size: 30px;line-height: 30px;background-size: 26px;} #news-detail .left .content *{font-size: 30px !important; line-height: 1.6 !important; } #news-detail .right .page_box .page .txt{font-size: 30px;} #news-detail .right .page_box .page .tit{font-size: 30px;max-height: 90px;} #news-detail .right .page_box .page .time{font-size: 26px;} } #tip {text-align: center;font-size: 18px;color: var(--main);} @media screen and (max-width:1024px) { #tip {font-size: 26px;} } /* 产品世界 */ #products {padding: 110px 0 105px;} #products .hot {padding: 45px 10% 45px;border-radius: 10px;background: url(/JS9FH1OPUHATJyIUHROTUyOnH1qJUSyRHt.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: space-between;align-items: center;} #products .hot .tip {font-weight: 600;padding: 0 20px;display: inline-block;line-height: 30px;color: #fff;position: relative;z-index: 1;} #products .hot .tip::before {content: '';position: absolute;width: 100%;height: 100%;background: var(--main);transform: skew(-28deg) translateX(-18px);z-index: -1;border-radius: 8px 0 8px 0;} #products .hot .name {font-weight: 600;font-size: 60px;margin-top: 5px;} #products .hot .brief {margin-top: 5px;line-height: 37px;font-size: 20px;width: 280px;} #products .hot .btn {width: 140px;height: 40px;line-height: 39px;text-align: center;font-size: 16px;border: 1px solid;border-radius: 24px;margin-top: 52px;} /* #products .hot .img {width: 49.107%;padding-top: 49.107%;position: relative;} */ #products .hot .img {width: 49.107%;padding-top: 57.107%;position: relative;} #products .hot:hover .btn {background: var(--color2);border-color: var(--color2);color: #fff;} #products .content {display: flex;flex-wrap: wrap;} #products .content .box {padding: 30px 0 0; width: 49.285%;background: #fff;margin-right: 1.4%;margin-top: 22px;cursor:pointer;background: url(/JS9FH1OPUHATJyIUHROTUyOHTy9OID.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 10px;overflow: hidden;} #products .content .box .img {width: 66.666%;padding-top: 66.666%;position: relative;margin: auto;} #products .content .box:nth-child(2n) {margin-right: 0;} #products .content .box .text {padding: 10px 40px 70px;} #products .content .box .text .name {font-size: 30px;font-weight: 500;margin-bottom: 20px;} #products .content .box .text .title {font-size: 18px;line-height: 1.8;margin-bottom: 40px;} #products .content .box .text .btn {width: 140px;height: 40px;line-height: 39px;text-align: center;font-size: 16px;border: 1px solid;border-radius: 24px;} /* #products .content .box:hover {color: var(--color2);box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);transform:translateY(-10px);} */ #products .content .box:hover {color: var(--color2);} #products .content .box:hover .text .btn {background: var(--color2);border-color: var(--color2);color: #fff;} @media screen and (max-width:750px) { #products .hot {background: url(/JS9FH1OPUHATJyIUHROTUyOHTy9OID.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;flex-direction: column-reverse;} #products .hot .img {width: 100%;padding-top: 100%;} #products .hot .word {width: 100%;margin-top: 30px;} #products .hot .brief {font-size: 30px;line-height: 1.8;width: 100%;} #products .content {display: block;} #products .content .box {width: 100%;} #products .content .box .text .name {font-size: 42px;} #products .content .box .text .title {font-size: 30px;} #products .hot .btn, #products .content .box .text .btn {font-size: 30px;width: 220px;height: 72px;line-height: 71px;border-radius: 36px;} #products .hot .tip {font-size: 26px;line-height: 50px;} } /* 产品详情 */ #products_banner{padding: 135px 0;background: url(/JS9FH1OPUHATJyIUHROTUyOnH1qJUSyRHt.jpg) no-repeat center / cover;} #products_banner .box{align-items: center;} #products_banner .box .text_box{width: 50%;padding-right: 3.571%;padding-top: 90px;} #products_banner .box .text_box .tit{font-size: 70px;color: var(--color2);line-height: 1;font-weight: 600;} #products_banner .box .text_box .txt{font-size: 40px;font-weight: 600;} #products_banner .box .text_box .brief{font-size: 20px;line-height: 1.88;margin-top: 35px;} #products_banner .box .pic{width: 45.714%;padding-bottom: 25px;} #products_banner .box .pic .slide {content: '';display: block;padding-top: 100%;height: 0;} #products_banner .box .pic .circle-page .circle {width: 14px;height: 14px;} @media(max-width: 1440px){ #products_banner .box .text_box{padding-right: 0;} } @media(max-width: 750px){ #products_banner{padding: 80px 0;} #products_banner .box{flex-direction: column-reverse;} #products_banner .box .pic{width: 100%;} #products_banner .box .text_box{width: 100%;padding-top: 20px;} #products_banner .box .text_box .brief{font-size: 30px;} } /* 产品特点 */ #features{padding: 115px 0 135px;background: #f7f7fa;} #features .box{align-items: center;} #features .box .text_box{width: 50%;padding-right: 90px;} #features .box .text_box .tit{font-size: 45px;font-weight: 600;} #features .box .text_box .brief{font-size: 18px;color: #333;line-height: 2.22;margin-top: 25px;} /* #features .box .pic{width: 50%;background: #fff;border-radius: 10px;overflow: hidden;} */ /* #features .box .pic{width: 50%;border-radius: 10px;overflow: hidden;} #features .box .pic::before{content: '';display: block;padding-top: 74.285%;} */ #features .box .right{width: 50%;border-radius: 10px;overflow: hidden;} #features .box .right .container, #features .box .right .container .slide{width: 100%; border-radius: 10px;} #features .box .right .container .slide::before{content: '';display: block;padding-top: 74.285%;} #features .box .right .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--color2);} @media(max-width: 1024px){ #features .box .text_box{padding-right: 30px;} } @media(max-width: 750px){ #features{padding: 80px 0;} #features .box{flex-wrap: wrap;} #features .box .text_box{width: 100%;padding-right: 0;} #features .box .text_box .tit{font-size: 36px;} #features .box .text_box .brief{font-size: 30px;} #features .box .text_box .brief:nth-child(2){margin-bottom: 30px;} /* #features .box .pic{width: 100%;margin-top: 30px;} */ #features .box .right{width: 100%;margin-top: 30px;} } /* 产品参数 */ #parameters{padding: 100px 0 110px;background: url(/JS9FH1OPUHATJyIUHROTUxWFEyEpUSyRHt.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;} #parameters .title{font-size: 45px;font-weight: 500;} #parameters .content{margin-top: 33px;} #parameters .content .li{width: 50%;font-size: 18px;padding-bottom: 25px;margin-bottom: 35px;border-bottom: 1px solid rgba(0,0,0,.1);} #parameters .content .li .tit{width: 43.125%;} #parameters .content .li .brief{width: 56.875%;} #parameters .content table {width: 100% !important;} /* #parameters .content table {max-width: 100% !important;} */ #parameters .content td { font-size: 18px;padding: 15px 0;border-bottom: 1px solid rgba(0,0,0,.1);} @media(max-width: 750px){ #parameters{padding: 80px 0;} #parameters .title{font-size: 42px;} #parameters .content{margin-top: 60px;width: 2000px;} #parameters .content .li{width: 100%;font-size: 30px;} #parameters .content .li .tit{width: 50%;} #parameters .content .li .brief{width: 50%;} #parameters .content td {font-size: 30px;} #parameters .long {overflow: auto;} } /* 样品展示 */ #display{padding: 110px 0 150px;background: #f7f8fa;} #display .title{font-size: 45px;color: #333;font-weight: 500;} #display .content{margin-top: 50px;position: relative;} #display .content .li{} #display .content .li .pic{border-radius: 10px;overflow: hidden;} #display .content .li .pic::before{content: '';display: block;padding-top: 65.346%;} #display .content .li .tit{font-size: 18px;color: #333;margin-top: 30px;} #display .content .pn {width: 70px;height: 70px;border-radius: 50%;border: 2px solid var(--color2);color: #fff;opacity: 1;position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;background: var(--color2);} #display .content .pn.prev {left: 30px;} #display .content .pn.next {right: 30px;} #display .content .pn:hover {background: var(--main);opacity: 1;border-color: var(--main);color: #fff;} @media(max-width: 750px){ #display{padding: 80px 0;} #display .title{font-size: 42px;} #display .content .li .tit{font-size: 30px;} } /* 资料下载 */ #download {padding:100px 0 80px;background-color: #f7f7fa;} #download .ul {display: flex;flex-wrap: wrap;} #download .ul .li {width: 32.142%; padding: 40px 30px;background-color: #ffffff;cursor:pointer;border-radius: 10px;overflow: hidden;margin-right: 1.785%;margin-top: 26px;} #download .ul .li:nth-child(-n+3) {margin-top: 0;} #download .ul .li:nth-child(3n) {margin-right: 0;} #download .ul .li:hover {transform: translateY(-10px);} #download .ul .li .title {font-size: 20px;font-weight: 600;} #download .ul .li .brief {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10px;} #download .ul .li .brief .list {font-size: 16px;color: #999999;width: 49%;line-height: 30px;} #download .ul .li .btn {margin-top: 32px;min-width: 100px;height: 40px;border-radius: 30px;display: inline-flex;justify-content: space-between;align-items: center;padding: 0 20px;color: #fff;font-size: 16px;background: var(--color2);} #download .ul .li .btn:hover {background: var(--main);} #download .ul .li .btn.none {display: none !important;} #download .ul .li .btn .subText {margin-right:10px;color:#fff;font-size: 16px;} #download .ul .li .btn .icon .svg {width:20px;height:20px;fill:#fff;} #download .ul .li:hover {box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #download .ul .li:hover .title {color:var(--color2);} #download .ul .li:hover .brief .list {color:#1a1a1a;} @media screen and (max-width:1280px) { #download .ul .li .brief {display: block;} #download .ul .li .brief .list {width: 100%;} } @media screen and (max-width: 750px) { #download .ul .li {padding: 60px 34px;width: 100%;} #download .ul .li:nth-child(-n+3) {margin-top: 26px;} #download .ul .li:first-child {margin-top: 0;} #download .ul .li .title {font-size: 36px;line-height: 1.3;} #download .ul .li .brief .list {font-size: 30px;line-height: 1.8;} #download .ul .li .btn {height:80px;;border-radius: 40px;min-width: 180px;padding: 0 30px;} #download .ul .li .btn .subText {font-size: 26px;} #download .ul .li .btn .icon {font-size: 26px;} } /* 侧边栏 */ #fload {position: fixed;right: 60px;top: 50%;transform: translateY(-50%);z-index: 50;} #fload .box {width: 53px;height: 53px;background: #fff;border-radius: 50%;margin-top: 6px;position: relative;box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #fload .red {background: var(--color2);} #fload .box:first-child {margin-top: 0;} /* #fload .box .svg {fill: #333333;} */ #fload .box .out {display: none; width: max-content;height: 100%;padding: 0 20px;align-items: center;justify-content: center;color: var(--color2);border-radius: 5px;font-size: 16px;position: absolute;right: 62px;top: 0;animation: floadRun 0.6s ease both;z-index: -1; background-image: -moz-linear-gradient( 180deg, rgb(230,240,255) 0%, rgb(226,246,241) 100%);background-image: -webkit-linear-gradient( 180deg, rgb(230,240,255) 0%, rgb(226,246,241) 100%);background-image: -ms-linear-gradient( 180deg, rgb(230,240,255) 0%, rgb(226,246,241) 100%);box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #fload .box .out.code {height: max-content;padding: 10px;} #fload .box.top {cursor:pointer;} /* #fload .box:hover {background: var(--color);} */ /* #fload .box:hover .svg {fill: #fff;} */ #fload .box:hover .out {display: flex;} @media screen and (max-width:900px) { #fload {right: auto;top: auto;transform: translateY(0);bottom: 0;left: 0;width: 100%;display: flex;box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #fload .box {width: 25%;margin-top: 0;border-radius: 0;height: 90px;box-shadow:none;} #fload .box .svg {transform: scale(1.8);} #fload .box .out {right: auto;top: -90px;font-size: 26px;} #fload .box .out.code {top: -187px;width: 100%;height: 187px;} #fload .box .out.code img {transform: scale(1.3);} } #modalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease} #modalOverlay.show{opacity:1;visibility:visible} #modalOverlay .modal{background:white;border-radius:12px;padding:40px;width:400px;max-width:90vw;box-shadow:0 20px 60px rgba(0,0,0,0.15);transform:translateY(-20px) scale(0.95);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease} #modalOverlay.show .modal{transform:translateY(0) scale(1);opacity:1} #modalOverlay.closing .modal{transform:translateY(20px) scale(0.95);opacity:0} #modalOverlay .close-btn{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1;transition:color 0.2s ease} #modalOverlay .close-btn:hover{color:#666} #modalOverlay .modal-title{text-align:center;font-size:24px;font-weight:600;color:#333;margin-bottom:10px} #modalOverlay .modal-subtitle{text-align:center;color:#666;font-size:14px;margin-bottom:30px} #modalOverlay .form-group{margin-bottom:20px} #modalOverlay .form-label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px} #modalOverlay .input-wrapper{position:relative} #modalOverlay .form-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:all 0.3s ease;outline:none} #modalOverlay .form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1)} #modalOverlay .form-input.error{border-color:#ef4444} #modalOverlay .code-group{display:flex;gap:12px} #modalOverlay .phone-input{flex:1} #modalOverlay .code-input{flex:1} #modalOverlay .send-code-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:#4f46e5;color:white;border:none;padding:8px 16px;border-radius:6px;font-size:12px;cursor:pointer;transition:all 0.3s ease;white-space:nowrap} #modalOverlay .send-code-btn:hover:not(:disabled){background:#4338ca} #modalOverlay .send-code-btn:disabled{background:#d1d5db;cursor:not-allowed} #modalOverlay .submit-btn{width:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:10px} #modalOverlay .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px rgba(79,70,229,0.3)} #modalOverlay .submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none} #modalOverlay .error-message{color:#ef4444;font-size:12px;margin-top:5px;display:none} #modalOverlay .error-message.show{display:block} #modalOverlay .success-message{background:#f0fdf4;color:#166534;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #bbf7d0;display:none} #modalOverlay .success-message.show{display:block} #modalOverlay .demo-btn{background:#4f46e5;color:white;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:background 0.3s ease} #modalOverlay .demo-btn:hover{background:#4338ca} #modalOverlay .loading-spinner{display:none;width:20px;height:20px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin 0.8s linear infinite;margin-right:8px} #modalOverlay .submit-btn:disabled .loading-spinner{display:inline-block} @keyframes spin{ to{transform:rotate(360deg)} }