/*首页*/
	/*通用栏目样式*/
		.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}
		}
		
	/*网站建设*/
		.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}
		}