diff --git a/contact.html b/contact.html index e5e234d..cfe9336 100644 --- a/contact.html +++ b/contact.html @@ -53,28 +53,8 @@ - - - - - - - - - - - - - - - - - - - - + +
@@ -85,47 +65,86 @@
- +
-
+

经典案例
打造创新型停车场 轻松停车
    -
  • -
    -
    丹阳
    -
    智慧停车
    -
    +
  • +
    • +
  • +
    内蒙古赤峰市
    +

    总投资不低于10亿元，分两期实施。

    +

    平面泊位运营资源1.5万个

    +

    新增泊位资源1万个

    +

    社会停车场接入300+

    +

    主城区机动车保有量18万

    +

    用户空间30万+

    +

    特许经营25年

    • -
  • -
    -
    赤峰红山区
    -
    智慧停车
    -
    +
  • +
    • +
  • +
    江苏扬中市
    +

    负责扬中市城区智慧停车系统的全额投

    +

    资、勘察、设计、建设、运营、维护。

    +

    覆盖路侧车位超过1万个，建设智能停车

    +

    云服务平台，运营管理权限20年

    +

    用户空间10万＋

    • -
  • -
    -
    扬中
    -
    智慧停车
    -
    +
  • +
    • +
  • +
    江苏丹阳市
    +

    总投资4200万元

    +

    政府公共资源运营泊位1万个

    +

    社会车场接入数量200＋

    +

    主城区机动车保有量12万

    +

    用户空间20万+

    +

    特许经营15年

    • -
  • -
    -
    双流
    -
    智慧停车
    -
    +
  • +
    • +
  • +
    北京西城区
    +

    建设静态交通大数据中心、“西城区停车

    +

    综合管理及信息服务共享平台”

    +

    建立北京西城区停车数据标准规范体系

    +

    实现800多个停车场，13万个停车泊位

    +

    的数据接入。

+ +
+
+
服务资质
+
打造创新型停车场 轻松停车
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
+ +
diff --git a/css/contact.css b/css/contact.css index 0fd35b3..7b263d4 100644 --- a/css/contact.css +++ b/css/contact.css @@ -35,7 +35,7 @@ font-weight:400; color:rgba(0,0,0,.7); } -.example-wrap li{ +/*.example-wrap li{ height: 331px; margin-top: 58px ; } @@ -76,7 +76,7 @@ line-height: 20px; font-size:20px; color:rgba(255,255,255,1); -} +}*/ .contact-map{ height: 811px; /*background: url("../images/contact-map.png") no-repeat;*/ @@ -130,3 +130,72 @@ } +/*新版 经典案例*/ +.example-wrap-main{ + width: 100%; + height: auto; + /*min-width: 1200px;*/ +} +.example-wrap li{ + height: 232px; + margin-top: 58px; + width: 25%; + float: left; +} +.example-wrap-l{ + /*width:336px;*/ + width:100%; + height:232px; + border-radius:4px !important; +} +.example-img1{ + background: url("../images/contact-wrap-cf.png") no-repeat center center; + background-size: 100% 100%; +} +.example-img2{ + background: url("../images/contact-wrap-yz.png") no-repeat center center; + background-size: 100% 100%; +} +.example-img3{ + background: url("../images/contact-wrap-dy.png") no-repeat center center; + background-size: 100% 100%; +} +.example-img4{ + background: url("../images/contact-wrap-xc.png") no-repeat center center; + background-size: 100% 100%; +} +.example-msg{ + padding-left: 24px; +} +.exa-msg-title{ + height:22px; + font-size:22px; + font-weight:500; + color:rgba(0,0,0,1); + margin-bottom: 18px; + margin-top: 18px; +} +.example-msg p{ + font-size:14px; + font-weight:400; + color:rgba(0,0,0,1); + line-height:23px; +} + +/* 荣誉 轮播*/ +.box{ + height: 260px; + overflow: hidden; + width: 1200px; + margin: 60px auto; + position: relative; +} +#roll{ + width: 200%; +} +#roll dd{ + width: 382px; + height: 260px; + float: left; + margin-right: 20px; +} diff --git a/css/portfollo.css b/css/portfollo.css index 889edc0..03aed7f 100644 --- a/css/portfollo.css +++ b/css/portfollo.css @@ -254,6 +254,8 @@ font-size: 20px; cursor: pointer; position: relative; + width: 20%; + float: left; } .portfolio-hardware-wrap li:nth-of-type(1){ padding-top: 60px; @@ -275,6 +277,11 @@ background: url("../images/portfolio-hardware-wrap-4.png") no-repeat center 0; } +.portfolio-hardware-wrap li:nth-of-type(5){ + padding-top: 60px; + background: url("../images/portfolio-hardware-wrap-5.png") no-repeat center 0; + +} .portfolio-hardware-wrap li:nth-of-type(1).active{ color: #3F9FFE; padding-bottom: 10px; @@ -299,6 +306,11 @@ padding-bottom: 10px; /*border-bottom: 3px solid rgba(63,159,254,1);*/ background: url("../images/portfolio-hardware-wrap-4-active.png") no-repeat center 0; +}.portfolio-hardware-wrap li:nth-of-type(5).active{ + color: #3F9FFE; + padding-bottom: 10px; + /*border-bottom: 3px solid rgba(63,159,254,1);*/ + background: url("../images/portfolio-hardware-wrap-5-active.png") no-repeat center 0; } .portfolio-section-wrap{ @@ -323,15 +335,15 @@ .ortfolio-hardware-bottom-1>li:nth-of-type(1){ /*width: 460px;*/ height: 200px; - margin: 190px auto 0 ; + margin: 90px auto 0 ; padding-right: 100px; } .ortfolio-hardware-bottom-1 li:nth-of-type(2){ /*padding-left: 100px;*/ - background: url("../images/produect_dev1new.png") no-repeat center 0; - /*width: 578px;*/ - height: 500px; - background-size: 578px 500px; + background: url("../images/produect_dev1.jpg") no-repeat center 0; + height: 375px; + background-size: 658px 375px; + /*background-size: 578px 500px;*/ } .ortfolio-hardware-bottom-2 li:nth-of-type(1){ margin-top: 190px; @@ -366,6 +378,16 @@ height: 500px; /*margin-left: 180px;*/ } +.ortfolio-hardware-bottom-5 li:nth-of-type(1){ + margin-top: 187px; + height: 200px; +} +.ortfolio-hardware-bottom-5 li:nth-of-type(2){ + background: url("../images/produect_dev5.jpg") no-repeat center center; + /*width: 297px;*/ + height: 500px; + /*margin-left: 180px;*/ +} .ortfolio-hardware-bottom-1{ } diff --git a/css/services.css b/css/services.css index a64223e..86688bc 100644 --- a/css/services.css +++ b/css/services.css @@ -303,12 +303,12 @@ width: 100%; } .services-foot-div{ - height: 362px; + height: 302px; background:rgba(255,255,255,1); box-shadow:2px 2px 2px 2px rgba(234,235,235,0.48); } .services-foot-div div:nth-of-type(1){ - height: 219px; + height: 165px; width: 100%; } .services-footmsgtit{ @@ -326,7 +326,7 @@ font-size: 16px; font-weight: 500; color: rgba(0,0,0,0.6); - line-height: 28px; + line-height: 22px; text-align: left; padding: 0 20px 0 40px; } @@ -337,10 +337,15 @@ .services-footIco2{ background: url("../images/services_footIco2.png") no-repeat; /*background-size: ;*/ -}.services-footIco3{ +} +.services-footIco3{ background: url("../images/services_footIco3.png") no-repeat; /*background-size: ;*/ } +.services-footIco4{ + background: url("../images/services_footIco4.png") no-repeat; + /*background-size: ;*/ +} /*.ai-success-stories-list-bar{ position: absolute; left: 0; diff --git a/images/contact-wrap-cf.png b/images/contact-wrap-cf.png new file mode 100644 index 0000000..ac2e812 --- /dev/null +++ b/images/contact-wrap-cf.png diff --git a/images/contact-wrap-dy.png b/images/contact-wrap-dy.png new file mode 100644 index 0000000..4765582 --- /dev/null +++ b/images/contact-wrap-dy.png diff --git a/images/contact-wrap-xc.png b/images/contact-wrap-xc.png new file mode 100644 index 0000000..f7cbaf3 --- /dev/null +++ b/images/contact-wrap-xc.png diff --git a/images/contact-wrap-yz.png b/images/contact-wrap-yz.png new file mode 100644 index 0000000..c6c1ac1 --- /dev/null +++ b/images/contact-wrap-yz.png diff --git a/images/cups-1.png b/images/cups-1.png new file mode 100644 index 0000000..fc3a027 --- /dev/null +++ b/images/cups-1.png diff --git a/images/cups-2.png b/images/cups-2.png new file mode 100644 index 0000000..1397e86 --- /dev/null +++ b/images/cups-2.png diff --git a/images/cups-3.png b/images/cups-3.png new file mode 100644 index 0000000..d71cbc9 --- /dev/null +++ b/images/cups-3.png diff --git a/images/cups-4.png b/images/cups-4.png new file mode 100644 index 0000000..b691465 --- /dev/null +++ b/images/cups-4.png diff --git a/images/cups-5.png b/images/cups-5.png new file mode 100644 index 0000000..bfda04d --- /dev/null +++ b/images/cups-5.png diff --git a/images/cups-6.png b/images/cups-6.png new file mode 100644 index 0000000..5496106 --- /dev/null +++ b/images/cups-6.png diff --git a/images/cups-7.png b/images/cups-7.png new file mode 100644 index 0000000..abf7fe5 --- /dev/null +++ b/images/cups-7.png diff --git a/images/cups-8.png b/images/cups-8.png new file mode 100644 index 0000000..bd95173 --- /dev/null +++ b/images/cups-8.png diff --git a/images/news/point.png b/images/news/point.png new file mode 100644 index 0000000..957a275 --- /dev/null +++ b/images/news/point.png diff --git a/images/portfolio-hardware-wrap-5-active.png b/images/portfolio-hardware-wrap-5-active.png new file mode 100644 index 0000000..4b3cf87 --- /dev/null +++ b/images/portfolio-hardware-wrap-5-active.png diff --git a/images/portfolio-hardware-wrap-5.png b/images/portfolio-hardware-wrap-5.png new file mode 100644 index 0000000..fd4490d --- /dev/null +++ b/images/portfolio-hardware-wrap-5.png diff --git a/images/produect_dev1.jpg b/images/produect_dev1.jpg new file mode 100644 index 0000000..142706e --- /dev/null +++ b/images/produect_dev1.jpg diff --git a/images/produect_dev5.jpg b/images/produect_dev5.jpg new file mode 100644 index 0000000..0672d3a --- /dev/null +++ b/images/produect_dev5.jpg diff --git a/images/services_footIco1.png b/images/services_footIco1.png index deb2bcf..4ebffea 100644 --- a/images/services_footIco1.png +++ b/images/services_footIco1.png diff --git a/images/services_footIco2.png b/images/services_footIco2.png old mode 100755 new mode 100644 index df6a191..4c85b53 --- a/images/services_footIco2.png +++ b/images/services_footIco2.png diff --git a/images/services_footIco3.png b/images/services_footIco3.png old mode 100755 new mode 100644 index 8aec220..d1a4261 --- a/images/services_footIco3.png +++ b/images/services_footIco3.png diff --git a/images/services_footIco4.png b/images/services_footIco4.png new file mode 100644 index 0000000..9c6628e --- /dev/null +++ b/images/services_footIco4.png diff --git a/index.html b/index.html index c6f732b..7affa0f 100755 --- a/index.html +++ b/index.html @@ -201,7 +201,29 @@
+
+
+
+
+
+

新闻中心

+
+
+
+
+
+
+
+ +
+
+
+
    +
    +
    +
    +
    @@ -227,6 +249,7 @@ + diff --git a/js/contact.js b/js/contact.js index 0c98187..645d17e 100644 --- a/js/contact.js +++ b/js/contact.js @@ -442,3 +442,198 @@ option = { // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); + + +/** + + * parallelRoll 左右无缝滚动 + + * boxName : 最外层盒子类名 + + * tagName : 滚动标签元素 + + * time : 滚动间隔时间 + + * direction : 滚动方向 right-->向右 left-->向左 + + * visual : 可视数 + + * prev : 上一张 + + * next : 下一张 + + * Date: 19-01-24 + + * */ + +(function($){ + + $.fn.parallelRoll = function(options){ + + var opts = $.extend({}, $.fn.parallelRoll.defaults, options); + + var _this = this; + + var l = _this.find(opts.tagName).length; + + var autoRollTimer; + + var flag = true; // 防止用户快速多次点击上下按钮 + + var arr = new Array(); + + /** + + * 如果当 (可视个数+滚动个数 >滚动元素个数) 时 为不出现空白停顿 将滚动元素再赋值一次 + + * 同时赋值以后的滚动元素个数是之前的两倍 2 * l. + + * */ + + if(opts.amount + opts.visual > l){ + + _this[0].innerHTML += _this[0].innerHTML; + + l = 2 * l; + + }else{ + + l = l; + + } + + var w = $(opts.tagName).outerWidth(true); //计算元素的宽度 包括补白+边框 + + _this.css({width: (l * w) + 'px'}); // 设置滚动层盒子的宽度 + + return this.each(function(){ + + _this.closest('.'+opts.boxName).hover(function(){ + + clearInterval(autoRollTimer); + + },function(){ + + switch (opts.direction){ + + case 'left': + + autoRollTimer = setInterval(function(){ + + left(); + + },opts.time); + + break; + + case 'right': + + autoRollTimer = setInterval(function(){ + + right(); + + },opts.time); + + break; + + default : + + alert('参数错误！'); + + break; + + } + + }).trigger('mouseleave'); + + $('.'+opts.prev).on('click',function(){ + + flag ? left() : ""; + + }); + + $('.'+opts.next).on('click',function(){ + + flag ? right() : ""; + + }); + + }); + + function left(){ + + flag = false; + + _this.animate({marginLeft : -(w*opts.amount)},1000,function(){ + + _this.find(opts.tagName).slice(0,opts.amount).appendTo(_this); + + _this.css({marginLeft:0}); + + flag = true; + + }); + + }; + + function right(){ + + flag = false; + + arr = _this.find(opts.tagName).slice(-opts.amount); + + for(var i = 0; i', + '', + '
    ', + '

    ' + obj.newsTitle + '

    ', + '
    ', + '', + '    ', + '' + ) + }); + indexSlideList.html(imgList.join(' ')); + var mySwipernews = new Swiper ('#swiper-container-news', { + direction: 'horizontal', + loop: true, + speed: 500, //设置轮播时长 可以不设置 会有个默认值 + autoplay: true,//可选选项，自动滑动 + // 如果需要分页器 + pagination: { + el: '.swiper-pagination', + clickable:true + }, + autoplay: { + disableOnInteraction: false, //点击后继续轮播(这个很重要) + delay: 3000, //自动轮播的每次的时间 可以不设置 会有个默认值 + }, + // 如果需要前进后退按钮 + + }); + } + }); + + } + + indexImgSlide(); + + + /* + @ chenbiao + @ 2018-01-23 + @ 首页新闻列表 右侧 + */ + function indexNewsList(){ + var newslist = $('.newslist ul'); + var list= []; + //直接使用ajax访问 + $.ajax({ + type:'get', + url:'newsdata/newslistdata.json', + dataType:'json', + success:function(data){ + $.each(data, function(i, obj){ + list.push( + '
  • ', + '

    ', + '' + commonStrandNum.cutString(obj.newsTitle, 26) , + ''+obj.time+'', + '', + '

    ', + '
    • ' + ) + }); + newslist.html(list.join(' ')); + } + }) + } + + indexNewsList(); + + /* + @ chenbiao + @ 2018-01-23 + @ 打开新窗口 新闻 + */ + $(document).on('click','.red-slide a',function () { + var link = $(this).attr('data-href'); + window.open(link) + }); + + /* + @ chenbiao + @ 2018-01-23 + @ 切割字符串方法 commonStrandNum.cutString(str, 25) + */ + + var commonStrandNum = { + /* + @切割字符串 + @str原字符串 + @num字符位数 + */ + cutString: function (str, num) { + var _str = ""; + if (str.length >= num) { + var strN = str.substring(0, num); + strN += "..."; + _str = strN; + } else { + _str = str; + } + return _str; + }, + } \ No newline at end of file diff --git a/newsdata/newslistdata.json b/newsdata/newslistdata.json new file mode 100644 index 0000000..bd0c4e3 --- /dev/null +++ b/newsdata/newslistdata.json @@ -0,0 +1,62 @@ +[ + { + "href":"https://mp.weixin.qq.com/s/NcWXfcxjy5t-sqG2yFg6JQ", + "newsTitle":"【公司要闻】中兴智能交通助力西部大发展，建设甘肃省周边“一带一路”沿线城市的智慧停车", + "img":"http://www.zte-its.com/Upload/2019-01/20190107134910953.jpg", + "time":"2019-01-06" + }, + { + "href":"https://mp.weixin.qq.com/s/bO_1as7-8enGR7g4sI_6lw", + "newsTitle":"【公司要闻】年度盘点丨2018，中兴智能交通铸就辉煌", + "img":"http://www.zte-its.com/Upload/2019-01/20190107120328342.jpg", + "time":"2018-12-30" + }, + { + "href":"https://mp.weixin.qq.com/s/ZJCdWCWCkrxtmOCep9fvwQ", + "newsTitle":"【公司要闻】中兴智能交通荣获”2018中国城市无人化停车十大创新方案”称号", + "img":"http://www.zte-its.com/Upload/2019-01/20190114111641907.jpg", + "time":"2019-01-14" + }, + { + "href":"https://mp.weixin.qq.com/s/ilplSVvIBUt0sDtqTgsgbw", + "newsTitle":"【公司要闻】2018年年底，赤峰智慧停车项目正式上线运营", + "img":"http://www.zte-its.com/ckfinder/userfiles/images/Snap2(34).jpg", + "time":"2018-12-26" + }, + { + "href":"https://mp.weixin.qq.com/s/j4FJmW-dAMAKK8WBilHSzw", + "newsTitle":"【公司要闻】物联网下的智慧停车，中兴智能交通应邀出席“2018第三届中国物联网国际峰会”", + "img":"http://www.zte-its.com/Upload/2018-05/20180529172415999.jpg", + "time":"2018-05-15" + }, + { + "href":"https://mp.weixin.qq.com/s/Q3V4F0PHm0cS7a-zlXx6OA", + "newsTitle":"【行业动态】贵州机动车停放收费新规5月起试行 小区停车费由业主大会决定", + "img":"http://www.zte-its.com/Upload/2018-08/20180808173733771.jpg", + "time":"2018-04-24" + }, + { + "href":"https://mp.weixin.qq.com/s/BEyfUDkfrZqLokZxoKp04Q", + "newsTitle":"【行业动态】广州停车场条例10月起施行 小区停车收费标准先议价", + "img":"http://www.zte-its.com/Upload/2018-09/20180918095140370.jpg", + "time":"2018-04-24" + }, + { + "href":"https://mp.weixin.qq.com/s/-ltsBzboxdeCzwz4-nOy0Q", + "newsTitle":"【行业动态】2018雄安新区停车设备设施投资建设高峰论坛暨博览会在雄安新区隆重召开！", + "img":"https://mmbiz.qpic.cn/mmbiz_jpg/eRs8EuRTNC1tBsAtYFuuFx3SgKrPpkMYib3bP9kBKnxqcwcosVOUc5iaF4hQ9JkHfZib0SWuANXAuzI8u4vzWgDFA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1", + "time":"2018-04-20" + }, + { + "href":"https://mp.weixin.qq.com/s/3tWOAvnXl5T78TzBPgWszA", + "newsTitle":"【行业动态】滴滴发布企业公民报告：让城市交通更智慧 运行更高效", + "img":"https://mmbiz.qpic.cn/mmbiz_jpg/uWQ5Iz1kD2bHvLt6DEdN4ib00PeTsmxiaTye2BHMuxXSD7Z51HnBicxNc53FeZceD2ZiaJ4Eq4ft9cHY9Uib1CXNzIA/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1", + "time":"2018-04-20" + }, { + "href":"https://mp.weixin.qq.com/s/ZrDwirjt0JTntmcCI5L4Ag", + "newsTitle":"【行业动态】昆明停车管理新规 力图破解“圈地收费”乱象", + "img":"http://www.zte-its.com/Upload/2018-05/20180529173902781.jpg", + "time":"2018-04-20" + } + + ] diff --git a/newsdata/swipernewsdata.json b/newsdata/swipernewsdata.json new file mode 100644 index 0000000..39ff485 --- /dev/null +++ b/newsdata/swipernewsdata.json @@ -0,0 +1,20 @@ +[ + { + "href":"https://mp.weixin.qq.com/s/NcWXfcxjy5t-sqG2yFg6JQ", + "newsTitle":"中兴智能交通助力西部大发展，建设甘肃省周边“一带一路”沿线城市的智慧停车", + "imgUrl":"http://www.zte-its.com/Upload/2019-01/20190107134910953.jpg", + "time":"2019-01-06" + }, + { + "href":"https://mp.weixin.qq.com/s/bO_1as7-8enGR7g4sI_6lw", + "newsTitle":"年度盘点丨2018，中兴智能交通铸就辉煌", + "imgUrl":"http://www.zte-its.com/Upload/2019-01/20190107120328342.jpg", + "time":"2018-12-30" + }, + { + "href":"https://mp.weixin.qq.com/s/ZJCdWCWCkrxtmOCep9fvwQ", + "newsTitle":"中兴智能交通荣获”2018中国城市无人化停车十大创新方案”称号", + "imgUrl":"http://www.zte-its.com/Upload/2019-01/20190114111641907.jpg", + "time":"2019-01-14" + } +] diff --git a/portfolio.html b/portfolio.html index d77f45f..64e32e3 100755 --- a/portfolio.html +++ b/portfolio.html @@ -230,22 +230,26 @@
    硬件产品
    @@ -334,7 +338,7 @@ diff --git a/services.html b/services.html index f7c8821..28ac0de 100644 --- a/services.html +++ b/services.html @@ -229,26 +229,33 @@
    全面智慧停车解决方案
    -
    +
    硬件互联
    一体化车牌识别、地磁感应、道闸、岗亭收费系统
    -
    +
    云平台
    企业云平台、政府云平台、移动端APP全面停车运营管理
    -
    +
    移动支付
    -
    提供会员优惠、支付宝、微信、无感等多种便捷优惠缴费方式
    - +
    提供会员优惠、支付宝、微信、无感等多种便捷缴费方式
    +
    +
    +
    +
    +
    +
    无人值守
    +
    充分利用“物联网+互联网+云计算+移动支付+AI”技术 +
    diff --git a/style.css b/style.css index 08ad15e..71d5f3d 100755 --- a/style.css +++ b/style.css @@ -2538,3 +2538,118 @@ a:hover{ .slicknav_menu .slicknav_btn{ background: #49A4FE !important; } + + +/*news 新闻中心*/ +.index-news-section .news-bd{ + width: 100%; + min-width: 1200px; + overflow: hidden; +} +.index-news-section .focus { + width: 476px; + height: 289px; + float: left; + position: relative; +} +.index-news-section .newslist { + width: 715px; + float: left; + margin-bottom: 10px; +} +.index-news-section .newslist ul { + padding: 15px 0; + overflow: hidden; + list-style: initial; + color: #797979; +} +.index-news-section .newslist li { + width: 286px; + height: 45px; + line-height: 22px; + float: left; + margin-left: 70px; + list-style: none; +} +.index-news-section .newslist li { + margin-bottom: 10px; + background-image: url(images/news/point.png); + background-repeat: no-repeat; + background-position: 5px 7px; +} +.index-news-section .newslist li p { + padding-left: 10px; + margin-left: 8px; + height: 44px; +} +.newslist li a{ + color: rgba(0,0,0,.6); + display: block; +} +.pos-rel{ + position: relative; +} +.pos-abs{ + position: absolute; +} +/*轮播 */ +.news_a { + position: relative; + overflow: hidden; + display: block; + width: 100%; + height: 272px; +} +.news_title { + display: block; + position: absolute; + bottom: 0; + padding: 10px; + width: 100%; + background: rgba(0,0,0,0.5); + color: #fff; + font-size: 16px; + border-radius: 0 0 5px 5px; + text-align: left; +} +.news_title p { + margin: 0; + width: 65%; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +.news_a img { + width: 100%; + height: 272px; +} +.pagination{ + position: absolute; + z-index: 20; + right: 10px; + bottom: 10px; + margin: 0; + height: 20px; +} +.news-pagination{ + right: 0px !important; + bottom: 30px !important; + width: 120px !important; + margin-left: 340px; +} +.news-pagination .swiper-pagination-bullet{ + width:28px; + height:4px; + background:rgba(255,255,255,1); + opacity: 0.5; + border-radius:0; +} +.news-pagination .swiper-pagination-bullet-active{ + background:rgba(255,255,255,1); + opacity: 1 !important; +} +.red-slide{ + cursor: pointer; +} + +