.fl{float:left} .fr{float:right} .w1200{width:1200px;margin:0 auto} .banner_pro{color:#fff;height:500px;background:url(../images/banner_pro_bsxmgl.jpg) no-repeat center;margin-top:85px;} .banner_pro h3{position: relative;line-height:1;font-size:40px} .banner_pro p{ line-height:2;font-size:18px;margin:30px 0} .banner_pro a{position: relative;border-radius:5px;font-size:17px;line-height:50px;border:1px #fff solid;width:155px;color:#fff;text-align:center;} .banner_pro a:after{ content: ""; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; display: inline-block;margin-left:10px; } .banner_pro_l{width:50%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:550px} .bta{text-align:center;margin-bottom:60px} .bta span{font-size:36px;color:#333;display:block; font-weight: bold;} .bta span a{font-size:36px;color:#333;display:block; font-weight: bold;} .slotion_bg{padding: 40px 0; background: url(../images/slotion_bg.jpg) no-repeat center; overflow: hidden;} .hytd{padding:64px 0 ;} .hytd ul{} .hytd ul li{width:23.5%;margin-right:2%;margin-bottom:40px;float:left;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box; border-radius: 10px;box-sizing: border-box;padding:20px;background:#ecf2fb; text-align:center;} .hytd ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);} .hytd ul li:nth-child(4n){margin-right:0} .hytd ul.wygl li{width:32%;margin-right:2%;margin-bottom:40px;float:left;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box; border-radius: 10px;box-sizing: border-box;padding:20px;background:#ecf2fb; text-align:center;} .hytd ul.wygl li.:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);} .hytd ul.wygl li:nth-child(3n){margin-right:0} .hytd ul li h3{font-size:18px;margin-bottom:20px;} .hytd ul li p{font-size:15px;line-height:1.5;color:#666; height: 108px;} .hytd ul li i{width:140px;height:140px;border-radius:100%;display:block;margin: -60px auto 40px auto;} .hytd ul li.ico1 i{background:url(../images/ico_hy1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.ico2 i{background:url(../images/ico_hy2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.ico3 i{background:url(../images/ico_hy3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.ico4 i{background:url(../images/ico_hy4.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.ico5 i{background:url(../images/ico_hy5.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.ico6 i{background:url(../images/ico_hy6.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.ico7 i{background:url(../images/ico_hy7.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.ico8 i{background:url(../images/ico_hy8.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zcgl_ico1 i{background:url(../images/zcg_ico1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zcgl_ico2 i{background:url(../images/zcg_ico2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zcgl_ico3 i{background:url(../images/zcg_ico3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zcgl_ico4 i{background:url(../images/zcg_ico4.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zspt_ico1 i{background:url(../images/zspt_ico1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zspt_ico2 i{background:url(../images/zspt_ico2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zspt_ico3 i{background:url(../images/zspt_ico3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zspt_ico4 i{background:url(../images/zspt_ico4.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.yxhy_ico1 i{background:url(../images/yxhy_ico1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.yxhy_ico2 i{background:url(../images/yxhy_ico2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.yxhy_ico3 i{background:url(../images/yxhy_ico3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.yxhy_ico4 i{background:url(../images/yxhy_ico4.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.qyfw_ico1 i{background:url(../images/qyfw_ico1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.qyfw_ico2 i{background:url(../images/qyfw_ico2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.qyfw_ico3 i{background:url(../images/qyfw_ico3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.qyfw_ico4 i{background:url(../images/qyfw_ico4.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.xmgl_ico1 i{background:url(../images/xmgl_ico1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.xmgl_ico2 i{background:url(../images/xmgl_ico2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.xmgl_ico3 i{background:url(../images/xmgl_ico3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.xmgl_ico4 i{background:url(../images/xmgl_ico4.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.tzgz_ico1 i{background:url(../images/tzgz_ico1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.tzgz_ico2 i{background:url(../images/tzgz_ico2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.tzgz_ico3 i{background:url(../images/tzgz_ico3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.tzgz_ico4 i{background:url(../images/tzgz_ico4.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zlgl_ico1 i{background:url(../images/zlgl_ico1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zlgl_ico2 i{background:url(../images/zlgl_ico2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zlgl_ico3 i{background:url(../images/zlgl_ico3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.zlgl_ico4 i{background:url(../images/zlgl_ico4.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.slo_gqsz1 i{background:url(../images/slo_gqsz1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.slo_gqsz2 i{background:url(../images/slo_gqsz2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.slo_gqsz3 i{background:url(../images/slo_gqsz3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.slo_gqsz4 i{background:url(../images/slo_gqsz4.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.slo_gqsz1 i{background:url(../images/slo_gqsz1.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.slo_gqsz2 i{background:url(../images/slo_gqsz2.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.slo_gqsz3 i{background:url(../images/slo_gqsz3.png) rgb(255 255 255 / 40%) no-repeat center} .hytd ul li.slo_gqsz4 i{background:url(../images/slo_gqsz4.png) rgb(255 255 255 / 40%) no-repeat center} .xtld{padding:64px 0;background:#f4f5f9} .xtld ul li{border-radius:10px;width:23.5%;margin-right:2%;margin-bottom:20px;float:left;background:#fff;padding:20px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box; display: flex; justify-content: space-between;align-items: center;} .xtld ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);} .xtld ul li:nth-child(4n){margin-right:0} .xtld ul li>div{} .xtld ul li h3{font-size:18px;margin-bottom:15px;color:#262626;} .xtld ul li p{text-align: justify;font-size:14px;line-height:1.5;color:#a9aeb4;height:45px;} .xtld ul li i{ margin-right:15px;display:block;width:63px;height:63px;flex: 0 0 63px;border-radius:8px} .xtld ul li.ico1 i{background:url(../images/ico_jz1.png) #10c7c1 no-repeat center} .xtld ul li.ico2 i{background:url(../images/ico_jz2.png) #25c251 no-repeat center} .xtld ul li.ico3 i{background:url(../images/ico_jz3.png) #ff9a2e no-repeat center} .xtld ul li.ico4 i{background:url(../images/ico_jz4.png) #9f53e6 no-repeat center} .xtld ul li.ico5 i{background:url(../images/ico_jz5.png) #9f53e6 no-repeat center} .xtld ul li.ico6 i{background:url(../images/ico_jz6.png) #1476ff no-repeat center} .xtld ul li.ico7 i{background:url(../images/ico_jz7.png) #33bcf2 no-repeat center} .xtld ul li.ico8 i{background:url(../images/ico_jz8.png) #10c7c1 no-repeat center} .xtld ul li.ico9 i{background:url(../images/ico_jz9.png) #ff9a2e no-repeat center} .xtld ul li.ico10 i{background:url(../images/ico_jz10.png) #ff6586 no-repeat center} .xtld ul li.ico11 i{background:url(../images/ico_jz11.png) #9f53e6 no-repeat center} .xtld ul li.ico12 i{background:url(../images/ico_jz12.png) #25c251 no-repeat center} /*系统功能新*/ .bgtd{width:100%;background-color:#f5f5f5;margin-bottom:60px;} .sloitem{overflow: hidden;padding:60px 0} .bgslo{width:100%;background-color:#f0f4fe} .sol_img{width:640px;} .sol_txt{width:720px;} .sol_txt h3{font-size:24px;font-weight:bold;margin-bottom:40px;color:#666} .sol_txt ul li{font-size:16px;line-height:36px;color:#999;list-style-type: disc;} /*产品特点*/ .cpzxb{padding:67px 0 47px;background:#f3f8ff} .cpzxb ul li{width:25%;margin-bottom:45px;float:left; text-align: center;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box;} .cpzxb ul li.ico5,.cpzxb ul li.ico6,.cpzxb ul li.ico7{width:29%;} .cpzxb ul li.ico5{margin-left:4%} .cpzxb ul li.ico6{margin:0 2%} .cpzxb ul li.ico7{margin-right:4%} .cpzxb ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)} .cpzxb ul li h3{font-size:16px;margin:15px 020px} .cpzxb ul li p{line-height:2;color:#898989;font-size:14px;} .cpzxb ul li i {display:block;width:90px;height:90px;border-radius:100%;margin:0 auto} .cpzxb ul li.ico1 i{background:url(../images/td1.png) #fff6db no-repeat center } .cpzxb ul li.ico2 i{background:url(../images/td2.png) #fff0f0 no-repeat center } .cpzxb ul li.ico3 i{background:url(../images/td3.png) #ecf8ff no-repeat center } .cpzxb ul li.ico4 i{background:url(../images/td4.png) #f6eeff no-repeat center } .cpzxb ul li.ico5 i{background:url(../images/td5.png) #e0fdec no-repeat center } .cpzxb ul li.ico6 i{background:url(../images/td6.png) #fff6db no-repeat center } .cpzxb ul li.ico7 i{background:url(../images/td7.png) #fff0f0 no-repeat center } /*功能亮点*/ .case {padding:95px 0;overflow:hidden} .casebox{margin-bottom:40px} .casebox dl{height:300px;margin-bottom:40px} .casebox dl dt{ position: relative;float:left;width:50%;height:290px;} .casebox dl dt img{width:100%;height:100%} .casebox dl dt:after{position: absolute; content: ''; border-bottom: 10px solid transparent; border-right: 10px solid #fff; border-top: 10px solid transparent; top: 45%; right:0; } .casebox dl dd{float:left;width:50%;height:240px;padding:50px 40px; box-sizing: border-box;} .casebox dl:nth-child(2n) dt{float:right} .casebox dl:nth-child(2n) dt:after { position: absolute; content: ''; border-bottom: 10px solid transparent; border-left: 10px solid #fff; border-top: 10px solid transparent; left: 0; } .casebox dl dd span {display:block;font-size:24px;font-weight:bold;} .casebox dl dd p{color:#5e5e5e;line-height: 2;} .casebox dl dd i{display:block;width:44px;height:5px;background:#d9d8d9;margin:25px 0} .xtgn .tab{border-bottom:1px #ddd solid;line-height:60px;background:#fff;margin-bottom:25px;} .xtgn .tab ul{width:1400px;margin:0 auto;display:flex;justify-content: space-between;} .xtgn .tab ul li{cursor:pointer;font-size:18px;font-weight:bold; height: 65px; box-sizing: border-box;} .xtgn .tab ul li.on{border-bottom:5px #5c31c4 solid;} .xtgn .tab ul li.more a {background-color:#5c31c4;color: #fff;padding: 10px 20px;border-radius: 2px;} .xtgn .tab_box {background:#f4f5f9} .xtgn .tab_box dl{display:none;padding:36px 0 100px; overflow: hidden;} .xtgn .tab_box dl.on{display:block} .xtgn .tab_box dl dt{float:left;width:420px;} .xtgn .tab_box dl dt h3{font-size:36px;margin:25px 0 55px} .xtgn .tab_box dl dt ul li{margin-bottom:40px; color:#666666;line-height:2; display: flex; align-items: center;} .xtgn .tab_box dl dt ul li i{ margin-right:15px;display:block;width:70px;height:70px;flex: 0 0 70px;border-radius:100%;border:1px #333333 solid; display: flex;} .xtgn .tab_box dl dt ul li i.ico1 {background:url(../images/ico_gn1.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico2 {background:url(../images/ico_gn2.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico3 {background:url(../images/ico_gn3.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico4 {background:url(../images/ico_gn4.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico5 {background:url(../images/ico_gn5.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico6 {background:url(../images/ico_gn6.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico7 {background:url(../images/ico_gn7.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico8 {background:url(../images/ico_gn8.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico9 {background:url(../images/ico_gn9.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico10 {background:url(../images/ico_gn10.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico11 {background:url(../images/ico_gn11.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico12 {background:url(../images/ico_gn12.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico13 {background:url(../images/ico_gn13.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico14 {background:url(../images/ico_gn14.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico15 {background:url(../images/ico_gn15.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico16 {background:url(../images/ico_gn16.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico17 {background:url(../images/ico_gn17.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico18 {background:url(../images/ico_gn18.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico19 {background:url(../images/ico_gn19.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico20 {background:url(../images/ico_gn20.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico21 {background:url(../images/ico_gn21.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico22 {background:url(../images/ico_gn22.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico23 {background:url(../images/ico_gn23.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico24 {background:url(../images/ico_gn24.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico25 {background:url(../images/ico_gn25.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico26 {background:url(../images/ico_gn26.png) no-repeat center} .xtgn .tab_box dl dt ul li i.ico27 {background:url(../images/ico_gn27.png) no-repeat center} .xtgn .tab_box dl dd{float:right;width:930px;} .xtgn .tab_box dl dd img{max-width:100%;} .cpjg{background:url(../images/cpjg.jpg) no-repeat center;padding:100px 0;} .btns{width:300px;float:left;} .btns li{ cursor: pointer;line-height:150px;margin-bottom:30px;text-align:center; display: flex; align-items: center; padding-left:45px;background:rgb(233 232 253 / 80%);border-radius:16px;font-size:18px;font-weight:bold} .btns li.on{color:#5c31c4} .btns li i{ margin-right:15px;display:block;width:66px;height:75px;} .btns li i.ico1 {background:url(../images/ico_jg1.png) no-repeat center} .btns li i.ico2 {background:url(../images/ico_jg2.png) no-repeat center} .btns li i.ico3 {background:url(../images/ico_jg3.png) no-repeat center} .cons{width:1051px;float:right;} .cons .litteBox { display:none; } .cons .litteBox img{max-width:100%;} .cons .litteBox.on{display:block;} .cgal{padding-top:90px;} .case_box{position:relative} .case_box .swiper{margin:0 60px} .case_box .swiper-button-next,.case_box .swiper-button-prev{width:30px;height:80px;background:#0076fe} .case_box .swiper-button-next{background:url(../images/r.png) no-repeat center #0076fe} .case_box .swiper-button-prev{background:url(../images/z.png) no-repeat center #0076fe} .case_box .swiper-button-next:hover{background:url(../images/r.png) no-repeat center #ffa337} .case_box .swiper-button-prev:hover{background:url(../images/z.png) no-repeat center #ffa337} .case_box .swiper-button-next:after,.case_box .swiper-button-prev:after{display:none} .case .swiper-slide{display:flex;justify-content:space-between;align-items:center} .case.swiper{--swiper-theme-color:#0076fe;--swiper-pagination-bullet-width:15px;--swiper-pagination-bullet-height:15px} .case .swiper-pagination{position:relative;margin-top:60px} .case_r{width:650px;position:relative} .case_r>img{width:100%} .case_l{width:590px} .case_l span{display:flex;align-items:center;margin-bottom:30px} .case_l span i{display:block;width:1px;height:36px;background:#333;margin:0 15px} .case_l span u{font-size:24px} .case_l span img{} .case_l p{color:#6c6c6c;line-height:2} .hzhp{padding:50px 0 35px;} .hzhp ul{overflow: hidden;background:#f4f5f9;padding:20px;} .hzhp ul li{ line-height: 0;width:15%;margin-right:2%;margin-bottom:20px;float:left;background:#fff;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box; } .hzhp ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%); -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);} .hzhp ul li img{max-width:100%;} .hzhp ul li:nth-child(6n){margin-right:0} .hzhp ul li:nth-of-type(n+6){margin-bottom:0} .hzhp ul li h3{text-align: center;font-size:20px;margin-bottom:15px;color:#2e4b67;} .hzhp ul li p{ height: 160px; margin-left: 35px;line-height:2;color:#777777} .hzhp ul li p u{background:url(../images/d.png) no-repeat left center; font-size:15px; padding-left: 10px;text-decoration:none;display:block;} .hzhp ul li i{display:block;height:94px;} .hzhp ul li a{font-size:0;background:url(../images/gd.png) no-repeat center;display:block;height:23px;margin-top:10px;} .hzhp ul li.ico1 i{background:url(../images/ico_gn1.png) no-repeat center} .hzhp ul li.ico2 i{background:url(../images/ico_gn2.png) no-repeat center} .hzhp ul li.ico3 i{background:url(../images/ico_gn3.png) no-repeat center} .hzhp ul li.ico4 i{background:url(../images/ico_gn4.png) no-repeat center} .hzhp ul li.ico5 i{background:url(../images/ico_gn5.png) no-repeat center} .hzhp ul li.ico6 i{background:url(../images/ico_gn6.png) no-repeat center} .hzhp ul li.ico7 i{background:url(../images/ico_gn7.png) no-repeat center} .hzhp ul li.ico8 i{background:url(../images/ico_gn8.png) no-repeat center} .hzhp ul li.ico9 i{background:url(../images/ico_gn9.png) no-repeat center} .hzhp ul li.ico10 i{background:url(../images/ico_gn10.png) no-repeat center} /*slo*/ .ghjba{padding:50px 0; clear: both;} .w1200 h2{ margin: 60px 0 50px 0;text-align:center;font-size:36px;line-height: 80px;font-weight: bold;background: url(../images/h2bg.png) no-repeat center bottom;} h2.bsh{color:#fff;margin: 0 0 50px 0} .ghjba ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} .ghjba ul li{width: 23.5%; margin-right: 2%; margin-bottom: 2%; float: left; background: #fff; padding:30px 20px; box-sizing: border-box; text-align: center; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear;} /*.ghjba ul li:nth-child(4n) {*/ /* margin-right: 0;*/ /*}*/ .ghjba ul li h3{margin:40px 0 20px 0;font-size:20px;font-weight: bold;} .ghjba ul li p{font-size: 14px;line-height:2;color:#666;} .ghjba ul li i{display:block;height:56px;width:56px;margin:0 auto} .ghjba ul li{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 15px 30px #ccc;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1)} .ghjba1 ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} .ghjba1 ul li{width: 32%; margin-right: 2%; margin-bottom: 2%; float: left; background: #fff; padding:30px 20px; box-sizing: border-box; text-align: center; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear;} .ghjba1 ul li:nth-child(3n) { margin-right: 0; } .ghjba1 ul li h3{margin:40px 0 20px 0;font-size:20px;font-weight: bold;} .ghjba1 ul li p{font-size: 14px;line-height:2;color:#666;} .ghjba1 ul li i{display:block;height:56px;width:56px;margin:0 auto} .ghjba1 ul li{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 15px 30px #ccc;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1)} .gongneng ul {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;} .gongneng ul li{width: 23.5%; margin-right: 2%; margin-bottom: 2%; float: left; background: #fff; padding:30px 20px; box-sizing: border-box; text-align: center; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear;} .gongneng ul li:nth-child(4n) { margin-right: 0; } .gongneng ul li.clo3{width: 32%; margin-right: 2%; margin-bottom: 2%; float: left; background: #fff; padding:30px 20px; box-sizing: border-box; text-align: center; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear;} .gongneng ul li.clo3:nth-child(4n) { margin-right: 0; } .gongneng ul li h3{margin:40px 0 20px 0;font-size:20px;font-weight: bold;} .gongneng ul li p{font-size: 14px;line-height:2;color:#666;} .gongneng ul li i{display:block;height:56px;width:56px;margin:0 auto} .gongneng ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 15px 30px #ccc;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1)} .cpnra dl{overflow:hidden;box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px rgb(0 0 0 / 10%);-ms-box-shadow:0px 0px 15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 15px rgba(0,0,0,.1);-o-box-shadow:0px 0px 15px rgba(0,0,0,.1);margin-bottom:30px;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;background:#fff} .cpnra dl:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 15px 30px #ccc;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1)} .ghjba ul li:hover {-webkit-transform:translate3d(0,4px,0);-ms-transform:translate3d(0,4px,0);-moz-transform:translate3d(0,4px,0);-o-transform:translate3d(0,4px,0);transform:translate3d(0,4px,0);box-shadow:0 15px 30px #ccc;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1)} .cpnra dl{overflow:hidden;box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px rgb(0 0 0 / 10%);-ms-box-shadow:0px 0px 15px rgba(0,0,0,.1);-moz-box-shadow:0px 0px 15px rgba(0,0,0,.1);-o-box-shadow:0px 0px 15px rgba(0,0,0,.1);margin-bottom:30px;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;background:#fff;color:#62338f;} .cpnra dl:hover{-webkit-transform:translate3d(0,4px,0);-ms-transform:translate3d(0,4px,0);-moz-transform:translate3d(0,4px,0);-o-transform:translate3d(0,4px,0);transform:translate3d(0,4px,0);box-shadow:0 15px 30px #ccc;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1)} .cpnra dl dt{float:left;width:40%} .cpnra dl dt img{width:100%} .cpnra dl dd{width:60%;box-sizing:border-box;float:left;padding:30px} .cpnra dl:nth-child(2n) dt{float:right} .cpnra dl dd h3{font-size:22px;margin:15px 0;font-weight: bold;color: #4a77fe;} .cpnra dl dd p{font-size:16px;color:#666;/* height:142px; */line-height:30px} .cpnra dl dd a{display:inline-block;background:#4a77fe;width:126px;text-align:center;background:-webkit-linear-gradient(right,#c12d9b,#6a3391);background:-o-linear-gradient(right,#c12d9b,#6a3391);background:-moz-linear-gradient(right,#c12d9b,#6a3391);background:linear-gradient(to right,#c12d9b,#6a3391);color:#fff;height:50px;line-height:50px;border:0;margin-right:50px;font-size:16px} .cpnra dl dd a.gn{border:2px #4a77fe solid;background:none;color:#4a77fe;box-sizing:border-box} .jjfa{padding-top:85px} .jjfa_box>ul{box-sizing:border-box;width:330px;height:400px;float:left;background:#f2f6fa;padding:40px 10px} .jjfa_box>ul li{line-height:50px;margin-bottom:25px;font-size:18px;padding-left:65px;border-radius:6px;cursor:pointer} .jjfa_box>ul li.choice,.jjfa_box>ul li:hover{background:#0076fe;color:#fff} .jjfa_box>#box{box-sizing:border-box;margin-left:25px;width:845px;float:left;background:#f2f6fa} .jjfa_box>#box h3{font-size:30px} .jjfa_box>#box i{background:#0076fe;width:113px;height:7px;display:block;margin:15px 0 30px} .jjfa_box>#box h4{font-size:24px;font-weight:normal;line-height:2} .jjfa_box>#box span{display:block;line-height:2} .jjfa_box>#box p{color:#999999;line-height:2;margin:10px 0 20px 0} .jjfa_box .tab-item{display:none} .jjfa_box .tab-item.show{display:block} .jjfa_box .tab-item .jjfa_l{width:80%} .jjfa_box .tab-item .jjfa_l ul{padding-top:30px;border-top:1px #ddd solid;height:50px} .jjfa_box .tab-item .jjfa_l ul li{float:left;margin-right:16px} .jjfa_box .tab-item .jjfa_l ul li a{display:block;width:140px;height:50px;line-height:50px;background:#0076fe;color:#fff;font-size:16px;text-align:center;border-radius:5px;border:1px #0076fe solid} .jjfa_box .tab-item .jjfa_l ul li:last-child a{background:#fff;color:#0076fe} .jjfa_box .tab-item .jjfa_l ul li:hover a{background:#0562cd} .jjfa_box .tab-item .jjfa_l ul li:hover:last-child a{background:#0562cd;color:#fff} .jjfa_bg1{padding:45px 40px} .jjfa_bg2{padding:45px 40px} .jjfa_bg3{padding:45px 40px} .jjfa_bg4{padding:45px 40px} .jjfa_bg5{padding:45px 40px} /*sol end*/ @media screen and (max-width:640px){ .w1400{width:100%} .banner_pro{height:300px;background:url(../images/banner_prom.jpg) no-repeat center #090b17;background-size:auto 100%;margin-top:50px;} .banner_pro h3{font-size:20px;} .banner_pro p{font-size:14px} .banner_pro_l{height:300px;padding:0 20px;width:100%;box-sizing:border-box} .banner_pro_l a{font-size:14px;line-height:40px;height:40px;border-radius:40px} .hytd{padding:30px 10px; background:none} .hytd ul {width: 100%;} .hytd ul li{width:49%;margin-bottom: 20px; height:auto;} .hytd ul li:nth-child(2n){margin-right:0} .hytd ul li i{background-size: 50px!important;margin:-50px auto 20px auto;width:100px;height:100px;} .hytd ul li h3{font-size:16px;margin-bottom:10px;height:42px;} .hytd ul li p{font-size:14px;height:84px;} .case .swiper-slide{ flex-direction: column;} .bta{margin-bottom:30px} .bta span{font-size:30px} .xtgn { padding-top: 30px; } .xtgn .tab{padding:0 20px;} .xtgn .tab ul{width:100%; flex-wrap: wrap;} .xtgn .tab ul li{width:25%; text-align: center;} .xtgn .tab ul li.more a { background-color: #5c31c4; color: #fff; padding: 10px; border-radius: 2px; } .xtgn .tab_box dl{padding:20px;} .xtgn .tab_box dl dt{float:none;width:100%;margin-bottom:20px} .xtgn .tab_box dl dd{float:none;width:100%;} .xtgn .tab_box dl dt h3 { font-size: 24px; margin: 15px 0 25px; text-align: center; } .cpjg{padding:20px;} .btns{float:none;width:100%;margin-bottom:20px} .btns li{float:left;width:32%;margin-right:2%; justify-content: center;padding-left:0; line-height:100%;height:60px; font-size: 14px;} .btns li:nth-child(3){margin-right:0} .btns li i{width:30px;height:34px;background-size:100% !important;} .cons{float:none;width:100%;} .hzhp{padding:30px 10px} .hzhp ul li{width:48%;margin-right:4%;margin-bottom:4%;} .hzhp ul li:nth-child(2n){margin-right:0} .hzhp ul li:nth-child(5){margin-right:4%} .hzhp ul li:nth-of-type(n+5) { margin-bottom: 4% } .hzhp ul li i{height:60px;margin-bottom:20px;} .hzhp ul li p{margin-left:0;height:130px; } .hzhp ul li p u{font-size:13px} .xtld{padding:30px 10px} .xtld ul li i{margin-right:0} .xtld ul li{ display: flex; justify-content: space-between; align-items: center; flex-direction: column;padding:15px;margin-bottom:20px;} .xtld ul li>div{margin-top: 15px;width:100%} .xtld ul li h3{text-align:center; font-size: 15px; height: 40px;} .xtld ul li p{font-size:12px;height:90px;} .cgal{padding-top:40px;} .case_l span{display:flex;align-items:center;margin-bottom:10px;flex-direction:column} .case_l span img{margin-bottom:10px} .case_l span i{display:none} .case .swiper-slide{flex-direction:column} .case_r{width:100%} .case_l{width:100%;box-sizing:border-box} .case .swiper-pagination{margin-top:0px} /*产品特点*/ .cpzxb{padding:30px 10px;} .cpzxb ul li{width:50%;padding:0 5px;margin-bottom:25px;} .cpzxb ul li.ico5 { margin-left: 0%;width:50%; } .cpzxb ul li.ico6{width:50%;margin:0;} .cpzxb ul li.ico7 { margin-right: 0%;width:100%;margin-bottom:0 } .cpzxb ul li p { font-size: 12px;height:72px; } .cpzxb ul li.ico6 p,.cpzxb ul li.ico5 p{height:96px;} .sol_img {width: 100%;} .sol_txt{width: 98%; padding-left: 2%; padding-top: 4%;} .sol_txt h3{margin-bottom:20px} .sloitem{padding:0} /*解决方案*/ .jjfa,.cpfl,.about,.newbox{padding-top:30px} .jjfa_box{padding:0 20px} .jjfa_box>ul{float:none;width:100%;height:auto;padding:0;background:none;height:40px} .jjfa_box>ul li{line-height:40px;margin-bottom:0px;font-size:14px;padding-left:0px;/*width:20%;*/float:left;padding:0 10px;box-sizing:border-box;color:#fff} .jjfa_box>#box{margin-left:0;width:100%;float:none;margin-top:20px} .jjfa_box .tab-item .jjfa_l ul li a{display:block;width:120px;height:40px;line-height:40px;background:#0076fe;color:#fff;font-size:14px;text-align:center;border-radius:5px;border:1px #0076fe solid} .jjfa_box>#box i{width:110px;height:5px;margin:15px 0} .jjfa_box .tab-item .jjfa_l{width:100%} .jjfa_bg1,.jjfa_bg2,.jjfa_bg3,.jjfa_bg4,.jjfa_bg5{padding:20px} .w1200{width:100%} .w1200 h2{font-size: 30px;margin: 30px 0;font-weight: bold;line-height:40px} .cpnra dl dt{width:100%} .cpnra dl dd{width:100%} .casebox dl{height:auto} .gongneng{overflow:hidden} .gongneng ul {display:block} .gongneng ul li{width:48%} /*功能亮点wap*/ .case{padding:30px 0px;overflow:hidden} .case dl dt{float:none;width:100%; height: auto;} .casebox dl dt:after{display:none;} .casebox dl dd{float:none;width:100%; height: auto;padding:20px;} .casebox dl:nth-child(2n) dt{float:none} @media screen and (max-width:470px){ .xtld ul li p{height:108px;} .xtld ul li{padding:10px;} .hytd ul li p{height:105px;} } @media screen and (max-width:440px){ .btns li i{margin-right:5px;} .footc ul{margin-right:50px;} } @media screen and (max-width:420px){ .hytd ul li p{height:126px;} .footc ul{margin-right:40px;} } @media screen and (max-width:400px){ .xtgn .tab ul li{font-size:16px;} .xtld ul li h3{font-size:13px;} .footc ul{margin-right:30px;} }