.banner{padding:110px 0 130px 0;background:url(/assets/images/integration/banner-bg.png) no-repeat;background-size:cover}.banner h1{font-size:52px;font-weight:700;color:#091871;line-height:60px}.banner .desc{max-width:860px;font-size:28px;font-weight:400;color:#333;margin:20px 0 80px}.banner .btn{width:260px;height:60px;background:#5683f4;-webkit-box-shadow:0 3px 9px 0 rgba(48,79,7,.25);box-shadow:0 3px 9px 0 rgba(48,79,7,.25);border-radius:10px;font-size:20px;font-weight:700;color:#fff;line-height:60px}.banner .btn:hover{opacity:.8}@media screen and (max-width:991px){.banner{text-align:center}}.overview{padding:100px 0 70px 0;text-align:center}.overview h2{font-size:40px;font-weight:700;color:#000;line-height:48px}.overview .imgbox{min-height:82px}.overview .desc{max-width:885px;font-size:18px;color:#000;line-height:30px;margin:20px auto 50px}.overview h4{font-size:24px;font-weight:700;color:#030303;margin:20px 0 30px 0;line-height:30px}.overview .ms{max-width:300px;font-size:16px;color:#555;line-height:26px;margin:auto}@media screen and (max-width:991px){.overview .ms{max-width:100%}.overview .item{margin:30px 0}}.why{padding:100px 0;background:#f2f5fb}.why h2{position:relative;max-width:253px;font-size:40px;font-weight:700;color:#1a1a1a;line-height:60px;text-align:left;margin:40px auto 0}.why h2::before{position:absolute;bottom:-30px;left:0;content:"";display:inline-block;width:40px;height:6px;background:#1a1a1a;border-radius:3px}.why .item-1{position:relative;z-index:9;text-align:center}.why .item-1::before{position:absolute;left:0;top:-40px;content:"";display:inline-block;width:100px;height:620px;background:#e3ecfb;border-radius:20px;z-index:0}.why .item-1 .txtbox{position:inherit;z-index:10}.why .item-1 .txtbox img{margin-top:100px}.why .item li{float:left;width:50%;margin-bottom:80px}.why .item li:last-child{margin-bottom:0}.why .item li:hover h5{color:#3664f2}.why .item li .ms{font-size:14px;font-weight:400;color:#333;line-height:24px}.why .item li h5{font-size:18px;font-weight:700;color:#070c23;line-height:26px;margin:15px 0 6px 0}.why .item .tbox{max-width:300px;margin:auto}@media screen and (max-width:992px){.why .item h2{max-width:100%;text-align:center}.why .item h2::before{display:none}.why .item-1{margin-bottom:100px}.why .item-1::before{display:none}}@media screen and (max-width:632px){.why .item li{width:100%;margin-bottom:30px;text-align:center}.why .item li .tbox{max-width:100%}}.explore{padding:80px 0 100px 0;text-align:center;background:url(/assets/images/affiliate/bg5.png) #e1e8fa no-repeat}.explore h2{font-size:40px;color:#fff}.explore p.desc{font-size:18px;color:#fff;line-height:20px;margin:20px 0 70px 0}.explore .checkbox{font-size:0}.explore .checkbox .item{display:inline-block;width:33.33%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.2)));background:-o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.2));background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2));border-radius:10px 10px 0 0;font-weight:600;color:#fff;padding:25px 0;opacity:.7;font-size:20px;vertical-align:bottom;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.explore .checkbox .item.active{color:#5683f4;background:#fff;opacity:1;padding:27px 0;font-size:24px}.explore .checkbox .item:hover{cursor:pointer;color:#5683f4;background:#fff;opacity:1;padding:27px 0;font-size:24px}.explore .item-txt{display:none;background:#fff;border-radius:0 0 10px 10px;padding:90px 0 70px 0}.explore .item-txt .item{text-align:left}.explore .item-txt p.desc{max-width:607px;font-size:20px;color:#333;line-height:36px;margin:0 0 50px 0;min-height:144px}.explore .item-txt .btn{width:200px;height:50px;background:#fff;border:1px solid #5683f4;border-radius:10px;font-size:18px;font-weight:400;color:#5683f4;line-height:50px}.explore .item-txt .btn::after{display:inline-block;content:">>";font-size:14px;vertical-align:middle;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.explore .item-txt .btn:hover:after{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.explore .div_show{display:block}@media screen and (max-width:991px){.explore{text-align:center}.explore .item-txt .item{text-align:center}.explore .item-txt p.desc{margin:30px auto}}@media screen and (max-width:473px){.explore .checkbox{margin-bottom:40px}.explore .checkbox .item{width:100%;padding:10px 0}.explore .checkbox .item.active{padding:15px 0}}