.special_bg{background-color:#f3f4f6} .moduleWrap{width:1200px;margin:0 auto;padding-bottom:90px} .moduleTitle{text-align:center;padding:60px 0 50px} .moduleTitle h1{margin:0;font-weight:500} .moduleTitle a:hover{color:#036fe2;} .moduleTitle p{letter-spacing:3px;margin:0;margin-top:20px} .moduleTitle.black h1{color:#242527} .moduleTitle.black p{color:#858585} .moduleTitle.white h1{color:#fff} .moduleTitle.white p{color:#80808c} .row:after{display:block;clear:both;content:"";visibility:hidden;height:0} .row{zoom:1} .clo_2{width:20%;float:left;position:relative} .clo_3{width:25%;float:left;position:relative} .clo_4{width:33.3333%;float:left;position:relative} .carousel{overflow:hidden;height:500px;position:relative} .carousel .carousel-inner{position:absolute;left:0;top:0;height:100%} .carousel .carousel-inner .carousel-item{float:left;height:100%} .carousel .carousel-btn{position:absolute;position:absolute;top:50%;width:32px;height:56px;margin-top:-28px;cursor:pointer} .carousel .carousel-prev-btn{left:60px;background:url(/Public/Home/images/index/carousel-next-btn.png) no-repeat} .carousel .carousel-next-btn{right:60px;background:url(/Public/Home/images/index/carousel-prev-btn.png) no-repeat} .carousel .carousel-indicators{position:absolute;left:0;bottom:40px;width:100%;text-align:center;font-size:0} .carousel .carousel-indicators span{display:inline-block;width:62px;height:5px;background-color:rgba(255,255,255,.2);margin:0 8px;cursor:pointer;border-radius:15px;transition:all .3s ease} .carousel .carousel-indicators span.active,.carousel .carousel-indicators span:hover{background-color:rgba(255,255,255,.8)} #c-item-1{background: url(/Public/Home/images/index/banner-ai-box.jpg) center rgb(8,18,80) } #c-item-2{background: url(/Public/Home/images/index/banner-ebike.jpg) center rgb(8,18,80) } .c-txt{width: 660px;height: 200px;margin: 0 auto; padding-top: 135px;color: #fff;font-size: 18px;} .c-p-1{font-size: 28px;} .c-p-2{color: #ccc;} .c-p-3{color: #bbb;font-size: 14px;} .c-txt strong{color: #FF9900;} .btn-primary{background-color: #ff6a00;color:#fff; border-color:transparent;border-style:solid; width:138px; height: 42px; font-size: 16px; margin-top: 25px; cursor: pointer;} .datum_wrpa{box-shadow:0 4px 30px 0 rgba(133,138,180,.14);position:relative} .datum_wrpa .moduleWrap{padding:60px 0} .datum_wrpa .moduleWrap .moduleTitle p{line-height:24px;font-weight:400;margin-top:30px} .datum_wrpa .datum_list{position:relative;text-align:center} .datum_wrpa .datum_list p{margin:18px 0 0;font-size:14px;color:#7a7b7e} .datum_wrpa .datum_list .line{position:absolute;right:0;top:0;bottom:0;width:1px;background:#eee} .datum_wrpa .datum_list .bigData .roll{font-size:3em;color:#141e2a;font-family:时尚中黑简体} .datum_wrpa .datum_list .bigData .sign{color:#8d8f93;font-size:2em;position:relative;top:-6px;left:4px} .core{background:#f1f4f4;overflow:hidden;padding:55px 0;padding-left:15px;margin:10px 8px;transition:all .3s ease;height: 180px; box-sizing: border-box;} .core .img{float:left;height:70px;width:70px} .core .img1{background:url(/Public/Home/images/index/a1.png) no-repeat} .core .img2{background:url(/Public/Home/images/index/a2.png) no-repeat} .core .img3{background:url(/Public/Home/images/index/a3.png) no-repeat} .core .img4{background:url(/Public/Home/images/index/a4.png) no-repeat} .core .img5{background:url(/Public/Home/images/index/a5.png) no-repeat} .core .img6{background:url(/Public/Home/images/index/a6.png) no-repeat} .core .f_l{float:left;margin:-3px 0 0 10px; max-width: 280px;} .core .f_l h2{margin:0;font-weight:400;font-size:26px} .core .f_l p{margin:0px 0 0;color:#828484;font-size:15px} .core.selected{background:#275095} .core.selected .f_l h2,.core.selected .f_l p{color:#fff} .core.selected .img1{background:url(/Public/Home/images/index/b1.png) no-repeat} .core.selected .img2{background:url(/Public/Home/images/index/b2.png) no-repeat} .core.selected .img3{background:url(/Public/Home/images/index/b3.png) no-repeat} .core.selected .img4{background:url(/Public/Home/images/index/b4.png) no-repeat} .core.selected .img5{background:url(/Public/Home/images/index/b5.png) no-repeat} .core.selected .img6{background:url(/Public/Home/images/index/b6.png) no-repeat} .applicable{margin:18px 12px;background:#fff;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px;transition:all .3s ease} .applicable .img{overflow:hidden;font-size:0;height:206px} .applicable .img img{transition:all .3s ease} .applicable p{text-align:center;font-size:22px} .applicable:hover img{transform:scale(1.2)} .applicable:hover{box-shadow:0 10px 34px 0 rgba(0,0,0,.1)} .advantage_bg{background:url(/Public/Home/images/index/bj.jpg) no-repeat;background-size:100% 100%} .advantage{position:relative;text-align:center;padding:70px 0} .advantage .advantage_info{position:absolute;text-align:left} .advantage .advantage_info h2{color:#67b0ff;font-size:34px;font-weight:500;margin:0} .advantage .advantage_info p{color:#fff;font-size:18px;line-height:28px;margin:8px 0 0} .advantage .info1{top:40px;left:140px} .advantage .info2{top:235px;left:30px} .advantage .info3{bottom:10px;left:110px} .advantage .info4{right:90px;top:70px} .advantage .info5{right:50px;top:249px} .advantage .info6{right:175px;bottom:50px} .client_bg{background:url(/Public/Home/images/index/bj2.png) center no-repeat} .client{margin:18px 12px;height:80px;transition:all .3s ease} .client:hover{box-shadow:0 10px 34px 0 rgba(0,0,0,.1)} .news{background:#fff;padding:30px 25px;box-shadow:0 10px 34px 0 rgba(0,0,0,.1);width:400px;height:455px;box-sizing:border-box;position:absolute;left:0;top:0;transition:all .3s ease;overflow:hidden} .news .title{margin:0;font-weight:400;font-size:20px;overflow:hidden;height:52px;} .news .time{font-size:12px;color:#7c8188} .news .content{font-size:14px;color:#48494a;line-height:28px;height:139px;animation:myfirsta .3s; margin:0; overflow: hidden; } .news a.readmore{position:absolute;color:#666;display:inline-block;border:1px solid rgba(0,0,0,.1);width:200px;height:42px;opacity:0;left:50%;bottom:0;line-height:42px;text-align:center;margin-left:-100px;transition:all .3s ease} .news a:hover{color:#0090fa;border-color:rgba(0,144,250,.5)} .news_bg{background-color:#fff;} .news_bg .clo_4{height:10px} .news_bg .moduleCont{height:550px;margin-top:60px} .news.selected{z-index:9;width:450px;left:-25px;top:-50px;height:555px;padding:0} .news.selected img{margin-top:-92px} .news.selected a.readmore{opacity:1;bottom:40px} .news.selected .title{top:220px;position:relative;padding:0 25px} .news.selected .time{top:210px;position:relative;padding:0 25px} .news.selected .content{margin-top:80px;padding:0 25px;height:170px;animation:myfirst .4s} @keyframes myfirst{0%{opacity:0} 80%{opacity:0} 100%{opacity:1} } @keyframes myfirsta{0%{opacity:0} 99%{opacity:0} 100%{opacity:1} } .getmore{font-size: 12px; padding-left: 25px; color: #999;}