| 1 |
- @keyframes star{0%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0)}to{-webkit-transform:rotate(1turn) translateZ(0);transform:rotate(1turn) translateZ(0)}}@-webkit-keyframes star{0%{-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0)}to{-webkit-transform:rotate(1turn) translateZ(0);transform:rotate(1turn) translateZ(0)}}@keyframes star2{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}to{-webkit-transform:rotate(-1turn) translateZ(0);transform:rotate(-1turn) translateZ(0)}}@-webkit-keyframes star2{0%{-webkit-transform:rotate(0deg) translateZ(0);transform:rotate(0deg) translateZ(0)}to{-webkit-transform:rotate(-1turn) translateZ(0);transform:rotate(-1turn) translateZ(0)}}.advantage h2,.cost h2,.prd-serv h2,.service h2,.solution h2,.users h2{height:3.83998rem;font-size:2.13332rem;background-image:linear-gradient(left,#09f,#09f);background-image:-webkit-linear-gradient(left,#09f,#09f);background-clip:text;-webkit-background-clip:text;text-fill-color:transparent;-webkit-text-fill-color:transparent;text-align:center}.advantage h3,.cost h3,.prd-serv h3,.service h3,.solution h3,.users h3{line-height:1.91999rem;font-size:1.19466rem;color:#333;text-align:center}.swiper{position:relative;overflow:hidden}.swiper .swiper-wrapper{position:relative;width:100%;display:-webkit-box;display:flex;flex-direction:row;transition-property:transform;transition-duration:0s;transition-timing-function:ease-out}.swiper .swiper-item{position:relative;flex-shrink:0;width:100%}#btn-boxs{position:absolute;left:0;bottom:2.90132rem;width:100%;text-align:center;z-index:10}#btn-boxs li,#btn-boxs ul{display:inline-block}#btn-boxs li{float:none;margin-right:.59733rem;width:.85333rem;height:.85333rem;border-radius:50%;border:1px solid #fff}#btn-boxs li:last-child{margin-right:0}#btn-boxs li.active{background-color:#fff}.wrapper-banner .swiper-item{height:49.49312rem}.index-screen{height:100%;padding-top:7.2533rem;background:url(/css/moblie/img/index-bannerpic.png?1673ae5b12b9032b6fe36d006cd48b93);background-size:cover;background-image:url(/css/moblie/img/index-bannerpic.png?1673ae5b12b9032b6fe36d006cd48b93);background-image:url(/css/moblie/img/index-bannerpic.png?1673ae5b12b9032b6fe36d006cd48b93);text-align:center;position:relative;overflow:hidden}.index-screen .slogan{position:relative;z-index:2}.index-screen .slogan>h1{height:4.26665rem;font-size:2.73066rem;color:#fff}.index-screen .slogan>h2{height:5.75998rem;font-size:3.41332rem}.index-screen .slogan>h3{height:19.62658rem;color:#fff;font-size:1.27999rem}.index-screen>.tel{height:3.41332rem;line-height:1.36533rem;font-size:1.36533rem;position:relative;z-index:2}.index-screen>.tel span{position:relative;display:inline-block;width:1.66399rem;height:1.57866rem;background:url(/css/moblie/img/phoneicon.png?aa5acb7c2a2e8fa8a0411989614067c2);background-size:100%}.index-screen>.tel a{color:#fff;font-weight:500}.index-screen>.btn-box{position:relative;z-index:2}.index-screen>.btn-box>.btn{display:block;border:1px solid #fff;width:16.2986rem;height:3.75465rem;line-height:3.49865rem;font-size:1.36533rem;font-weight:500;border-radius:5px;color:#fff;margin:0 auto}.index-screen>.btn-box>.btn:active{border:1px solid #fff;background-color:hsla(0,0%,100%,.18)}.advantage{padding-top:6.39997rem}.advantage h2{width:12.79995rem;margin:0 auto}.advantage .custody_advantage_content{display:flex;flex-wrap:wrap;justify-content:center;margin-top:4.05332rem;text-align:center}.advantage .custody_advantage_content .advantage_introduce{width:45.7%;height:13.65328rem;position:relative;display:flex;flex-direction:column;align-items:center}.advantage .custody_advantage_content .advantage_introduce .pic{width:5.11998rem;height:5.16264rem}.advantage .custody_advantage_content .advantage_introduce h4{font-size:1.10933rem;margin:1.79199rem 0 .59733rem}.advantage .custody_advantage_content .advantage_introduce p{color:#8b8b8d;font-size:.85333rem;line-height:1.36533rem}.advantage .custody_advantage_content .advantage_introduce .pic1{background:no-repeat url(/css/moblie/img/index-ads_03.png?487b81e6e8f4f9b862398aa4ac9ed39b);background-size:cover}.advantage .custody_advantage_content .advantage_introduce .pic2{background:no-repeat url(/css/moblie/img/index-ads_06.jpg?4fb5eb60d867ffb8f38ff7636dbe7f90);background-size:cover}.advantage .custody_advantage_content .advantage_introduce .pic3{background:no-repeat url(/css/moblie/img/index-ads_08.jpg?71a1a4a76b57a8d0da848062ec882e0b);background-size:cover}.advantage .custody_advantage_content .advantage_introduce .pic4{background:no-repeat url(/css/moblie/img/index-ads_10.jpg?53ac7504775bde95625bc067ceb873b6);background-size:cover}.advantage .custody_advantage_content .advantage_introduce .pic5{background:no-repeat url(/css/moblie/img/index-ads_12.jpg?e10f61d9589f60f921ad910156facd9a);background-size:cover}.advantage .custody_advantage_content .advantage_introduce .pic6{background:no-repeat url(/css/moblie/img/index-ads_14.png?1a312e76df8d5f1aac7f91a71c373263);background-size:cover}.advantage .custody_advantage_content .advantage_introduce:nth-child(1):after,.advantage .custody_advantage_content .advantage_introduce:nth-child(2):after,.advantage .custody_advantage_content .advantage_introduce:nth-child(3):after,.advantage .custody_advantage_content .advantage_introduce:nth-child(4):after{content:'';border-bottom:1px dashed #e4e6e5;width:100%;position:absolute;bottom:0}.advantage .custody_advantage_content .advantage_introduce:nth-child(1):after,.advantage .custody_advantage_content .advantage_introduce:nth-child(3):after,.advantage .custody_advantage_content .advantage_introduce:nth-child(5):after{content:'';border-right:1px dashed #e4e6e5;height:100%;position:absolute;right:0;bottom:0}.advantage .custody_advantage_content .advantage_introduce_mid{height:15.2746rem;padding-top:2.13332rem}.advantage .custody_advantage_content .advantage_introduce_bot{padding-top:2.13332rem;height:14.71994rem}.solution{background:#f9fbfe;padding:4.26665rem 0}.solution h2{width:12.79995rem;margin:0 auto}.solution h3{height:7.8933rem}.solution .solution-cont .solution-contbg{display:flex;justify-content:center;flex-wrap:wrap}.solution .solution-cont .solution-contbg .solution-item{width:12.58661rem;height:12.58661rem}.solution .solution-cont .solution-contbg .solution-item a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:no-repeat 50% url(/css/moblie/img/jjfa-bg.png?4227b62e5b0925223d8d68ab6cda5f07);background-size:cover;text-align:center;font-size:1.10933rem;font-weight:bolder}.solution .solution-cont .solution-contbg .solution-item a:active{background:no-repeat 50% url(/css/moblie/img/jjfa-bga.png?1da4f09e032854f9af2eecb3a577cc66);background-size:cover;color:#fff}.solution .solution-cont .solution-contbg .solution-item a .solution-icon{width:2.68799rem;height:2.64532rem}.solution .solution-cont .solution-contbg .solution-item a span{height:1.10933rem}.solution .solution-cont .solution-contbg .solution-item:nth-of-type(2) a .solution-icon{background:url(/css/moblie/img/jjfa-icon_1.png?44e2994c9fef3bd134104be4bca77363) no-repeat 50%;background-size:100%;-webkit-background-size:100%}.solution .solution-cont .solution-contbg .solution-item:nth-of-type(3) a .solution-icon{background:url(/css/moblie/img/jjfa-icon_3.png?0dd624173ae8d44820f7637935822587) no-repeat 50%;background-size:100%;-webkit-background-size:100%}.solution .solution-cont .solution-contbg .solution-item:nth-of-type(4) a .solution-icon{background:url(/css/moblie/img/jjfa-icon_5.png?7bd2b08f65d003bbdb307e38a2a3b037) no-repeat 50%;background-size:100%;-webkit-background-size:100% auto}.solution .solution-cont .solution-contbg .solution-item:nth-of-type(1) a .solution-icon{background:url(/css/moblie/img/jjfa-icon_7.png?9e0fa9cdfcc545cb26ad273f8e3516d5) no-repeat 50%;background-size:100%;-webkit-background-size:100% auto}.solution .solution-cont .solution-contbg .solution-item:nth-of-type(2) a:active .solution-icon{background:url(/css/moblie/img/jjfa-icon_2.png?51a6dfc0c804561ca230a9a15d27833a) no-repeat 50%;background-size:cover;-webkit-background-size:cover}.solution .solution-cont .solution-contbg .solution-item:nth-of-type(3) a:active .solution-icon{background:url(/css/moblie/img/jjfa-icon_4.png?67d1ed77f9b79014c8ceb691c580e775) no-repeat 50%;background-size:100%;-webkit-background-size:100%}.solution .solution-cont .solution-contbg .solution-item:nth-of-type(4) a:active .solution-icon{background:url(/css/moblie/img/jjfa-icon_6.png?a7a9893d026b91a3318fb564e066e550) no-repeat 50%;background-size:100%;-webkit-background-size:100% auto}.solution .solution-cont .solution-contbg .solution-item:nth-of-type(1) a:active .solution-icon{background:url(/css/moblie/img/jjfa-icon_8.png?230e18737f2221e1911156b704eda2b8) no-repeat 50%;background-size:100%;-webkit-background-size:100% auto}.solution .solution-cont .more-jjfa{margin-top:3.24265rem}.solution .solution-cont .more-jjfa a{color:#09f;font-size:1.10933rem;display:block;width:6.3em;text-align:center;line-height:1.27999rem;margin:0 auto;border-bottom:1px solid #9fcdff}.service{background-color:#f8f8f8;padding:4.69331rem 0}.service h2{width:12.79995rem;margin:0 auto}.service .service-cont .serv-list{margin-top:3.41332rem}.service .service-cont .serv-list .serv-item{display:block;width:50%;line-height:1.91999rem;color:#333;font-size:1.19466rem;text-align:center;position:relative;padding-top:5.97331rem}.service .service-cont .serv-list .serv-item:before{display:block;content:'';background-image:url(/css/moblie/img/index-icon-1.svg?381f8b96a36e1f09400bfa2f6d61ff72);background-size:189px 649px;background-repeat:no-repeat;position:absolute;left:50%}.service .service-cont .serv-list .serv-item.all-time:before{top:.34133rem;width:59px;height:50px;background-position:-119px -162px;margin-left:-29px}.service .service-cont .serv-list .serv-item.free-apply:before{top:0;width:55px;height:55px;background-position:-121px -306px;margin-left:-27px}.service .service-cont .serv-list .serv-item.monitoring:before{top:0;width:60px;height:58px;background-position:-117px -501px;margin-left:-30px}.service .service-cont .serv-list .serv-item.cloud:before{top:.85333rem;width:55px;height:46px;background-position:-113px -437px;margin-left:-27px}.service .service-cont .serv-list .serv-item.solutions:before{top:0;width:49px;height:55px;background-position:-122px -231px;margin-left:-24px}.service .service-cont .serv-list .serv-item.deal-manage:before{top:.64rem;width:55px;height:41px;background-position:-122px -381px;margin-left:-27px}.cost{background:#f8f8f8;padding:4.69331rem 0}.cost h2{width:25.59989rem;margin:0 auto}.cost .cost-cont{padding-top:3.83998rem}.cost .cost-cont ul{position:relative;padding-left:15.7866rem}.cost .cost-cont ul li{height:8.70396rem;line-height:3.83998rem;font-size:1.19466rem;color:#333}.cost .cost-cont ul li:last-child{height:3.83998rem}.cost .cost-cont ul:before{display:block;content:'';background-image:url(/css/moblie/img/index-icon-1.svg?381f8b96a36e1f09400bfa2f6d61ff72);background-size:16.12793rem 55.42376rem;background-repeat:no-repeat;background-position:-2.77332rem -23.97856rem;width:4.26665rem;height:30.2932rem;position:absolute;top:0;left:7.67997rem}.users{padding:4.69331rem 0 0;position:relative}.users hgroup{position:absolute;width:100%;z-index:999;margin-top:5.11998rem}.users h2{width:12.79995rem;margin:0 auto}.users h3{height:5.33331rem}.wrapper-bottom{background-color:rgba(0,0,0,.5)}.wrapper-bottom .swiper-item img{display:block;width:31.99986rem}.wrapper-bottom .swiper-text{position:absolute;top:16.5546rem;left:2.55999rem;right:2.55999rem;padding-top:2.04799rem;padding-left:1.27999rem;height:8.5333rem;background-color:rgba(0,0,0,.4)}.wrapper-bottom .swiper-text p{height:1.91999rem;text-align:center;color:#ccc;font-size:1.024rem}.wrapper-bottom .shadow{position:absolute;width:100%;height:100%}.prd-serv h2{margin-top:5.11998rem}.prd-serv h3{padding-bottom:4.26665rem}.prd-serv a{display:block;border-top:1px solid #e5e5e5;height:11.05062rem}.prd-serv a dl{padding-left:12.54395rem;height:100%;position:relative;-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.prd-serv a dl dt{font-size:1.53599rem;padding-top:2.34666rem;font-weight:bolder}.prd-serv a dl dd{font-size:1.19466rem;line-height:1.96266rem;position:absolute;bottom:1.96266rem;color:#666}.prd-serv a dl:before{position:absolute;content:'';width:54px;height:54px;border-radius:50%;left:4.26665rem;top:50%;margin-top:-27px;background-image:url(/css/moblie/img/prd-icon.svg?23a931178b659357d9aa88a2b23c5bf3);background-repeat:no-repeat;background-size:54px auto;-webkit-background-size:54px 276px}.prd-serv a:last-child{border-bottom:1px solid #e5e5e5}.prd-serv a:nth-child(2) dl:before{background:no-repeat 50% url(/css/moblie/img/pre-icons_03.jpg?67b8a6cbcf74ef18960f997f67663a3a);background-size:cover}.prd-serv a:nth-child(3) dl:before{background:no-repeat 50% url(/css/moblie/img/pre-icons_06.jpg?a7a5065c821c94d8a3aaaaea14b8209a);height:55px;background-size:cover}.prd-serv a:nth-child(4) dl:before{background:no-repeat 50% url(/css/moblie/img/pre-icons_08.jpg?43a28b496e2bf62ab7d728e1d36e987e);height:55px;background-size:cover}.prd-serv a:nth-child(5) dl:before{background:no-repeat 50% url(/css/moblie/img/pre-icons_10.png?7f6bbabca4b398139c157b7651a815d6);height:55px;background-size:cover}.prd-serv a:active dl{margin-top:-.42666rem;background-color:#09f;z-index:2;box-shadow:0 4px 15px 0 rgba(0,0,0,.15)}.prd-serv a:active dl dd,.prd-serv a:active dl dt{color:#fff}.change-color{color:#09f}
|
