console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<style type="text/css">
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;}
.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:10px;left:0;width:100%;}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;}
.swiper-pagination-bullet-active{opacity:1;background:#007aff;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}
div,ul,li,p,span,a{padding:0px;margin:0px;}
img{border:0;}
ul,li{list-style-type:none;}
a{text-decoration:none;color:#222222;outline:none;}
a:hover{color:#e40011;text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}
.container{width:1200px;margin:0 auto;}
.abinew{width:100%;height:auto;background:#eeeeee;padding:40px 0 60px 0;}
.abinew .container{max-width:1600px;height:auto;width:90%;min-width:1200px;}
.abinewt{text-align:center;font-size:36px;color:#333333;}
.abinewcate{padding:35px 0;text-align:center;}
.abinewcate ul li{display:inline-block;padding:0 30px;background:url(https://www.zomsky.com/Chengming/Tpl/Home/Default/Public/images/ab_li_bg.jpg) no-repeat right 50%;line-height:28px;}
.abinewcate ul li:last-child{background:0;}
.abinewcate ul li a{display:inline-block;padding:0 10px;line-height:28px;border-bottom:3px #eeeeee solid;font-size:14px;font-family:"宋体","Microsoft Yahei",Arial, Helvetica, sans-serif;}
.abinewcate ul li a:hover{color:#e40311;border-bottom:3px #e40311 solid;}
.abinewcate ul li a.inewscatecurr{color:#e40311;border-bottom:3px #e40311 solid;}
.abinewcaaa{position:relative;overflow:hidden;}
.abinewc{padding-top:10px;padding-bottom:40px;}
.abinewcl{width:37%;height:auto;background:#fff;transition:all .4s ease-out;}
.abinewcl .abinewclc a{display:block;padding:5%;background:#fff;}
.abinewclc_img{width:100%;height:auto;}
.abinewclc_img img{width:100%;height:auto;}
.abinewclc_c{padding-bottom:5%;padding-top:25px;}
.abinewclc_cl{width:77%;padding-right:3%;border-right:1px #a4a4a4 solid;}
.abinewclc_clt{font-size:18px;color:#000000;line-height:28px;height:28px;overflow:hidden;}
.abinewclc_cli{line-height:24px;color:#666666;margin-top:8px;height:48px;overflow:hidden;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;}
.abinewclc_cr{width:17%;height:auto;font-family:Arial, Helvetica, sans-serif;color:#333333;line-height:28px;}
.abinewclc_cr_t{font-size:42px;padding-top:10px;}
.abinewcl:hover{transform:translate3d(0, -5px, 0);box-shadow:0 8px 35px rgba(0, 0, 0, .2);}
.abinewcr{width:60%;height:auto;background:#fff;}
.abinewcr ul li{height:auto;float:left;border-right:1px #eeeeee solid;border-bottom:1px #eeeeee solid;width:calc(50% - 1px);width:-moz-calc(50% - 1px);width:-webkit-calc(50% - 1px);}
.abinewcr ul li a{padding:9% 10%;display:block;transition:all .4s ease-out;}
.abinewcrl{width:17%;height:auto;font-family:Arial, Helvetica, sans-serif;color:#333333;line-height:28px;}
.abinewclc_cr_t{font-size:42px;padding-top:10px;height:auto;}
.abinewcrr{width:81%;height:auto;}
.abinewcrr_t{font-size:18px;color:#000000;line-height:28px;height:28px;overflow:hidden;}
.abinewcrr_i{line-height:24px;color:#666666;margin-top:8px;height:48px;overflow:hidden;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;}
.abinewcr ul li a:hover{box-shadow:0 8px 35px rgba(0, 0, 0, .2);}
.abinewcr ul li a:hover .abinewcrl{color:#e40311;}
.abinewm{text-align:center;}
.abinewm a{display:inline-block;padding-right:40px;line-height:30px;color:#3e3e3e;font-size:14px;background:url(https://www.zomsky.com/Chengming/Tpl/Home/Default/Public/images/ab_more_icon.png) no-repeat right 50%;font-family:"宋体","微软雅黑",Arial, Helvetica, sans-serif;}
.abinewm a:hover{color:#ff4343;background:url(https://www.zomsky.com/Chengming/Tpl/Home/Default/Public/images/ab_more_icon2.png) no-repeat right 50%;}
.swiper-container-horizontal>.swiper-pagination-bullets{left:5%;text-align:left;bottom:5%;}
.swiper-pagination-bullet{background:#737373;opacity:1;}
.swiper-pagination-bullet-active{background:#e40311;}
.hideaa{visibility:hidden;position:absolute;z-index:-1;height:0;}
</style>
</head>
<body>
<div class="abinew">
<div class="container">
<div class="abinewt">新闻资讯</div>
<div class="abinewcate">
<ul>
<li><a href="/company/" class="inewscatecurr">最新签约</a></li>
<li><a href="/knowledge/">建站知识</a></li>
<li><a href="/verticalview/">纵天观点</a></li>
<li><a href="/internettg/">网络营销推广</a></li>
<li><a href="/hang/">行业动态</a></li>
</ul>
</div>
<div class="abinewcaaa">
<div class="abinewc " id="abinewc_1">
<div class="abinewcl fl">
<div class="left-box-swiper swiper-container swiper-container1">
<div class="swiper-wrapper">
<div class="swiper-slide abinewclc"><a href="/company/show/1609.html">
<div class="abinewclc_img"><img src="https://www.zomsky.com//Uploads/202101/600297662f8f3.jpg" width="478" height="311" /></div><div class="abinewclc_c"><div class="abinewclc_cl fl"><div class="abinewclc_clt">纵天科技成功签约百利集团网站建设</div><div class="abinewclc_cli">广州市百利文仪实业有限公司,成立于1990年,迄今已有30年的发展历史,是一家集专业办公环境设计规划,办公系统家具、终端商务系统家具设计、生产、制造、销售和服务一体化的集团公司。现</div></div><div class="abinewclc_cr fr"><p class="abinewclc_cr_t">16</p><p class="abinewclc_cr_i">2021-01</p></div><div class="cl"></div></div></a></div><div class="swiper-slide abinewclc"><a href="/company/show/1608.html"><div class="abinewclc_img"><img src="https://www.zomsky.com//Uploads/202011/5fc4a8c4c9ea2.jpg" width="478" height="311" /></div><div class="abinewclc_c"><div class="abinewclc_cl fl"><div class="abinewclc_clt">纵天科技成功签约皇朝家居企业网站建设</div><div class="abinewclc_cli">皇朝家居控股成立于1997年,是一家集专业研发设计、生产制造、全球销售与售后服务于一体的香港上市家具公司。目前,经皇朝授权的品牌专卖店已达2000余家,分布于全国400多个城市和地区,产品远销美国、欧洲、澳洲及亚洲其他多个地区。经过逾20年的发展,皇朝相继通过CQTA品质验证、CQC环保认证、FSC森林认证、中国环境标志产品认证、ISO9001质量认证、ISO14001环境认证、OHSMS 18001认证等,并获得“中国行业十大影响力品牌”“中国家居产业领军品牌”“中国品牌影响力(行业)十大投资价值品牌”等殊荣。</div></div><div class="abinewclc_cr fr"><p class="abinewclc_cr_t">30</p><p class="abinewclc_cr_i">2020-11</p></div><div class="cl"></div></div></a></div><div class="swiper-slide abinewclc"><a href="/company/show/1544.html"><div class="abinewclc_img"><img src="https://www.zomsky.com//Uploads/202009/5f58969c9d171.jpg" width="478" height="311" /></div><div class="abinewclc_c"><div class="abinewclc_cl fl"><div class="abinewclc_clt">纵天科技成功签约德国商会企业网站建设</div><div class="abinewclc_cli">德国海外商会联盟•大中华区是德国海外商会联盟分设在全球92个国家、140个海外代表处的一部分。设立在大中华区和德国的5个主要办公室及7个办事处长期致力于中德两国间的投资及经贸往来,并通过商务与投资及会员渠道为企业提供全方位的服务。</div></div><div class="abinewclc_cr fr"><p class="abinewclc_cr_t">09</p><p class="abinewclc_cr_i">2020-09</p></div><div class="cl"></div></div></a></div><div class="swiper-slide abinewclc"><a href="/company/show/1543.html"><div class="abinewclc_img"><img src="https://www.zomsky.com//Uploads/202009/5f5894f4dc91d.jpg" width="478" height="311" /></div><div class="abinewclc_c"><div class="abinewclc_cl fl"><div class="abinewclc_clt">纵天科技成功签约福美控股品牌企业网站建设</div><div class="abinewclc_cli">福美开启了一种材料变革——将自然泥土转变成一种新材料:环保科技土(MC/econic clay)。这种材料可以定向衍生为建筑、体育、汽车、造纸、皮革、半导体、日用品等领域提供了材料革新的无限可能,并且环保科技土自然持久而经济。</div></div><div class="abinewclc_cr fr"><p class="abinewclc_cr_t">09</p><p class="abinewclc_cr_i">2020-09</p></div><div class="cl"></div></div></a></div><div class="swiper-slide abinewclc"><a href="/company/show/1542.html"><div class="abinewclc_img"><img src="https://www.zomsky.com//Uploads/202009/5f5892cacb0c0.jpg" width="478" height="311" /></div><div class="abinewclc_c"><div class="abinewclc_cl fl"><div class="abinewclc_clt">纵天科技成功签约赛立信数据资讯股份有限公司企业网站建设</div><div class="abinewclc_cli">赛立信数据资讯股份有限公司创立于1996年,是中国大陆享有卓著声誉的专业市场研究企业,业务涵盖市场研究、媒介研究、通信研究、竞争情报研究等多个领域,拥有自主大数据分析技术及深厚的市场研究经验。</div></div><div class="abinewclc_cr fr"><p class="abinewclc_cr_t">09</p><p class="abinewclc_cr_i">2020-09</p></div><div class="cl"></div></div></a></div><div class="swiper-slide abinewclc"><a href="/company/show/1541.html"><div class="abinewclc_img"><img src="https://www.zomsky.com//Uploads/202009/5f4e21fe93f3b.jpg" width="478" height="311" /></div><div class="abinewclc_c"><div class="abinewclc_cl fl"><div class="abinewclc_clt">纵天科技签约河东科技Evoyo已经正式上线</div><div class="abinewclc_cli">Evoyo是河东科技HDL创立的品牌,为市场和用户提供基于无线IoT技术的智能产品和整体解决方案,应用于住宅以及其他生活空间,改变用户与生活空间的交互方式。</div></div><div class="abinewclc_cr fr"><p class="abinewclc_cr_t">01</p><p class="abinewclc_cr_i">2020-09</p></div><div class="cl"></div></div></a></div> </div>
<div class="swiper-pagination swiper-pagination1"></div>
</div>
</div>
<div class="abinewcr fr">
<ul>
<li><a href="/company/show/1545.html"><div class="abinewcrl fl"><p class="abinewclc_cr_t">18</p><p class="abinewclc_cr_i">2020-08</p></div><div class="abinewcrr fr"><div class="abinewcrr_t">纵天科技签约德胜教育集团网站建设已经正式上线</div><div class="abinewcrr_i">广东德胜教育由广东知名企业——广东德明教育投资有限公司于2001年投资兴办,是一家以发展基础教育为主的综合教育集团。德胜集团实现了从幼儿园到高中各学段教育无缝对接,同时积极布局教育全产业链,为社会提供国际教育、课外培训、素质拓展等多元化选择。</div></div><div class="cl"></div></a></li><li><a href="/company/show/1546.html"><div class="abinewcrl fl"><p class="abinewclc_cr_t">18</p><p class="abinewclc_cr_i">2020-06</p></div><div class="abinewcrr fr"><div class="abinewcrr_t">纵天科技再次签约新元素官方网站建设已经正式上线</div><div class="abinewcrr_i">广东新元素板业有限公司创建于2003年,是一家生产新型建筑材料的企业,公司一直以来以“成为新型板材领导品牌”作为公司的发展目标,在墙面材料的研发、生产、技术应用推广等领域,始终走在同类产品的前端。公司是国家高新技术企业、广东清洁生产企业、守信用重合同企业,是广东省工程技术中心。</div></div><div class="cl"></div></a></li><li><a href="/company/show/1547.html"><div class="abinewcrl fl"><p class="abinewclc_cr_t">18</p><p class="abinewclc_cr_i">2020-05</p></div><div class="abinewcrr fr"><div class="abinewcrr_t">纵天科技成功签约柏洪集团企业网站建设</div><div class="abinewcrr_i">广东柏洪集团有限公司是一家聚焦并专注于铝产业链整合的多元化集团企业。
集团业务涵盖大宗金属贸易,建筑、装饰和工业铝型材加工,铝合金建筑模架的设计、生产与加工一体化运营,废铝再生,技术及科技研发,粉末涂料生产,机械设备制造,行业ERP管理服务,产业金融顾问和企业咨询管理等领域,拥有极强的产业资源整合能力。目前集团已拥有年产值超10亿的铝型材生产基地,年产能近120万方的铝模板生产集群。</div></div><div class="cl"></div></a></li><li><a href="/company/show/1444.html"><div class="abinewcrl fl"><p class="abinewclc_cr_t">15</p><p class="abinewclc_cr_i">2020-05</p></div><div class="abinewcrr fr"><div class="abinewcrr_t">纵天科技再次签约锐美家官方网站建设已经正式上线</div><div class="abinewcrr_i">广州锐美家建筑材料有限公司(以下简称锐美家)是一家专业从事设计、生产和销售(直营+特许加盟模式)高级装饰耐火板(防火板)、抗倍特板、理化板、挂墙板的品牌企业,产品已广泛应用于室内装饰、家具、厨柜、实验室台面、外墙等领域。</div></div><div class="cl"></div></a></li><li><a href="/company/show/1443.html"><div class="abinewcrl fl"><p class="abinewclc_cr_t">15</p><p class="abinewclc_cr_i">2020-04</p></div><div class="abinewcrr fr"><div class="abinewcrr_t">纵天科技中标高新兴科技集团官网已经正式上线</div><div class="abinewcrr_i">高新兴科技集团股份有限公司(股票代码300098)成立于1997年,总部位于广州市黄埔区,主要从事基于物联网、人工智能等核心技术、产品及解决方案的研发和应用,聚焦于车联网、公安执法规范化及智慧城市服务与产品集成三大业务版块。</div></div><div class="cl"></div></a></li><li><a href="/company/show/1446.html"><div class="abinewcrl fl"><p class="abinewclc_cr_t">20</p><p class="abinewclc_cr_i">2020-03</p></div><div class="abinewcrr fr"><div class="abinewcrr_t">纵天科技成功签约MAO MART移动端官网建设</div><div class="abinewcrr_i">MAO MART诞生于一个简单的想法:一个不张扬却有力量的品牌。于是,生而纯粹,消解了外在的浮华棱角,褪去了嘈杂的颜色,于空白中重新思考,一件衣服应该是什么模样。不愿做徒有其表的矫饰,感受隐藏在平和中庸外表下的细致用心。</div></div><div class="cl"></div></a></li>
</ul>
<div class="cl"></div>
</div>
<div class="cl"></div>
</div>
<script src="https://www.zomsky.com/Chengming/Tpl/Home/Default/Public/js/swiper.min.js"></script>
<script>
var swiper1 = new Swiper('.swiper-container1', {
loop : true,
autoplay: {
delay:3000,
disableOnInteraction: false,
},
spaceBetween: 30,
pagination: {
el: '.swiper-pagination1',
clickable: true,
},
observer:true,
observeParents:true,
centeredSlides: true,
});
</script>
<script>
$(function() {
$('.abinewcate li a').mouseenter(function(event) {
$('.abinewcate li a').removeClass('inewscatecurr');
$(this).parents('li').children('a').addClass('inewscatecurr');
var theNum = $(this).parents('li').index();
$('.abinewc').addClass('hideaa');
$('.abinewc').eq(theNum).removeClass('hideaa');
});
});
</script>
</body>
</html>