.home-aboutus{width:100%;background:#fff;margin:0 auto;padding:0}
.home-aboutus .aboutus-content{display:flex;justify-content:center;align-items:center}
.aboutus-content .content-item{margin:0;padding:0;width:1278px;min-height:540px;display:flex;justify-content:space-between;align-items:center}
.content-item .content-item1{margin:0;padding:60px 0 120px 0;width:426px;height:540px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-end}
.content-item .content-item1:hover{background:linear-gradient(180deg,#f4f5fa 0,#fff 100%),url(../images/select_card@2x.png) bottom right;box-shadow:8px 8px 20px 0 rgba(0,0,0,.1),-8px -8px 20px 0 rgba(255,255,255,.1);background-repeat:no-repeat;background-size:100% 108px}
.content-item .content-item1 dt{height:120px;display:flex;align-items:center}
.content-item1 .content-item1-dd2{height:25px;margin:20px 0 24px 0;font-size:18px;color:#333;letter-spacing:0;font-weight:400}
.content-item1 .content-item1-dd1{width:336px;font-size:16px;color:#666;letter-spacing:0;text-align:justify;line-height:28px;font-weight:400}
.home-aboutus-all,.home-news-all,.home-ourclient-all,.home-solution-all{margin:0 auto;padding:0;text-align:center;padding-top:70px}
.home-solution{width:100%;min-height:660px;background:rgba(75,110,239,.1)}
.home-solution .solution-content{width:1320px;min-height:420px;padding:0;margin:24px auto 0;display:flex;flex-wrap:wrap;flex-shrink:0}
.solution-content .solution-item{padding:0;width:305px;height:120px;background-image:linear-gradient(180deg,#fff 0,#f2f4f9 100%);background:#f7f8fb;box-shadow:0 6px 12px 8px rgba(0,0,0,.05);border-radius:4px;display:flex;margin:20px 20px 0 0}
.solution-content .solution-item-last{margin:0;padding:0;width:630px;height:120px;display:inline-block;margin-top:20px;box-shadow:0 6px 12px 8px rgba(0,0,0,.05);border-radius:4px;background:url(../images/solution_case.png) center center repeat}
.solution-content .solution-item:hover,.solution-item-last:hover{transform:translate(0,-10px);cursor:pointer}
.solution-item .item-img{width:90px;height:100%;display:flex;justify-content:center;align-items:center}
.solution-item .item-img img{width:40px;height:40px}
.solution-item .item-text{display:flex;align-items:center;width:165px;height:100%;font-size:18px;color:#000;text-align:justify;font-weight:400;letter-spacing:0}
.home-succeed{margin:0 auto;width:100%;min-height:644px}
.home-succeed-all{width:100%;height:100%;display:flex;margin:0 auto;padding:0}
.home-succeed .succeed-content-left{width:626px}
.succeed-content-left img{width:100%;height:100%}
.succeed-content-right{width:calc(100% - 626px);min-height:644px;background:#232832;color: #fff;box-sizing:border-box;padding:80px 65px;position:relative}
.succeed-slide{margin-top:70px}
.slideshow .box{position:relative;width:1120px;height:260px;margin:0;padding:0 10px;overflow:hidden}
.box .swiper{width:100%;height:100%}
.box .swiper-slide{width:342px;height:234px;text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flexbox:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;align-self:center;border-radius:6px!important;position:relative;background-color:rgba(255,255,255,0)!important}
.swiper-slide-prev .swiper-slide-duplicate .swiper-slide-next .swiper-slide-active{border-radius:6px!important}
.box .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px}
.box .swiper-slide-mask{width:100%;height:100%;position:absolute;background:#0d1224;opacity:.62;border-radius:6px}
.swiper-slide-active .swiper-slide-mask{background:#12297e;opacity:.5}
.box .swiper-slide-text{width:100%;height:76px;position:absolute;top:50%;box-sizing:border-box;margin-top:-38px;padding-left:30px}
.box .swiper-slide-text img{width:76px;height:76px;margin-right:18px;float:left}
.box .swiper-slide-text span{display:block;text-align:left}
.box .swiper-slide-text span:nth-child(1){font-size:20px;color:#fff;letter-spacing:0;text-shadow:0 2px 2px rgba(0,0,0,.65);font-weight:500;margin:5px 0 10px 0}
.box .swiper-slide-text span:nth-child(2){font-size:16px;color:#fff;letter-spacing:0;text-shadow:0 2px 2px rgba(0,0,0,.65);font-weight:400}
.box .swiper-slide-active{width:380px;height:260px;border-radius:6px}
.succeed-content-right .button{width:84px;height:42px;position:absolute;bottom:15%;left:5%}
.button .swiper-button-next,.button .swiper-button-prev{width:24px;height:22px}
.home-ourclient{width:100%;min-height:668px;background:#fff}
.ourclient-content{width:100%;min-height:478px!important;box-sizing:border-box;margin:50px auto 0;padding:0 0 30px 0;position:relative}
.ourclient-list-box{display:flex;flex-shrink:0;margin-bottom:40px;overflow:hidden}
.ourclient-list{height:70px;display:flex;animation:fly 50s linear infinite}
.ourclient-list-box:nth-child(2) .ourclient-list,.ourclient-list-box:nth-child(4) .ourclient-list{animation:fly 65s linear infinite}
.ourclient-list .ourclient-list-item{height:70px;width:190px;display:flex;flex-shrink:0}
.ourclient-list .ourclient-list-item img{height:100%;width:100%;transform:scale(1.1,1.8)}
@keyframes fly{
0%{margin-left:0;border-left-width:130px;boeder-right-width:130px}
50%{margin-left:-50%;border-left-width:130px;boeder-right-width:130px}
100%{margin-left:-100%;border-left-width:130px;boeder-right-width:130px}
}
.ourclient-list-box .ourclient-list:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;animation:linear}
.ourclient-text{width:100%;min-height:478px;background:rgba(255,255,255,.5);position:absolute;top:0;text-align:center;box-sizing:border-box;padding-top:155px}
.ourclient-text span:nth-child(1){font-size:52px;font-weight:700;color:#4b6eef}
.ourclient-text span:nth-child(2){font-size:48px}
.news-wrapper,.solution-wrapper{width:100%;height:280px;padding:0;margin:50px auto 0}
.news-wrapper .p10{height:100%}
.news-main{float:left;height:270px;width:32.5%}
.news-sub{float:left;width:67.5%;height:100%}
.news-sub .row{margin-right:0;margin-left:0;height:100%}
.news-sub .row>div{height:130px;width:424px}
.home-aboutus .home-subtitle h1,.home-ourclient .home-subtitle h1,.home-solution .home-subtitle h1{font-size:28px;color:#333;letter-spacing:0;text-align:center;line-height:28px;font-weight:500;margin-bottom:19px}
.home-aboutus .home-subtitle p,.home-ourclient .home-subtitle p,.home-solution .home-subtitle p{font-size:16px;color:#666;letter-spacing:0;text-align:center;font-weight:400}
.home-aboutus .solution-item{padding:0;margin:0;padding-left:10px;padding-right:10px;margin-bottom:10px}
.home-aboutus .solution-item a{width:100%;padding:0;margin:0 auto;display:inline}
.home-aboutus .solution-item a img{width:100%;padding:0;margin:0 auto;display:inline}
.home-aboutus .solution-item .solution-item-info{position:absolute;bottom:-68px;width:calc(100% - 20px);height:250px;overflow:hidden;padding:10px;transition:all .5s;opacity:1;cursor:pointer}
.home-aboutus .solution-item .solution-item-info .title{font-size:20px;color:#fff;font-weight:bolid;line-height:30px;height:30px;overflow:hidden;margin:0 auto;padding:0;width:100%;text-align:center;margin-bottom:20px}
.home-aboutus .solution-item .solution-item-info .desc{font-size:14px;color:#fff;line-height:22px;overflow:hidden;margin:0 auto;padding:20px 20px;width:100%;text-align:left;display:block;position:relative}
.home-aboutus .solution-item .mask{opacity:.9;background-color:rgba(0,0,0,.5);width:calc(100% - 20px);height:100%;position:absolute;top:0;text-align:center}
.home-aboutus .solution-item:hover .solution-item-info{bottom:-38px!important}
.home-aboutus .solution-item .solution-item-info .desc::after{content:'';display:block;position:absolute;bottom:10px;left:20px;width:0;color:#ccc;border-top:4px solid #2e7bfb;transition:all .5s}
.home-aboutus .solution-item:hover .solution-item-info .desc::after{content:'';display:block;position:absolute;bottom:10px;left:20px;width:54px;color:#ccc;border-top:4px solid #2e7bfb}
.home-news{width:100%;min-height:540px;background:rgba(75,110,239,.1)}
.home-news .news-item{width:100%;height:100%;margin:0 auto;padding:0;background-color:#000;overflow:hidden;position:relative}
.home-news .news-item1{height:100%}
.home-news .news-item2{height:100%}
.home-news .p10{padding-left:10px;padding-right:10px}
.home-news .news-item .title{font-size:18px;color:#fff;margin:0 auto;padding:0;width:100%;text-align:left;margin-bottom:5px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-news .news-item .titlemore{font-size:18px;color:#fff;line-height:25px;overflow:hidden;margin:0 auto;padding:0;width:100%;text-align:center;white-space:nowrap;display:block}
.home-news .news-item .titlemore span{margin:0 auto;text-align:left;display:inline-block}
.home-news .news-item .titlemore span p{margin:0;padding:0;line-height:28px}
.home-news .news-item .titlemore span i{display:block;width:0;height:2px;padding:0;margin:0;background-color:#fff;transition:all .6s}
.home-news .news-item .titlemore span:hover i{width:34px}
.home-news .news-item .desc{font-size:14px;color:#fff;margin:0 auto;width:100%;text-align:left;height:40px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-news .news-item img{width:100%;padding:0;margin:0;transition:all .6s;opacity:.8}
.home-news .news-item:hover img{transform:scale(1.1,1.1)}
.home-news .news-item .news-item-info{position:absolute;width:100%;text-align:center;left:0;top:0;padding:0 20px 0 40px;margin:auto;overflow:hidden}
.home-news .news-item:hover .news-item-info{top:-15px}
.home-news .news-item .news-item-top{padding-top:83px!important}
.home-news .news-item .news-item-top1{padding-top:50px!important}
@media (max-width:768px){
.aboutus-content .content-item{margin:0 auto;padding:0;display:block}
.aboutus-content .content-item .content-item1{padding:10px 0 0 0;margin:0 auto;height:auto}
.home-solution .solution-content{width:100%;padding:0;margin:0;overflow-x:hidden}
.solution-content .solution-item{margin:10px auto}
.solution-content .solution-item-last{margin:auto}
.ourclient-text{padding-top:185px}
.ourclient-text span:nth-child(1){font-size:28px}
.ourclient-text span:nth-child(2){font-size:26px}
.home-succeed .succeed-content-right{width:100%;min-height:644px;position:relative;padding:0;margin:0 auto}
.succeed-content-right .home-subtitle{text-align:center;margin-top:40px}
desc .succeed-slide{margin-top:70px}
.home-news{min-height:1200px}
.news-main{float:none;width:100%;min-width:320px;margin-bottom:10px}
.news-sub{float:none;width:100%;min-width:320px}
.news-sub .row>div{height:150px;margin-bottom:10px}
.home-news .p10{padding-left:0;padding-right:0}
.home-aboutus .solution-item .solution-item-info .title{font-size:16px;margin-bottom:0;line-height:25px}
.home-aboutus .solution-item .solution-item-info{position:absolute;top:20px;width:calc(100% - 20px);overflow:hidden;padding:10px;transition:all .5s;opacity:1;cursor:pointer}
.home-aboutus .solution-item .solution-item-info .desc{font-size:14px;color:#fff;line-height:22px;overflow:hidden;margin:0 auto;padding:10px 10px;width:100%;text-align:left;display:block;position:relative;height:80px}
.home-solution .solution-item:hover .solution-item-info{bottom:-68px!important}
.main-product-layer{margin:0 auto;padding:0;text-align:center;padding-top:0}
.main-product-layer1{margin:0 auto;padding:0;text-align:center;padding-top:0;padding-bottom:34px}
.main-product-item{text-align:center;border-bottom:2px solid transparent;padding:0 15px;margin-top:20px}
.main-product-item a{display:inline-block}
.main-product-item-img{display:inline-block;margin:0 auto;vertical-align:middle;width:48px;height:48px}
.main-product-item img{display:block;margin:0 auto}
.main-product-item-name{display:block;overflow:hidden;padding-bottom:18px;padding-top:13px;font-size:16px;color:#666;height:60px}
.main-product-layer-full{display:none;width:100%;margin:0 auto;clear:both;background-color:rgba(227,227,227,.5)}
.main-product-texing{margin:0 auto;padding:0;text-align:center;padding-top:10px;padding-bottom:40px}
.col-xs-1-5{width:50%;float:left}
.main-product-texing{display:none}
.markdown-body .product-funcintro aside{display:none!important}
@media (min-width:768px){
.col-sm-1-5{width:25%;float:left}
.main-product-texing{display:block}
}
}