/*首页*/ /*通用栏目样式*/ .column{text-align:center} .column span{display:inline-block;height:42px;padding:0 70px;border-bottom:1px solid #2885ed;font-size:24px;color:#3d3d3d} .column p{position:relative;padding:10px 0 0 0;text-transform:uppercase;font-size:18px;font-weight:700;color:#2a2a2a} .column p em{position:absolute;display:inline-block;width:69px;height:9px;background:#fff url(../images/yd.png) no-repeat center;top:-5px;left:50%;margin-left:-35px} @media screen and (max-width: 768px){ .column span{height:32px;padding:0 45px;font-size:20px} .column p{font-size:14px} .column p em{width:29px;margin-left:-15px} } /*通用更多*/ .indexmore{text-align:center} .indexmore a{display:inline-block;border-radius:6px;width:108px;height:40px;line-height:40px;text-align:center;background:#f27122;font-size:18px;color:#fff} @media screen and (max-width: 768px){ .indexmore a{width:90px;height:30px;line-height:30px;font-size:16px} } /*bstbet贝斯特官网*/ .web{padding:16px 0 0 0;} .web ul{margin:22px 0 0 0;overflow:hidden} .web ul #big{margin-right:-24px} .web ul li{float:left;padding:20px 9px;width:366px;height:108px;margin:0 24px 18px 0;background:#f6f6f6;border-radius:12px} .web ul li img{float:left;margin-right:10px;width:98px;height:98px} .web ul li h2{height:35px;font-size:24px;color:#3d3d3d} .web ul li h2 span{margin-left:10px;color:#e60d0d} .web ul li p{border-top:1px solid #dbdbdb;height:72px;overflow:hidden;color:#3d3d3d;line-height:24px} @media screen and (max-width: 768px){ .web ul{margin:12px 0 0 0;padding:0 2%} .web ul #big{margin-right:0} .web ul li{float:none;padding:20px 2%;width:96%;min-height:99px;margin:0 0 12px 0} .web ul li img{width: 88px; height: 88px;} .web ul li h2{height:26px;font-size:18px} .web ul li p{height:auto;overflow:auto;} } /*软件开发*/ .soft{margin:18px 0 0 0;padding:36px 0 12px 0;background:#f7f7f7} .soft .column p em{background:#f7f7f7 url(../images/yd.png) no-repeat center} .soft ul{margin-top:30px;overflow:hidden} .soft ul #big{margin-right:-8px} .soft ul li{float:left;margin:0 8px 24px 0;width:294px;height:174px; position: relative;} .soft ul li .img{width:294px;height:174px; vertical-align:middle} .soft ul li .layer{display:none;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#442885ed', endColorstr='#442885ed');background:rgba(40,133,237,.8);-webkit-transition:opacity .5s ,display .5s;-moz-transition:opacity .5s ,display .5s;transition:opacity .5s ,display .5s} .soft ul li:hover .layer{opacity:1;display: block;} .soft ul li .layer div{width:294px;height:174px;display:table-cell;vertical-align:middle;text-align:center} .soft ul li .layer div h2{font-size:22px;color:#fff} @media screen and (max-width: 768px){ .soft{margin:12px 0 0 0;padding:18px 0 6px 0} .soft .box{width:96%;margin:0 auto;margin-top:16px} .soft ul #big{margin-right:-2%} .soft ul li{float:left;position:relative;margin:0 2% 12px 0;width:48%;height:auto} .soft ul li .img{width:100%;height:auto} .soft ul li .layer{display:block;opacity:1;top:auto;bottom:0;width:100%;height:32px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#44000000', endColorstr='#44000000');background:rgba(0,0,0,.4);} .soft ul li .layer div{width:100%;height:100%;display:block;vertical-align:middle;text-align:center} .soft ul li .layer div img{display:none} .soft ul li .layer div h2{line-height:32px;text-align:center;font-size:16px;color:#fff} } /*微信/APP*/ .wechat{padding:22px 0} .wechat ul{margin:32px 0 0 0;overflow:hidden} .wechat ul #big{margin-right:-80px} .wechat ul li{float:left;position:relative;width:240px;height:240px;margin:0 80px 0 0;text-align:center} .wechat ul li img{width:240px;height:240px} .wechat ul li h2{position:absolute;width:100%;bottom:52px;font-size:24px;color:#fff} @media screen and (max-width: 768px){ .wechat{padding:10px 0 0 0} .wechat ul{padding:0 2%;margin:16px 0 0 0} .wechat ul #big{margin-right:-2%} .wechat ul li{width:48%;height:auto;margin:0 2% 16px 0} .wechat ul li img{width:90%;height:auto} .wechat ul li h2{bottom:40px;font-size:16px} } /*案例欣赏*/ .case{background:#f7f7f7;padding:12px 0} .case .column p em{background:#f7f7f7 url(../images/yd.png) no-repeat center} .case ul{margin-top:20px;overflow:hidden} .case ul #big{margin-right:-18px} .case ul li{float:left;margin:0 18px 18px 0;width:388px} .case ul li img{width:388px;height:238px} .case ul li h2{font-size:16px;text-align:center;padding:10px 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media screen and (max-width: 768px){ .case{background:#f7f7f7;padding:12px 0} .case .box{width:96%;margin:0 auto;margin-top:10px} .case ul #big{margin-right:-2%} .case ul li{margin:0 2% 12px 0;width:48%} .case ul li img{width:100%;height:auto} .case ul li h2{padding:10px 0 0 0} } /*答疑解惑*/ .news{padding:22px 0} .news ul{margin-top:30px;overflow:hidden} .news ul #big{margin-right:-40px} .news ul li{float:left;width:580px;margin:0 40px 28px 0} .news ul li .date{float:left;margin-right:14px;width:96px;height:96px;text-align:center;background:#e73a3a;font-size:18px;color:#fff} .news ul li .date span{display:block;font-size:45px} .news ul li h2{font-size:18px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .news ul li p{line-height:24px;height:72px;overflow:hidden;color:#4c4b4b} @media screen and (max-width: 768px){ .news{padding:10px 0} .news ul{padding:0 2%;margin-top:12px} .news ul #big{margin-right:0} .news ul li{float:none;width:100%;margin:0 0 18px 0} .news ul li .date{float:left;margin-right:10px;width:86px;height:86px;font-size:16px} .news ul li .date span{margin-top:14px;font-size:26px} .news ul li h2{font-size:16px;height:26px} .news ul li p{line-height:20px;height:60px} }