/*导航*/
.banner{width: 100%;height: auto;position: relative;color: #fff;}
.banner .centerBox {max-width: 1920px;margin:0 auto;width: 72%;}
.bannerText{position: absolute; left: 0; top: 44%; transform:translateY(-50%);-webkit-transform:translateY(-50%);width: 100%; }
.bannerText h2{ font-size: 60px; line-height: 1em;font-weight: 500;}
.bannerText p{ font-size: 56px; padding: .5% 0 2%;}
.bannerText a{display:inline-block;border-radius: 30px; padding: 10px 38px; text-align: center; background: #fff; color: #ff3d00;font-weight: bold;font-size: 20px;transition: all 0.8s;}
.bannerText a:hover{background: #ff3d00; color: #fff;}
.indexBanner .swiper-pagination{bottom:0;top:inherit;width:100%;height:2px;left:0;background:rgba(255,255,255,1);}
.indexBanner .swiper-pagination span{background:#ff3d00;}
.textC{text-align:center;}
.pc{display: block;}
.app{display: none;} 
.comWrapper{padding-bottom:0;}
.comTit p{text-align: center;padding: 30px 0 0px;width: auto;max-width: 1000px;margin: 0 auto;}
.swiper-slide{padding-top: 0;}
/*两端对齐 贴边*/
.spaceBetween{display:flex;align-items:center;justify-content:space-between;}
/*云平台*/
/*.ypt {background-color: #fcfcfc;}*/
.ypt .comTit{width: 80%;margin: 0 auto;}
.ypt .spaceBetween>div{width: 50%;}
.ypt .spaceBetween>div img{display: block;width: 90%;margin: 0 auto;}
.ypt .spaceBetween>div:last-of-type img{width: 100%;}
/*数字化开发解决方案*/
.numkf{padding-bottom: 140px}
.numkf .spaceBetween>div{width: 50%;}
.numkfL>.b-home2-market{width: 90%;margin: 0 auto;position: relative;}
.numkfL>.b-home2-market img{position:relative;display:block;top:0;left:0;z-index:1;}
.numkfL>.b-home2-market p{position:absolute;top:13%;left:0;bottom:0;z-index:2;overflow: hidden; padding:0 21.62% 0 21.869%;}
.numkfL>.b-home2-market p img{ display:block;width:100%;position:relative;}
.numkfR .comTit{padding:60px 0 70px !important;margin-left: 6%;}
.numkfR .comTit h4{text-align: left;}
.numkfR .comTit p{text-align: left;}
.numkfR .pintitle{margin-top: 4%;  margin-bottom: 2%;  font-size: 22px;  font-weight: 900;  text-align: center; }
.numkfR .clearfix li{text-align: center;float: left;width: 25%;margin: 12px 0;}
.numkfR .clearfix li img{width: 50%;display: block;margin: 0 auto 10px;max-width: 60px;}
.numkfR .clearfix li em,.numkfR ul li span{display: block;}
.numkfR .clearfix li a em{ -webkit-transition: transform .6s;transition: transform .6s;}
.numkfR .clearfix li a:hover em{transform:translateY(-4px);}
.numkfR .clearfix li a span{line-height: 2em;color: #151515;}

.numkfR .clearfix1 li{text-align: center;float: left;width: 20%;margin: 12px 0;}
.numkfR .clearfix1 li img{width: 50%;display: block;margin: 0 auto 10px;max-width: 60px;}
.numkfR .clearfix1 li em,.numkfR ul li span{display: block;}
.numkfR .clearfix1 li a em{ -webkit-transition: transform .6s;transition: transform .6s;}
.numkfR .clearfix1 li a:hover em{transform:translateY(-4px);}
.numkfR .clearfix1 li a span{line-height: 2em;color: #151515;}

/*资源平台*/
.zypt{background: #ecf4ff;padding-bottom:140px;}
.gallery-thumbs{max-width: 800px;margin: 0 auto 30px;width: 80%;}
.gallery-thumbs .swiper-slide{height: 120px;padding-top: 20px;}
.gallery-thumbs a{text-align:center;display:inline-block;position:relative;}
.gallery-thumbs img{width:60px;height:60px;display:block;box-shadow:0 6.86407px 25.7403px rgba(0,0,0,.1);border-radius:25%;transition:all .3s;position: relative;z-index: 1;}
.gallery-thumbs a:hover>img{ transform:translateY(-6px) }
.gallery-thumbs a:after{position:absolute;bottom: 0;z-index: -1; transition:all .3s;left:25px;display:block;content:"";width:10px;height:10px;border-radius:50%;background:#3269ff;}
.gallery-thumbs a:hover:after,.gallery-thumbs .swiper-slide-thumb-active a:after{bottom:-22px;}
.tabImg{width: 24%;padding: 0 4%; position: relative;}
.tabImg span,.tabImg em{display: block;}
.tabImg span{border-radius: 12px;border: 2px solid #000;border-top-width: 10px;border-bottom-width: 10px;background:#000;}
.tabImg span img{border-radius:12px;display: block;}
.tabImg span video{width: 100%;min-height: 100%;object-fit: cover;} 
.tabImg em{left: 0;top: 35%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;position: absolute;border: 10px solid #fff;}
.gallery-top .swiper-slide-active .tabImg em {-webkit-animation:fade-in .8s ease-in-out forwards;animation:fade-in .8s ease-in-out forwards}
.tabText{width: 60%;}
.tabText h5{font-weight: 500;font-size: 36px;margin-bottom: 30px;}
.swiper-container-v{margin-top: 5%;}
.swiper-container-v .swiper-wrapper{display: flex;justify-content: space-between;margin: 5px 0;}
.swiper-container-v .swiper-slide{width:33.33%;text-align: center;}
.swiper-container-v .swiper-slide div{background-color: #fff;padding:30px 10px 20px;border-radius: 12px;}
.swiper-container-v .swiper-slide h6{color: #000515;font-size: 26px;margin-bottom: 20px;}
.swiper-container-v .swiper-slide p{font-size: 15px; text-align: left;color: #151515; margin: 0 10px 20px; -webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;}
.swiper-container-v .swiper-slide a{ color: #000;text-align: center;display: block;padding-top: 20px; border-top: 1px solid #dddbdd;}
.swiper-container-horizontal>.swiper-scrollbar{width: 30%!important;transform:translatex(-50%);-webkit-transform:translatex(-50%);left: 50%!important;height: 4px!important;}
.tabText .zxBtn{transition:background .3s;display: inline-block;background-color: #ff3d00; color: #fff;padding: 10px 20px;border-radius: 500px;margin-top: 30px;}
.tabText .zxBtn:hover{background-color: #e53700;}
@-webkit-keyframes fade-in{
    0%{transform:scale(1.1);opacity:.6}
    to{transform:scale(1);opacity:1}
}
@keyframes fade-in{
    0%{transform:scale(1.1);opacity:.6}
    to{transform:scale(1);opacity:1}
}
/*运营服务*/
.swiper-slide{border: none;}
.yyfwList .swiper-slide a{display: block;position: relative;text-align: center;overflow: hidden;border-radius: 12px;}
.yyfwList .swiper-slide a img{-webkit-transition: transform .6s;transition: transform .6s;}
.yyfwList .swiper-slide a:hover img{transform: scale(1.1);}
.yyfwList .swiper-slide a span{position:absolute;bottom:0;left:0;width:100%;padding-bottom:26px; font-size:20px;font-weight: 900; color:#fff;z-index:3;}
.tool{margin-top: 40px;}
.tool-items{display:flex;justify-content:space-between;}
.tool-items .tool-item{display:flex;align-items: center;align-content: center;width:24%;margin-right: 1.33%;padding:32px; background:linear-gradient(304.57deg,rgba(236, 244, 255) -28.72%,rgba(232, 240, 249) 98.3%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;transition:all .3s ease-in-out}
.tool-items .tool-item:hover{transform:translateY(-10px)}
.tool-items .tool-item:last-of-type{margin-right:0;}
.tool-items .tool-item .aside-icon{width:48px;height:48px;margin-right:14px}
.tool-items .tool-item .tool-title-name{margin-bottom:4px;font-weight:500;font-size:20px; font-weight: 900; line-height:32px;color:#333;}
.tool-items .tool-item .tool-desc{font-size:16px;line-height:20px;color:#333;}
/*客户案例*/
.khal{background-color: #fcfcfc;}
.khal .spaceBetween>div{width: 33%;}
.khalList{margin-top:.33%;}
.khalList a{display: block;position: relative;overflow: hidden;}
.khalList a img{-webkit-transition: transform .6s;transition: transform .6s;}
.khalList a span{position:absolute;bottom:-40px;left:0;width:100%;line-height:40px;font-size:14px;color:#fff;z-index:3;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,1));-webkit-transition:all .3s;transition:all .3s;}
.khalList a:hover img{transform: scale(1.1);}
.khalList a:hover span{display: block;bottom:0;}
.khalList2 div:nth-of-type(1),.khalList2 div:nth-of-type(2){width: 40%;}
.khalList2 div:nth-of-type(3){width: 19%;}
/*客户资源*/
.khzy,.sjBox{padding-bottom:140px;}
.khzyBox{padding: 60px 20px 0;min-height: 420px; border: 1px solid #d7d7e2;border-top: 5px solid #ff3d00;border-radius: 12px;text-align: center;margin-right: 1px;}
.khzyBox h6 strong{font-size: 100px;color: #151515;}
.khzyBox h6 span{color: #ff3d00;font-size: 20px;font-weight: 900;}
.khzyBox p{padding: 50px 0 10px;}
.khzyBox h5{font-size: 24px;color: #ff3d00;}
.khzyBox ul{margin-top: 30px;}
.khzyBox ul li{text-align: left;line-height: 1.6em;padding-left: 36px;margin-left: 2%; background: url("../images/index/dot.png") no-repeat;background-size: contain;width:calc(49% - 6px);float: left;margin-bottom: 18px;background-size:22%;}

@media (min-width:1680px) and (max-width:1920px) {
.bannerText h2,.bannerText p{ font-size: 50px;}
}
@media (max-width: 1680px) {
/*导航*/     
.bannerText h2,.bannerText p{font-size: 40px;}
.bannerText a{font-size: 15px;}
/*客户资源*/
.khzyBox{min-height: 320px;}
.khzyBox h6 strong{font-size: 60px;}   
.khzyBox p,.khzyBox ul li{font-size: 14px;}
.khzyBox h5{font-size: 22px;}
.khzyBox p{padding:30px 0 14px;}
.gallery-thumbs .swiper-slide{height: 100px;}
}
@media (max-width: 1440px) {
.bannerText h2,.bannerText p{font-size: 36px;}
/*运营服务*/
.yyfwList .swiper-slide a span{font-size: 14px;}
/*数字化开发解决方案*/ 
.numkfR ul li{font-size: 14px;}
.numkfR ul li em{width: 80%;margin: 0 auto;}
/*资源平台*/    
.gallery-thumbs{margin-bottom: 0;}
.gallery-thumbs img{width: 50px;height: 50px;}
.gallery-thumbs a:after{left: 22px;width:8px;height:8px;} 
.gallery-top .swiper-slide{padding-top: 0;}
.gallery-thumbs .swiper-slide{height: 100px;padding-top: 10px;}       
.tabText,.swiper-container-v .swiper-slide p{font-size: 14px;}
.tabText h5{font-size: 26px;font-weight: 900;margin-bottom:20px;}
.gallery-thumbs .swiper-slide{height: 100px;padding-top: 10px;}       
.tabText h5{font-size: 26px;font-weight: 900;margin-bottom:20px;}
.swiper-container-v .swiper-slide h6{font-size: 20px;}
.tabText .zxBtn{margin: 30px 0 0;}
.khzyBox ul li{padding-left:26px;width:calc(48% - 26px);}
}
@media (min-width:1200px) and (max-width:1440px) {
/*公共标题*/
.comTit h4{font-size: 28px;font-weight: 900;}
}
@media (min-width:750px) and (max-width:1200px) {
/*公共标题*/
.comTit h4{font-size: 22px;font-weight: 900;}
}
@media (max-width: 1200px) {  
.tool{margin-top: 10px;}
.comWrapper{padding-bottom: 50px;}
.comWrapperNr{width: 80%;}
/*导航*/  
.bannerText h2,.bannerText p{ font-size: 30px;}
.bannerText a{font-size: 14px; } 
/*资源平台*/     
.tabText,.tabText ul li p{font-size: 12px;}
.tabText h5{font-size: 22px;font-weight: 900;}
.tabText ul li h6{font-size: 18px;}
/*数字化开发解决方案*/  
.numkfL{display: none;}
.numkf .spaceBetween>div{width: 100%;}
.numkfR ul li{font-size: 12px;}
.numkfR ul li em{width: 60%;margin: 0 auto;} 
.numkfR ul li img{max-width: 56px;}
.tool-items .tool-item{padding: 32px 14px;}
}
@media (max-width: 750px) { 
/*导航*/   
.comWrapper{padding-bottom: 10px;}
.comWrapperNr{width: 96%;}
.banner .centerBox{width: 88%;}
.bannerText{bottom: 7%!important;top: inherit!important;}
.bannerText h2{font-weight: 900;font-size: 20px;}
.indexBanner .swiper-pagination{bottom: 6%!important;}
.pc{display: none;}
.app,.gallery-top .spaceBetween,.ypt .spaceBetween,.numkf .spaceBetween{display: block;}   
/*云平台*/
.ypt{padding-bottom: 40px;}
.ypt .spaceBetween>div{width: 100%;}
.ypt .spaceBetween>div:first-of-type{margin-bottom: 30px;}
/*运营服务*/    
.yyfwList .swiper-slide a span{font-size: 14px;padding-bottom:12px;}   
/*数字化开发解决方案*/
.numkf{margin-bottom: 20px;padding: 0px;}
.numkfR .comTit{padding:40px 0 30px;}
.numkfR ul li em{width: 74%;}      
.tabImg{display: none;}    
.tabText{width:90%;margin: 0 auto;text-align: center;line-height: 1.6em;}
.tabText h5{margin-bottom: 16px;margin-top:10px;}
.swiper-container-v{margin-top: 0px;}
.swiper-container-v .swiper-slide{width:100%!important;padding: 0;}
.swiper-container-v .swiper-slide div{width: 80%;margin: 20px auto;}
.swiper-container-v .swiper-slide p{text-align: center;}
.tabText .zxBtn{margin: 10px 0 20px;}
/*客户资源*/
.khzyBox{padding: 20px 20px 0;min-height: 270px;width: 70%;margin: 0 auto 30px;}
.khzyBox h5{font-size:20px;}
.khzyBox p{padding:10px 0 10px;} 
.khzyBox ul{margin-top:20px;} 
.khzyBox ul li{padding-left:30px;width:calc(50% - 30px);}
.tool-items,.tool-items .tool-item{display: block;}
.tool-items .tool-item{width:48%;text-align:center;float: left;margin: 5px;}
.tool-items .tool-item .tool-title-name{font-size: 18px;}
.tool-items .tool-item .tool-desc{height:40px;font-size: 14px;}
.tool-items .tool-item .aside-icon{margin: 0 auto;}        
}

@media (max-width: 520px) { 
.tool-items .tool-item{width:47%;text-align:center;float: left;margin: 4px;}
    
}