.title_hover a:nth-child(2) { color: #000 } .white { color: #fff !important } .apply-btn { font-weight: 300; width: 156px; height: 42px; line-height: 42px; background: #eb305b; color: #fff; font-size: 22px; position: absolute; text-align: center; left: 50%; bottom: 54px; margin-left: -78px; z-index: 10 } .content { width: 100%; margin: 0 auto } .swiper-slide img { height: 100% !important } .part-box { width: 1200px; margin: 0 auto } .part-title { width: 100%; font-size: 30px; line-height: 6; text-align: center; font-weight: normal; color: #333 } .part-title-sec { width: 100%; font-size: 30px; line-height: 6; text-align: center; font-weight: 400; color: #333 } .part-title-con { width: 100%; font-size: 30px; line-height: 6; text-align: center; font-weight: 400; color: #333 } .part-title-sm { width: 100%; font-size: 16px; padding-bottom: 60px; text-align: center; font-weight: 300; color: #282b42 } .back-grey { background: #f5f6f7 } .back-grey-d { background: #f0f0f0 } g-grey { background: #f7f8fa } .color-line { height: 1px; margin: 0 auto; width: 36px; background: #ff4500 } .banner-wrap { width: 100%; height: 500px; overflow: hidden; background-color: #f2f7fa } .banner-box { height: 100%; display: flex; align-items: center; background: url("../image/project_banner.png") no-repeat right bottom/655px auto } .banner-box h1 { font-size: 40px; color: #2f4858; font-weight: 400 } .banner-box p { color: #2f4858; font-size: 18px; line-height: 1.7; text-align: left; margin-top: 5px; letter-spacing: 1px } .banner-box a { display: block; margin-top: 30px; width: 160px; height: 40px; background: linear-gradient(229deg, #fc2f47 0%, #fd5b54 100%); border-radius: 4px; width: 160px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; transition: all .3s ease-in-out; background: linear-gradient(to right, #2f91d4, #1881c9) } .banner-box a:first-child { margin-right: 20px } .banner-box a:hover { box-shadow: 0 10px 25px 0 rgba(24,129,201,.5) } .enterprise-app { width: 100%; max-width: 875px; margin: 0 auto; padding-bottom: 24px; display: flex; flex-wrap: wrap; justify-content: space-between } .enterprise-app .enter-inner-ins { margin-right: 3%; margin-left: 3%; margin-bottom: 7% } .enter-inner-box { width: 112px; height: 112px; border: 1px solid #424d5f; align-items: center; justify-content: center; border-radius: 8px; background: #eee } .enter-inner-box img { display: block; margin: 0 auto; padding-top: 24px } .enter-inner-box h3 { text-align: center; font-weight: 600; color: #424d5f; font-size: var(--font-size); padding-top: 6px } .enter-inner-box .enter-inner-text h3 { text-align: center; font-weight: 500; color: #424d5f; font-size: 22px; padding-top: 12px } .enter-inner-box .enter-inner-text p { text-align: center; color: #6e7080; padding-top: 2px } .project-pro-box { display: flex; justify-content: space-between; flex-wrap: wrap } .pro-advan { width: 30%; padding: 4% 0; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; background: #fafafa no-repeat; background-position: 100% 100% } .pro-advan:hover { box-shadow: 0px 0px 10px rgba(255,80,92,.5); transition: all .25s ease-out; transform: translateY(-8px) } .pro-advan div { display: flex; align-items: center; width: 15%; margin-right: 10% } .pro-advan div img { width: 56px } .pro-advan p { color: #282b42; font-size: var(--font-size); letter-spacing: 1px } .pro-advan:nth-child(3n+1) { margin-left: 0px } .pro-advan .adv1 { background-image: url("../image/pro-advb1.png") } .pro-advan .adv2 { background-image: url("../image/pro-advb2.png") } .pro-advan .adv3 { background-image: url("../image/pro-advb3.png") } .pro-advan .adv4 { background-image: url("../image/pro-advb4.png") } .pro-advan .adv5 { background-image: url("../image/pro-advb5.png") } .pro-advan .adv6 { background-image: url("../image/pro-advb6.png") } .product-range-btn { border-bottom: 1px solid #eee; display: flex } .product-range-btn .range-btn { width: 20%; color: #282b42; text-align: center; font-size: 20px; height: 60px; line-height: 60px } .product-range-btn .range-btn-active { background: #eb305b; color: #fff } .product-range-ins .range-ins { width: 100%; height: auto; padding: 40px 0; display: flex; align-items: center; justify-content: center } .range-ins .range-ins-img { width: 50% } .range-ins .range-ins-img img { width: 80% } .range-ins-text { width: 40% } .range-ins-text h3 { font-weight: 500; font-size: 24px; color: #333; padding-bottom: 22px } .range-ins-text .disc-ran { width: 8px; height: 8px; background: #eb305b; border-radius: 100%; display: block; float: left; margin-top: 4px; margin-right: 10px } .range-ins-text li { font-weight: 500; font-size: var(--font-size); color: #6a6a6a; line-height: 18px; padding-bottom: 14px } .succ-case { background: url("../image/succ-case.jpg") center center no-repeat; background-size: 100%; padding-bottom: 71px; display: none } .inner-succcase { background: url("../image/innersucc-case.jpg") no-repeat } .case-classify { width: 273px; height: 350px; float: left; margin: 63px 0px; border-right: 1px solid #000 } .case-classify .case-nortab { color: #6e7080; line-height: 70px; text-indent: 110px } .case-classify .case-acttab { color: #eb305b; font-size: 20px } .case-con { width: 926px; height: 296px; padding: 90px 0px; float: left } .case-con div div { height: 148px; width: 100% } .case-con div div div { display: flex; align-items: center; justify-content: center; width: 325px; height: 148px; text-align: center; float: left } .case-con div div div img { width: 152px; mix-blend-mode: multiply } .jiantou-b { border-right: 1px solid #fff } .case-con div div p { width: calc(100% - 425px); height: 112px; float: left; line-height: 24px; font-size: 15px; color: #282b42 } .case-innercon { display: none } .case-innercon p { padding-top: 36px } .case-innercon p span { color: #333; font-weight: 600 } .case-show { display: block } .safety-con { position: absolute } .safety-con h3 { color: #4289cc; font-size: 20px; padding-bottom: 8px } .safety-con p { color: #aeaeae; font-size: 16px } .full { width: 100%; height: auto !important; text-align: center; padding-left: 0px !important; padding-right: 0px !important; padding: 40px 0px } .project-inner-box .full h3 { padding-top: 0px } @media screen and (max-width: 768px) { .banner-wrap { height: 42rem } .banner-box { width: 100%; max-width: 100%; justify-content: center; align-items: flex-start; background: #2a3245 url("../image/project_banner.png") no-repeat center bottom/70% auto } .banner-box h1 { font-size: 2.4rem; margin-top: 8rem; text-align: center; color: #fff } .banner-box p { font-size: 1.4rem; line-height: 1.7; text-align: center; color: #fff } .banner-box a { margin: 2rem auto 0; width: 10.2rem; height: 3.4rem; line-height: 3.4rem; font-size: 1.4rem } .project-pro-box { display: flex; justify-content: space-between } .project-pro-box .pro-advan { width: 49%; padding-left: 1.5rem; justify-content: flex-start; margin-bottom: 1.5rem } .project-pro-box .pro-advan div { margin-right: 1rem } .project-pro-box .pro-advan p { font-size: 1.3rem } .project-pro-box .pro-advan:nth-child(n+5) { margin-bottom: 0 } .product-range-btn { display: flex } .product-range-btn .range-btn { font-size: 1.3rem; height: 4rem; line-height: 4rem } .product-range-ins .range-ins { padding: 2rem 0; flex-wrap: wrap } .range-ins .range-ins-img { width: 100%; margin-top: 1rem } .range-ins .range-ins-img img { width: 100% } .range-ins-text { width: 100% } .range-ins-text h3 { font-size: 1.4rem; padding-bottom: 1.5rem } .range-ins-text li { font-size: 1.3rem; padding-bottom: .8rem } .enterprise-app { max-width: 100%; width: 92%; padding-bottom: 0 } .enterprise-app .enter-inner-ins { width: 23%; margin: 0 0 1rem 0 } .enterprise-app .enter-inner-ins:last-child { margin-right: auto; margin-left: 2.67% } .enterprise-app .enter-inner-ins:nth-child(n+9) { margin-bottom: 0 } .enterprise-app .enter-inner-ins .enter-inner-box { width: 100%; height: auto; padding: 1rem 0 } .enterprise-app .enter-inner-ins .enter-inner-box img { width: 40%; padding-top: 0 } .enterprise-app .enter-inner-ins .enter-inner-box h3 { font-size: 1.2rem } .full { padding: 0 } .project-inner-text { padding: 0 } .project-inner-text .title-p { width: 90%; margin-left: auto; margin-right: auto; line-height: 1.5 } .safety-box { margin-top: 4rem } .safety-con h3 { font-size: 1.4rem } .safety-con p { display: none } }/*# sourceMappingURL=project.css.map */