@charset "UTF-8";
.solution {color: #000000}
.solution img {vertical-align: top}
.solution .icon {
    width: 1.9em;
    height: 1.9em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.solution :focus {
    outline: none
}
.solution .sltTitle { margin: 85px 0; display: flex; align-items: center; }

.solution .sltTitle .titleLogo { width: 38px; height: 38px; margin-right: 30px; }

.solution .sltTitle span { font-size: 32px; color: #000000; font-weight: 600; }

.solution .stlContent { width: 100%; color: #000; font-size: 14px; line-height: 30px; margin-bottom: 20px; }

.solution .stlContent:nth-last-child(1) { margin-bottom: 0px; }

.solution .bgDes { display: flex; justify-content: space-between; align-items: center; }

.solution .bgDes .bgLeft, .bgDes .bgRight { width: 50%; }

.solution .bgDes .bgRight img { width: 100%; }

.solution .firstSlt { background: url(/static/home/images/solution/solutionBan.png) no-repeat; background-size: cover; }

.solution .firstSlt .sltOut { position: relative; height: 270px; display: flex; align-items: center; }

.solution .firstSlt .sltOut .sltWord h1 { color: #ffffff; font-size: 40px; font-weight: 600; letter-spacing: 3px; }

.solution .firstSlt .sltOut .sltWord span { color: #ffffff; margin-top: 23px; font-size: 32px; letter-spacing: 2px; line-height: 24px; font-weight: 100; }

.solution .firstSlt.government { background: url(/static/home/images/solution/government.png) no-repeat; background-size: cover; }

.solution .firstSlt.online { background: url(/static/home/images/solution/online.png) no-repeat; background-size: cover; }

.solution .firstSlt.bank { background: url(/static/home/images/solution/bank.png) no-repeat; background-size: cover; }

.solution .firstSlt.insurance { background: url(/static/home/images/solution/insurance.png) no-repeat; background-size: cover; }

.solution .firstSlt.game { background: url(/static/home/images/solution/game.png) no-repeat; background-size: cover; }

.solution .firstSlt.education { background: url(/static/home/images/solution/education.png) no-repeat; background-size: cover; }

.solution .firstSlt.broker { background: url(/static/home/images/solution/broker.png) no-repeat; background-size: cover; }

.solution .firstSlt.manufacture { background: url(/static/home/images/solution/manufacturing_bg.jpg) no-repeat; background-size: cover; }

.solution .firstSlt.live { background: url(/static/home/images/solution/liveBroadcast_bg.jpg) no-repeat; background-size: cover; }

.solution .firstSlt.operators { background: url(/static/home/images/solution/operators.jpg) no-repeat; background-size: cover; }

.solution .secondSlt { position: relative; margin-bottom: 20px; z-index: 0; }

.solution .secondSlt .caseReferral { width: 100%; padding: 20px 0px 15px 0px; border-bottom: 1px solid #a0b3eb; }

.solution .secondSlt .caseReferral .case-cont { display: flex; align-items: center; }

.solution .secondSlt .caseReferral .case-cont .recommend {height: 40px;width: 90px;display: flex;justify-content: center;align-items: center;position: relative;}

.solution .secondSlt .caseReferral .case-cont .recommend::after { display: inline-block; content: ''; position: absolute; width: 120px; height: 3px; background: #537dff; left: 0; bottom: -26px; }

.solution .secondSlt .caseReferral .case-cont .recommend .case-plane { width: 40px; height: 35px; margin-right: 14px; }

.solution .secondSlt .caseReferral .case-cont .recommend .case-plane img { width: 40px; height: 35px; }

.solution .secondSlt .caseReferral .case-cont .recommend span {color: #000000;font-size: 16px;}

.solution .secondSlt .caseReferral .case-cont .recommendList { display: flex; flex: 1; justify-content: flex-start; align-items: center; flex-wrap: wrap; }

.solution .secondSlt .caseReferral .case-cont .recommendList li { width: 25%; height: 60px; display: flex; justify-content: center; align-items: center; position: relative; }

.solution .secondSlt .caseReferral .case-cont .recommendList li span { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.solution .secondSlt .caseReferral .case-cont .recommendList li:hover span { animation: animatespan 500ms ease-out 0ms 1 normal forwards; overflow: hidden; animation-fill-mode: forwards; background: rgba(242, 246, 255, 0.9); }

@keyframes animatespan { from { width: 0px; }
  to { width: 100%; } }

.solution .secondSlt .caseReferral .case-cont .recommendList li a { z-index: 10; width: 100%; height: 100%; text-align: center; }

.solution .secondSlt .caseReferral .case-cont .recommendList li img { height: 100%; }

.solution .secondSlt .caseReferral .case-cont .recommendList .br { border-right: 1px solid rgba(0, 0, 0, 0.1); }

.solution .forthSlt { position: relative; }

.solution .spotBg {
    width: 100%;
    height: 550px;
    background: url(/static/home/images/solution/bg1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: -135px;
    z-index: -1;
}

/*.solution .forthSlt .painSpot.online .spotList { margin-right: 200px; }*/

.solution .forthSlt .painSpot .spotList { display: inline-flex; align-items: center; margin-top: 40px; min-height: 40px; background: #ffffff; border: 1px solid #537dff; border-radius: 60px; padding: 5px 6px; padding-right: 20px; }

.solution .forthSlt .painSpot .spotList .round { min-width: 30px; min-height: 30px; height: 30px; border-radius: 50%; border: 1px solid #537dff; background: #537dff; margin-right: 15px; text-align: center; line-height: 27px; color: #ffffff; font-size: 24px; font-weight: 800; }

.solution .forthSlt .painSpot .spotList .painItem { font-size: 18px; font-weight: 600; line-height: 24px; }

.solution .forthSlt .painSpot .spotList_des span { width: 100%; color: #2F2F33; font-size: 14px; line-height: 24px; margin-top: 20px; letter-spacing: 0.5px; }

.solution .forthSlt .painSpot .spotCont { width: 100%; margin: 30px 0 20px 0; }

.solution .forthSlt .painSpot .spotCont p { font-size: 14px; font-weight: 400; color: #2F2F33; line-height: 24px; margin-bottom: 23px; }

.solution .forthSlt .painSpot .spotCont p:nth-last-child(1) { margin-bottom: 0; }

.solution .forthSlt .painSpot .spotCont p span { margin-right: 20px; }

.solution .fifthSlt .sltTitle { margin-top: 165px; margin-bottom: 70px; }

.solution .fifthSlt .advantagesDes { margin-bottom: 56px; }

.solution .fifthSlt .advantagesDes p { font-size: 14px; font-weight: 400; color: #2F2F33; line-height: 24px; }

.solution .fifthSlt .programAdvantages { padding: 22px 30px; padding-left: 15px; margin-bottom: 30px; background: rgba(69, 97, 201, 0.03); display: flex; }

.solution .fifthSlt .programAdvantages .advantageNum { font-size: 20px; font-weight: 900; color: #537dff; height: 37px; border-bottom: 4px solid #537dff; }

.solution .fifthSlt .programAdvantages .advantageCont { width: 100%; margin-left: 10px; padding-left: 30px; border-left: 1px solid #a0b3eb; }

.solution .fifthSlt .programAdvantages .advantageCont .advantageTitle { font-size: 18px; color: #000000; font-weight: 600; margin-bottom: 30px; }

.solution .fifthSlt .programAdvantages .advantageCont .advantageDes { font-size: 16px; color: #2F2F33; line-height: 30px; margin-top: 30px; }

.solution .fifthSlt .programAdvantages .advantageCont .advantageDes:nth-of-type(1) { margin-top: 0; }

.solution .fifthSlt .programAdvantages .advantageCont .advantageDes p { font-weight: bold; color: #000000; }

.solution .fifthSlt .programAdvantages .advantageCont .advantageDes span { font-weight: 400; margin-bottom: 30px; }

.solution .fifthSlt .programAdvantages .advantageCont .advantageDes span:nth-last-of-type(1) { margin-bottom: 0; }

.solution .fifthSlt .programAdvantages .advantageCont .img_div_box { margin-top: 40px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.solution .fifthSlt .programAdvantages .advantageCont .img_div_box div { position: relative; width: 49%; }

.solution .fifthSlt .programAdvantages .advantageCont .img_div_box div img { width: 100%; }

.solution .fifthSlt .programAdvantages .advantageCont .img_div_box div span { position: absolute; left: 0; bottom: 3px; width: 100%; height: 35px; padding-left: 17px; line-height: 35px; font-size: 14px; color: #ffffff; background: rgba(0, 0, 0, 0.3); }

.solution .sixthSlt .valueCards { display: flex; justify-content: flex-start; flex-wrap: wrap; }

.solution .sixthSlt .valueCards .card { width: 100%; }

.solution .sixthSlt .valueCards .card ul { width: 100%; height: 25px; border-bottom: 1px solid rgba(69, 97, 201, 0.3); margin-bottom: 20px; display: flex; justify-content: flex-start; }

.solution .sixthSlt .valueCards .card ul li { width: 10px; height: 22px; line-height: 25px; text-align: center; margin-right: 8px; }

.solution .sixthSlt .valueCards .card ul li.cardNo { width: 63px; font-size: 16px; font-weight: bold; color: #ffffff; height: 0; border-top: none; border-bottom: 25px #537dff solid; border-right: transparent 15px solid; border-left: none; margin-right: 0; }

.solution .sixthSlt .valueCards .card ul li:nth-child(2), .sixthSlt .valueCards .card ul li:nth-child(3), .sixthSlt .valueCards .card ul li:nth-child(4) { transform: skew(30deg); /*设置倾斜度为30*/ -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); background: #a3b2e8; }

.solution .sixthSlt .valueCards .card ul li:nth-child(3) { background: #dae0f6; }

.solution .sixthSlt .valueCards .card ul li:nth-child(4) { background: #eceffa; }

.solution .sixthSlt .valueCards .card .cardCont { font-size: 18px; font-weight: 400; color: #000000; line-height: 40px; margin-bottom: 50px; }

.solution .sixthSlt .valueCards .card:nth-last-child(1) .cardCont { margin-bottom: 30px; }

.solution .sixthSlt .valueCards .card2 { margin: 1px; height: auto; border: 1px solid rgba(69, 97, 201, 0.3); }

.solution .sixthSlt .valueCards .card2 ul { width: 100%; height: 25px; border-bottom: 1px solid rgba(69, 97, 201, 0.3); display: flex; justify-content: flex-start; align-items: center; }

.solution .sixthSlt .valueCards .card2 ul li { width: 10px; height: 20px; line-height: 25px; text-align: center; margin-right: 8px; }

.solution .sixthSlt .valueCards .card2 ul li.cardNo { width: 63px; font-size: 16px; font-weight: bold; color: #ffffff; height: 0; border-top: none; border-bottom: 25px #537dff solid; border-right: transparent 15px solid; border-left: none; margin-right: 0; }

.solution .sixthSlt .valueCards .card2 ul li:nth-child(2), .sixthSlt .valueCards .card2 ul li:nth-child(3), .sixthSlt .valueCards .card2 ul li:nth-child(4) { transform: skew(30deg); /*设置倾斜度为30*/ -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); -ms-transform: skew(30deg); background: #a3b2e8; }

.solution .sixthSlt .valueCards .card2 ul li:nth-child(3) { background: #dae0f6; }

.solution .sixthSlt .valueCards .card2 ul li:nth-child(4) { background: #eceffa; }

.solution .sixthSlt .valueCards .card2 .cardCont { padding: 27px 12px; }

.solution .sixthSlt .valueCards .card2 .cardCont .cardName { font-size: 18px; font-weight: bold; margin-bottom: 33px; line-height: 24px; }

.solution .sixthSlt .valueCards .card2 .cardCont span { font-size: 14px; font-weight: 400; color: #000000; letter-spacing: 0; }

.solution .lastSlt { position: relative; }

.solution .lastSlt .sltTitle { margin-bottom: 160px; }

.solution .lastSlt .others { width: 100%; padding: 0 80px; position: absolute; left: 0; top: 100px; background: #ffffff; z-index: 1; box-shadow: 0px 0px 30px 0px rgba(105, 105, 105, 0.2); }

.solution .lastSlt .others li { width: 100%; display: flex; justify-content: center; align-items: center; padding: 30px 0; }

.solution .lastSlt .others li .fontName { margin-left: 20px; }

.solution .lastSlt .others li .fontName .font-top { font-weight: 600; font-size: 14px; color: #000000; }

.solution .lastSlt .others li .fontName .font-bottom { color: rgba(0, 0, 0, 0.5); letter-spacing: 0.5px; }

.solution .lastSlt .others li:nth-child(4n) .fontName, .lastSlt .others li:nth-last-child(1) .fontName { border-right: 0; }

.solution .lastSlt .others li:nth-last-child(1) { border-bottom: 0; }

.solution .lastSlt .others li .icon-finance, .lastSlt .others li .icon-retailers, .lastSlt .others li .icon-web, .lastSlt .others li .icon-aviation, .lastSlt .others li .icon-manufacture, .lastSlt .others li .icon-broadcast, .lastSlt .others li .icon-operators, .lastSlt .others li .icon-operate2, .lastSlt .others li .icon-broker, .lastSlt .others li .icon-online, .lastSlt .others li .icon-make, .lastSlt .others li .icon-insurance, .lastSlt .others li .icon-education, .lastSlt .others li .icon-game, .lastSlt .others li .icon-government, .lastSlt .others li .icon-bank2 { font-size: 32px; color: #537dff; }

.solution .lastSlt .others .swiper-slide { text-align: center; }

.solution .lastSlt .others .swiper-button-prev, .lastSlt .others .swiper-container-rtl .swiper-button-next { background-image: none; left: 20px; right: auto; line-height: 44px; }

.solution .lastSlt .others .swiper-button-next, .lastSlt .others .swiper-container-rtl .swiper-button-prev { background-image: none; right: 20px; left: auto; line-height: 44px; }


.solution .lastSlt .others .btn { width: 36px; height: 36px; border-radius: 50%; background: #EDF2FF; text-align: center; color: #537dff; font-size: 16px; cursor: pointer; }

.solution .lastSlt .others .btn_left { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.solution .lastSlt .others .btn_right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.solution .footer-bottom .footer-cont .footer-list { margin-top: 100px; }