@charset "UTF-8";#bg1{width:100%;position:relative}.banner{position:absolute;top:0;left:0;z-index:1;color:#fff;text-align:center;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%}.banner hgroup{display:block;height:200px;line-height:100%;margin-top:-13%}.banner h1{font-size:58px;margin-bottom:50px}.banner h4{font-size:24px;letter-spacing:12px}#bg2{width:100%;height:43.4vw;background-image:url(../images/index/spreadtb.png);background-size:cover;overflow:hidden}#bg2 h2{text-align:center;height:56px;font-size:40px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;line-height:56px;letter-spacing:2px;margin:80px 20px}#bg2 h2:after,#bg2 h2:before{width:77px;height:2px;background:#fff;content:' ';display:inline-block;margin:26px;vertical-align:middle}#core{display:-ms-flexbox;display:flex;width:100%}#core .left,#core .right{width:50%;display:inline-block}#core .left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}#core .left img{width:100%}#core .left .wrapper{width:100%;height:100%;margin:auto;position:absolute;left:0;top:0;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}#core .left h3{width:100%;text-align:left;height:53px;font-size:38px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#333;line-height:53px;margin:0 0 10%}#core .left h3:after{content:' ';display:block;width:44px;height:5px;background:#063b83}#core .left p{width:100%;text-align:left;height:144px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;line-height:24px;letter-spacing:1px}#core .right{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#core .right .block{display:-ms-flexbox;display:flex;width:50%;height:50%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;overflow:hidden}#core .right .block:after,#core .right .block:before{position:absolute;font-size:.8vw;line-height:1.2vw;font-family:PingFang SC;color:#fff;left:-100%;top:-100%;transition:top .7s ease,left .7s ease-out;box-sizing:content-box;display:-ms-flexbox;display:flex}#core .right .block:before{font-size:1.3vw;width:80%;height:calc(70%);text-align:left;padding-top:27.5%;padding-left:5vw}#core .right .block:after{text-align:left;width:60%}#core .right .block:hover:before{left:0;top:0}#core .right .block:hover:after{left:20%;top:50%}#core .right .block:nth-child(1):before{content:'服务优势'}#core .right .block:nth-child(1):after{content:'秉承服务至上，专业沟通原则，实现客户满意度最大化。'}#core .right .block:nth-child(2):before{content:'技术优势'}#core .right .block:nth-child(2):after{content:'在云领域，主机存储领域，IP网络领域，安全领域具有专业认证工程师，自有开发团队有多名JAVA，android，ios开 发及Linux系统工程师。'}#core .right .block:nth-child(3):before{content:'经验优势'}#core .right .block:nth-child(3):after{content:'公司在多年的实践中形成了自己独特的方法和经验，使公司能够针对客户的具体情况做出合理的策划'}#core .right .block:nth-child(4):before{content:'管理优势'}#core .right .block:nth-child(4):after{content:'通过实施项目经理制，质量保证体系，售后服务体系等一整套规范化管理制度，有力地保证了各个项目的成功实施。'}#core .right .block:nth-child(2),#core .right .block:nth-child(3){background:#f5f3f3}#core .right .block:nth-child(2):before,#core .right .block:nth-child(3):before{background:linear-gradient(135deg,#3586cb 0,#35ade7 100%)}#core .right .block:nth-child(1):before,#core .right .block:nth-child(4):before{background:linear-gradient(135deg,#3586cb 0,#35ade7 100%)}#core .right .block .wrapper{width:100%}#core .right .block img{display:block;margin:0 auto 10px;width:30%}#core .right .block span{font-size:16px;font-family:PingFang SC;font-weight:bolder;color:#666;line-height:20px;letter-spacing:10px;margin:0 auto;display:block;width:100%;text-align:center;padding-left:10px}#friends{width:100%;height:660px;background:#f4fbff;text-align:center;overflow:hidden}#friends h2{height:56px;font-size:40px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#063b83;line-height:56px;letter-spacing:2px;margin-top:130px;margin-bottom:0}#friends h2:after,#friends h2:before{width:77px;height:2px;background:#063b83;content:' ';display:inline-block;margin:26px;vertical-align:middle}#friends h6{height:20px;font-size:14px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#666;line-height:20px;margin:9px}#friends .images{text-align:left}#friends .images img{margin-left:calc((100% - 1000px)/ 6);margin-top:60px}#ability{width:100%;background:#fff;text-align:center;overflow:hidden}#ability h2{font-size:40px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#063b83;padding:0;margin:0;letter-spacing:2px;margin-top:70px;margin-bottom:0}#ability h2:after,#ability h2:before{width:77px;height:2px;background:#063b83;content:' ';display:inline-block;margin:26px;vertical-align:middle}#ability h6{height:20px;font-size:14px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#666;line-height:20px;margin:9px}#ability .garbage{width:100%;text-align:left;height:200px;margin-top:54px;margin-bottom:30px}#ability .garbage div{display:inline-block;vertical-align:top;width:120px;margin-left:calc((100% - 720px)/ 7)}#ability .garbage div *{margin:auto;display:block}#ability .garbage div span{font-size:14px;font-family:PingFang SC;color:#666;letter-spacing:1px;text-align:center}#ability .garbage div img{display:block;margin-bottom:20px}