1 line
12 KiB
CSS
1 line
12 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/telecom_banner_bg.png") no-repeat center bottom/cover;height:400px}nav .nav-wrap .box{display:flex;align-items:center;height:100%;background:none}nav .nav-wrap .box h1{font-size:36px}nav .nav-wrap .box p{font-size:18px;line-height:1.7;opacity:.8}nav .nav-wrap .box .nav-apply-box{display:flex}nav .nav-wrap .box .nav-apply-box a{display:block;margin-top:30px;width:150px;height:40px;line-height:40px;border-radius:4px;font-size:16px;text-align:center;color:#fff;transition:all .3s ease-in-out;background:linear-gradient(to right, #2f91d4, #1881c9)}nav .nav-wrap .box .nav-apply-box a:first-child{margin-right:20px}nav .nav-wrap .box .nav-apply-box a:hover{box-shadow:0 10px 25px 0 rgba(24,129,201,.5)}.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 10px 0 0;overflow:hidden;box-shadow:0px 6px 20px 1px rgba(33,50,88,.1608)}.gover-solu-left{width:50%}.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:58%;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}@keyframes widthAnimate{0%{width:0%}100%{width:100%}}.tele-solu-wrap{padding-bottom:0;box-shadow:0px 15px 10px -15px rgba(6,30,46,.15) !important}.tele-solu-box{max-width:1080px;display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#fff}.tele-solu-box .tele-solu{width:31%;border:1px solid #6fa1fc;border-radius:4px;text-align:center;transition:all .3s ease-in-out}.tele-solu-box .tele-solu:nth-child(2){border-color:#fd5a67}.tele-solu-box .tele-solu:hover{box-shadow:0px 6px 20px 1px rgba(33,50,88,.16)}.tele-solu-box .tele-solu .tele-solu-header{padding:25px;background-color:#6fa1fc}.tele-solu-box .tele-solu .tele-solu-header img{width:30px}.tele-solu-box .tele-solu .tele-solu-header h3{font-size:18px;line-height:1;color:#fff;margin-top:15px}.tele-solu-box .tele-solu .tele-solu-header-center{background-color:#fd5a67}.tele-solu-box .tele-solu p{margin:15px 0}.tele-solu-box .tele-active{box-shadow:0px 6px 20px 1px rgba(33,50,88,.16)}.tele-solu-box .tele-solu-line-box{width:31%;margin:20px 0 0;padding:0 5%}.tele-solu-box .tele-solu-line{width:100%;height:6px;border-radius:2px;transition:all .3s ease-in-out}.tele-solu-box .tele-solu-active{background-color:#6fa1fc}.tele-solu-box .tele-solu-active-center{background-color:#fd5a67}.video-main-wrap{padding-bottom:0;margin-top:-60px}.video-main-wrap .wrap{padding-top:60px;padding-bottom:60px}.video-main-wrap .img-wrap{padding-top:0}.video-main-wrap .img-wrap .title-p{line-height:1.7}.video-main-wrap .img-wrap .img-box{max-width:900px}.video-main-box .video-img{width:42%}.video-main-box .video-text{width:-moz-fit-content;width:fit-content}.video-main-box .video-text h3{font-size:24px;font-weight:bold}.video-main-box .video-text p{margin:40px 0;line-height:1.7}.video-main-box .video-text p span{color:#ff4141;font-size:16px;margin-right:10px}.video-main-box .video-text ul{max-width:480px;display:flex;flex-wrap:wrap;margin-top:-30px;margin-bottom:40px}.video-main-box .video-text ul li{width:49%;line-height:1.7}.video-main-box .video-text ul li span{margin-right:10px;color:#ff4141}.video-main-box .video-text ul li.w33{width:33%}.video-main-box .video-text ul li.fit-content{width:-moz-fit-content;width:fit-content}.video-main-box .video-text ul .first-li{width:100%}.video-main-box .video-text a{display:block;width:110px;height:34px;line-height:34px;text-align:center;border-radius:4px;color:#fd4047;border:1px solid;transition:all .3s ease-in-out}.video-main-box .video-text a:hover{box-shadow:0 10px 15px 0 rgba(238,77,45,.2)}.video-main-box div:nth-child(2){margin-left:5%}.video-more-wrap a{width:160px;margin:40px auto 0}.video-more-wrap .video-more-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.video-more-wrap .video-more{text-align:center;background-color:#fff;width:32%;padding:40px 0;margin-bottom:2%;border-radius:8px;transition:all .3s ease-in-out;box-shadow:0px 0px 12px 1px rgba(11,29,57,.1608)}.video-more-wrap .video-more:nth-child(n+4){display:flex;align-items:center;justify-content:center;margin-bottom:0;width:49%}.video-more-wrap .video-more:nth-child(n+4) img{width:65px;margin-right:70px}.video-more-wrap .video-more:nth-child(n+4) div{text-align:left;width:55%}.video-more-wrap .video-more:nth-child(n+4) div p{width:100%}.video-more-wrap .video-more:hover{transform:translateY(-8px)}.video-more-wrap .video-more img{width:65px}.video-more-wrap .video-more h3{font-size:20px;line-height:1;font-weight:bold;margin:10px 0 20px}.video-more-wrap .video-more p{color:#282b42;width:80%;text-align:left;line-height:1.7;margin:0 auto}.ssc-use-wrap{background:linear-gradient(102deg, #edf2f6 0%, #f3f5fc 100%)}.ssc-use-wrap .use-wrap{width:100%;background-color:#29324b}.ssc-use-wrap .ssc-use-box{position:relative}.ssc-use-wrap .swiper-slide{opacity:1;width:800px;height:320px;display:flex;background-color:#fff;text-align:center;transition:all .3s ease-in-out;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.ssc-use-wrap .swiper-slide .ssc-use-img{width:350px;min-width:256px;height:100%}.ssc-use-wrap .swiper-slide .ssc-use-img img{-o-object-fit:cover;object-fit:cover;height:100%;display:block}.ssc-use-wrap .swiper-slide .ssc-use-text{flex:1;padding:20px 30px;text-align:left;display:flex;flex-direction:column;justify-content:center}.ssc-use-wrap .swiper-slide .ssc-use-text div{display:flex;align-items:center}.ssc-use-wrap .swiper-slide .ssc-use-text img{max-width:120px;max-height:60px;vertical-align:bottom}.ssc-use-wrap .swiper-slide .ssc-use-text h4{display:inline-block;font-size:16px;font-weight:bold;margin-left:30px}.ssc-use-wrap .swiper-slide .ssc-use-text p{margin-top:10px;line-height:1.7;color:#282b42}.ssc-use-wrap .swiper-slide-prev,.ssc-use-wrap .swiper-slide-next{transform:scale(0.75);opacity:.8 !important;cursor:pointer}.ssc-use-wrap .swiper-slide-duplicate-prev{transition:all .3s ease-in-out;opacity:0 !important}.ssc-use-wrap .swiper-slide-duplicate-next{transition:all .3s ease-in-out;opacity:0 !important}.ssc-use-wrap .swiper-slide-active{transition:all .3s ease-in-out !important;opacity:1 !important}.ssc-use-wrap .swiper-button-prev{top:50%;left:-26px;width:52px;height:52px;border-radius:26px;justify-content:center;align-items:center;z-index:10;color:#6e7080;background-color:#fff;border:solid 1px #e7eef5;display:flex;box-shadow:0px 5px 5px 0px rgba(217,218,228,.2)}.ssc-use-wrap .swiper-button-prev::after{font-size:24px;font-weight:bolder}.ssc-use-wrap .swiper-button-prev:hover{color:#333}.ssc-use-wrap .swiper-button-prev .swiper-button-disabled{cursor:not-allowed;pointer-events:auto}.ssc-use-wrap .swiper-button-next{top:50%;right:-26px;width:52px;height:52px;border-radius:26px;justify-content:center;align-items:center;z-index:10;color:#6e7080;background-color:#fff;border:solid 1px #e7eef5;display:flex;box-shadow:0px 5px 5px 0px rgba(217,218,228,.2)}.ssc-use-wrap .swiper-button-next::after{font-size:24px;font-weight:bolder;margin-left:5px}.ssc-use-wrap .swiper-button-next:hover{color:#333}.ssc-use-wrap .swiper-button-next .swiper-button-disabled{cursor:not-allowed;pointer-events:auto}.video-advan-wrap{background-color:#f9fafc}.gray{background-color:#f4f7fa}.bottom-tryout-wrap{background:url("../image/ssc_bottom_try.png") no-repeat center center/cover}.bottom-tryout-wrap .bottom-little-text{font-size:16px;margin-top:5px}@media screen and (min-width: 992px)and (max-width: 1199px){.chan-chall .chan-chall-img{width:50px}.chan-chall .chan-chall-right h3{font-size:18px;line-height:1.7;margin-bottom:10px}.chan-chall .chan-chall-right p{font-size:16px;color:#6e7080}}@media screen and (min-width: 768px)and (max-width: 991px){.chan-chall .chan-chall-img{width:40px}.chan-chall .chan-chall-right h3{font-size:16px;line-height:1.7;margin-bottom:10px}.chan-chall .chan-chall-right p{font-size:var(--font-size);color:#6e7080}.tele-swiper-box{padding:20px 0}.tele-swiper-box .swiper-slide{width:90%;height:auto}.tele-swiper-box .swiper-slide .tele-left-img{min-height:0;width:60%;min-width:60%}.tele-right h3{font-size:16px}.tele-right p{font-size:var(--font-size)}.call-mana{max-width:94%}.call-mana .call-mana-img{width:57%;height:auto}.advan-box .advan{width:23%;padding:20px 10px}.advan-box .advan p{width:100%}.chan-much{width:19%;padding:10px;font-size:var(--font-size)}}@media screen and (max-width: 768px){nav .nav-wrap{height:350px}nav .nav-wrap .box{align-items:flex-start;justify-content:center;background:url("../image/chan_banner.png") no-repeat center bottom/60% auto}nav .nav-wrap .box h1{font-size:24px;text-align:center;margin-top:15%}nav .nav-wrap .box p{font-size:16px;text-align:center;line-height:1.7}nav .nav-wrap .box p br{display:none}nav .nav-wrap .box a{margin:20px auto 0;width:102px;height:34px;line-height:34px;font-size:var(--font-size)}.chan-chall{flex-wrap:wrap;align-items:flex-start;padding:20px 10px 20px !important}.chan-chall .chan-chall-img{width:40px}.chan-chall .chan-chall-right{flex:none;width:100%;margin-left:0}.chan-chall .chan-chall-right h3{font-size:16px;line-height:1.7;margin-bottom:10px}.chan-chall .chan-chall-right p{font-size:var(--font-size);color:#6e7080}.tele-swiper-tab-wrap{width:94%;justify-content:space-between}.tele-swiper-tab-wrap li{font-size:16px;margin-right:0}.tele-swiper-wrap{padding-bottom:20px}.tele-swiper-box{padding:20px 0}.tele-swiper-box .swiper-slide{width:90%;height:auto;padding:2%;margin:0 5px !important;flex-wrap:wrap}.tele-swiper-box .swiper-slide .tele-left-img{min-height:0;width:90%;min-width:90%;margin:0 auto 5%}.tele-right{width:90%}.tele-right h3{font-size:16px}.tele-right p{font-size:var(--font-size)}.call-mana-tab{max-width:94%;justify-content:space-between}.call-mana-tab li{position:relative;font-size:16px;margin-top:-10px;line-height:2;color:#282b42;margin-right:0;border-bottom:2px solid #e41c1c}.call-mana{max-width:94%;display:flex;flex-wrap:wrap}.call-mana .call-mana-img{width:90%;height:auto;text-align:center;margin:0 auto 5% !important}.call-mana .call-mana-right{width:90%;flex:none}.call-mana .call-mana-right p{width:90%}.chan-pro-wrap .title{line-height:1.7;margin-top:40px;margin-bottom:20px}.advan-box{flex-wrap:wrap}.advan-box .advan{width:48%;padding:20px 10px;margin-bottom:4%}.advan-box .advan p{width:100%}.chan-much-box{flex-wrap:wrap}.chan-much{width:32%;padding:10px 5px;margin-bottom:3%}.chan-much p{font-size:12px}.smart-plat-wrap .smart-plat-box{display:flex;flex-wrap:wrap}.smart-plat-wrap .smart-plat-box .smart-plat-left-img{display:flex;align-items:center;width:90%;margin:0 auto 5%}.smart-plat-right{width:90%;flex:none;margin:0 auto}.smart-plat-right h3{font-size:16px}.smart-plat-right p{font-size:var(--font-size)}.smart-plat-right .smart-plat-apply{display:flex}.smart-plat-icon-box{width:100%;padding:0 10px 20px}.smart-plat-icon-box .smart-plat-icon{margin:10px;color:#6e7080}}/*# sourceMappingURL=telecom.css.map */ |