.index .wrapper-cont{width:80%;margin-right:auto;margin-left:auto}.index .wrapper.category{border-bottom:1px solid #eee}.index .wrapper.category .wrapper-cont{display:flex;flex-direction:row;justify-content:center}.index .wrapper.category .wrapper-cont .item{width:25%;height:120px;line-height:120px;text-align:center;cursor:pointer}.index .wrapper.category .wrapper-cont .item .image{width:60px;height:60px;vertical-align:middle;display:inline-block}.index .wrapper.category .wrapper-cont .item .text{display:inline-block;margin-left:20px;vertical-align:middle;font-family:"PingFang";font-weight:500;font-size:14px;line-height:1;text-align:left;color:#666}.index .wrapper.category .wrapper-cont .item .text .name{margin-bottom:10px;font-weight:800;font-size:20px;color:#2a7efb}.index .wrapper.recommend .wrapper-cont{padding-top:54px;padding-bottom:71px}.index .wrapper.recommend .wrapper-cont .title{margin-bottom:59px;font-family:"PingFang SC";font-weight:400;font-size:18px;line-height:1;text-align:center;color:#282828}.index .wrapper.recommend .wrapper-cont .title .name{margin-bottom:28px;font-weight:500;font-size:32px}.index .wrapper.recommend .wrapper-cont .title .info{font-size:16px;line-height:24px;color:#666}.index .wrapper.recommend .wrapper-cont .cont{display:flex;flex-direction:row;justify-content:center}.index .wrapper.recommend .wrapper-cont .cont .item ~ .item{margin-left:10px}.index .wrapper.recommend .wrapper-cont .cont .item{box-shadow:0 6px 35px rgba(120,120,120,0.1);width:232px}.index .wrapper.recommend .wrapper-cont .cont .item .image{display:block;width:232px}.index .wrapper.recommend .wrapper-cont .cont .item .text{padding:24px;font-family:"PingFang SC";font-weight:400;font-size:18px;line-height:1;text-align:center;color:#282828}.index .wrapper.recommend .wrapper-cont .cont .item .text .info{display:inline-block;margin-top:19px;font-size:14px;line-height:1.6;color:rgba(43,37,37,0.54902);height:115px;margin-bottom:55px}.index .wrapper.recommend .wrapper-cont .cont .item .text .button{color:#000;display:inline-block;width:100px;height:32px;border:1px solid #000;font-size:13px;line-height:30px;cursor:pointer;opacity:0.5;transition:all 0.2s ease}.index .wrapper.recommend .wrapper-cont .cont .item .text .button:hover{background-color:#0166fc}.index .wrapper.product .item:nth-child(odd){background-color:#f5f8ff}.index .wrapper.product .item .item-cont{width:1200px;margin-right:auto;margin-left:auto}.index .wrapper.product .item .item-cont:after{content:" ";display:block;height:0;clear:both;visibility:hidden}.index .wrapper.product .item .image{display:inline-block;vertical-align:middle;text-align:center}.index .wrapper.product .item img{width:571px;height:423px;vertical-align:middle}.index .wrapper.product .item .text{display:inline-block;width:50%;height:500px;vertical-align:middle;line-height:500px}.index .wrapper.product .item:nth-child(odd) .text{float:left}.index .wrapper.product .item .text-cont{display:inline-block;vertical-align:middle;font-family:"PingFang SC";font-weight:400;font-size:14px;line-height:1;color:#666}.index .wrapper.product .item .text-cont .title{font-weight:500;font-size:30px;color:#282828}.index .wrapper.product .item .text-cont .cont{margin-top:36px;margin-bottom:42px}.index .wrapper.product .item .text-cont .cont .cell .name{padding-left:13px;border-left:3px solid #2a7efb;margin-bottom:15px;font-size:18px;color:#282828}.index .wrapper.product .item .text-cont .cont .cell .info{padding-left:16px;line-height:1.5}.index .wrapper.product .item .text-cont .cont .cell ~ .cell{margin-top:30px}.index .wrapper.product .item .text-cont .blue{background-color:#2a7efb;color:#fefefe}.index .wrapper.product .item .button{display:inline-block;width:120px;height:36px;border:1px solid #2a7efb;border-radius:3px;font-size:12px;line-height:34px;text-align:center;color:#2a7efb;cursor:pointer}.index .wrapper.product .item .button ~ .button{margin-left:20px}.index .wrapper.reason{padding-top:66px}.index .wrapper.reason .wrapper-cont .title{font-family:"PingFang SC";font-weight:400;font-size:18px;line-height:1;text-align:center;color:#282828}.index .wrapper.reason .wrapper-cont .title .name{margin-bottom:28px;font-weight:500;font-size:32px}.index .wrapper.reason .wrapper-cont .cont{position:relative;height:463px;margin-top:64px;line-height:463px;text-align:center}.index .wrapper.reason .wrapper-cont .cont .item{width:265px;font-family:"PingFang SC";font-weight:400;font-size:14px;line-height:22px;text-align:left;color:#666}.index .wrapper.reason .wrapper-cont .cont .item:first-child{position:absolute;top:0;left:0}.index .wrapper.reason .wrapper-cont .cont .item:nth-child(2){position:absolute;top:0;right:0}.index .wrapper.reason .wrapper-cont .cont .item:nth-child(3){position:absolute;top:66%;right:0}.index .wrapper.reason .wrapper-cont .cont .item:nth-child(4){position:absolute;top:66%;left:0}.index .wrapper.reason .wrapper-cont .cont .item span{display:inline-block}.index .wrapper.reason .wrapper-cont .cont .item .name{margin-bottom:24px;font-size:20px;line-height:1;color:#282828}.index .wrapper.client{background-color:#f7f7f7}.index .wrapper.client .wrapper-cont{padding-top:57px;padding-bottom:77px}.index .wrapper.client .wrapper-cont .title{font-family:"PingFang SC";line-height:1;text-align:center;color:#282828}.index .wrapper.client .wrapper-cont .title .name{display:block;font-weight:500;font-size:32px}.index .wrapper.client .wrapper-cont .title .info{display:block;margin-top:40px;font-weight:400;font-size:18px}.index .wrapper.client .wrapper-cont .cont{margin-top:61px}.index .wrapper.client .wrapper-cont .cont:after{content:" ";display:block;height:0;clear:both;visibility:hidden}.index .wrapper.client .wrapper-cont .cont .item:nth-child(-n+6){margin-top:0}.index .wrapper.client .wrapper-cont .cont .item{float:left;width:200px;height:70px;margin-top:15px;line-height:70px;text-align:center;transition:all 0.2s ease}.index .wrapper.client .wrapper-cont .cont .item:hover{background:#fff;box-shadow:0 6px 6px 0 rgba(255,255,255,0.06)}.index .wrapper.news .wrapper-cont:after{content:" ";display:block;height:0;clear:both;visibility:hidden}.index .wrapper.news .wrapper-cont .item{float:left;width:374px;padding-top:47px;padding-bottom:46px}.index .wrapper.news .wrapper-cont .item ~ .item{margin-left:39px}.index .wrapper.news .wrapper-cont .item .title{position:relative;padding-bottom:21px;font-family:"PingFang SC";font-weight:400;font-size:24px;line-height:1;color:#282828}.index .wrapper.news .wrapper-cont .item .title:after{content:" ";position:absolute;bottom:0;left:0;width:26px;height:3px;background-color:#2a7efb}.index .wrapper.news .wrapper-cont .item .image{display:block;width:374px;height:210px;margin-top:18px}.index .wrapper.news .wrapper-cont .item .list{font-family:PingFang;font-weight:500;font-size:14px;line-height:1;color:#282828}.index .wrapper.news .wrapper-cont .item .list .cell{padding-right:12px;padding-left:12px;margin-bottom:19px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.index .wrapper.news .wrapper-cont .item .list .cell:first-child{height:42px;margin-bottom:20px;background-color:#f7f7f7;line-height:42px}.index .wrapper.news .wrapper-cont .item .list .cell:hover{color:#2a7efb}.index .wrapper.news .wrapper-cont .item .button{width:96px;height:32px;border:1px solid #eee;margin-top:29px;font-family:PingFang;font-weight:500;font-size:14px;line-height:32px;text-align:center;color:#999;cursor:pointer}.zoomIn{animation-name:zoomIn}.fadeInUp{animation-name:fadeInUp}.bounceInUp{animation-name:bounceInUp}@keyframes zoomIn{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 100%, 0)}100%{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%, 0, 0)}100%{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%, 0, 0)}100%{opacity:1;transform:translateZ(0)}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}100%{transform:perspective(400px)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, 3000px, 0) scaleY(5)}60%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}75%{transform:translate3d(0, 10px, 0) scaleY(0.95)}90%{transform:translate3d(0, -5px, 0) scaleY(0.985)}100%{transform:translateZ(0)}}
