1 line
19 KiB
CSS
1 line
19 KiB
CSS
|
a{color:#333}img{max-width:100%}.button-apply{display:block;width:110px;height:40px;line-height:40px;font-size:var(--font-size);border-radius:4px;text-align:center;color:#fff;background:linear-gradient(to right, #2f91d4, #1881c9);transition:all .3s ease-in-out}.button-apply:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}nav .nav-wrap{background:url("../image/solu_gas_banner.png") no-repeat center bottom/cover;height:500px}nav .nav-wrap .box{display:flex;align-items:center;height:100%}nav .nav-wrap .box h1{font-size:36px;color:#fff;margin-bottom:15px}nav .nav-wrap .box p{font-size:16px;line-height:1.7;color:#fff;opacity:.8}.nav-apply-box{display:flex}.nav-apply-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)}.nav-apply-box a:first-child{margin-right:20px}.nav-apply-box a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.banner-wrap{background:url("../image/solution_restaurant_bg.png") no-repeat left top/cover;height:400px}.banner-wrap .box{display:flex;align-items:center;justify-content:space-between;height:450px}.banner-wrap .box h1{font-size:36px;color:#fff}.banner-wrap .box p{font-size:18px;line-height:1.7;color:#ecebef}.banner-wrap .box .banner-apply-box{display:flex;margin-top:30px}.banner-wrap .box .banner-apply-box a{margin:20px 0 0;font-size:var(--font-size);color:#fff;width:136px;height:46px;border-radius:5px;background:#e9422c;display:block;text-align:center;line-height:46px;border:none;outline:none;cursor:pointer;transition:all .3s ease-in-out}.banner-wrap .box .banner-apply-box a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.banner-wrap .box .banner-apply-box a:nth-child(2){margin-left:20px;color:#333;background:#fff;transition:all .3s ease-in-out}.banner-wrap .box .banner-apply-box a:nth-child(2):hover{box-shadow:3px 15px 15px rgba(255,255,255,.1)}.header-link-box{height:48px;line-height:48px;color:#282b42;font-size:16px}.header-link-box i{font-size:var(--font-size);font-weight:bold}.header-link-box .title{color:#1881c9;font-size:16px}.header-link-box .title span{color:#333;font-weight:normal}.gover-solu-wrap{background:url("../image/gover_solu_bg.png") no-repeat center bottom/cover}.gover-solu-wrap .gover-solu-box{max-width:1080px;display:flex;justify-content:space-between;border-radius:10px;overflow:hidden;box-shadow:0px 6px 20px 1px rgba(33,50,88,.1608)}.gover-solu-left{width:45%}.gover-solu-left h3{font-size:24px;line-height:70px;text-align:center;background-color:#e7eaf2}.gover-solu-left .gover-solu-item{height:64px;line-height:64px;display:flex;align-items:center;padding-left:25px;background-color:#f5f7fa}.gover-solu-left .gover-solu-item:nth-child(even){height:60px;line-height:60px;background-color:#fff}.gover-solu-left .gover-solu-item i{font-size:18px;color:#c3c9d5}.gover-solu-left .gover-solu-item p{font-size:var(--font-size);line-height:1.7;color:#333;margin-left:15px}.gover-solu-right{width:55%;box-shadow:0px 6px 20px 1px rgba(33,50,88,.1608)}.gover-solu-right h3{font-size:24px;line-height:70px;text-align:center;background-color:#fd5a67;color:#fff}.gover-solu-right .gover-solu-item{height:64px;line-height:64px;display:flex;align-items:center;padding-left:25px;padding-right:25px;background-color:#f5f7fa}.gover-solu-right .gover-solu-item:nth-child(even){height:60px;line-height:60px;background-color:#fff}.gover-solu-right .gover-solu-item i{font-size:18px;color:#fd5a67}.gover-solu-right .gover-solu-item p{font-size:var(--font-size);line-height:1.7;color:#333;margin-left:15px}.res-img-wrap{background-color:#323858}.res-img-wrap .res-img-box{max-width:1100px}.res-img-wrap .res-img-box .res-apply-box{width:-moz-fit-content;width:fit-content;margin-top:40px;margin-left:auto;margin-right:auto}.res-img-wrap .res-img-box .res-apply-box a{display:block;width:180px;height:40px;line-height:40px;line-height:40px;border-radius:4px;color:#fff;text-align:
|