/*@font-face {font-family: PingFangMedium; src: url('PingFangMedium.otf')}*/ @font-face {font-family: DIN; src: url('DIN-Medium.otf')} body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button{margin:0;padding:0;color:inherit;line-height: inherit;font-family: 'PingFangMedium','PingFangSC-Regular',"microsoft yahei";} img{border:0;display: inline-block;max-width:100%;vertical-align: middle;} .fl{float:left;} .fr{float:right;} ul,li{ list-style:none; } a{ text-decoration:none; color:inherit;} :focus{outline:none!important;border-color:inherit;} .clearfix{*zoom: 1;} .clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";} .clearfix:after{clear: both;} table{border-collapse:collapse;border-spacing:0;width:100%} h3,h4,h5,h6{font-weight: normal;} em,i{font-style:normal;} *{box-sizing:border-box;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;} input[type="button"]{border:none;} textarea { -webkit-appearance: none;} .auto{width: 1250px;margin:0 auto;} :hover{transition: all .2s;} .img_hover_wrap{overflow: hidden;} .img_hover{transition: all .3s;} .img_hover:hover{transform: scale(1.1,1.1);} .img_traslate{transition: all .3s;} .img_traslate:hover{transform: translateY(-10px);} .img_rotate{transition: all .3s;} .img_rotate:hover{transform:rotate(-360deg);} .bold{font-weight: bold;} .normal{font-weight: normal!important;} .center{text-align: center!important;} .img{width: 100%;display: block;} .ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .ele{position:relative;} .ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;} .ipt{display: block;border:none;} .ipt_button{cursor: pointer;} .item_scale .icon{transition: all .3s;} .item_scale:hover .icon{transform: scale(1.1,1.1);} .text-left{text-align: left!important;} .text-right{text-align: right!important;} .clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/} body{background: #fff;} .c_main{color:#176ae6!important;} .bg_f8{background: #f8fafc;} .item{} .item .imgbox{display: block;overflow: hidden;} .item .b-pic{height: 0; padding-top: 63.14%; position: relative;} .item .b-pic img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);} .item .img{transition: all 1s;width: 100%;display: block;} .item:hover .imgbox .img{transform: scale(1.1,1.1);} .item:hover .b-pic img{transform: translate(-50%,-50%) scale(1.1,1.1)!important;} .hidden{overflow: hidden;} /* 资讯 */ .head{padding:15px 0;position:fixed;width: 100%;left: 0;top: 0;z-index:100;} .head .auto{width: 96%;} .hd_logo{} .hd_logo .img{display: inline-block;vertical-align: middle;width: auto;height: 50px;} .hd_logo .wz{font-size: 16px;color: #fff;display: inline-block;vertical-align: middle;margin-left: 15px;} .head.scroll{background: rgba(0,0,0,.6)} .head .fr{width: 70%;text-align: right;} .hd_nav{display: inline-block;vertical-align: middle;} .hd_nav li{display: inline-block;vertical-align: middle;padding:0 15px;} .hd_nav li>a{font-size: 16px;color: #d2dceb;display: block;line-height: 50px;position:relative;} .hd_nav li>a::after{content:'';position:absolute;left: 50%;height: 2px;background: #fff;border-radius:4px;width: 0;transition: all .3s;bottom: 5px;} .hd_nav li.cur>a,.hd_nav li:hover>a{color: #fff;} .hd_nav li.cur>a::after,.hd_nav li:hover>a::after{width: 22px;margin-left: -11px;} .hd_nav li:hover .drop{display: block;} .hd_nav .drop{position:absolute;width: 100%;left: 0;padding-top: 15px;display: none;} .hd_nav .dropwrap{padding:25px 0;background: #fff;font-size: 0;text-align: center;} .hd_nav .menu{width: 55%;text-align: left;display: inline-block;vertical-align: middle;} .hd_nav .menu .item{display: block;float: left;width: 20%;padding:15px 0;} .hd_nav .menu .icon{width: 66px;display: inline-block;vertical-align: middle;transition: all .3s;} .hd_nav .menu .tit{font-size: 20px;color: #333333;display: inline-block;vertical-align: middle;margin-left: 15px;} .hd_nav .menu .item:hover .tit{color: #176ae6;} .hd_nav .menu .item:hover .icon{transform: scale(1.05,1.05);} .hd_nav .box{background: #e9f2ff;padding:30px 0;border-radius:8px;text-align: center;width: 255px;margin-left: 4%;display: inline-block;vertical-align: middle;} .hd_nav .box .title{font-size: 22px;color: #333333;margin-bottom: 15px;} .hd_nav .box .tel{font-size: 14px;color: #333333;line-height: 30px;} .hd_nav .box .tel::before{width: 16px;height: 16px;display: inline-block; margin-right: 5px;background: url(../images/icon_11.png) no-repeat center;background-size:contain;vertical-align: middle;content:'';margin-top: -1px;} .hd_nav .box .button{font-size: 16px;color:#fff;line-height: 40px;border-radius:6px;border:none;width: 80%;max-width:165px;margin:20px auto 0;background: #176ae6;display: block;} .hd_nav .box .button:hover{background: #ffc000;} .hd_tel{font-size: 24px;color: #ffc000;background: url(../images/ft_10.png) no-repeat left center;background-size:24px;padding-left: 34px;display: inline-block;vertical-align: middle;margin-left: 5%;font-family: 'arial';} .inner_ban{position:relative;} .inner_ban .img{width: 100%;display: block;} .inner_ban .box{position:absolute;width: 100%;left: 0;top: 50%;margin-top: -10px;text-align: center;} .inner_ban .tit{font-size: 56px;color: #fff;letter-spacing: 4px;;line-height: 60px;} .xw_main{padding:80px 0;} .xw_menu{margin-bottom: 35px;} .xw_menu .lk{display: inline-block;vertical-align: middle;font-size: 28px;color: #333333;padding:0 20px;} .xw_menu .lk.cur,.xw_menu .lk:hover{color: #176ae6;} .xw_list{margin-left: -2%;} .xw_list .item{float: left;width: 23%;margin:0 0 2% 2%;} .xw_list .imgbox{border-radius:10px} .xw_list .img{} .xw_list .title{font-size: 16px;color: #333333;display: block;margin-top: 15px;font-weight: bold;} .xw_list .date{font-size: 14px;color: #999999;margin-top: 10px;} .xw_list .txt{font-size: 14px;color: #666666;line-height: 24px;-webkit-line-clamp: 2;height: 48px;margin-top: 10px;} .xw_list .item:hover .title{color: #176ae6;} .pagelist{text-align: center;margin-top: 35px;} /**/ .pagelist a{display: inline-block;vertical-align: middle;font-size: 15px;color: #b6bdc7;min-width:38px;line-height: 38px;background: #f1f3f6;border-radius:4px;margin:0 3px;} .pagelist a:hover,.pagelist a.active{background: #176ae6;color: #fff;} .pub_titbox{text-align: center;margin: 55px auto;} .pub_titbox .bt{font-size: 32px;color: #333333;font-weight: bold;letter-spacing: 2px;} .pub_titbox .desc{font-size: 14px;color: #8990a0;line-height: 24px;margin-top: 10px;} .pub_titbox.white .bt{color: #fff;} .pub_titbox.white .desc{color: #fff;} .sec_case{padding:0px 0 80px;} .sec_case .auto{width: 98%;} .sec_case .list{margin-left: -0.5%;} .sec_case .list .item{width: 23.8%;margin:0 0 0.5% 0.5%;display: block;float: left;position:relative;overflow: hidden;} .sec_case .list .img{width: 100%;display: block;transition: all 3s;} .sec_case .list .shade{position:absolute;width: 100%;left: 0;bottom: 0;background: rgba(0,0,0,.6);transition: all .3s;height: 100%;opacity: 0;} .sec_case .list .box{position:absolute;width: 100%;left: 0;top: 50%;margin-top: -40px;text-align: center;} .sec_case .list .wz{font-size: 20px;color: #fff;} .sec_case .list .title{font-size: 30px;color: #fff;margin-top: 10px;letter-spacing: 2px;} .sec_case .list .item:hover .img{transform: scale(1.1,1.1);} .sec_case .list .item:hover .shade{opacity: 1;} .xw_case{padding:90px 0 80px;} .xw_case .detail{} .xw_case .list{margin-left: -4%;} .xw_case .list li{width: 29.3%;margin-left: 4%;float: left;border-bottom:1px dashed #ddd;} .xw_case .list li:nth-last-child(1),.xw_case .list li:nth-last-child(2),.xw_case .list li:nth-last-child(3){border-bottom:none;} .list_xw li{line-height: 54px;border-bottom:1px solid #ddd;} .list_xw .title{font-size: 15px;color: #666666;display: inline-block;vertical-align: middle;width: 80%;background: url(../images/xw_11.png) no-repeat left center;background-size:8px;padding-left: 16px;} .list_xw .date{font-size: 12px;color: #999999;} .list_xw li:hover .title{color: #176ae6;background-image: url(../images/xw_11-1.png)} .foot{background: url(../images/ft_12.jpg) no-repeat center;background-size:cover;} .foot .auto{width: 96%;max-width:1750px;} .ft_t{padding:35px 0;} .ft_t .t_tit{font-size: 26px;color: #fff;text-align: center;margin-bottom: 30px;} .ft_t .list{font-size: 0;text-align: center;} .ft_t .list li{display: inline-block;vertical-align: text-top;width: 11.1%;} .ft_t .list .ico{height: 40px;width: auto;display: block;margin:0 auto;transition: all .3s;} .ft_t .list .fz{font-size: 16px;color: #879dbd;margin-top: 15px;} .ft_t .list li:hover .ico{transform: rotateY(180deg);} .ft_b{padding:30px 0;border-top:1px solid #1b355d;} .ft_info{width: 25%;} .ft_info .smlogo{height: 50px;width: auto;display: block;} .ft_info .tel_wz{font-size: 18px;color: #8da3c3;background: url(../images/ft_10.png) no-repeat left center;background-size:24px;padding-left: 30px;margin-top: 30px;margin-bottom: 20px;} .ft_info .tel{font-size: 30px;color: #fff;line-height: 30px;} .ft_info .txt{font-size: 14px;color: #8da3c3;line-height: 30px;margin-top: 70px;} .ft_col{min-width:11%} .ft_col .tit{font-size: 18px;color: #fff;margin-bottom: 20px;} .ft_col .lks{} .ft_col .lks a{display: block;font-size: 14px;color: #8da3c3;line-height: 36px;} .ft_col .lks a:hover{color:#fff;} .ft_vx{} .ft_vx .pic{width: 135px;display: block;margin:0 auto;} .ft_vx .wz{font-size: 14px;color: #8da3c3;text-align: center;margin-top: 10px;} .ft_link{margin-top: 20px;} .ft_link .tit{font-size: 18px;color: #fff;margin-bottom: 10px;} .ft_link .lks{} .ft_link .lks a{display: inline-block;vertical-align: middle;font-size: 14px;color: #8da3c3;margin-right: 7px;line-height: 30px;} .ft_link .lks a:hover{color: #fff;} .ft_bq{color: #8da3c3;font-size: 14px;text-align: center;line-height: 24px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1);margin-top: 30px;} /* 网站 */ .web_fw{padding:90px 0;} .web_fw .list{border-right:1px solid #efefef;} .web_fw .list .item{float: left;padding:65px 25px 50px;width: 20%;border:1px solid #efefef;border-right:none;} .web_fw .list .ico{height: 60px;width: auto;display: block;} .web_fw .list .ico_h{display: none;} .web_fw .list .title{font-size: 20px;color: #333333;margin-top: 15px;margin-bottom: 15px;font-weight: bold;} .web_fw .list .line{width: 30px;height: 2px;background: #176ae6;display: block;} .web_fw .list .txt{font-size: 14px;color: #707e8c;line-height: 28px;min-height: 56px;margin-top: 15px;} .web_fw .list .item:hover{border:1px solid #176ae6;} .web_fw .list .item:hover .ico_s{display: none;} .web_fw .list .item:hover .ico_h{display: block;} .web_advan{padding:85px 0;background: url(../images/web_16.jpg) no-repeat center;background-size:cover;} .web_advan .detail{position:relative;padding-top: 1px;} .web_advan .pic{width: 500px;display: block;margin:100px auto;} .web_advan .list{width: 360px;position:absolute;top: 0;} .web_advan .list li{margin-bottom: 40px;} .web_advan .list .icon{width: 70px;display: block;float: left;} .web_advan .list .info{margin-left: 100px;padding-top: 15px;} .web_advan .list .title{font-size: 20px;color: #fff;} .web_advan .list .txt{font-size: 14px;color: #fff;line-height: 28px;-webkit-line-clamp: 3;height: 84px;max-width:240px;margin-top: 10px;} .web_advan .list_l{left: 0;} .web_advan .list_r{right: -40px;} .sec_xw{padding:90px 0;overflow: hidden;} .sec_xw .tt{line-height: 65px;padding:0 15px;border-bottom:1px solid #e5e5e5;} .sec_xw .tt .bt{font-size: 15px;color: #333333;font-weight: bold;} .sec_xw .tt .more{font-size: 14px;color: #999999;} .sec_xw .tt .more:hover{color: #176ae6;} .sec_xw_new{background: #f8fafc;width: 67%;border:1px solid #e2e7ef;} .sec_xw_new .col{width: 50%;} .sec_xw_new .detail{padding: 20px;} .sec_xw_new .list_t{/* margin-left: -4%; */overflow: hidden;} .sec_xw_new .list_t .item{/* width: 46%;margin-left: 4%;float: left; */} .sec_xw_new .list_t .imgbox{display: block;float: left;width: 155px;} .sec_xw_new .list_t .img{width: 100%;display: block;} .sec_xw_new .list_t .info{margin-left: 165px;padding-top: 3px;} .sec_xw_new .list_t .title{font-size: 15px;color: #333333;font-weight: bold;display: block;} .sec_xw_new .list_t .date{font-size: 13px;color: #c3c3c3;margin-top: 5px;} .sec_xw_new .list_t .txt{font-size: 13px;color: #999999;line-height: 20px;-webkit-line-clamp: 2;height: 40px;margin-top: 5px;} .sec_xw_new .list_t .item:hover .title{color: #176ae6;} .sec_xw_new .bot{background: #fff;padding: 0 20px;} .sec_xw_new .list_b{/* margin-left: -4%; */overflow: hidden;} .sec_xw_new .list_b li{/* width: 46%;float: left;margin-left: 4%; */} /* .sec_xw_new .list_b li:nth-last-child(1),.sec_xw_new .list_b li:nth-last-child(2){border-bottom:none;} */ .sec_xw_new .list_b li:last-child{border-bottom:none;} .sec_xw_qy{border:1px solid #e2e7ef;width: 31.5%;} .sec_xw_qy .list{padding:0 15px;} .sec_xw_qy .list li:last-child{border-bottom:none;} .sec_xw_qy .list_xw li{line-height: 57px;} /* 解决方案-餐饮 */ .banner{} .banner .item{height: 650px;padding-top: 200px;} .banner .title{font-size: 60px;color: #fff;} .banner .txt{font-size: 30px;color: #fff;margin-top: 30px;max-width:700px;line-height: 50px;} .banner .smfz{font-size:16px;line-height: 30px;max-width:700px;margin-top: 10px;color: #fff;} .food_func{padding:90px 0 90px;} .food_func .list{} .food_func .list li{width: 16.66%;float: left;margin-top: 30px;padding-bottom: 15px;} .food_func .list .icon{height: 100px;width: auto;display: block;margin:0 auto;transition: all .3s;} .food_func .list .tit{font-size: 20px;color: #333333;text-align: center;margin-top: 20px;} .food_func .list li:hover .icon{transform: rotateY(180deg);} .food_dz{padding:90px 0;} .food_dz .list{margin-left: -2.5%;} .food_dz .list .item{float: left;width: 22.5%;margin-left: 2.5%;} .food_dz .list .imgbox{display: block;} .food_dz .list .img{} .food_dz .list .title{font-size: 20px;color: #333333;text-align: center;margin-top: 20px;} .food_solu{padding:90px 0;} .food_solu .list{text-align: center;} .food_solu .list .item{width: 32%;display: inline-block;vertical-align: text-top;padding:0 1.5%;} .food_solu .list .img{height: 160px;width: auto;display: block;margin:0 auto;transition: all .3s;} .food_solu .list .title{font-size: 20px;color: #333333;margin-top: 20px;margin-bottom: 15px;font-weight: bold;} .food_solu .list .txt{font-size: 14px;color: #707e8c;max-width:285px;margin:0 auto;line-height: 28px;} .food_solu .list .item:hover .img{transform: scale(1.05,1.05);} .food_case{padding:90px 0 30px;} .food_case .list{margin-left: -2.5%;} .food_case .list li{float: left;width: 22.5%;margin-left: 2.5%;} .food_case .list .imgbox{} .food_case .list .img{} .food_case .list .title{font-size: 20px;color: #333333;display: block;margin-top: 25px;text-align: center;} .food_case .list .more{font-size: 14px;color: #176ae6;display: inline-block;margin-top: 15px;display: none;} .food_case .list li:hover .title{font-weight: bold;} .food_case .list .more:hover{text-decoration: underline;} /* 解决方案-商城 */ .shop_fw{padding:90px 0;} .shop_fw .list{} .shop_fw .list .item{float: left;width: 20%;} .shop_fw .list .img{height: 160px;width: auto;display: block;margin:0 auto;} .shop_fw .list .title{font-size: 20px;color: #333333;text-align: center;margin-top: 15px;} .shop_software{padding:90px 0;} .shop_software .list{} .shop_software .list .item{width: 20%;text-align: center;float: left;} .shop_software .list .ico{height: 119px;width: auto;display: block;margin:0 auto;} .shop_software .list .ico_h{display: none;} .shop_software .list .title{font-size: 20px;color: #333333;margin-top: 15px;text-align: center;} .shop_software .list .item:hover .ico_h{display: block;} .shop_software .list .item:hover .ico_s{display: none;} .shop_xt{padding:90px 0;} .shop_xt .list{} .shop_xt .list li{float: left;width: 14.285%;text-align: center;margin-bottom: 30px;} .shop_xt .list .icon{width: 100px;display: block;margin:0 auto;transition: all .3s;} .shop_xt .list .fz{font-size: 20px;color: #333333;margin-top: 20px;} .shop_xt .list li:hover .icon{transform: rotateY(180deg);} .shop_solu{background: url(../images/shop_42.jpg) no-repeat center;background-size:cover;padding:90px 0;} .shop_solu .list{padding-top: 15px;} .shop_solu .list .item{float: left;background: rgba(255,255,255,.3);width: 23%;margin:0 0 3% 2%;height: 300px;text-align: center;padding-top: 1px;} .shop_solu .list .icon{width: 118px;display: block;margin:-15px auto 0;transition: all .3s;} .shop_solu .list .title{font-size: 20px;color: #fff;margin-top: 25px;margin-bottom: 10px;} .shop_solu .list .txt{font-size: 14px;color: #fff;line-height: 26px;max-width:250px;margin:0 auto;} .shop_solu .list .item:hover .icon{transform: scale(1.05,1.05);} .shop_solu .list .item:hover{background: rgba(255,255,255,.25);} .shop_core{padding:90px 0 40px;} .shop_core .list{margin-left: -4%;} .shop_core .list .item{float: left;width: 46%;margin-left: 4%;margin-bottom: 40px;} .shop_core .list .ico{width: 100px;display: block;float: left;border-radius:6px;box-shadow:0 3px 7px rgba(0,0,0,.1);transition: all .3s;} .shop_core .list .ico_h{display: none;} .shop_core .list .info{margin-left: 120px;padding-top: 5px;} .shop_core .list .title{font-size: 20px;color: #333333;font-weight: bold;} .shop_core .list .txt{font-size: 14px;color: #707e8c;line-height: 28px;max-width:470px;-webkit-line-clamp: 3;height: 84px;margin-top: 8px;} .shop_core .list .item:hover .ico_h{display: block;} .shop_core .list .item:hover .ico_s{display: none;} .shop_app{padding:90px 0;} .shop_app .list{text-align: center;} .shop_app .list .row{font-size: 0;} .shop_app .list .item{padding:45px 0 35px;width: 33.3%;display: inline-block;vertical-align: text-top;border-radius:16px;} .shop_app .list .icon{width: 130px;display: block;margin:0 auto;box-shadow:0 2px 35px rgba(8,91,173,.09);border-radius:50%;} .shop_app .list .title{font-size: 20px;color: #333333;font-weight: bold;margin-top: 20px;} .shop_app .list .txt{font-size: 14px;color: #707e8c;line-height: 24px;margin-top: 8px;} .shop_app .list .item:hover{background: #176ae6;} .shop_app .list .item:hover .title{color: #fff;} .shop_app .list .item:hover .txt{color: #fff;} .pt40{padding-top: 40px!important;} /* 解决方案-直播 */ .live_tx .list .img{height: 200px;} .live_func{padding:90px 0;} .live_func .list{} .live_func .list li{float: left;text-align: center;width: 20%;margin-bottom: 30px;} .live_func .list .icon{height: 140px;width: auto;display: block;margin:0 auto;} .live_func .list .fz{font-size: 20px;color: #333333;margin-top: 15px;} .live_solu{padding:90px 0;} .live_solu .list{margin-left: -2%;} .live_solu .list li{float: left;background: #fff;border-radius:10px;width: 23%;margin-left: 2%;text-align: center;padding:45px 0;border:1px solid #efefef;} .live_solu .list .icon{height: 100px;width: auto;display: block;margin:0 auto;} .live_solu .list .fz{font-size: 20px;color: #333333;margin-top: 15px;} .live_solu .list li:hover{box-shadow:0 0 46px rgba(107,130,153,.25)} .live_advan{padding:85px 0;background: #031458;} .live_advan .detail{position:relative;} .live_advan .picbox{width: 360px;display: block;margin:0 auto;position:relative;} .live_advan .picbox .tp{width: 100%;display: block;transition: all 30s;} .live_advan .picbox .title{font-size: 36px;color: #fff;line-height: 40px;position:absolute;width: 100%;left: 0;top: 50%;margin-top: -20px;text-align: center;} .live_advan .detail:hover .tp{transform:rotate(-360deg);} .live_advan .list li{position:absolute;width: 380px;} .live_advan .list .title{font-size: 20px;color: #fff;position:relative;} .live_advan .list .title::before{content:'';display: inline-block;width: 10px;height: 10px;background: #65adff;border-radius:50%;position:absolute;left:-25px;top: 50%;margin-top: -5px;} .live_advan .list .txt{font-size: 15px;color: #bbd4f9;line-height: 30px;margin-top: 8px;} .live_advan .list .item_1{text-align: right;left: 0;top: 65px;} .live_advan .list .item_2{text-align: right;left: 0;top: 220px;} .live_advan .list .item_3{right: 0;top: 65px;} .live_advan .list .item_4{right: 0;top: 220px;} .live_advan .list .item_1 .title::before,.live_advan .list .item_2 .title::before{left:auto;right: -25px;} .live_scene{padding:90px 0;} .live_scene .list{} .live_scene .list .item{text-align: center;width: 25%;float: left;padding:25px 0;} .live_scene .list .icon{height: 80px;width: auto;display: block;margin:0 auto;} .live_scene .list .tit{font-size: 20px;color: #333333;margin-top: 20px;font-weight: bold;} .live_scene .list .txt{font-size: 14px;color: #666666;margin-top: 10px;} /* 联系我们 */ .lx_ban{} .lx_ban .box{margin-top: -15px;} .lx_ban .tit{font-size: 36px;color: #fff;} .lx_ban .sm{font-size: 16px;color: #fff;margin-top: 5px;text-transform: uppercase;} .lx_main{padding:80px 0;} .lx_list{margin-left: -1%;} .lx_list li{width: 24%;float: left;margin-left: 1%;} .lx_list .icon{width: 76px;display: block;float: left;} .lx_list .info{margin-left: 90px;padding-top: 6px;} .lx_list .wz{font-size: 16px;color: #333333;margin-top: 5px;line-height: 24px;} .lx_map{height: 440px;margin-top: 50px;} .BMapLabel{border:none!important} /* 解决方案-社交 */ .edu_func{padding:90px 0;} .edu_func .list{} .edu_func .list li{float: left;width: 12.5%;text-align: center;} .edu_func .list .icon{width: 100px;display: block;margin:0 auto;transition: all .3s;} .edu_func .list .tit{font-size: 20px;color: #333333;margin-top: 20px;} .edu_func .list li:hover .icon{transform: rotateY(180deg);} .social_func{padding:90px 0;} .social_func .list{} .social_func .list li{float: left;width: 20%;text-align: center;} .social_func .list .icon{height: 140px;width: auto;display: block;margin:0 auto;} .social_func .list .tit{font-size: 20px;color: #333333;margin-top: 25px;text-align: center;} .social_solu{padding:90px 0;background-image: linear-gradient(#0747a3, #1db0fd);} .social_solu .detail{} .social_solu .titbox{width: 210px;text-align: center;padding-top: 25px;} .social_solu .titbox .cn{font-size: 26px;color: #fff;} .social_solu .titbox .en{font-size: 14px;color: #fff;margin-top: 10px;text-transform: uppercase;} .social_solu .box{width: 1025px;} .social_solu .list{text-align: center;height: 125px;margin:0 auto;padding-top: 25px;} .social_solu .list li{display: inline-block;vertical-align: text-top;margin:0 20px;} .social_solu .list .icon{height: 36px;width: auto;display: block;margin:0 auto;} .social_solu .list .wz{font-size: 16px;color: #fff;margin-top: 8px;} .social_solu .row{margin-bottom: 50px;} .social_solu .row:last-child{margin-bottom: 0;} .social_solu .row_1 .list{background: url(../images/social_17.png) no-repeat center;background-size:contain;} .social_solu .row_2 .list{width: 544px;background: url(../images/social_18.png) no-repeat center;background-size:contain;} /* 教育 */ .social_solu .row_3 .list{background: url(../images/edu_10.png) no-repeat center;background-size:contain;width: 765px;} .social_solu .row_3 .list li{margin:0 35px;} .social_solu .row_4 .list{background: url(../images/social_17.png) no-repeat center;background-size:contain;padding-top: 15px;} .social_solu .row_5 .list{background: url(../images/edu_12.png) no-repeat center;background-size:contain;width: 944px;} .social_tech{padding:90px 0 70px;} .social_tech .list{} .social_tech .list .item{padding:30px 50px;border:1px solid #ddd;border-radius:6px;float: left;width: 48%;margin-left: 2%;margin-bottom: 2%;background: #fff;transition: all .3s;} .social_tech .list .icon{width: 72px;display: block;float: left;margin-top: 5px;} .social_tech .list .info{margin-left: 95px;} .social_tech .list .title{font-size: 20px;color: #333333;font-weight: bold;} .social_tech .list .txt{font-size: 14px;color: #707e8c;line-height: 26px;margin-top: 5px;-webkit-line-clamp: 3;height: 78px;} .social_tech .list .item:hover{/* transform: translateY(-10px)important; */box-shadow:0 0 20px #ddd} /* 解决方案-教育 */ .edu_advan{padding:90px 0;} .edu_advan .list{} .edu_advan .list li{float: left;width: 20%;text-align: center;} .edu_advan .list .icon{height: 120px;width: auto;display: block;margin:0 auto;} .edu_advan .list .fz{font-size: 20px;color: #333333;margin-top: 20px;} /* 管理软件开发 */ .dev_value{padding:90px 0 0;} .dev_value .detail{} .dev_value .mod{padding:25px 0;} .dev_value .img{width: 45%;float: left;transition: all .3s;} .dev_value .info{width: 47%;float: right;padding-top: 70px;} .dev_value .title{font-size: 18px;color: #333333;font-weight: bold;} .dev_value .sm{font-size: 16px;color: #666666;margin-top: 10px;} .dev_value .txt{font-size: 14px;color: #707e8c;line-height: 30px;margin-top: 20px;} .dev_value .mod:nth-child(odd){background: #f8fafc;} .dev_value .mod:nth-child(odd) .img{float: right;} .dev_value .mod:nth-child(odd) .info{float: left;} .dev_value .img:hover{transform: scale(1.05,1.05);} .dev_lc{padding:40px 0 90px;} .dev_lc .list{font-size: 0;border-bottom:1px solid #176ae6;} .dev_lc .list li{display: inline-block;vertical-align: text-bottom;width: 12.5%;} .dev_lc .list .box{width: 80px;position:relative;} .dev_lc .list .ico{display: block;width: 80px;} .dev_lc .list .ico_h{display: none;} .dev_lc .list .wz{font-size: 20px;color: #333333;position:absolute;width: 100px;right: -115px;display: block;top: 0;line-height: 80px;} .dev_lc .list .linebox{width: 80px;position:relative;} .dev_lc .list .line{background: #176ae6;width: 1px;display: block;height: 100px;margin:0 auto;} .dev_lc .list li:nth-child(even) .line{height: 260px;} .dev_lc .list li:hover .ico_s{display: none;} .dev_lc .list li:hover .ico_h{display: block;} .dev_qd{padding:90px 0 20px;} .dev_qd .list{font-size: 0;text-align: center;} .dev_qd .list li{display: inline-block;vertical-align: text-top;width: 20%;text-align: center;margin-bottom: 70px;} .dev_qd .list .ico{height: 119px;width: auto;display: block;margin:0 auto;} .dev_qd .list .ico_h{display: none;} .dev_qd .list .tit{font-size: 20px;color: #333333;line-height: 28px;margin-top: 20px;} .dev_qd .list li:hover .ico_h{display: block;} .dev_qd .list li:hover .ico_s{display: none;} .dev_team{padding:90px 0;} .dev_team .list{margin-left: -2%;} .dev_team .list .item{position:relative;float: left;width: 23%;margin-left: 2%;border-radius:6px;overflow: hidden;} .dev_team .list .img{width: 100%;display: block;} .dev_team .list .shade{background: rgba(0,0,0,.8);position:absolute;width: 100%;height: 100%;left: 0;bottom: -100%;padding:110px 4% 0;transition: all .3s;} .dev_team .list .tt{font-size: 18px;color: rgba(255,255,255,.7);text-align: center;margin-bottom: 15px;} .dev_team .list .name{font-size: 25px;color: #fff;margin-right: 15px;} .dev_team .list .txt{font-size: 18px;color: rgba(255,255,255,.7);line-height: 28px;width: 90%;max-width:230px;margin:0 auto;} .dev_team .list .item:hover .shade{bottom: 0;} .dev_bz{} .dev_bz .list{} .dev_bz .list .item{float: left;width: 16.666%;position:relative;overflow: hidden;} .dev_bz .list .mask{height: 605px;display: block;transition: all 2s;width: 100%;} .dev_bz .list .box{position:absolute;width: 100%;height: 100%;left: 0;top: 0;padding-top: 135px;text-align: center;transition: all .3s;} .dev_bz .list .icon{width: 100px;display: block;margin:0 auto;} .dev_bz .list .title{font-size: 25px;color: #fff;margin-top: 55px;} .dev_bz .list .line{width: 30px;height: 2px;background: #fff;display: block;margin:15px auto 45px;} .dev_bz .list .txt{font-size: 18px;color: rgba(255,255,255,.7);max-width:240px;margin:0 auto;line-height: 30px;} .dev_bz .list .item:hover .box{transform: translateY(-10px);} /* 标签页 */ .bq_main{padding:40px 0 50px;} .bq_l{margin-right: 400px;} .bq_r{width: 380px;} .crumb{margin-bottom: 30px;font-size: 16px;color: #707e8c;} .crumb a:hover{color: #176ae6;text-decoration: underline;} .crumb .box::before{content:'';display: inline-block;vertical-align: middle;margin-right: 2px;width: 16px;height: 16px;background: url(../images/det_01.png) no-repeat center;background-size:contain;margin-top: -1px;} .crumb span{color: #176ae6;} .bq_tit{font-size: 20px;color: #333333;font-weight: bold;line-height: 40px;margin-bottom: 10px;position:relative;padding-left: 15px;} .bq_tit::before{content:'';position:absolute;left: 0;top: 50%;width: 5px;height: 20px;background: #176ae6;border-radius:8px;margin-top: -10px;} .bq_tit .more{font-size: 14px;color: #999999;font-weight: normal;display: inline-block;} .bq_tit .more:hover{color: #176ae6;} .bq_yw{margin-bottom: 20px;} .bq_yw .list{padding-top: 1px;} .bq_yw .list li{float: left;width: 33.3%;padding:10px 0;} .bq_yw .list .ico{width: 62px;display: block;margin:0 auto;} .bq_yw .list .ico_h{display: none;} .bq_yw .list .tit{font-size: 16px;color: #333333;text-align: center;margin-top: 15px;} .bq_yw .list li:hover .ico_s{display: none;} .bq_yw .list li:hover .ico_h{display: block;} .bq_solu{margin-bottom: 20px;} .bq_solu .detail{padding: 20px 20px 10px;border:1px solid #e5e5e5;} .bq_solu .lks{font-size: 0;margin-left: -5%;} .bq_solu .lks a{display: inline-block;vertical-align: middle;font-size: 15px;color: #176ae6;line-height: 34px;min-width:45%;margin:0 0 10px 5%;background: #ebf3ff;border-radius:4px;text-align: center;border:1px solid #176ae6;} .bq_solu .lks a:hover{color:#fff;background: #176ae6;} .bq_zx{margin-bottom: 20px;} .bq_zx .list{border:1px solid #e5e5e5;padding:0 15px;} .bq_zx .list li:last-child{border-bottom:none;} .bq_hot{} .bq_hot .detail{padding:20px 20px 1px;border:1px solid #e5e5e5;} .bq_hot .lks{font-size: 0;margin-left: -5%;} .bq_hot .lks a{display: inline-block;vertical-align: middle;font-size: 15px;color: #666666;line-height: 36px;border-radius:6px;min-width:28.3%;margin:0 0 5% 5%;background: #efefef;text-align: center;} .bq_hot .lks a:hover{color: #fff;background: #176ae6;} .bq_titbox{margin-bottom: 30px;} .bq_titbox .cn{font-size: 36px;color: #333333;font-weight: bold;} .bq_titbox .en{font-size: 19px;color: #707e8c;text-transform: uppercase;margin-top: 5px;} .bq_case{margin-bottom: 60px;padding: 0;} .bq_case .list{margin-left: -4%;overflow: hidden;} .bq_case .list li{width: 29.3%;margin-left: 4%;margin-bottom: 30px;} .bq_news{margin-bottom: 60px;} .bq_news .sec_xw_new{width: 100%;background: #fff;} /* index */ .idx_ban{position:relative;} .idx_ban .slide{} .idx_ban .slide .img{width: 100%;display: block;} .idx_ban .item{overflow: hidden;padding-top: 250px;} .idx_ban .swiper-pagination{bottom: 40px;width: 1250px;margin-left: -625px;left: 50%;text-align: left;} .idx_ban .swiper-pagination-bullet{width: 50px;height: 2px;background: rgba(255,255,255,.36);border-radius:0;opacity: 1;} .idx_ban .swiper-pagination-bullet-active{background: #fff;} .idx_ban .center .txt{margin-left: auto;margin-right:auto;max-width: 100%;} .idx_ban .bot{/* position:absolute;width: 100%;left: 0;bottom: 0;z-index:80; */background: url(../images/tp.jpg) no-repeat center;background-size:cover;} .idx_ban .list{display: flex;justify-content: space-between;} .idx_ban .list li{padding:30px 0;flex:auto;} .idx_ban .list .fz{font-size: 16px;color: #fff;} .idx_ban .list .fz i{font-size: 40px;font-family: 'DIN';display: inline-block;vertical-align: middle;} .idx_ban .list .line{width: 30px;height: 2px;background: #ffc600;display: block;margin:15px 0;} .idx_ban .list .wz{font-size: 16px;color: #fff;opacity: .6;} .idx_ban .list .up{display: inline-block;vertical-align: text-top;} .idx_ban .list .down{display: inline-block;vertical-align: -webkit-baseline-middle;} .idx_ser{padding:90px 0;overflow: hidden;} .idx_ser .pub_titbox .desc{max-width:1010px;margin-left:auto;margin-right:auto;} .idx_ser .list{margin-left: -2%;} .idx_ser .list li{text-align: center;float: left;width: 23%;margin-left: 2%;border:1px solid #e5e5e5;border-radius:10px;padding:50px 10px 0;height: 300px;} .idx_ser .list .icon{height: 90px;width: auto;display: block;margin:0 auto;transition: all .3s;} .idx_ser .list .title{font-size: 20px;color: #333333;font-weight: bold;margin-top: 35px;} .idx_ser .list .txt{margin-top: 10px;font-size: 14px;color: #707e8c;} .idx_ser .list li:hover{box-shadow:0 0 40px rgba(107,130,153,.25);border-color:#fff;} .idx_ser .list li:hover .icon{transform: rotateY(180deg);} .idx_solu{padding:90px 0;background: url(../images/idx_57.jpg) no-repeat center;background-size:cover;} .idx_solu .detail{background: #fff;} .idx_solu .menu{width: 200px;float: left;background: #0b3778;} .idx_solu .menu .lk{display: block;font-size: 15px;color: #bbd4f9;line-height: 60px;padding-left: 20px;border-bottom:1px solid #174281;cursor: pointer;} .idx_solu .menu .lk:hover{color: #fff;} .idx_solu .menu .lk.cur{height: 108px;background: url(../images/idx_06.jpg) no-repeat center;background-size:cover;font-size: 20px;padding-top: 10px;color: #fff;} .idx_solu .wrap{margin-left: 200px;padding:40px 45px 0;} .idx_solu .title{font-size: 20px;color: #333333;font-weight: bold;} .idx_solu .desc_t{font-size: 14px;color: #707e8c;line-height: 24px;margin-top: 10px;} .idx_solu .list{margin-top: 30px;display: flex;justify-content: space-between;text-align: center;} .idx_solu .list li{} .idx_solu .list .icon{width: 70px;display: block;margin:0 auto;transition: all .3s;} .idx_solu .list .fz{font-size: 14px;color: #333333;margin-top: 10px;} /*.idx_solu .list li:hover .icon{transform: scale(1.15,1.15);}*/ .idx_solu .bot{margin-top: 25px;} .idx_solu .bot .img{display: inline-block;vertical-align: middle;width: 38.5%;} .idx_solu .bot .info{width: 45%;margin-left: 13%;display: inline-block;vertical-align: middle;} .idx_solu .bot .tit{font-size: 18px;color: #333333;font-weight: bold;} .idx_solu .bot .txt{font-size: 14px;color: #707e8c;line-height: 30px;margin-top: 8px;} .idx_case{overflow: hidden;} .idx_case .menu{text-align: center;margin-bottom: 25px;border-bottom:1px solid #d8e2ef;} .idx_case .menu .lk{padding:25px 30px;display: inline-block;vertical-align: text-top;margin:0 25px;position:relative;cursor: pointer;} .idx_case .menu .icon{width: 60px;height: 60px;display: block;margin:0 auto;} .idx_case .menu .tit{font-size: 16px;color: #333333;margin-top: 15px;font-weight: bold;} .idx_case .menu .icon_1{background: url(../images/bq_02.png) no-repeat center;background-size:contain;} .idx_case .menu .icon_2{background: url(../images/bq_03.png) no-repeat center;background-size:contain;} .idx_case .menu .icon_3{background: url(../images/bq_04.png) no-repeat center;background-size:contain;} .idx_case .menu .icon_4{background: url(../images/bq_05.png) no-repeat center;background-size:contain;} .idx_case .menu .icon_5{background: url(../images/bq_06.png) no-repeat center;background-size:contain;} .idx_case .menu .lk::after{content:'';position:absolute;left: 50%;bottom: 0;height: 2px;background: #176ae6;transition: all .3s;width: 0;} .idx_case .menu .lk:hover::after,.idx_case .menu .lk.cur::after{width: 100%;left: 0;} .idx_case .menu .lk:hover .icon_1,.idx_case .menu .lk.cur .icon_1{background: url(../images/bq_02-1.png) no-repeat center;background-size:contain;} .idx_case .menu .lk:hover .icon_2,.idx_case .menu .lk.cur .icon_2{background: url(../images/bq_03-1.png) no-repeat center;background-size:contain;} .idx_case .menu .lk:hover .icon_3,.idx_case .menu .lk.cur .icon_3{background: url(../images/bq_04-1.png) no-repeat center;background-size:contain;} .idx_case .menu .lk:hover .icon_4,.idx_case .menu .lk.cur .icon_4{background: url(../images/bq_05-1.png) no-repeat center;background-size:contain;} .idx_case .menu .lk:hover .icon_5,.idx_case .menu .lk.cur .icon_5{background: url(../images/bq_06-1.png) no-repeat center;background-size:contain;} .idx_moshi{padding:90px 0 0;overflow: hidden;} .idx_moshi .list{} .idx_moshi .list .item{float: left;width: 25%;text-align: center;position:relative;overflow: hidden;} .idx_moshi .list .bg{height: 660px;display: block;transition: all 3s;} .idx_moshi .list .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.7);padding-top: 1px;} .idx_moshi .list .icon{width: 100px;margin:0 auto;display: block;margin-top: 160px;} .idx_moshi .list .title{font-size: 25px;color: #fff;margin-top: 50px;} .idx_moshi .list .line{width: 30px;height: 2px;background: #fff;display: block;margin:20px auto 55px;} .idx_moshi .list .wz{font-size: 18px;color: #fff;opacity: .7;} .idx_moshi .list .item:hover .shade{background: rgba(0,0,0,.5);} .idx_moshi .list .item:hover .bg{transform: scale(1.1,1.1);} .idx_advan{padding:90px 0;overflow: hidden;} .idx_advan .detail{} .idx_advan .list{} .idx_advan .list li{float: left;text-align: center;} .idx_advan .list .icon{width: 60px;display: block;margin:0 auto;transition: all .3s;} .idx_advan .list .tit{font-size: 20px;color: #444444;margin-top: 15px;margin-bottom: 15px;font-weight: bold;} .idx_advan .list .txt{font-size: 14px;color: #999999;line-height: 20px;width: 90%;max-width:140px;margin:0 auto;} .idx_advan .list_l{width: 61%;border:1px solid #e5e5e5;border-right:none;} .idx_advan .list_l li{width: 33.3%;border-right:1px solid #e5e5e5;height: 440px;padding-top: 130px;} .idx_advan .list_l .tit{margin-bottom: 25px;} .idx_advan .list_r{width: 39%;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;position:relative;} .idx_advan .list_r li{width: 50%;border-bottom:1px solid #e5e5e5;height: 220px;border-right:1px solid #e5e5e5;padding-top: 30px;} .idx_advan .list li:hover .tit{color: #176ae6;} .idx_advan .list_r .bg{width: 96px;height: 96px;background: url(../images/idx_58.jpg) no-repeat center;background-size:contain;position:absolute;left: 50%;top: 50%;margin-left: -48px;margin-top: -48px;border:none!important;} /*.idx_advan .list li:hover .icon{transform: rotateY(180deg);} */ .idx_hb{padding:90px 0;background: url(../images/idx_56.jpg) no-repeat center;background-size:cover;overflow: hidden;} .idx_hb .list{margin-left: -2%;} .idx_hb .list li{float: left;width: 18%;margin:0 0 2% 2%;line-height: 95px;background: #fff;height: 95px;text-align: center;} .idx_hb .list .img{display: inline-block;vertical-align: middle;max-width:100%;max-height:100%;} .idx_hb .list li:hover{box-shadow:0 0 30px #e5e5e5;} .sec_xw_new .tt .lk{font-size: 15px;color: #333333;display: inline-block;vertical-align: middle;padding:0 20px;cursor: pointer;} .sec_xw_new .tt .lk:first-child{padding-left: 0;} .sec_xw_new .tt .lk::after{content:'';display: inline-block;vertical-align: middle;margin-left: 8px;background: url(../images/idx_55.png) no-repeat center;background-size:contain;width: 16px;height: 16px;} .sec_xw_new .tt .lk.cur,.sec_xw_new .tt .lk:hover{font-weight: bold;} .sec_xw_new .tt .lk.cur::after{background-image: url(../images/idx_55-1.png)} /* 解决方案-跑腿 */ .pt_lc{padding:80px 0;background: #031458;} .pt_lc .detail .img{width: 100%;display: block;} .pt_func .list li{width: 14.28%;} /* 解决方案-家政 */ .hw_xt .auto{width: 1300px;} .hw_xt .list li{width: 11.111%;} .hw_case{padding:40px 0 80px;} .hw_case .list{margin-left: -2%;} .hw_case .list .item{text-align: center;float: left;width: 23%;margin-left: 2%;} .hw_case .list .imgbox{} .hw_case .list .img{} .hw_case .list .title{font-size: 20px;color: #333333;font-weight: bold;margin-top: 25px;} .hw_case .list .fz{font-size: 14px;color: #707e8c;margin-top: 10px;} /* 解决方案-地产 */ .dc_func{padding:80px 0 50px;} .dc_func .list{} .dc_func .list .item{width: 25%;float: left;text-align: center;margin-bottom: 50px;} .dc_func .list .icon{width: 150px;display: block;margin:0 auto;box-shadow:0 0 46px rgba(107,130,153,.15);border-radius:8px;transition: all .3s;} .dc_func .list .title{font-size: 20px;color: #333333;margin-top: 25px;} .dc_func .list .item:hover .icon{transform: rotateY(180deg);} .dc_solu{padding:80px 0;} .dc_solu .list{} .dc_solu .list li{float: left;width: 14.28%;text-align: center;padding:0 18px;} .dc_solu .list .icon{width: 110px;display: block;margin:0 auto;} .dc_solu .list .title{font-size: 20px;color: #333;margin-top: 20px;} .dc_solu .list .txt{font-size: 14px;color: #707e8c;line-height: 28px;margin-top: 15px;} /* 解决方案-代驾打车 */ .drive_func{padding:80px 0;} .drive_func .imgbox{width: 46%;display: inline-block;vertical-align: middle;} .drive_func .imgbox .img{max-width:400px;margin:0 auto;display: block;} .drive_func .box{width: 50.5%;display: inline-block;vertical-align: middle;margin-left: 2%;} .drive_func .list{margin-left: -2%;} .drive_func .list li{float: left;width: 23%;margin:0 0 2% 2%;padding:25px 0 0;height: 130px;border:1px solid #176ae6;border-radius:6px;text-align: center;transition: all .3s;} .drive_func .list .icon{height: 40px;width: auto;display: block;margin:0 auto;} .drive_func .list .tit{font-size: 20px;color: #333333;margin-top: 10px;} .drive_func .list li:hover{transform: translateY(-5px);} .drive_solu{padding:80px 0;} .drive_solu .list{} .drive_solu .list li{float: left;text-align: center;width: 20%;} .drive_solu .list .icon{height: 80px;width: auto;display: block;margin:0 auto;} .drive_solu .list .tit{font-size: 20px;color: #333333;margin-top: 15px;margin-bottom: 15px;} .drive_solu .list .txt{font-size: 14px;color: #666666;line-height: 22px;max-width:170px;margin:0 auto;width: 90%;} .drive_scene{padding:80px 0;} .drive_scene .list{margin-left: -2.5%;} .drive_scene .list .item{float: left;width: 22.5%;margin:0 0 2.5% 2.5%;} .drive_scene .list .imgbox{} .drive_scene .list .img{width: 100%;display: block;} .drive_scene .list .title{font-size: 20px;color: #333333;margin-top: 20px;text-align: center;} .drive_ser{padding:80px 0;} .drive_ser .list{} .drive_ser .list li{text-align: center;float: left;width: 20%;transition: all .3s;} .drive_ser .list .ico{width: 118px;display: block;margin:0 auto;box-shadow:0 6px 14px rgba(39,150,235,.35);border-radius:50%;} .drive_ser .list .ico_h{display: none;} .drive_ser .list .title{font-size: 20px;color: #333;margin-top: 20px;margin-bottom: 10px;} .drive_ser .list .txt{font-size: 14px;color: #707e8c;line-height: 28px;margin-top: 10px;max-width:175px;margin:0 auto;width: 90%;} .drive_ser .list li:hover{transform: translateY(-10px);} /* APP开发 */ .app_tg{padding:80px 0;} .app_tg .list{margin-left: -3%;} .app_tg .list li{float: left;height: 285px;border:1px solid #e5e5e5;width: 30.3%;margin-left: 3%;padding-top: 60px;text-align: center;border-radius:8px;} .app_tg .list .icon{height: 90px;width: auto;display: block;margin:0 auto;transition: all .3s;} .app_tg .list .title{font-size: 20px;color: #333;font-weight: bold;margin-top: 30px;} .app_tg .list li:hover{box-shadow: 0 0 46px rgba(107,130,153,.25);background: #fff;border-color:#fff;} .app_tg .list li:hover .icon{transform: rotateY(180deg);} /* 案例详情 */ .head_w .head{background: #176ae6;} .head_w+div{margin-top: 80px;} .det_bar{padding:80px 0 30px;line-height: 30px;} .det_bar .crumb{margin-bottom: 0;} .det_bar .menus{} .det_bar .menus a{display: inline-block;vertical-align: middle;font-size: 16px;color: #707e8c;margin-left: 8px;} .det_bar .menus a.this,.det_bar .menus a:hover{color: #176ae6;} .det_ban{padding:45px 0;background: #2290bb;} .det_ban .lbox{width: 45%;} .det_ban .rbox{width: 50.5%;} .det_ban .gs{font-size: 18px;color: #fff;} .det_ban .title{font-size: 24px;color: #fff;margin-top: 15px;} .det_ban .txt{font-size: 18px;color: #fff;line-height: 36px;} .det_ban .line{width: 100px;height: 2px;background: #fff;display: block;margin:35px 0;} .det_ban .smtxt{font-size: 14px;color: #fff;line-height: 28px;} .det_main{padding:10px 0 0;} .det_top{text-align: center;} .det_top .title{font-size: 36px;color:#333;font-weight: bold;} .det_top .desc{font-size: 16px;color: #333;line-height: 28px;margin-top: 40px;} .det_show{margin-top: 95px;} .det_show .t_tit{font-size: 36px;color: #333333;text-align: center;font-weight: bold;} .det_show .editbox{margin:50px 0;} .pagenav{margin:40px 0;} .pagenav li{width: 46%;float: left;font-size: 20px;color: #999999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .pagenav li.next{float: right;text-align: right;} .pagenav li:hover{color: #176ae6;} /* 解决方案-微信开发 */ .vx_func{padding:80px 0 50px;} .vx_func .list{font-size: 0;text-align: center;} .vx_func .list li{display: inline-block;vertical-align: text-top;width: 14.285%;margin-bottom: 50px;} .vx_func .list .icon{width: 100px;border-radius:50%;height: 100px;background: rgba(255,255,255,.1);transition: all .3s;} .vx_func .list .wz{font-size: 20px;color: #fff;line-height: 34px;margin-top: 25px;} .vx_func .list li:hover .icon{transform: rotateY(180deg);background: #176ae6} .vx_xcx{background: #00209e;} .vx_xcx .list li:hover .icon{background: #176ae6} .vx_gzh{background: #176ae6;} .vx_gzh .list li:hover .icon{background: #00209e} .vx_solu{background: #00409f;} .vx_solu .list li:hover .icon{background: #176ae6} /* 威之德 */ .us_titbox{text-align: center;margin-bottom: 60px;font-size: 0;} .us_titbox .en{font-size: 43px;color: #e8f1f0;font-weight: bold;line-height: 45px;text-transform: uppercase;font-family: 'arial';} .us_titbox .cn{font-size: 36px;color: #333;font-weight: bold;margin-top: -55px;} .us_titbox .line{width: 46px;height: 6px;background: #176ae6;margin:10px auto 0;display: inline-block;} .us_about{padding:80px 0;} .us_about .us_titbox{text-align: left;} .us_about .info{width: 57.5%;} .us_about .title{font-size: 20px;color: #333;font-weight: bold;} .us_about .txt{font-size: 14px;color: #333333;line-height: 30px;margin-top: 15px;} .us_about .txt p{text-indent: 2em;} .us_about .img{width: 35%;} .us_bar{background: #062b62;} .us_bar .list{display: flex;justify-content: space-between;} .us_bar .list li{padding:30px 0;flex:auto;} .us_bar .list .fz{font-size: 16px;color: #fff;} .us_bar .list .fz i{font-size: 40px;font-family: 'DIN';display: inline-block;vertical-align: middle;} .us_bar .list .line{width: 30px;height: 2px;background: #ffc600;display: block;margin:15px 0;} .us_bar .list .wz{font-size: 16px;color: #fff;opacity: .6;} .us_bar .list .up{display: inline-block;vertical-align: text-top;} .us_bar .list .down{display: inline-block;vertical-align: -webkit-baseline-middle;} .us_lc{padding:80px 0;} .us_lc .detail{position:relative;} .us_lc .detail::before{content:'';position:absolute;left: 100px;top: 10px;bottom: 25px;background: #176ae6;width: 1px;} .us_lc .list{margin-bottom: 20px;} .us_lc .list .item{line-height: 26px;margin-bottom: 10px;} .us_lc .list .year{font-size: 20px;color: #394055;font-weight: bold;width: 100px;display: block;float: left;min-height:10px;} .us_lc .list .box{margin-left: 100px;padding-left: 25px;} .us_lc .list .day{font-size: 16px;color: #999999;width: 70px;display: block;float: left;position:relative;text-align: left;} .us_lc .list .day::before{content:'';position:absolute;left: -32px;top: 50%;width: 14px;height: 14px;border-radius:50%;background: #176ae6;margin-top: -7px;} .us_lc .list .txt{font-size: 14px;color: #999999;margin-left: 70px;background: url(../images/us_10.png) no-repeat left 10px;background-size:17px 7px;padding-left: 40px;} .us_lc .list .item:hover .day{color: #176ae6;} .us_lc .list .item:hover .txt{color: #176ae6;background-image: url(../images/us_10-1.png)} .us_cul{padding:80px 0;} .us_cul .list{text-align: center;} .us_cul .list .item{display: inline-block;vertical-align: text-top;width: 32%;} .us_cul .list .icon{height: 120px;width: auto;display: block;margin:0 auto;} .us_cul .list .title{font-size: 20px;color: #333;font-weight: bold;margin-top: 20px;} .us_cul .list .txt{font-size: 14px;color: #707e8c;line-height: 28px;margin-top: 10px;} .us_zz{padding:80px 0;} .us_zz .detail{position:relative;background: url(../images/us_07.png) no-repeat center bottom;background-size:100% 46px;padding:0 65px 30px;position:relative;} .us_zz .item{border:1px solid #99c6b7;overflow: hidden;} .us_zz .item .img{transition: all .3s;} .us_zz .item:hover{border-color:#176ae6;} .us_zz .item:hover .img{transform: scale(1.05,1.05);} .us_zz .swiper-container{position:static;} .us_zz .swiper-button-next,.us_zz .swiper-button-prev{width: 37px;height: 37px;margin-top: -25px;opacity: 1;} .us_zz .swiper-button-prev{background: url(../images/us_08.png) no-repeat center;background-size:contain;} .us_zz .swiper-button-next{background: url(../images/us_09.png) no-repeat center;background-size:contain;} .us_zz .swiper-button-prev:hover{background: url(../images/us_08-1.png) no-repeat center;background-size:contain;} .us_zz .swiper-button-next:hover{background: url(../images/us_09-1.png) no-repeat center;background-size:contain;} /* 资讯详情 */ .zx_det{padding:60px 0 0;} .zx_det .editbox{font-size: 18px;color: #333;line-height: 28px;} .zx_det .smb{text-align: center;font-size: 14px;color: #999;margin-top: 10px;} .zx_det .smb span{display: inline-flex/* inline-block */;vertical-align: middle;margin:0 10px;} .page_kws{font-size: 16px;color: #666;line-height: 30px;} .page_kws .line{width: 1px;height: 10px;background: #999;display: inline-block;vertical-align: middle;margin:0 5px;} .page_kws a:hover{color: #176ae6;} @media screen and (min-width:1340px) and (max-width:1625px){ .head .fr{width: auto;} .head .auto{width: 98%;} .hd_tel{margin-left: 20px;} .hd_tel{font-size: 20px;background-size: 20px;padding-left: 25px;} .hd_nav li{padding:0 7px;} } @media screen and (min-width:1261px) and (max-width:1625px){ .head .fr{width: auto;} .head .auto{width: 98%;} .hd_logo .wz{font-size: 14px;margin-left: 10px;} .hd_tel{margin-left: 20px;} .hd_tel{font-size: 20px;background-size: 20px;padding-left: 25px;} .hd_nav li{padding:0 7px;} } @media screen and (min-width:320px) and (max-width:1260px){ .auto{width: 100%;padding:0 2%!important;} } @media screen and (min-width:992px) and (max-width:1260px){ .head .fr{width: auto;} .hd_logo .wz{display: none;} .hd_tel{font-size: 20px;background-size: 22px;padding-left: 30px;display: none;} .hd_nav li{padding:0 10px;} .hd_nav .dropwrap{padding:30px 2%;} .hd_nav .menu{width: 65%;} .hd_nav .menu .icon{width: 56px;} .hd_nav .menu .tit{font-size: 17px;margin-left: 10px;} .hd_nav .box{width: 30%;margin-left: 5%;} .foot .auto{width: 100%;} .ft_t .list .fz{font-size: 14px;} .ft_info .tel{font-size: 24px;} .ft_info .txt{margin-top: 30px;} .ft_vx .pic{width: 120px;} /* 资讯 */ .inner_ban .tit{font-size: 46px;} .xw_menu .lk{font-size: 24px;} .list_xw .title{width: 78%;} /* 网站 */ .banner .item{height: 500px;padding-top: 170px;} .banner .title{font-size: 32px;} .banner .txt{font-size: 22px;max-width:550px;line-height: 38px;margin-top: 15px;} .web_advan .pic{width: 400px;} .web_advan .list .icon{width: 56px;} .web_advan .list .info{margin-left: 70px;padding-top: 0;} .web_advan .list .title{font-size: 18px;} .list_xw .title{width: 75%;} /* 解决方案-社交 */ .social_solu .row{margin-bottom:40px;} .social_solu .titbox{text-align: center;width: 210px;padding-top: 0;} .social_solu .box{width: calc(100% - 220px)!important;} .social_solu .list{height: auto!important;padding: 0!important;background: transparent!important;padding-top: 0!important;} .social_solu .list li{margin:0 10px;} /* 管理软件开发 */ .dev_lc{overflow: hidden;} .dev_lc .list .box{width: 60px;} .dev_lc .list .linebox{width: 60px;} .dev_lc .list .wz{font-size: 16px;line-height: 60px;width: 80px;right: -90px;} /* 标签页 */ .bq_r{width: 300px;} .bq_l{margin-right: 320px;} .bq_solu .detail{padding:15px 15px 5px;} .bq_solu .lks a{font-size: 14px;} .bq_hot .detail{padding:15px 15px 1px;} .bq_hot .lks a{font-size: 14px;} .bq_titbox .cn{font-size: 30px;} .bq_titbox .en{font-size: 16px;} /* index */ .idx_ban .item{padding-top: 220px;} .idx_ban .swiper-pagination{width: 100%;margin: 0;text-align: center;left: 0;} .idx_ban .swiper-pagination-bullet{width: 30px;} .idx_ban .list li{padding:15px 0;} .idx_ban .list .line{width: 20px;height: 2px;margin:10px 0;} .idx_ban .list .fz{font-size: 14px;} .idx_ban .list .fz i{font-size: 30px;} .idx_ban .list .wz{font-size: 14px;} /* 解决方案-家政 */ .hw_xt{padding-bottom: 5px;} .hw_xt .auto{width: 100%;} .hw_xt .list li{width: 20%;} .hw_xt .list .fz{height: 30px;} .hw_case{padding:20px 0 40px;} .hw_case .list .title{margin-top: 15px;font-size: 18px;} .hw_case .list .fz{font-size: 12px;margin-top: 5px;} } @media screen and (min-width:768px) and (max-width:991px){ .sj_menu{position:absolute;right: 3%;top: 50%;width: 36px;height: 36px;background: url(../images/menu.png) no-repeat center;background-size:32px;margin-top: -18px;} .sj_menu.close{background: url(../images/close.png) no-repeat center;background-size:30px;} .head{position:fixed;width: 100%;left: 0;top: 0;z-index:100;padding:15px 0;height: 80px;background: #176ae6;} .head .auto{width: 100%;} .head+div{margin-top: 80px;} .hd_logo .img{height: 50px;} .hd_tel{display: none;} .hd_nav{position:fixed;width: 100%;left: 0;top: 80px;background: #fff;margin: 0;display: none;overflow-y: scroll!important;bottom: 0;text-align: left;} .hd_nav li{display: block;margin:0;border-bottom:1px solid #efefef;} .hd_nav li>a{color: #333;font-size: 17px;line-height: 54px;} .hd_nav li.cur>a,.hd_nav li:hover>a{color: #176ae6;} .hd_nav li.has>a{background: url(../images/arrow.png) no-repeat 99% center;background-size:20px;} .hd_nav li.has>a.a{background-image: url(../images/arrow-1.png)} .hd_nav li:hover .drop{display: none;} .hd_nav .drop{position:static;padding: 0;} .hd_nav .dropwrap{padding: 0;} .hd_nav .menu{display: block;width: 100%;display: flex;justify-content: space-between;} .hd_nav .menu .item{width: 10%;text-align: center;} .hd_nav .menu .icon{width: 46px;} .hd_nav .menu .tit{font-size: 15px;display: block;margin:8px 0 0;} .hd_nav .box{display: none;} .ft_t{display: none;} .ft_t .t_tit{font-size: 20px;} .ft_t .list li{width: 20%;margin-bottom: 20px;} .ft_t .list .fz{font-size: 15px;margin-top: 10px;} .ft_info{float:none;width: 100%;text-align: center;margin-bottom: 25px;} .ft_info .smlogo{margin:0 auto;} .ft_info .tel_wz{display: inline-block;vertical-align: middle;} .ft_info .tel{font-size: 26px;} .ft_info .txt{margin-top: 25px;} .ft_col{min-width:100%;float:none;margin-bottom: 15px;display: none;} .ft_col .tit{font-size: 16px;margin-bottom: 5px;} .ft_col .lks{} .ft_col .lks a{display: inline-block;vertical-align: middle;margin-right: 15px;line-height: 26px;} .ft_vx{float:none;width: 100%;} .ft_vx .pic{width: 100px;} /* 资讯 */ .inner_ban .box{margin-top: -30px;} .inner_ban .tit{font-size: 36px;} .xw_main{padding:60px 0;} .xw_menu{text-align: center;} .xw_menu .lk{font-size: 22px;} .xw_list .item{width: 31.3%;} .xw_list .item:last-child{display: none;} .sec_case{padding:60px 0 40px;} .sec_case .list .box{margin-top: -30px;} .sec_case .list .wz{font-size: 16px;} .sec_case .list .title{font-size: 20px;letter-spacing: 0;margin-top: 5px;} .pub_titbox{margin-bottom: 30px;} .pub_titbox .bt{font-size: 26px;} .xw_case{padding:60px 0;} .xw_case .list li{width: 46%;} .xw_case .list li:last-child{display: none;} /* 网站 */ .banner .item{height: 360px;padding-top: 100px;} .banner .title{font-size: 26px;line-height: 30px;} .banner .txt{font-size: 18px;max-width:450px;line-height: 30px;margin-top: 15px;} .web_fw{padding:60px 0;} .web_fw .list .item{padding:30px 10px;} .web_fw .list .ico{height: 40px;} .web_fw .list .title{font-size: 16px;margin:10px 0;} .web_fw .list .line{width: 20px;} .web_fw .list .txt{line-height: 22px;min-height:66px;} .web_advan .pic{display: none;} .web_advan .list{position:static;width: 100%;margin-top: 20px;} .web_advan .list li{width: 50%;float: left;} .web_advan .list .icon{width: 56px;} .web_advan .list .info{margin-left: 70px;padding-top: 0;} .web_advan .list .title{font-size: 18px;} .list_xw .title{width: 75%;} .sec_xw{padding:60px 0;} .sec_xw_new{width: 100%;float:none;} .sec_xw_qy{width: 100%;float:none;margin-top: 20px;} /* 解决方案-餐饮 */ .food_func{padding:60px 0;} .food_func .list .icon{height: 80px;} .food_func .list .tit{font-size: 18px;margin-top: 15px;} .food_dz{padding:60px 0;} .food_solu{padding:60px 0;} .food_solu .list .img{height: 140px;} .food_solu .list .title{font-size: 18px;margin-bottom: 10px;} .food_solu .list .txt{line-height: 22px;} .food_case{padding:60px 0 20px;} .food_case .list .title{font-size: 18px;} /* 解决方案-商城 */ .shop_fw{padding:60px 0;} .shop_fw .list .img{height: 110px;} .shop_fw .list .title{font-size: 17px;} .shop_software{padding:60px 0;} .shop_software .list .ico{height: 90px;} .shop_software .list .title{font-size: 17px;} .shop_xt{padding:60px 0;} .shop_xt .list .icon{width: 70px;} .shop_xt .list .fz{font-size: 17px;margin-top: 15px;} .shop_solu{padding:60px 0 40px;} .shop_solu .list .icon{width: 88px;} .shop_solu .list .title{font-size: 17px;} .shop_core{padding:60px 0;} .shop_core .list .item{margin-bottom: 20px;} .shop_core .list .ico{width: 80px;} .shop_core .list .info{margin-left: 95px;} .shop_core .list .title{font-size: 17px;} .shop_core .list .txt{line-height: 24px;-webkit-line-clamp: 3;max-width:100%;height: 72px;} .shop_app{padding:60px 0;} .shop_app .list .item{padding:30px 0;} .shop_app .list .icon{width: 100px;} .shop_app .list .title{font-size: 17px;} /* 解决方案-直播*/ .live_func{padding:60px 0 40px;} .live_func .list .icon{height: 110px;} .live_func .list .fz{font-size: 18px;margin-top: 10px;} .live_solu{padding:60px 0;} .live_solu .list .icon{height: 60px;} .live_solu .list .fz{font-size: 16px;} .live_advan{padding:50px 0 80px;} .live_advan .picbox{width: 260px;} .live_advan .picbox .title{font-size: 24px;} .live_advan .list li{width: 230px;} .live_advan .list .title{font-size: 17px;} .live_advan .list .txt{font-size: 14px;line-height: 24px;} .live_advan .list .item_1{left:50%;margin-left: -350px;top: 40px;} .live_advan .list .item_2{left:50%;margin-left: -350px;top:200px;} .live_advan .list .item_3{left:50%;margin-left: 120px;top: 40px;} .live_advan .list .item_4{left:50%;margin-left: 120px;top:200px;} .live_scene{padding:60px 0 40px;} .live_scene .list .icon{height: 60px;} .live_scene .list .tit{font-size: 17px;} /* 联系我们 */ .lx_ban .box{margin-top: -40px;} .lx_main{padding:60px 0;} .lx_list li{width: 49%;margin-bottom: 15px;} .lx_map{height: 300px;} /* 解决方案-社交 */ .social_func{padding:60px 0;} .social_func .list .icon{height: 100px;} .social_func .list .tit{font-size: 17px;margin-top: 15px;} .social_solu{padding:60px 0;} .social_solu .row{margin-bottom:40px;} .social_solu .titbox{text-align: left;width: 100%;padding-top: 0;float:none;margin-bottom: 35px;} .social_solu .titbox .cn{font-size: 20px;} .social_solu .titbox .en{margin-top: 5px;} .social_solu .box{width: 100%!important;} .social_solu .list{height: auto!important;padding: 0!important;background: transparent!important;padding-top: 0!important;text-align: left;width: 100%!important;} .social_solu .list li{margin:0 10px;} .social_solu .list .wz{font-size: 15px;line-height: 20px;} .social_tech{padding:60px 0 40px;} .social_tech .list .item{padding:15px 15px;} .social_tech .list .icon{width: 60px;} .social_tech .list .info{margin-left: 75px;} .social_tech .list .title{font-size: 17px;} .social_tech .list .txt{font-size: 13px;line-height: 20px;-webkit-line-clamp: 5;height: 100px;} /* 解决方案-教育 */ .edu_func{padding:60px 0;} .edu_func .list .icon{width: 70px;} .edu_func .list .tit{font-size: 17px;margin-top: 10px;} .edu_advan{padding:60px 0 40px;} .edu_advan .list .icon{height: 100px;} .edu_advan .list .fz{font-size: 17px;margin-top: 15px;} /* 管理软件开发 */ .dev_value{padding:60px 0;} .dev_value .info{padding-top: 0;width: 50%;} .dev_lc{overflow: hidden;padding:60px 0;} .dev_lc .list .box{width: 40px;} .dev_lc .list .linebox{width: 40px;} .dev_lc .list .wz{font-size: 15px;line-height: 40px;width: 70px;right: -75px;} .dev_lc .list .line{height: 60px;} .dev_lc .list li:nth-child(even) .line{height: 140px;} .dev_qd{padding:60px 0 20px;} .dev_qd .list li{margin-bottom: 40px;} .dev_qd .list .ico{height: 70px;} .dev_qd .list .tit{font-size: 17px;line-height: 26px;} .dev_team{padding:60px 0;} .dev_team .list .shade{padding-top: 30px;} .dev_team .list .tt{font-size: 14px;} .dev_team .list .name{font-size: 16px;margin-right: 8px;} .dev_team .list .txt{font-size: 14px;line-height: 22px;} .dev_bz .list .item{width: 33.3%;} .dev_bz .list .mask{height: 250px;} .dev_bz .list .box{padding-top: 40px;} .dev_bz .list .icon{width: 50px;} .dev_bz .list .title{margin-top: 20px;font-size: 18px;} .dev_bz .list .line{width: 20px;margin:15px auto 20px;} .dev_bz .list .txt{font-size: 14px;line-height: 24px;} /* 标签页 */ .bq_main{padding:30px 0 20px;} .bq_r{display: none;} .bq_l{margin-right: 0;} .bq_titbox .cn{font-size: 24px;} .bq_titbox .en{font-size: 15px;} .bq_case{padding:0;margin-bottom: 40px;} .bq_news{margin-bottom: 40px;} /* index */ .idx_ban .item{padding-top: 130px;} .idx_ban .swiper-pagination{width: 100%;margin: 0;text-align: center;left: 0;bottom: 20px;} .idx_ban .swiper-pagination-bullet{width: 20px;} .idx_ban .list li{padding:15px 0;text-align: center;} .idx_ban .list .line{width: 12px;height: 2px;margin:10px auto;} .idx_ban .list .fz{font-size: 12px;} .idx_ban .list .fz i{font-size: 20px;} .idx_ban .list .wz{font-size: 14px;} .idx_ser{padding:60px 0;} .idx_ser .list li{padding:30px 10px 0;height: 220px;} .idx_ser .list .icon{height: 55px;} .idx_ser .list .title{font-size: 17px;margin-top: 20px;} .idx_solu{padding:60px 0;} .idx_solu .menu{width: 180px;} .idx_solu .menu .lk.cur{height: 60px;padding-top: 0;font-size: 16px;} .idx_solu .wrap{padding:35px 20px 0;margin-left: 180px;} .idx_solu .title{font-size: 18px;} .idx_solu .list .icon{width: 44px;} .idx_solu .bot .tit{font-size: 16px;} .idx_solu .bot .txt{line-height: 26px;} .idx_case .menu{display: flex;justify-content: space-around;} .idx_case .menu .lk{margin: 0;padding:10px 10px 15px;} .idx_case .menu .icon{width: 50px;height: 50px;} .idx_moshi{padding:40px 0 0;} .idx_moshi .list .bg{height: 220px;} .idx_moshi .list .icon{width: 50px;margin-top: 40px;} .idx_moshi .list .title{font-size: 18px;margin-top: 20px;} .idx_moshi .list .line{width: 20px;margin:10px auto 10px;height: 1px;} .idx_moshi .list .wz{font-size: 15px;} .idx_advan{padding:60px 0;} .idx_advan .list .icon{width: 50px;} .idx_advan .list .tit{font-size: 17px;} .idx_hb{padding:60px 0 40px;} .idx_hb .list li{height: 70px;line-height: 70px;} /* 解决方案-跑腿 */ .pt_lc{padding:60px 0;} .pt_func .list .icon{height: 90px;} /* 解决方案-家政 */ .hw_xt{padding-bottom: 5px;} .hw_xt .auto{width: 100%;} .hw_xt .list li{width: 20%;} .hw_xt .list .fz{height: 30px;} .hw_case{padding:20px 0 40px;} .hw_case .list .title{margin-top: 15px;font-size: 18px;} .hw_case .list .fz{font-size: 12px;margin-top: 5px;} .hw_func .list li{width: 20%;} /* 解决方案-地产 */ .dc_func{padding:60px 0 30px;} .dc_func .list .icon{width: 110px;} .dc_func .list .title{font-size: 18px;margin-top: 15px;} .dc_solu{padding:60px 0 30px;} .dc_solu .list li{width: 25%;margin-bottom: 20px;} .dc_solu .list .icon{width: 80px;} .dc_solu .list .title{font-size: 18px;margin-top: 20px;} .dc_solu .list .txt{line-height: 22px;margin-top: 10px;-webkit-line-clamp: 5;height: 110px;} /* 解决方案-代驾打车 */ .drive_func{padding:60px 0;} .drive_func .imgbox{width: 40%;} .drive_func .box{width: 56%;} .drive_func .list li{height: 100px;padding-top: 20px;} .drive_func .list .tit{font-size: 15px;margin-top: 5px;} .drive_func .list .icon{height: 36px;} .drive_solu{padding:60px 0;} .drive_solu .list .icon{height: 60px;} .drive_solu .list .tit{font-size: 17px;margin-bottom: 10px;} .drive_scene{padding:60px 0 40px;} .drive_scene .list .title{font-size: 18px;margin-top: 15px;} .drive_ser{padding:60px 0;} .drive_ser .list .ico{width: 90px;} .drive_ser .list .title{font-size: 18px;} .drive_ser .list .txt{line-height: 22px;} /* APP开发 */ .app_tg .list li{padding-top: 50px;height: 220px;} .app_tg .list .icon{height: 70px;} .app_tg .list .title{font-size: 18px;margin-top: 20px;} /* 案例详情 */ .det_bar{padding:15px 0;} .det_bar .crumb{float:none;} .det_bar .menus{float:none;margin-top: 10px;text-align: center;} .det_bar .menus a{margin:0 4px;font-size: 15px;} .det_ban{padding:25px 0;} .det_ban .lbox{width: 100%;float:none;} .det_ban .rbox{width: 100%;float:none;margin-top: 20px;} .det_ban .gs{font-size: 16px;} .det_ban .title{font-size: 22px;margin-top: 10px;} .det_ban .txt{font-size: 16px;line-height: 30px;} .det_ban .line{width: 60px;margin:20px 0;} .det_main{padding-top: 60px;} .det_top .title{font-size: 28px;} .det_top .desc{margin-top: 25px;} .det_show{margin-top: 50px;} .det_show .t_tit{font-size: 30px;} .det_show .editbox{margin:30px 0;} .pagenav{margin:25px 0;} .pagenav li{float:none!important;text-align: left!important;font-size: 16px;line-height: 40px;width: 100%;} .head_w .head{position:fixed;} .head_w+div{margin-top: 80px;} /* 解决方案-微信开发 */ .vx_func .list li{margin-bottom: 30px;} .vx_func .list .icon{width: 80px;height: 80px;} .vx_func .list .wz{font-size: 16px;line-height: 26px;margin-top: 15px;} /* 威之德 */ .us_titbox{margin-bottom: 40px;} .us_titbox .cn{font-size: 24px;margin-top: -45px;} .us_titbox .en{font-size: 30px;} .us_titbox .line{width: 36px;height: 4px;} .us_about{padding:60px 0;} .us_about .info{width: 60%;} .us_about .title{font-size: 16px;} .us_about .txt{line-height: 24px;} .us_about .img{margin-top: 100px;} .us_bar .list li{padding:25px 0;text-align: center;} .us_bar .list .line{width: 20px;height: 2px;margin:10px auto;} .us_bar .list .fz{font-size: 14px;} .us_bar .list .fz i{font-size: 24px;} .us_bar .list .wz{font-size: 14px;} .us_lc{padding:60px 0;} .us_cul{padding:60px 0;} .us_cul .list .icon{height: 74px;} .us_cul .list .txt{line-height: 26px;} .us_zz{padding:60px 0;} /* 资讯详情 */ .zx_det{padding-top: 50px;} .zx_det .det_show .t_tit{font-size: 26px;} .zx_det .editbox{font-size: 16px;line-height: 28px;} } @media screen and (min-width:320px) and (max-width:767px){ .auto{padding:0 3%!important;} .sj_menu{position:absolute;right: 3%;top: 50%;width: 30px;height: 30px;background: url(../images/menu.png) no-repeat center;background-size:22px;margin-top: -15px;} .sj_menu.close{background: url(../images/close.png) no-repeat center;background-size:22px;} .head{position:fixed;width: 100%;left: 0;top: 0;z-index:100;padding:10px 0;height: 50px;background: #176ae6;} .head .auto{width: 100%;} .head+div{margin-top: 50px;} .hd_logo .img{height: 30px;} .hd_logo .wz{font-size: 13px;margin-left: 5px;} .hd_tel{display: none;} .hd_nav{position:fixed;width: 100%;left: 0;top: 50px;background: #fff;margin: 0;display: none;overflow-y: scroll!important;bottom: 0;text-align: left;} .hd_nav li{display: block;margin:0;border-bottom:1px solid #efefef;} .hd_nav li>a{color: #333;font-size: 15px;line-height: 50px;} .hd_nav li.cur>a,.hd_nav li:hover>a{color: #176ae6;} .hd_nav li.has>a{background: url(../images/arrow.png) no-repeat 99% center;background-size:14px;} .hd_nav li.has>a.a{background-image: url(../images/arrow-1.png)} .hd_nav li:hover .drop{display: none;} .hd_nav .drop{position:static;padding: 0;} .hd_nav .dropwrap{padding: 0;} .hd_nav .menu{display: block;width: 100%;padding-bottom: 8px;} .hd_nav .menu .item{width: 20%;text-align: center;display: block;padding: 0;} .hd_nav .menu .icon{width: 46px;display: none;} .hd_nav .menu .tit{font-size: 14px;display: block;margin: 0;line-height: 30px;} .hd_nav .box{display: none;} .crumb{font-size: 14px;} .crumb .box::before{width: 14px;height: 14px;margin-right: 0;} .ft_t{display: none;} .ft_t .t_tit{font-size: 20px;} .ft_t .list li{width: 20%;margin-bottom: 20px;} .ft_t .list .fz{font-size: 15px;margin-top: 10px;} .ft_info{float:none;width: 100%;text-align: center;margin-bottom: 25px;} .ft_info .smlogo{margin:0 auto;height: 40px;} .ft_info .tel_wz{display: inline-block;vertical-align: middle;font-size: 14px; background-size: 16px;padding-left: 25px;margin-top: 20px;margin-bottom: 15px;} .ft_info .tel{font-size: 18px;line-height: 20px;} .ft_info .txt{margin-top: 15px;font-size: 13px;line-height: 24px;} .ft_col{min-width:100%;float:none;margin-bottom: 15px;display: none;} .ft_col .tit{font-size: 16px;margin-bottom: 5px;} .ft_col .lks{} .ft_col .lks a{display: inline-block;vertical-align: middle;margin-right: 15px;line-height: 26px;} .ft_vx{float:none;width: 100%;} .ft_vx .pic{width: 80px;} .ft_vx .wz{font-size: 12px;} .ft_link{margin-top: 10px;display: none;} .ft_link .tit{font-size: 14px;margin-bottom: 5px;} .ft_link .lks{margin-left: -5px;font-size: 0;} .ft_link .lks a{font-size: 12px;line-height: 26px;margin:0 0 0 7px;} .ft_bq{margin-top: 0;font-size: 12px;line-height: 20px;padding:10px 0;} .ft_bq span{display: block;} /* 资讯 */ .inner_ban .box{margin-top: -15px;} .inner_ban .tit{font-size: 22px;letter-spacing: 0;line-height: 30px;} .xw_ban .img{height: 140px; } .xw_main{padding:40px 0;} .xw_menu{text-align: center;font-size: 12px;margin-bottom: 25px;} .xw_menu .lk{font-size: 18px;padding:0 10px;} .xw_list{margin-left: -4%;} .xw_list .item{width: 46%;margin:0 0 4% 4%;} .xw_list .date{font-size: 12px;margin-top: 5px;} .xw_list .txt{font-size: 13px;line-height: 20px;height: 40px;margin-top: 5px;} .pagelist{margin-top: 25px;} .pagelist a{min-width:30px;line-height: 30px;font-size: 12px;margin:0 2px;} .sec_case{padding:40px 0 20px;} .sec_case .auto{width: 100%;} .sec_case .list{margin-left: -2%;} .sec_case .list .item{width: 48%;margin:0 0 2% 2%;} .sec_case .list .box{margin-top: -20px;} .sec_case .list .wz{font-size: 12px;} .sec_case .list .title{font-size: 14px;letter-spacing: 0;margin-top: 5px;} .pub_titbox{margin-bottom: 25px;} .pub_titbox .bt{font-size: 20px;letter-spacing: 0;} .pub_titbox .desc{font-size: 12px;line-height: 20px;margin-top: 5px;} .pub_titbox .mobile_dan{display: block;} .xw_case{padding:40px 0;} .xw_case .list{margin-left: 0;} .xw_case .list li{width: 100%;float:none;margin: 0;border-bottom:1px dashed #ddd!important;} .xw_case .list li:last-child{border-bottom:none!important;} .list_xw li{line-height: 40px;} .list_xw .title{font-size: 14px;} .list_xw .date{font-size: 12px;} /* 网站 */ .banner .item{height: 180px;padding-top: 35px;} .banner .title{font-size: 16px;line-height: 20px;} .banner .txt{font-size: 13px;max-width:220px;line-height: 20px;margin-top: 10px;} .banner .smfz{font-size: 12px;line-height: 18px;} .web_fw{padding:40px 0;} .web_fw .list .item{padding:20px 5px;width: 33.3%;text-align: center;} .web_fw .list .ico{height: 30px;margin:0 auto;} .web_fw .list .title{font-size: 15px;margin:10px 0;font-weight: normal;} .web_fw .list .line{width: 16px;margin:0 auto;} .web_fw .list .txt{line-height: 22px;min-height:44px;font-size: 12px;margin-top: 5px;} .web_fw .list .item:nth-child(4),.web_fw .list .item:nth-child(5){width: 50%;border-top:none;} .web_fw .list .item:hover{border:1px solid #176ae6!important;} .web_advan{padding:40px 0;} .web_advan .pic{width: 70%;margin:0 auto;} .web_advan .list{position:static;width: 100%;} .web_advan .list li{margin-bottom: 20px;} .web_advan .list .icon{width: 40px;} .web_advan .list .info{margin-left: 55px;padding-top: 0;} .web_advan .list .title{font-size: 16px;} .web_advan .list .txt{max-width:100%;height: auto;-webkit-line-clamp: initial;font-size: 13px;line-height: 22px;margin-top: 5px;} .list_xw .title{width: 75%;} .sec_xw{padding:40px 0;} .sec_xw .tt{line-height: 44px;padding: 0;} .sec_xw .tt .bt{font-size: 17px;} .sec_xw .tt .more{font-size: 12px;} .sec_xw_new{width: 100%;float:none;border:none;background: #fff;} .sec_xw_new .col{width: 100%;float:none;} .sec_xw_new .detail{padding:15px 0;} .sec_xw_new .list_t{margin-left: 0;} .sec_xw_new .list_t .item{width: 100%;margin:0 0 10px;} .sec_xw_new .list_t .imgbox{width: 140px;} .sec_xw_new .list_t .info{margin-left: 150px;} .sec_xw_new .list_t .date{font-size: 12px;margin-top: 3px;} .sec_xw_new .list_t .txt{font-size: 12px;margin-top: 3px;} .sec_xw_new .list_t .item:last-child{margin-bottom: 0;} .sec_xw_new .bot{padding: 0;} .sec_xw_new .list_b{margin-left: 0;} .sec_xw_new .list_b li{width: 100%;float:none;margin: 0;} .sec_xw_qy{width: 100%;float:none;margin-top: 20px;border:none;} .sec_xw_qy .list{padding: 0;} .sec_xw_qy .list_xw li{line-height: 45px;} /* 解决方案-餐饮 */ .food_func{padding:40px 0 20px;} .food_func .list li{margin-top: 0;padding-bottom: 0;margin-bottom: 20px;} .food_func .list .icon{height: 38px;} .food_func .list .tit{font-size: 12px;margin-top: 10px;} .food_dz{padding:40px 0;} .food_dz .list .item{width: 47.5%;margin-bottom: 20px;} .food_dz .list .title{font-size: 16px;margin-top: 10px;} .food_solu{padding:40px 0;} .food_solu .list .img{height: 64px;} .food_solu .list .title{font-size: 15px;margin-bottom: 10px;margin-top: 10px;} .food_solu .list .txt{line-height: 18px;font-size: 12px;} .food_case{padding:40px 0 1px;} .food_case .list li{width: 47.5%;margin-bottom: 20px;} .food_case .list .title{font-size: 16px;margin-top: 15px;} .food_case .list .more{font-size: 12px;margin-top: 5px;} /* 解决方案-商城 */ .shop_fw{padding:40px 0 20px;} .shop_fw .list{text-align: center;font-size: 0;} .shop_fw .list .item{display: inline-block;vertical-align: text-top;float:none;width: 33.3%;margin-bottom: 20px;} .shop_fw .list .img{height: 60px;} .shop_fw .list .title{font-size: 14px;} .shop_software{padding:40px 0 20px;} .shop_software .list{text-align: center;font-size: 0;} .shop_software .list .item{display: inline-block;vertical-align: text-top;float:none;width: 33.3%;margin-bottom: 20px;} .shop_software .list .ico{height: 60px;} .shop_software .list .title{font-size: 14px;} .shop_xt{padding:40px 0 20px;} .shop_xt .auto{padding: 0!important;} .shop_xt .list li{width: 20%;margin-bottom: 15px;} .shop_xt .list .icon{width: 46px;} .shop_xt .list .fz{font-size: 12px;margin-top: 10px;} .shop_solu{padding:40px 0 20px;} .shop_solu .list .item{width: 48%;margin-bottom: 30px;height: 180px;} .shop_solu .list .icon{width: 68px;} .shop_solu .list .title{font-size: 16px;margin-top: 15px;} .shop_solu .list .txt{font-size: 12px;line-height: 20px;padding:0 10px;} .shop_solu .list .item:nth-last-child(2),.shop_solu .list .item:nth-last-child(1){height: 230px;} .shop_core{padding:40px 0 20px;} .shop_core .list{margin-left: 0;} .shop_core .list .item{margin:0 0 20px;width: 100%;float:none;} .shop_core .list .ico{width: 60px;} .shop_core .list .info{margin-left: 75px;} .shop_core .list .title{font-size: 15px;} .shop_core .list .txt{line-height: 20px;-webkit-line-clamp: initial;max-width:100%;height: auto;font-size: 13px;margin-top: 5px;} .shop_app{padding:40px 0;} .shop_app .list .item{padding:10px 0;width: 50%;} .shop_app .list .icon{width: 64px;} .shop_app .list .title{font-size: 16px;} .shop_app .list .txt{font-size: 13px;line-height: 20px;margin-top: 5px;padding:0 10px;} .shop_app .list .row:last-child .item:last-child{width: 60%;} .pt40{padding-top: 10px!important;} /* 解决方案-直播*/ .live_func{padding:40px 0 20px;} .live_func .list li{margin-bottom: 15px;} .live_func .list .icon{height: 60px;} .live_func .list .fz{font-size: 14px;margin-top: 10px;} .live_solu{padding:40px 0;} .live_solu .list li{padding:25px 0 0;height: 110px;} .live_solu .list .icon{height: 30px;} .live_solu .list .fz{font-size: 15px;margin-top: 10px;} .live_advan{padding:40px 0 20px;} .live_advan .picbox{width: 100%;margin-bottom: 25px;} .live_advan .picbox .tp{display: none;} .live_advan .picbox .title{font-size: 20px;position:static;} .live_advan .list li{width: 100%;position:static;text-align: left!important;margin-bottom: 25px;} .live_advan .list .title{font-size: 15px;padding-left: 12px;} .live_advan .list .txt{font-size: 13px;line-height: 20px;} .live_advan .list .title::before{width: 6px;height: 6px;left:0!important;margin-top: -3px;} .live_scene{padding:40px 0 20px;} .live_scene .list .item{padding:10px 0;} .live_scene .list .icon{height: 40px;} .live_scene .list .tit{font-size: 15px;} .live_scene .list .txt{font-size: 13px;white-space: pre-wrap;line-height: 20px;height: 60px;} /* 联系我们 */ .lx_ban .img{height: 160px;} .lx_ban .box{margin-top: -25px;} .lx_ban .sm{font-size: 13px;} .lx_main{padding:40px 0;} .lx_list{margin-left: 0;} .lx_list li{width: 100%;margin-bottom: 15px;margin-left: 0;} .lx_list .icon{width: 50px;} .lx_list .info{margin-left: 60px;padding-top: 2px;} .lx_list .wz{font-size: 14px;line-height: 20px;margin-top: 2px;} .lx_map{height: 200px;margin-top: 25px;} /* 解决方案-社交 */ .social_func{padding:40px 0 20px;} .social_func .list{text-align: center;font-size: 0;} .social_func .list li{width: 33.3%;display: inline-block;vertical-align: text-top;margin-bottom: 20px;float:none;} .social_func .list .icon{height: 50px;} .social_func .list .tit{font-size: 15px;margin-top: 10px;} .social_solu{padding:40px 0 20px;} .social_solu .row{margin-bottom:30px;} .social_solu .titbox{text-align: center;width: 100%;padding-top: 0;float:none;margin-bottom: 20px;} .social_solu .titbox .cn{font-size: 18px;} .social_solu .titbox .en{margin-top: 5px;font-size: 12px;} .social_solu .box{width: 100%!important;} .social_solu .list{height: auto!important;padding: 0!important;background: transparent!important;padding-top: 0!important;width: 100%!important;font-size: 0;} .social_solu .list li{margin:0 0 20px!important;width: 25%;} .social_solu .list .wz{font-size: 13px;} .social_solu .list .wz br{display: none;} .social_solu .list .icon{height: 30px;} .social_tech{padding:40px 0 20px;} .social_tech .list{margin-left: 0;} .social_tech .list .item{padding:10px;width: 100%;float:none;margin:0 0 15px;border-color:#e5e5e5;} .social_tech .list .icon{width: 50px;margin-top: 0;} .social_tech .list .info{margin-left: 65px;} .social_tech .list .title{font-size: 15px;} .social_tech .list .txt{font-size: 13px;line-height: 20px;-webkit-line-clamp: initial;height: auto;margin-top: 5px;} /* 解决方案-教育 */ .edu_func{padding:40px 0 10px;} .edu_func .list li{width: 25%;margin-bottom: 20px;} .edu_func .list .icon{width: 56px;} .edu_func .list .tit{font-size: 15px;margin-top: 10px;line-height: 20px;height: 40px;} .edu_advan{padding:40px 0 20px;} .edu_advan .list .icon{height: 60px;} .edu_advan .list .fz{font-size: 14px;margin-top: 5px;} /* 管理软件开发 */ .dev_value{padding:40px 0 1px;} .dev_value .mod{padding: 0;margin-bottom: 20px;} .dev_value .img{width: 100%;float:none;} .dev_value .info{padding-top: 0;width: 100%;margin-top: 15px;} .dev_value .sm{font-size: 14px;margin-top: 5px;} .dev_value .txt{margin-top: 15px;line-height: 24px;} .dev_lc{overflow: hidden;padding:20px 0 20px;} .dev_lc .list{border:none;} .dev_lc .list .box{width: 100%;} .dev_lc .list li{width: 25%;text-align: center;margin-bottom: 15px;} .dev_lc .list .ico{width: 50px;display: block;margin:0 auto;} .dev_lc .list .ico_h{display: none;} .dev_lc .list .linebox{width: 40px;display: none;} .dev_lc .list .wz{font-size: 14px;line-height: 40px;width: 100%;position:static;} .dev_qd{padding:40px 0 20px;} .dev_qd .list li{margin-bottom: 20px;width: 33.3%;} .dev_qd .list .ico{height: 50px;} .dev_qd .list .tit{font-size: 14px;line-height: 22px;margin-top: 10px;} .dev_team{padding:40px 0;} .dev_team .list .item{width: 48%;margin-bottom: 2%;} .dev_team .list .shade{padding-top: 40px;} .dev_team .list .tt{font-size: 14px;} .dev_team .list .name{font-size: 16px;margin-right: 8px;} .dev_team .list .txt{font-size: 13px;line-height: 22px;} .dev_bz .list .item{width: 33.3%;} .dev_bz .list .mask{height: 220px;} .dev_bz .list .box{padding-top: 30px;} .dev_bz .list .icon{width: 40px;} .dev_bz .list .title{margin-top: 15px;font-size: 15px;} .dev_bz .list .line{width: 16px;margin:10px auto 15px;height: 1px;} .dev_bz .list .txt{font-size: 12px;line-height: 20px;padding:0 5px;-webkit-line-clamp: 3;height: 60px;} /* 标签页 */ .bq_main{padding:30px 0 20px;} .bq_r{width: 100%;float:none;} .bq_l{margin-right: 0;} .bq_titbox{text-align: center;margin-bottom: 20px;} .bq_titbox .cn{font-size: 20px;} .bq_titbox .en{font-size: 13px;margin-top: 0;} .bq_case{padding:0;margin-bottom: 40px;} .bq_case .list{margin-left: -4%;} .bq_case .list li{width: 46%;margin:0 0 4% 4%;} .bq_news{margin-bottom: 40px;} .bq_tit{font-size: 17px;padding-left: 12px;line-height: 30px;} .bq_tit::before{width: 3px;height: 14px;margin-top: -7px;} .bq_yw .list{font-size: 0;text-align: center;} .bq_yw .list li{float:none;display: inline-block;vertical-align: text-top;} .bq_yw .list .ico{width: 50px;} .bq_yw .list .tit{font-size: 15px;margin-top: 10px;} .bq_solu .detail{padding: 0;border:none;} .bq_solu .lks a{font-size: 14px;} .bq_zx .list{padding: 0;border:none;} .bq_hot .detail{padding: 0;border:none;} .bq_hot .lks{margin-left: -2%;} .bq_hot .lks a{font-size: 13px;line-height: 30px;margin-left: 2%;margin-bottom: 10px;min-width:23%;padding:0 13px;} /* index */ .idx_ban .item{padding-top: 55px;} .idx_ban .swiper-pagination{width: 100%;margin: 0;text-align: center;left: 0;bottom: 10px;} .idx_ban .swiper-pagination-bullet{width: 10px;} .idx_ban .list li{padding:10px 0;text-align: center;} .idx_ban .list .line{width: 10px;height: 1px;margin:7px auto;} .idx_ban .list .fz{font-size: 12px;height: 20px;} .idx_ban .list .fz i{font-size: 16px;line-height: 20px;} .idx_ban .list .wz{font-size: 12px;} .idx_ban .list .down{vertical-align: middle;} .idx_ser{padding:40px 0;} .idx_ser .list li{padding:20px 10px 0;height: 170px;width: 48%;margin-bottom: 2%;} .idx_ser .list .icon{height: 45px;} .idx_ser .list .title{font-size: 15px;margin-top: 10px;} .idx_solu{padding:40px 0;} .idx_solu .detail{background: transparent;} .idx_solu .menu{width: 100%;float:none;display: flex;flex-wrap: wrap;} .idx_solu .menu .lk{width: 33.3%;text-align: center;line-height: 22px;padding:10px 0;font-size: 12px;border-right: 1px solid #174281;} .idx_solu .menu .lk.cur{height: auto;font-size: 13px;} .idx_solu .menu .lk:nth-child(3n+3){border-right:none;} .idx_solu .wrap{padding:20px 15px 20px;margin-left: 0;margin-top: 20px;background: #fff;} .idx_solu .title{font-size: 16px;} .idx_solu .desc_t{font-size: 13px;line-height: 22px;} .idx_solu .list{flex-wrap: wrap;justify-content: initial;} .idx_solu .list li{width: 20%;margin-bottom: 10px;} .idx_solu .list .icon{width:34px;} .idx_solu .list .fz{font-size: 13px;margin-top: 10px;line-height: 20px;height: 40px;} .idx_solu .bot{margin-top: 15px;} .idx_solu .bot .tit{font-size: 15px;} .idx_solu .bot .txt{line-height: 24px;font-size: 13px;} .idx_solu .bot .img{width: 70%;display: block;margin:0 auto;} .idx_solu .bot .info{width: 100%;display: block;margin-left: 0;margin-top: 15px;} .idx_case .menu{display: flex;justify-content: space-around;} .idx_case .menu .lk{margin: 0;padding:5px 0 10px;font-weight: normal;} .idx_case .menu .icon{width: 36px;height: 36px;} .idx_case .menu .tit{margin-top: 10px;font-weight: normal;font-size: 13px;} .idx_moshi{padding:40px 0 0;} .idx_moshi .list .bg{height: 170px;} .idx_moshi .list .icon{width: 36px;margin-top: 25px;} .idx_moshi .list .title{font-size: 14px;margin-top: 15px;} .idx_moshi .list .line{width: 12px;margin:5px auto;height: 1px;} .idx_moshi .list .wz{font-size: 13px;} .idx_advan{padding:40px 0;} .idx_advan .list_l,.idx_advan .list_r{width: 100%;float:none;border:none;} .idx_advan .list .icon{width: 40px;} .idx_advan .list .tit{font-size: 15px;margin-top: 10px;margin-bottom: 5px;} .idx_advan .list .txt{font-size: 12px;line-height: 20px;} .idx_advan .list_l li{border:none;height: auto;padding-top: 0;} .idx_advan .list_r{margin-top: 25px;} .idx_advan .list_r li{border:none;padding-top: 0;height: auto;width: 25%;} .idx_advan .list_r .bg{display: none;} .idx_hb{padding:40px 0 20px;} .idx_hb .list li{height: 45px;line-height: 45px;width: 23%;} .idx_hb .list li:last-child{display: none;} .sec_xw_new .tt .lk{padding:0;margin-right: 15px;font-size: 15px;} .sec_xw_new .tt .lk::after{display: none;} /* 解决方案-跑腿 */ .pt_lc{padding:40px 0;} .pt_func .list li{width: 20%;} /* 解决方案-家政 */ .hw_xt{padding-bottom: 5px;} .hw_xt .auto{width: 100%;} .hw_xt .list{text-align: center;font-size: 0;} .hw_xt .list li{display: inline-block;vertical-align: text-top;float:none;} .hw_xt .list .fz{height: 30px;} .hw_case{padding:20px 0 40px;} .hw_case .list{margin-left: -3%;} .hw_case .list .item{width: 47%;margin:0 0 3% 3%;} .hw_case .list .title{margin-top: 10px;font-size: 16px;} .hw_case .list .fz{font-size: 12px;margin-top: 5px;} .hw_func .list li{width: 20%;} /* 解决方案-地产 */ .dc_func{padding:40px 0 20px;} .dc_func .list .item{margin-bottom: 20px;padding:0 5px;} .dc_func .list .icon{width: 50px;} .dc_func .list .title{font-size: 13px;margin-top: 10px;} .dc_solu{padding:40px 0 20px;} .dc_solu .list li{width: 50%;margin-bottom: 20px;padding:0 8px;} .dc_solu .list .icon{width: 70px;} .dc_solu .list .title{font-size: 16px;margin-top: 15px;} .dc_solu .list .txt{line-height: 22px;margin-top: 10px;font-size: 13px;} .dc_solu .list li:last-child{width: 100%;padding: 0;} /* 解决方案-代驾打车 */ .drive_func{padding:40px 0 20px;} .drive_func .imgbox{width: 100%;} .drive_func .imgbox .img{max-width:auto;height: 200px;width: auto;} .drive_func .box{width: 100%;display: block;margin-top: 35px;margin-left: 0;} .drive_func .list li{height: 70px;padding-top: 0;border:none;} .drive_func .list .tit{font-size: 13px;margin-top: 5px;} .drive_func .list .icon{height: 32px;} .drive_solu{padding:20px 0;} .drive_solu .list{text-align: center;font-size: 0;} .drive_solu .list li{width: 50%;margin-bottom: 20px;display: inline-block;vertical-align: text-top;float:none;} .drive_solu .list .icon{height: 44px;} .drive_solu .list .tit{font-size: 16px;margin-bottom: 10px;margin-top: 10px;font-weight: bold;} .drive_solu .list .txt{font-size: 12px;line-height: 20px;} .drive_scene{padding:40px 0 20px;} .drive_scene .list{margin-left: -3%;} .drive_scene .list .item{width: 47%;margin:0 0 20px 3%;} .drive_scene .list .title{font-size: 16px;margin-top: 10px;} .drive_ser{padding:40px 0 20px;} .drive_ser .list{font-size: 0;text-align: center;} .drive_ser .list li{width:50%;display: inline-block;vertical-align: text-top;margin-bottom: 20px;float:none;} .drive_ser .list .ico{width: 60px;} .drive_ser .list .title{font-size: 16px;margin-top: 15px;margin-bottom: 5px;} .drive_ser .list .txt{line-height: 20px;font-size: 13px;} /* APP开发 */ .app_tg{padding:40px 0;} .app_tg .list li{padding-top: 20px;height: 130px;} .app_tg .list .icon{height: 40px;} .app_tg .list .title{font-size: 14px;margin-top: 8px;padding:0 10px;} /* 案例详情 */ .det_bar{padding:5px 0;} .det_bar .crumb{float:none;} .det_bar .menus{float:none;margin-left: -10px;} .det_bar .menus a{display: inline-block;vertical-align: middle;margin:0 0 0 10px;font-size: 13px;line-height: 20px;} .det_ban{padding:25px 0;} .det_ban .lbox{width: 100%;float:none;} .det_ban .rbox{width: 100%;float:none;margin-top: 15px;} .det_ban .gs{font-size: 14px;} .det_ban .title{font-size: 17px;margin-top: 10px;} .det_ban .txt{font-size: 14px;line-height: 24px;} .det_ban .line{width: 30px;margin:15px 0;} .det_ban .smtxt{font-size: 13px;line-height: 22px;} .det_main{padding-top: 30px;} .det_top .title{font-size: 18px;line-height: 30px;} .det_top .desc{margin-top: 10px;font-size: 14px;line-height: 24px;} .det_show{margin-top: 50px;} .det_show .t_tit{font-size: 18px;} .det_show .editbox{margin:15px 0;} .pagenav{margin:10px 0;} .pagenav li{float:none!important;text-align: left!important;font-size: 13px;line-height: 26px;width: 100%;} .head_w .head{position:fixed;} .head_w+div{margin-top: 50px;} /* 解决方案-微信开发 */ .vx_func{padding:40px 0 20px;} .vx_func .list li{margin-bottom: 20px;width: 25%;} .vx_func .list .icon{width: 44px;height: 44px;} .vx_func .list .wz{font-size: 13px;line-height: 20px;margin-top: 10px;} /* 威之德 */ .us_titbox{margin-bottom: 30px;} .us_titbox .cn{font-size: 20px;margin-top: -35px;line-height: 20px;} .us_titbox .en{font-size: 26px;} .us_titbox .line{width: 26px;height: 2px;} .us_about{padding:40px 0;} .us_about .us_titbox{text-align: center;} .us_about .info{width: 100%;float:none;} .us_about .title{font-size: 15px;text-align: center;line-height: 22px;} .us_about .txt{line-height: 24px;margin-top: 10px;} .us_about .img{width: 100%;margin-top: 25px;} .us_bar .list li{padding:15px 0;text-align: center;} .us_bar .list .line{width: 10px;height: 1px;margin:7px auto;} .us_bar .list .fz{font-size: 12px;height: 20px;} .us_bar .list .fz i{font-size: 16px;line-height: 20px;} .us_bar .list .wz{font-size: 12px;} .us_bar .list .down{vertical-align: middle;} .us_lc{padding:40px 0;} .us_lc .detail::before{left: 69px;bottom: 44px;} .us_lc .list .item{line-height: 24px;} .us_lc .list .year{font-size: 16px;width: 65px;} .us_lc .list .box{margin-left: 85px;padding-left: 0;} .us_lc .list .day{font-size: 14px;width: 50px;} .us_lc .list .txt{margin-left: 55px;padding-left: 30px;line-height: 20px;font-size: 13px; background: url(../images/us_10.png) no-repeat left 8px;background-size: 17px 7px;} .us_lc .list .day::before{left: -21px;width: 10px;height: 10px;margin-top: -5px;} .us_cul{padding:40px 0;} .us_cul .list .icon{height: 40px;} .us_cul .list .title{font-size: 16px;margin-top: 12px;} .us_cul .list .txt{line-height: 20px;font-size: 13px;} .us_zz{padding:40px 0;} .us_zz .detail{background-size:100% 25px;padding:0 40px 15px;} .us_zz .swiper-button-next, .us_zz .swiper-button-prev{width: 30px;height: 30px;margin-top: -20px;} .us_zz .swiper-button-next{right: 0;} .us_zz .swiper-button-prev{left: 0;} /* 资讯详情 */ .zx_det{padding-top: 25px;} .zx_det .det_show .t_tit{font-size: 18px;} .zx_det .editbox{font-size: 14px;line-height: 26px;} .zx_det .smb{font-size: 13px;} .zx_det .smb span{margin:0 5px;} .page_kws{font-size: 13px;} .page_kws .line{margin:0 2px;} }