CINXE.COM
中国矿业大学国家大学科技园
<!DOCTYPE html> <html lang="en"> <head> <!-- 配置web start --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" content="webkit"> <meta name="renderer" content="ie-comp"> <meta name="renderer" content="ie-stand"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"> <meta name="description" content="中国矿业大学国家大学科技园位于江苏省徐州市,毗邻中国矿业大学文昌校区。矿大科技园于2000年10月开始规划并启动建设,2002年7月被列入江苏省大学科技园建设计划,2006年10月被科技部、教育部认定为国家大学科技园。 矿大科技园核心区包括研发区、孵化区、公共服务区,总建筑面积40万平方米,在徐州经济技术开发区、徐州高新区和泉山经济技术开发区设有产业承接区,在营口、肥城、郯城、滕州、滁州等地设有外埠孵化基地。2012年3月,矿大科技园被科技部、教育部评定为A类(优秀)国家大学科技园,成为江苏省唯一获此殊荣的国家大学科技园。"> <meta name="keywords" content="矿大,矿大科技园,科技园,矿业科技园,矿大科技,中国矿业大学,国家大学科技园,大学科技园"> <title>中国矿业大学国家大学科技园</title> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/3.4.0/animate.min.css"> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/3.4.2/css/swiper.min.css"> <link rel="stylesheet" href="/static/technopark/assets/css/index.css"> <!-- 配置web end --> </head> <body> <!-- 页面头部 start --> <header class="header"> <div class=""> <img class="logo" src="/static/upload/2022/05/08/202205082742.png" width="auto" height="auto" alt="中国矿业大学国家大学科技园网站站标"> </div> <nav class="nav"> <ul class="first-list"> <li class="first-item"> <a class="first-item-name" href="/" title="首页">首页</a> </li> <li class="first-item"> <a class="first-item-name" href="/yqjj.html" title="园区概况">园区概况</a> <ul class="second-list"> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/yqjj.html" title="园区简介">园区简介</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/zhuzhijiagou.html" title="管理体制">管理体制</a></li> <li class="second-item"><a class="second-item-name" href="/xrlda/246.html" title="现任领导">现任领导</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/jgsz1.html" title="机构设置">机构设置</a></li> <li class="second-item"><a class="second-item-name" href="/zzry.html" title="资质荣誉">资质荣誉</a></li> <li class="second-item"><a class="second-item-name" href="/pxfy.html" title="分园简介">分园简介</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/lxwm.html" title="联系我们">联系我们</a></li> </ul> </li> <li class="first-item"> <a class="first-item-name" href="/guanyuwomen.html" title="招商指南">招商指南</a> <ul class="second-list"> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/guanyuwomen.html" title="招商资源">招商资源</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/yqfg.html" title="入园须知">入园须知</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/zzjg1111.html" title="服务功能">服务功能</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/yewuzixun.html" title="业务资讯">业务资讯</a></li> </ul> </li> <li class="first-item"> <a class="first-item-name" href="/cycjq.html" title="创新创业">创新创业</a> <ul class="second-list"> <li class="second-item"><a class="second-item-name" href="/daxueshengchuangyeyuan.html" title="大学生创新创业">大学生创新创业</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/qyfc.html" title="企业培育">企业培育</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/jchd.html" title="双创活动">双创活动</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/cycjq.html" title="产业承接">产业承接</a></li> </ul> </li> <li class="first-item"> <a class="first-item-name" href="/xiangmuduijie.html" title="成果转化">成果转化</a> <ul class="second-list"> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/xiangmuduijie.html" title="项目对接">项目对接</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/cgzy.html" title="成果资源">成果资源</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/zjzy.html" title="专家资源">专家资源</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/gpjy.html" title="挂牌交易">挂牌交易</a></li> </ul> </li> <li class="first-item"> <a class="first-item-name" href="https://www.cumtusp.com/fuwupingtai.html" title="服务平台">服务平台</a> <ul class="second-list"> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/keyanpingtai.html" title="科研平台">科研平台</a></li> <li class="second-item"><a class="second-item-name" href="http://dygx.cumt.edu.cn:8080/customer/index/index.html" title="仪器共享">仪器共享</a></li> <li class="second-item"><a class="second-item-name" href="http://sites.sknow.org/xuzhou/" title="知识服务">知识服务</a></li> </ul> </li> <li class="first-item"> <a class="first-item-name" href="https://www.cumtusp.com/zcfg.html" title="政策法规">政策法规</a> <ul class="second-list"> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/gjzcfg.html" title="国家政策法规">国家政策法规</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/sszcfg.html" title="省市政策法规">省市政策法规</a></li> <li class="second-item"><a class="second-item-name" href="https://www.cumtusp.com/yqzcfg.html" title="园区政策法规">园区政策法规</a></li> </ul> </li> <li class="first-item"> <a class="first-item-name" href="https://www.cumtusp.com/dgtj.html" title="党工团建">党工团建</a> <ul class="second-list"> <li class="second-item"><a class="second-item-name" href="http://dj.cumtusp.com/dangjian/" title="党建之窗">党建之窗</a></li> <li class="second-item"><a class="second-item-name" href="/gh/148.html" title="工会">工会</a></li> <li class="second-item"><a class="second-item-name" href="/tuanwei/145.html" title="团委">团委</a></li> </ul> </li> </ul> </nav> </header> <!-- 页面头部 end --> <!-- 网站轮播 start --> <section class="swiper"> <div id="website-swiper" class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img class="img-responsive" src="/static/upload/2024/11/22/202411226210.png" width="100%" height="auto" alt="科技园网站轮播图"> </div> <div class="swiper-slide"> <img class="img-responsive" src="/static/upload/2024/09/30/202409307532.png" width="100%" height="auto" alt="科技园网站轮播图"> </div> <div class="swiper-slide"> <img class="img-responsive" src="/static/upload/2021/11/12/202111123260.jpg" width="100%" height="auto" alt="科技园网站轮播图"> </div> <div class="swiper-slide"> <img class="img-responsive" src="/static/upload/2022/05/06/202205064062.jpg" width="100%" height="auto" alt="科技园网站轮播图"> </div> <div class="swiper-slide"> <img class="img-responsive" src="/static/upload/2021/11/12/202111129993.jpg" width="100%" height="auto" alt="科技园网站轮播图"> </div> </div> <div class="swiper-pagination"></div> </div> </section> <!-- 网站轮播 end --> <!-- 网站新闻 start --> <section class="main bg-ashy"> <main class="container d-flex jc-between"> <article class="article d-flex flex-column jc-between"> <header class="common-title d-flex jc-between ai-center"> <h3 class="common-title-name">园区新闻</h3> <a class="common-title-more" href="https://www.cumtusp.com/yuanqujianjie.html">MORE+</a> </header> <div class="article-main flex-1 d-flex flex-column jc-between"> <div class="article-brick w-100 d-flex jc-between"> <div class="article-swiper"> <div id="article-swiper" class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="/yuanqujianjie/1443.html"> <img class="img-responsive" src="/static/upload/2023/11/28/202311282042.png" width="100%" height="auto" alt="科技园新闻轮播图"> <p class="paragraph">徐州市领导到我校慰问赵跃民院士并召开市校融合发展座谈会</p> </a> </div> <div class="swiper-slide"> <a href="http://cumtusp.com/yuanqujianjie/1219.html"> <img class="img-responsive" src="/static/upload/2022/12/15/202212155343.jpg" width="100%" height="auto" alt="科技园新闻轮播图"> <p class="paragraph">中国教育电视台专题报道——中国矿业大学党委书记刘波:做科教兴国的守门者 讲好能源报国的“矿大故事”</p> </a> </div> <div class="swiper-slide"> <a href="/yuanqujianjie/1249.html"> <img class="img-responsive" src="/static/upload/2023/02/27/202302276387.jpg" width="100%" height="auto" alt="科技园新闻轮播图"> <p class="paragraph">中国矿业大学党委常委、副校长卞正富来园区调研</p> </a> </div> <div class="swiper-slide"> <a href="/yuanqujianjie/1188.html"> <img class="img-responsive" src="/static/upload/2022/11/15/202211151913.jpg" width="100%" height="auto" alt="科技园新闻轮播图"> <p class="paragraph">全国股转系统、北京证券交易所徐州服务基地落地矿大科技园</p> </a> </div> </div> <div class="swiper-button-prev swiper-button-white"></div> <div class="swiper-button-next swiper-button-white"></div> </div> </div> <div class="article-banner"> <ul class="banner-list h-100 d-flex flex-column jc-between"> <li class="item wrap"> <a href="/yuanqujianjie/1602.html"> <img src="/static/upload/2024/10/15/202410153920.png" class="img-responsive" width="100%" height="auto" alt="科技园新闻图片"> <p class="text-blue paragraph">矿大概念验证中心聚焦安全应急科学领域 打通科技成果转化“最初一公里”</p> </a> </li> <li class="item wrap"> <a href="yuanqujianjie/1264.html"> <img src="/static/upload/2023/06/05/202306058321.jpg" class="img-responsive" width="100%" height="auto" alt="科技园新闻图片"> <p class="text-blue paragraph">江苏省应用数学(中国矿业大学)中心揭牌落地</p> </a> </li> </ul> </div> </div> <ul class="article-news flex-1 d-flex flex-wrap jc-between"> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1645.html" title="矿大科技园参加2024高校院所服务苏北五市产学研合作对接活动">矿大科技园参加2024高校院所服务苏北五市产学研合作对接活动</a> <time class="date text-grey">11-22</time> </li> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1643.html" title="总经理王森主持召开安全工作会议">总经理王森主持召开安全工作会议</a> <time class="date text-grey">11-20</time> </li> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1642.html" title="中国矿业大学国家大学科技园获评第十二届中国技术市场协会金桥奖">中国矿业大学国家大学科技园获评第十二届中国技术市场协会金桥奖</a> <time class="date text-grey">11-15</time> </li> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1639.html" title="新疆工程学院校长王增国一行来园区考察">新疆工程学院校长王增国一行来园区考察</a> <time class="date text-grey">11-01</time> </li> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1638.html" title="山东科技大学校长曾庆田一行来园区考察">山东科技大学校长曾庆田一行来园区考察</a> <time class="date text-grey">11-01</time> </li> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1634.html" title="2024年徐州市产业骨干人才选拔训练营在中国矿业大学国家大学科技园成功举办">2024年徐州市产业骨干人才选拔训练营在中国矿业大学国家大学科技园成功举办</a> <time class="date text-grey">10-25</time> </li> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1629.html" title="漯河市委副书记、组织部长常英敏一行来园区考察调研">漯河市委副书记、组织部长常英敏一行来园区考察调研</a> <time class="date text-grey">10-23</time> </li> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1626.html" title="中国矿业大学国家大学科技园:筑牢高质量发展安全防线">中国矿业大学国家大学科技园:筑牢高质量发展安全防线</a> <time class="date text-grey">10-17</time> </li> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1625.html" title="淮北市科技局党组成员、副局长杨体忠一行来矿大科技园考察调研">淮北市科技局党组成员、副局长杨体忠一行来矿大科技园考察调研</a> <time class="date text-grey">10-16</time> </li> <li class="article-news-item d-flex jc-between ai-center fs-default"> <a class="paragraph text-blue" href="https://www.cumtusp.com/yuanqujianjie/1624.html" title="攀枝花市环保产业协会会长苟顶才一行来园区考察调研">攀枝花市环保产业协会会长苟顶才一行来园区考察调研</a> <time class="date text-grey">10-15</time> </li> </ul> </div> </article> <aside class="aside d-flex flex-column jc-between"> <header class="common-title d-flex jc-between"> <h3 class="common-title-name">最新动态</h3> <a class="common-title-more" href="https://www.cumtusp.com/zxdt.html">MORE+</a> </header> <ul class="aside-news flex-1 d-flex flex-column jc-between wrap"> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">10</div> <div class="date-month">15</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1623.html" target="_blank" title="招商信息">招商信息</a> </p> </li> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">11</div> <div class="date-month">22</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1646.html" target="_blank" title="矿大科技园赴江苏盐城环保科技城考察调研">矿大科技园赴江苏盐城环保科技城考察调研</a> </p> </li> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">11</div> <div class="date-month">20</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1644.html" target="_blank" title="矿大科技园举办创业导师专题讲座">矿大科技园举办创业导师专题讲座</a> </p> </li> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">10</div> <div class="date-month">25</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1636.html" target="_blank" title="矿大科技园开展技术经理人事务所交流座谈会">矿大科技园开展技术经理人事务所交流座谈会</a> </p> </li> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">10</div> <div class="date-month">25</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1635.html" target="_blank" title="矿大科技园在孵企业参加北京大学——徐州第十一期创业精英人才研修班">矿大科技园在孵企业参加北京大学——徐州第十一期创业精英人才研修班</a> </p> </li> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">10</div> <div class="date-month">25</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1633.html" target="_blank" title="矿大科技园第三期部门内部学习研讨活动纪实">矿大科技园第三期部门内部学习研讨活动纪实</a> </p> </li> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">10</div> <div class="date-month">24</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1630.html" target="_blank" title="矿大科技园大学生创业园入驻团队举办创新创业项目分享交流会">矿大科技园大学生创业园入驻团队举办创新创业项目分享交流会</a> </p> </li> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">10</div> <div class="date-month">24</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1632.html" target="_blank" title="矿大科技园组织园区企业参加中国矿业大学2025届毕业生秋季双选会(第二场)">矿大科技园组织园区企业参加中国矿业大学2025届毕业生秋季双选会(第二场)</a> </p> </li> </ul> </aside> </main> </section> <!-- 网站新闻 end --> <section class="home4"> <!-- <img src="/static/technopark/assets/img/banner.jpg" width="100%" height="auto" alt="科技园新闻图片"> --> <div class="wp"> <div class="title flex wl"> <div class="h3 flex"> <div class="img"><img src="/static/technopark/assets/img/icon4/tit5.png" alt="" /></div> <h3> <span><a href="javascript:void(0)" style="color:#ffffff;">重要数据</a></span> <p><b>Important</b><i>Data</i></p> </h3> </div> </div> <div class="home4-t"> <div class="swiper-container"> <ul class="swiper-wrapper"> <li class="swiper-slide"> <a class=""> <div class="img wl"> <img src="/static/technopark/assets/img/icon4/4-1.png" alt=""> </div> <div class="con wl"> <h3><span class="sz">76000</span>平方米</h3> <p class="wl">场地</p> </div> </a> </li> <li class="swiper-slide"> <a class=""> <div class="img wl"> <img src="/static/technopark/assets/img/icon4/4-2.png" alt=""> </div> <div class="con wl"> <h3><span class="sz">16535.71</span>万元</h3> <p class="wl">2023年度楼宇税收</p> </div> </a> </li> <li class="swiper-slide"> <a class=""> <div class="img wl"> <img src="/static/technopark/assets/img/icon4/4-3.png" alt=""> </div> <div class="con wl"> <h3><span class="sz">887</span>家</h3> <p class="wl">累计孵化企业</p> </div> </a> </li> <li class="swiper-slide"> <a class=""> <div class="img wl"> <img src="/static/technopark/assets/img/icon4/4-4.png" alt=""> </div> <div class="con wl"> <h3><span class="sz">39</span>个</h3> <p class="wl">科研平台</p> </div> </a> </li> <li class="swiper-slide"> <a class=""> <div class="img wl"> <img src="/static/technopark/assets/img/icon4/4-5.png" alt=""> </div> <div class="con wl"> <h3><span class="sz">3020</span>台套</h3> <p class="wl">科研仪器</p> </div> </a> </li> <li class="swiper-slide"> <a class=""> <div class="img wl"> <img src="/static/technopark/assets/img/icon4/4-6.png" alt=""> </div> <div class="con wl"> <h3><span class="sz">83</span>家</h3> <p class="wl">累计培育高企</p> </div> </a> </li> </ul> </div> <div class="arror swiper-button-prev"></div> <div class="arror swiper-button-next"></div> </div> </div> <style type="text/css"> /* home4 */ /* .wl {position: relative;z-index: 1;} .wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; } .home4{padding: 0rem 0rem 0;overflow: hidden;position: relative;background: url("/static/technopark/assets/img/icon4/bg.jpg") no-repeat center/cover;} .home4::after{width: 100%;height: auto;bottom: 0;top: 0rem;background: url("/static/technopark/assets/img/icon4/bg.jpg") no-repeat center/cover;} .home4 .vde{position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .home4 .vde::after{width: 100%;height: 100%;background: #005bac;opacity: .5;} .home4 .vde video{width: 100%;height: 100%;object-fit: cover;} .home4 .title{position: absolute;bottom: 0;height: 3.55rem;left: 50%;transform: translateX(-50%);z-index: 10;} .home4 .title::after{width: 6.72rem;height: 6.72rem;border-radius: 50%;border: 1px dashed #fff;opacity: .23;bottom: auto;top: 0;left: 50%;transform: translateX(-50%);} .home4 .title h3 span,.home4 .title p{color: #fff;} .home4-t{height: 40rem;position: relative;} .home4-t .swiper-container{height: 100%;padding-top: 200px;} .home4-t::after{width: 13.28rem;height: 13.28rem;border-radius: 50%;border: 1px dashed #fff;opacity: .23;bottom: auto;top: 1.8rem;left: 50%;transform: translateX(-50%);} .home4-t li a{transform:translateY(200%);transition:0.5s;} .home4-t li .img{width: 3rem;height: 6rem;display: flex;align-items: center;justify-content: center;border: 1px dashed #c30e20;border-radius: 50%;margin: 0 auto;} .home4-t li .img::before{content: "";position: absolute;top: -6rem;right: -6rem;bottom: -6rem;left: -6rem;border-radius: 50%;background: #fff;opacity: .1;z-index: -1;} .home4-t li .img::after{width: 100%;background: #fff;opacity: .8;border-radius: 50%;} .home4-t li a{display: block;transition:0.5s;transform:translateY();} .home4-t li.swiper-slide-active a{transform: translateY(3.67rem) translateX(.8rem);} .home4-t li.swiper-slide-active+li a{transform: translateY(1.1rem);} .home4-t li.swiper-slide-active+li+li a{transform: translateY(0rem);} .home4-t li.swiper-slide-active+li+li+li a{transform: translateY(1.1rem);} .home4-t li.swiper-slide-active+li+li+li+li a{transform: translateY(3.67rem)translateX(-.8rem);} .home4-t li img{max-width:5rem;max-height:5rem} .home4-t li .con{padding-top: 0.35rem;text-align: center;} .home4-t li h3 span{font-size: 0.48rem;display: inline-block;padding-right: 0.05rem;font-family: sy;} .home4-t li h3{color: #fff;font-size: 0.18rem;} .home4-t li p{color: #fff;font-size: 0.18rem;margin-top: 0.1rem;} .home4-t .arror{width: 5rem;height:5rem;left: -0.3rem;top: 50%;margin-top: 0;border: 1px solid #fff;border-radius: 50%;} .home4-t .swiper-button-next{left: auto;right: -0.3rem;} .home4-t .arror::after{color: #fff;font-size: 0.2rem;font-weight: bold;} */ .flex{ display: -webkit-flex; /* Safari */display: flex; } .wl {position: relative;z-index: 1;} .wl::after { content: ""; z-index: -1; position: absolute; left: 0px; bottom: 0px; width: 0px; height: 100%; } /* home4 */ .home4{padding: 0rem 0rem 0;overflow: hidden;position: relative;background: url("/static/technopark/assets/img/icon4/bg.jpg") no-repeat center/cover;} .home4::after{width: 100%;height: auto;bottom: 0;top: 0rem;background: url("/static/technopark/assets/img/icon4/bg.jpg") no-repeat center/cover;} .home4 .vde{position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .home4 .vde::after{width: 100%;height: 100%;background: #005bac;opacity: .5;} .home4 .vde video{width: 100%;height: 100%;object-fit: cover;} .home4 .title{position: absolute;bottom: 0;height: 319px;left: 50%;transform: translateX(-50%);z-index: 10; font-size: 35px;} .home4 .title::after{width: 604px;height: 604px;border-radius: 50%;border: 1px dashed #fff;opacity: .23;bottom: auto;top: 0;left: 50%;transform: translateX(-50%);} .home4 .title h3 span,.home4 .title p{color: #fff;} .home4 .title .img{ margin:10px 20px; } .home4-t{height: 783px;position: relative;} .home4-t .swiper-container{height: 100%;padding-top: 81px;} .home4-t::after{width: 1196px;height: 1196px;border-radius: 50%;border: 1px dashed #fff;opacity: .23;bottom: auto;top: 162px;left: 50%;transform: translateX(-50%);} .home4-t li a{transform:translateY(200%);transition:0.5s;} .home4-t li .img{width: 144px;height: 144px;display: flex;align-items: center;justify-content: center;border: 1px dashed #c30e20;border-radius: 50%;margin: 0 auto;} .home4-t li .img::before{content: "";position: absolute;top: -10px;right: -10px;bottom: -10px;left: -10px;border-radius: 50%;background: #fff;opacity: .1;z-index: -1;} .home4-t li .img::after{width: 100%;background: #fff;opacity: .8;border-radius: 50%;} .home4-t li a{display: block;transition:0.5s;transform:translateY();} .home4-t li.swiper-slide-active a{transform: translateY(330px) translateX(72px);} .home4-t li.swiper-slide-active+li a{transform: translateY(99px);} .home4-t li.swiper-slide-active+li+li a{transform: translateY(0rem);} .home4-t li.swiper-slide-active+li+li+li a{transform: translateY(99px);} .home4-t li.swiper-slide-active+li+li+li+li a{transform: translateY(330px)translateX(-72px);} .home4-t li img{max-width:62px;max-height:65px} .home4-t li .con{padding-top: 31.5px;text-align: center;} .home4-t li h3 span{font-size: 42px;display: inline-block;padding-right: 4.5px;font-family: sy;} .home4-t li h3{color: #fff;font-size: 16px;} .home4-t li p{color: #fff;font-size: 16px;margin-top: 9px;} .home4-t .arror{width: 63px;height: 63px;left: 27px;top: 50%;margin-top: 0;border: 1px solid #fff;border-radius: 50%;} .home4-t .swiper-button-next{left: auto;right: 27px;} .home4-t .arror::after{color: #fff;font-size: 18px;font-weight: bold;} .home4-t li { width: 500px; } </style> </section> <!-- 新闻列表 start --> <section class="website-article bg-ashy"> <main class="container d-flex jc-between"> <section class="website-news"> <header class="common-title d-flex jc-between ai-center"> <h3 class="common-title-name">企业风采</h3> <a class="common-title-more" href="/yxqyzs.html"></a> </header> <div class="wrap" style="padding:10px; height:385px;"> <div class="article-swiper"> <div id="article-swiper-pro" class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="yxqyzs/1574.html"> <img class="img-responsive" src="/static/upload/2024/07/24/202407247614.png" width="100%" height="auto" alt="科技园新闻轮播图"> <p style="padding-top:10px;font-size:18px;color:#3b3b3b;line-height: 1.8;text-indent: 36px;">江苏忠江智能科技有限公司是一家专注人工智能、物联网、大数据等技术研发与应用的科技型公司,于2021年10月在矿大科技园注册成立,创办人为中国矿业大学杰出校友黄昌忠和郭晓江。</p> </a> </div> <div class="swiper-slide"> <a href="/yxqyzs/1565.html"> <img class="img-responsive" src="/static/upload/2024/07/04/202407047228.jpg" width="100%" height="auto" alt="科技园新闻轮播图"> <p style="padding-top:10px;font-size:18px;color:#3b3b3b;line-height: 1.8;text-indent: 36px;">碳科青创致力于引领能源数字化和保障矿山安全。公司依托中国矿业大学、山东科技大学、南京设计院、济南设计院等强大的科研资源,专注于智慧矿山自动化设备及系统的创新研发。</p> </a> </div> </div> </div> </div> </div> </section> <section class="website-news"> <header class="common-title d-flex jc-between ai-center"> <h3 class="common-title-name">学习园地</h3> <a class="common-title-more" href="https://www.cumtusp.com/tzgg.html">MORE+</a> </header> <ul class="website-news-list wrap"> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="https://www.cumtusp.com/tzgg/1628.html" target="_blank" title="十月征期新电子税局热点问答(二)">十月征期新电子税局热点问答(二)</a> <time class="date text-grey">10-18</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="https://www.cumtusp.com/tzgg/1586.html" target="_blank" title="中共中央办公厅 国务院办公厅关于完善市场准入制度的意见">中共中央办公厅 国务院办公厅关于完善市场准入制度的意见</a> <time class="date text-grey">08-27</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="https://www.cumtusp.com/tzgg/1584.html" target="_blank" title="轻松办税丨新电子税局申报更正与作废功能">轻松办税丨新电子税局申报更正与作废功能</a> <time class="date text-grey">08-13</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="https://www.cumtusp.com/tzgg/1583.html" target="_blank" title="办税缴费不用愁!新电子税局预约缴款功能来了。">办税缴费不用愁!新电子税局预约缴款功能来了。</a> <time class="date text-grey">08-13</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="https://www.cumtusp.com/tzgg/1582.html" target="_blank" title="中共中央国务院关于加快经济社会发展全面绿色转型的意见">中共中央国务院关于加快经济社会发展全面绿色转型的意见</a> <time class="date text-grey">08-12</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="https://www.cumtusp.com/tzgg/1567.html" target="_blank" title="国家人工智能产业综合标准化体系建设指南(2024版)">国家人工智能产业综合标准化体系建设指南(2024版)</a> <time class="date text-grey">07-05</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="https://www.cumtusp.com/tzgg/1564.html" target="_blank" title="新电子税局四大变化">新电子税局四大变化</a> <time class="date text-grey">07-03</time> </li> </ul> </section> <section class="website-news"> <header class="common-title d-flex jc-between ai-center"> <h3 class="common-title-name">相关链接</h3> <a class="common-title-more" href="/yqlj/40.html">MORE+</a> </header> <ul class="website-news-list wrap"> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="http://www.moe.gov.cn/" target="_blank" title="中华人民共和国教育部">中华人民共和国教育部</a> <time class="date text-grey">01-01</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="http://www.most.gov.cn/index.html" target="_blank" title="中华人民共和国科学技术部">中华人民共和国科学技术部</a> <time class="date text-grey">01-01</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="http://jyt.jiangsu.gov.cn/" target="_blank" title="江苏省教育厅">江苏省教育厅</a> <time class="date text-grey">01-01</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="http://kxjst.jiangsu.gov.cn/" target="_blank" title="江苏省科技厅">江苏省科技厅</a> <time class="date text-grey">01-01</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="http://www.cumt.edu.cn/" target="_blank" title="中国矿业大学">中国矿业大学</a> <time class="date text-grey">01-01</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="http://www.xzqs.gov.cn/" target="_blank" title="徐州市泉山区人民政府">徐州市泉山区人民政府</a> <time class="date text-grey">01-01</time> </li> <li class="website-news-list-item d-flex jc-between ai-center fs-default"> <a class="paragraph" href="https://www.cumtusp.com/yqlj/40.html" target="_blank" title="江苏淮海科技城">江苏淮海科技城</a> <time class="date text-grey">01-01</time> </li> </ul> </section> </main> </section> <!-- 新闻列表 end --> <!-- 网页底部 开始部分 --> <footer class="footer bg-default" style="background-image: url(/static/upload/2021/12/10/202112105596.jpg)"> <section class="container footer-logo"> <img src="/static/technopark//assets/img/foooter/logo01.png" alt="" width="100" height="auto"> <img src="/static/technopark//assets/img/foooter/logo02.png" alt="" width="90" height="auto"> </section> <main class="container footer-main"> <!-- 定位区域 start --> <div class="footer-link"> <h3 class="footer-link-title">常用链接</h3> <ul class="footer-link-list"> <li> <img src="/static/technopark//assets/img/foooter/wx.png" width="50" alt="微信"> <img class="qr-code" src="/static/technopark//assets/img/foooter/wxm.jpg" width="80" alt="微信二维码"> </li> <li> <img src="/static/technopark//assets/img/foooter/yx.png" width="50" alt="邮箱"> <img class="qr-code" src="/static/technopark//assets/img/foooter/yxm.jpg" width="80" alt="邮箱二维码"> </li> <li> <img src="/static/technopark//assets/img/foooter/oa.png" width="50" alt="泛微"> <img class="qr-code" src="/static/technopark//assets/img/foooter/oam.jpg" width="80" alt="OA二维码"> </li> </ul> </div> <!-- 定位区域 start --> <h2>中国矿业大学国家大学科技园</h2> <h2>CUMT NATIONAL UNIVERSITY SCIENCE PARK </h2> </main> <hr class="hr"> <p>版权所有:中国矿业大学国家大学科技园 地址:江苏省徐州市解放南路科技大厦1202室 邮编:221008</p> <p>苏ICP备10208122号-2 <img src="/static/technopark//assets/img/foooter/batb.png" width="auto" height="auto" alt="苏公网安备图片">苏公网安备 32031102001077号</p> </footer> <!-- 网页底部 结束部分 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> --> <script src="https://awp-assets.meituan.net/thh/thh_feb_web_portal/js/jquery-3.6.0.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script> <script src="/static/technopark/assets/js/index.js"></script> <script type="text/javascript"> $(function () { var swiper3 = new Swiper('.home4-t .swiper-container', { speed: 1000, loop: true, // spaceBetween: 30, slidesPerView: 5, autoplay: 6000, pagination: { el: '.home4-t .swiper-pagination', clickable: true, bulletActiveClass: 'on', }, prevButton:'.home4-t .swiper-button-prev', nextButton:'.home4-t .swiper-button-next', // navigation: { // nextEl: '.home4-t .swiper-button-next', // prevEl: '.home4-t .swiper-button-prev', // }, // centeredSlides : true, watchSlidesProgress : true, breakpoints: { 320: { slidesPerView: 2, spaceBetween: 10, }, 420: { slidesPerView: 3, spaceBetween: 10, }, 768: { slidesPerView: 4, spaceBetween: 20, }, 1024: { slidesPerView:5, spaceBetween: 20, }, } }) }); </script> </body> </html>