.solution-box{padding-top: 80px;padding-bottom: 100px} .bgf7f8fb{ background:rgba(247,248,251,1); } .column-title{color: #3f4354;font-size: 32px;text-align: center;margin-bottom: 20px} .column-desc{font-size: 22px;text-align: center;line-height: 1.5;margin: 0 150px;color: #3f4354;} .solution-tab-box{overflow: hidden;position: relative;} .solution-tab-box .service-box{display: flex;} .solution-tab-box .service-box .service-content{text-align: center;padding: 21px 0;} .solution-tab-box .service-box .service-content .service-item-title{font-size: 18px;color: #000;font-family: pingfangsc-medium;line-height: 22px; margin-bottom: 8px; } .solution-tab-box .service-box .service-content .service-item-desc{font-family: pingfangsc-light;font-size: 14px;color: #000000;} .solution-tab-box .service-box .service-item{ position: relative;box-shadow: 2px 2px 9px 2px rgba(0,0,0,0.1);margin: 10px; } .solution-tab-box .service-box .service-item .service-mask{ position: absolute; top:0;left: 0;bottom: 0;right: 0; background: #037fff;display: none; padding: 32px 32px 0 32px;color: #fff;text-align: center; box-shadow: 0px 0px 23px 5px rgba(3,127,255,0.33); } .solution-tab-box .service-box .service-item:hover .service-mask{ display: block; } .solution-tab-box .service-box .service-item .service-mask .service-item-mask-title{ font-family: pingfangsc-medium; font-size: 18px;line-height: 25px; } .solution-tab-box .service-box .service-item .service-mask .service-item-mask-short{ font-family: pingfangsc-light; font-size: 14px; line-height: 20px; margin-bottom: 13px; } .solution-tab-box .service-box .service-item .service-mask .service-item-mask-longdesc{ font-family: pingfangsc-regular; font-size: 14px;text-align: justify; height: 126px;margin-bottom: 40px; line-height: 1.6; } .solution-tab-box .service-box .service-item .service-mask .more{ width:120px; height:30px;border-radius:15px; display: inline-block;color: #fff; border:1px solid #fff;font-size:14px;line-height:30px; } .solution-tab-box .service-box .service-item .service-img img{ width: 285px; height: 221px; } .demand{ height: auto; overflow: hidden; position: relative; } .demand .bd .demand-list{ float: left;position: relative; height: 400px;width:20%; } .demand .bd .demand-link{ display: block;color: #fff;position: absolute; top:0;left: 0;bottom: 0;right: 0; } .demand .bd .demand-list .demana-list-pic{ display: flex;flex-direction: column; align-items: center;height: 100%; padding: 0 30px; } .demand .bd .demand-list .demana-list-pic:hover{ opacity: 0.8; background: #037fff;color: #fff; } .demand .bd .demand-list .demana-img{ position: absolute; top:0;left: 0;bottom: 0;right: 0;display: block; z-index: -1; } .user{ background: no-repeat left center; height: 548px; } .user .title-num{ font-family: pingfangsc-medium; font-size: 48px; color: #4facfe;line-height: 67px; } .user-num{ padding-left: 73.1%;padding-top: 146px; } .user .desc-num{ font-family: pingfangsc-regular; font-size: 24px; color: #3f4354;line-height: 33px; margin-bottom: 18px; } .demand .bd .demand-list .demana-list-pic:hover .demana-icon, .demand .bd .demand-list .demana-list-pic:hover .demana-small-title{ transform: translatey(-40px); } .demand .bd .demand-list .demana-icon{ font-size: 38px;margin-top: 130px;margin-bottom: 35px; transition: all 1s; } .demand .bd .demand-list .demana-small-title{ font-family: pingfangsc-medium; font-size: 18px; transition: all 1s; } .demand .bd .demand-list:hover .demana-desc{ opacity: 1; } .demand .bd .demand-list:hover .more{ opacity: 1; } .demand .bd .demand-list .demana-desc{ font-family: pingfangsc-regular; font-size: 14px; opacity:0;height: 80px;transition: all 1s;line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;margin-bottom: 20px; } .demand .bd .demand-list .more{ width:120px; height:30px;border-radius:15px; display: inline-block;color: #fff; border:1px solid #fff;font-size:14px;line-height:30px; text-align: center;opacity:0;transition: all 1s; } .demand .prev,.demand .next{ position: absolute;height: 100%; width: 36px; background: rgba(255,255,255,0.15); z-index: 2; top:0;cursor: pointer;line-height: 400px; text-align: center; } .solution-tab-box .prev,.solution-tab-box .next{ position: absolute; height: 307px; width: 36px; background: rgba(255,255,255,0.15); z-index: 2; top: 10px; cursor: pointer; line-height: 307px; text-align: center; } .prev{ left: 0; } .next{ right: 0; } .arrow{ font-size: 29px;color: #fff; } .device-support{ background: no-repeat center center; height: 800px;position: relative; } .device-support .solution-box{ } .device-support .support-content{ position: absolute;bottom: 0; left: 0;right: 0;height: 564px; width: 1200px;margin: 0 auto; } .device-support .support-content .support-item{ width: 314px; position: absolute; height: 200px; } .device-support .support-content .support-item.n1{ top:48px;left: 40px; } .device-support .support-content .support-item.n2{ top:48px;right: 40px; } .device-support .support-content .support-item.n3{ bottom: -14px;left: 48px; } .device-support .support-content .support-item.n4{ bottom:-14px; right:48px; } .device-support .support-content .support-item:nth-child(even){ text-align: right; } .device-support .support-content .support-item .support-title{ font-size: 30px; color: #3f4354;line-height: 22px;margin-bottom: 28px; } .device-support .support-content .support-item .support-desc{ font-size: 16px; color: #878a9a;line-height: 22px; } /*运营官网2.0改版新增*/ /*.solution-title-new,.solution-title-new{ font-size: 22px !important;}*/ .solution-thumb{width: 216px !important; height: 250px !important;} .index-content-modefiy{font-size: 16px;padding-top: 70px;} .help-wrap{margin-top: 4em; background: rgba(247,248,251,0.33); padding-bottom: 20px;} .help-wrap .wrap-content{ width:1000px;margin: 0px auto; } .help-wrap .help-main-title ,.friends-warp .friends-mian-title{ text-align: center;font-size:32px;padding-top: 3rem; color: #3f4354;;} .help-wrap .help-sub-title ,.friends-warp .friends-sub-title{ text-align: center;font-size:18px; padding-top: 1rem;color: #3f4354;} .help-wrap .more a{ color: #009cff} .more p{ text-align: right;cursor: pointer; height: 2rem; line-height: 4rem;} .help-company-list .list-tr{display: flex; flex-wrap: wrap; margin-top: 2rem;justify-content: space-between;} .company-item img{ width: 160px;} .cooperation-ship{padding-top: 1rem!important;} .new-wrap-content{ display: flex;justify-content: center;align-items: center} .new-wrap-content .left-video-btn ,.new-wrap-content .right-video-btn{ font-size: 47px;padding: 0.6em;cursor: pointer;color: rgba(0,0,0,0.20);display: none;} .new-wrap .new-title{ text-align: center; font-size: 32px; color: #3f4354; letter-spacing: 0; padding: 2em; } .new-wrap .new-list-wrap{ display: flex; justify-content: center; align-items: center; position: relative; height: 466px; } .new-wrap .new-list-wrap .left-vido,.new-wrap .new-list-wrap .right-vido{width: 475px;height: 375px;} .new-wrap .left-vido-img , .new-wrap .right-vido-img{height: 100%;width: 100%;} .new-wrap .video-wrap{ position: absolute;} .new-wrap .new-text-wrap{ display: flex;justify-content: center;align-items: flex-start;} .new-text-wrap .text-title-wrap{ display: flex;justify-content:space-between ;align-items: center; margin-bottom: 2em;} .new-text-wrap .new-text-item{ padding: 0px 6em;} .new-text-wrap .text-title-wrap .main-title{ font-size: 26px; color: #3f4354; letter-spacing: 0;} .new-text-wrap .text-title-wrap a{ cursor: pointer; font-size: 16px; color: #4a90e2 ; letter-spacing: 0;} .new-text-wrap .pic-text-wrap{ display: flex;justify-content: flex-start;align-items: flex-start;} .new-text-wrap .pic-text-wrap .pic-wrap{ width: 112px; height: 74px;} .new-text-wrap .pic-text-wrap .pic-wrap img{ width: 100%;height: 100%;} .new-text-wrap .pic-text-wrap .text-wrap{} .pic-text-wrap .text-wrap .text-content-title-wrap{padding-top: 6px;} .pic-text-wrap .text-wrap .text-content-title-wrap .main-title a{ font-size: 16px;color: #878a9a;letter-spacing: 0;} .pic-text-wrap .text-wrap .text-content-title-wrap .date-content{ font-size: 12px; color: #aaaaaa; letter-spacing: 0; padding-top: 33px;} .new-text-wrap .pic-text-wrap .text-wrap .text-content-wrap{ padding-top: 1em; font-size: 12px; color: #878787; letter-spacing: 0; line-height: 1.3em; } .new-text-wrap .text-items-content-wrap{margin-top: 20px;} .new-text-wrap .text-items-content-wrap .text-item{margin-bottom: 1em} .new-text-wrap .text-items-content-wrap .text-item .text-item-title-wrap{ display:flex;justify-content: flex-start;align-items: center;max-width: 34em; line-height: 1.5em;height: 1.5em;color: #525565;} .new-text-wrap .text-items-content-wrap .text-item .text-item-title-wrap:hover{color: #ed6d2c;} .new-text-wrap .text-items-content-wrap .text-item .text-item-title-wrap .item-title{} .new-text-wrap .text-items-content-wrap .text-item .text-item-title-wrap .item-title a{font-size: 16px;color: #878a9a;letter-spacing: 0;} .new-text-wrap .text-items-content-wrap .text-item .text-item-title-wrap:hover{color: #ee6d2d;} .text-item .text-item-description{ font-size: 12px; color: #878787; letter-spacing: 0; line-height: 2em; height: 2em; padding: 0px 0px 0px 2em; max-width: 34em; } .text-overflow{ text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap; } .curr-video-title{font-size: 18px;color: #2f2f2f;letter-spacing: 0;text-align: center;padding-top: 1em;} .banner img{width: 100%;height: 100%;} /*首页视频尺寸start*/ /*首页视频按钮尺寸*/ .play-icon{width: 103px !important;height: 103px !important;display: none;} #video-wrap{position:relative;height:466px;width:950px;z-index:2;margin:0 auto 100px ;} #video-wrap ul{width:100%;height:100%;position:absolute;top:0;left:0;} #video-wrap ul li{position:absolute;} /*图片位置*/ #video-wrap ul .video1{top:91px;left:0;z-index:3;} #video-wrap ul .video2{top: 50px;left: 80px;z-index:4;} #video-wrap ul .video3{top:91px;left: 336px;z-index:3;} /*图片明暗*/ #video-wrap ul li.video1{opacity:0.9;filter:alpha(opacity:90);} #video-wrap ul li.video2{opacity:1;filter:alpha(opacity:100);} #video-wrap ul li.video3{opacity:0.9;filter:alpha(opacity:90);} /*图片width*/ #video-wrap ul li.video1 div video,#video-wrap ul li.video2 div video,#video-wrap ul li.video3 div video{width: 100%;height: 100%;} #video-wrap ul li.video1 div{width: 615px;height:384px;} #video-wrap ul li.video2 div{width: 790px;height:466px;} #video-wrap ul li.video3 div{width: 615px;height:384px;} /*首页视频尺寸end*/