.area1{padding-top:50px}@media (min-width:1200px){.area1 .left{padding-right:17px}}.area1 .left>a{display:block}.area1 .left>a img{width:100%;object-fit:cover}@media (min-width:1200px){.area1 .left>a img{height:320px}}.area1 .left .data-statistics{margin-top:30px}.area1 .left .data-statistics .con,.area1 .left .data-statistics .title{float:left;height:85px}@media (max-width:460px){.area1 .left .data-statistics .con,.area1 .left .data-statistics .title{width:100%!important}}.area1 .left .data-statistics .title{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#1970d6;text-align:center;width:200px}.area1 .left .data-statistics .title h2,.area1 .left .data-statistics .title p{color:#fff}.area1 .left .data-statistics .title h2{font-size:25px;letter-spacing:7.5px;text-indent:7.5px}.area1 .left .data-statistics .title p{font-size:14px}.area1 .left .data-statistics .con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px);width:calc(100% - 200px);background-color:#e6f3ff}.area1 .left .data-statistics .con>div{text-align:center;color:#2e6ac9}.area1 .left .data-statistics .con>div h2{font-size:25px}.area1 .left .data-statistics .con>div p{letter-spacing:.88px;text-indent:.88px}.area1 .right .search .submit,.area1 .right .search input{float:left;height:48px}.area1 .right .search input{width:-webkit-calc(100% - 121px);width:-moz-calc(100% - 121px);width:calc(100% - 121px);padding-left:30px;border:1px solid #0070dd}.area1 .right .search .submit{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;cursor:pointer;width:121px;background-color:#1970d6;color:#fff}.area1 .right .search .submit img{width:17px;object-fit:contain}.area1 .right .bottom>div{float:left}@media (max-width:768px){.area1 .right .bottom>div{width:100%!important}}.area1 .right .bottom .left{width:-webkit-calc(100% - 360px);width:-moz-calc(100% - 360px);width:calc(100% - 360px);padding-right:20px}.area1 .right .bottom .left a{display:block;margin-top:19px}.area1 .right .bottom .left a img{width:100%;height:110px;object-fit:cover}@media (max-width:768px){.area1 .right .bottom .left{padding:0}}.area1 .right .bottom .right{width:360px}.area1 .right .bottom .right a{display:block;margin-top:19px}.area1 .right .bottom .right a img{max-width:100%;height:368px}@media (max-width:1200px){.area1 .right .search{margin-top:15px}}@media (max-width:992px){.area1{padding-top:27px;padding-bottom:27px}}@media (max-width:768px){.area1{padding-top:15px;padding-bottom:15px}}.area2 .items-group{overflow:hidden;margin:46px -13px 42px}.area2 .items-group>div{position:relative;width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);float:left;padding-left:13px;padding-right:13px}.area2 .items-group>div>a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:130px;border:1px solid #55a1f0;color:#55a1f0;font-weight:700;font-size:24px;padding-left:22px;padding-right:1px}.area2 .items-group>div>a i{font-size:30px;margin-right:26px}.area2 .items-group>div .hover-item{display:none;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;width:-webkit-calc(100% - 26px);width:-moz-calc(100% - 26px);width:calc(100% - 26px);height:100%;background-color:#55a1f0;top:0;left:13px;padding:20px 22px 20px 27px}.area2 .items-group>div .hover-item a{color:#fff;font-size:14px;display:block;width:50%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area2 .items-group>div .hover-item a:nth-child(odd){padding-right:5px}.area2 .items-group>div:hover .hover-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}@media (max-width:996px){.area2 .items-group>div{width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3);margin-bottom:15px}}@media (max-width:768px){.area2 .items-group>div{width:100%}}.area2 .transaction{margin-bottom:39px}.area2 .transaction .head>div{position:relative;cursor:pointer;width:50%;height:70px;line-height:70px;float:left;text-align:center;font-size:30px;color:#999;font-weight:bolder;border:1px solid transparent}.area2 .transaction .head>div i{font-size:33px}.area2 .transaction .head>div:nth-of-type(1).active{border-top-left-radius:75px}.area2 .transaction .head>div:nth-of-type(2).active{border-top-right-radius:75px}.area2 .transaction .head>div.active{color:#333;border:1px solid #59a4f0;border-bottom-color:transparent}.area2 .transaction .head>div.active::before{position:absolute;content:"";background-color:#fff;width:100%;height:1px;left:0;bottom:-2px;z-index:2}@media (max-width:768px){.area2 .transaction .head>div{font-size:20px}.area2 .transaction .head>div i{font-size:23px}}.area2 .transaction .swiper{border:1px solid #59a4f0}.area2 .transaction .swiper .swiper-slide{padding:55px 70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media (max-width:996px){.area2 .transaction .swiper .swiper-slide{padding:45px 60px}}@media (max-width:768px){.area2 .transaction .swiper .swiper-slide{padding:15px 30px}}.area2 .transaction .swiper .swiper-slide .scroll{width:100%;overflow:auto;padding:0 8px;height:211px}.area2 .transaction .swiper .swiper-slide .scroll .items{position:relative;height:100%;width:auto}.area2 .transaction .swiper .swiper-slide .scroll .items::after,.area2 .transaction .swiper .swiper-slide .scroll .items::before{position:absolute;content:"";z-index:-1}.area2 .transaction .swiper .swiper-slide .scroll .items::before{left:41px;top:120px;width:-webkit-calc(100% - 127px);width:-moz-calc(100% - 127px);width:calc(100% - 127px);height:30px;background-color:#e6e6e6}.area2 .transaction .swiper .swiper-slide .scroll .items::after{left:0;top:134px;width:100%;border:2px dashed #fff}.area2 .transaction .swiper .swiper-slide .scroll .items>.item{position:relative;width:78px;margin-right:52px;float:left}.area2 .transaction .swiper .swiper-slide .scroll .items>.item a{display:block}.area2 .transaction .swiper .swiper-slide .scroll .items>.item a .icon{position:relative;width:78px;height:78px;line-height:78px;background-color:#e6e6e6;border-radius:50%;text-align:center}.area2 .transaction .swiper .swiper-slide .scroll .items>.item a .icon i{position:relative;z-index:2;font-size:36px;color:#444}.area2 .transaction .swiper .swiper-slide .scroll .items>.item a .icon::after,.area2 .transaction .swiper .swiper-slide .scroll .items>.item a .icon::before{position:absolute;content:""}.area2 .transaction .swiper .swiper-slide .scroll .items>.item a .icon::before{left:0;width:78px;height:78px;background:#e6e6e6;border-radius:0 50px 60px 50px;-webkit-transform:rotate(226deg);-moz-transform:rotate(226deg);-ms-transform:rotate(226deg);transform:rotate(226deg)}.area2 .transaction .swiper .swiper-slide .scroll .items>.item a .icon::after{width:63px;height:63px;left:7.5px;top:7.5px;border-radius:50%;background-color:#fff}.area2 .transaction .swiper .swiper-slide .scroll .items>.item a .title{text-align:center;margin-top:95px}.area2 .transaction .swiper .swiper-slide .scroll .items>.item::after,.area2 .transaction .swiper .swiper-slide .scroll .items>.item::before{position:absolute;content:"";border-radius:50%}.area2 .transaction .swiper .swiper-slide .scroll .items>.item::before{width:30px;height:30px;background-color:#fff;left:-webkit-calc(50% - 15px);left:-moz-calc(50% - 15px);left:calc(50% - 15px);bottom:44px}.area2 .transaction .swiper .swiper-slide .scroll .items>.item::after{width:20px;height:20px;left:-webkit-calc(50% - 10px);left:-moz-calc(50% - 10px);left:calc(50% - 10px);bottom:49px;border:4px solid #e6e6e6;background-color:#fff}.area2 .transaction .swiper .swiper-slide .scroll .items>.item.active::before,.area2 .transaction .swiper .swiper-slide .scroll .items>.item:hover::before{background-color:#55a1f0}.area2 .transaction .swiper .swiper-slide .scroll .items>.item.active::after,.area2 .transaction .swiper .swiper-slide .scroll .items>.item:hover::after{border-color:#55a1f0}.area2 .transaction .swiper .swiper-slide .scroll .items>.item.active .icon,.area2 .transaction .swiper .swiper-slide .scroll .items>.item:hover .icon{background-color:#55a1f0}.area2 .transaction .swiper .swiper-slide .scroll .items>.item.active .icon i,.area2 .transaction .swiper .swiper-slide .scroll .items>.item:hover .icon i{color:#fff}.area2 .transaction .swiper .swiper-slide .scroll .items>.item.active .icon::before,.area2 .transaction .swiper .swiper-slide .scroll .items>.item:hover .icon::before{background:#55a1f0}.area2 .transaction .swiper .swiper-slide .scroll .items>.item.active .icon::after,.area2 .transaction .swiper .swiper-slide .scroll .items>.item:hover .icon::after{background-color:#55a1f0}.area2 .transaction .swiper .swiper-slide .scroll .items>.item.active .title,.area2 .transaction .swiper .swiper-slide .scroll .items>.item:hover .title{text-align:center;margin-top:95px;font-weight:700}.area2 .transaction .more{position:relative;bottom:22px;z-index:2;text-align:center}.area2 .transaction .more a{display:inline-block;padding:10px 53px;color:#fff;background-color:#55a1f0;font-size:16px}.area3 .title{height:55px;background-color:#e4eefc}.area3 .title a{position:relative;display:inline-block;padding:13px 25px 13px 29px;background-color:#54a0f0;color:#fff;font-size:22px}.area3 .title a::before{position:absolute;content:"";right:-24px;top:-webkit-calc(50% - 12px);top:-moz-calc(50% - 12px);top:calc(50% - 12px);border:12px transparent solid;border-left-color:#54a0f0}.area3 .items{margin-top:15px;margin-bottom:77px;margin-left:-6.5px;margin-right:-6.5px}.area3 .items>div{width:20%;padding-left:6.5px;padding-right:6.5px;margin-top:20px;float:left}.area3 .items>div a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:31px;padding-bottom:29px;background-color:#eff5ff;border:.5px solid #4a85d3;color:#2662b4}.area3 .items>div a i{font-size:26px;padding-right:11px;margin-right:11px;border-right:.5px solid #2662b4}.area3 .items>div a span{font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:992px){.area3 .items>div{width:-webkit-calc(100% / 3);width:-moz-calc(100% / 3);width:calc(100% / 3)}}@media (max-width:768px){.area3 .items>div{width:50%}}@media (max-width:500px){.area3 .items>div{width:100%}}