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/2025/02/18/202502184156.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="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/1664.html"> <img class="img-responsive" src="/static/upload/2024/12/17/202412179530.png" width="100%" height="auto" alt="科技园新闻轮播图"> <p class="paragraph">12月16日下午,江苏淮海科技城党工委书记、管委会主任王贯渠一行来学校调研交流。学校在行健楼B503会议室举行座谈会,校长赵宏伟出席会议。</p> </a> </div> <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="/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/1691.html" title="《哪吒2》爆火登顶!矿大科技园孵化企业参与制作!">《哪吒2》爆火登顶!矿大科技园孵化企业参与制作!</a> <time class="date text-grey">02-12</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/1690.html" title="泉山区委书记李勇来园区考察调研">泉山区委书记李勇来园区考察调研</a> <time class="date text-grey">02-11</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/1686.html" title="总经理杨得利慰问春节值班人员">总经理杨得利慰问春节值班人员</a> <time class="date text-grey">01-27</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/1685.html" title="总经理杨得利带队开展春节前安全检查">总经理杨得利带队开展春节前安全检查</a> <time class="date text-grey">01-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/1684.html" title="台湾中华海峡两岸青年创业协会理事长秦永恒一行来园考察调研">台湾中华海峡两岸青年创业协会理事长秦永恒一行来园考察调研</a> <time class="date text-grey">01-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/1678.html" title="中国矿业大学国家大学科技园召开总经理任职宣布大会">中国矿业大学国家大学科技园召开总经理任职宣布大会</a> <time class="date text-grey">01-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/1677.html" title="中国矿业大学2025年新年献辞">中国矿业大学2025年新年献辞</a> <time class="date text-grey">01-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/1664.html" title="江苏淮海科技城管理委员会来学校调研交流">江苏淮海科技城管理委员会来学校调研交流</a> <time class="date text-grey">12-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/1661.html" title="喜报!矿大科技园荣获中国技术市场协会“五星级科技服务机构”称号">喜报!矿大科技园荣获中国技术市场协会“五星级科技服务机构”称号</a> <time class="date text-grey">12-13</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/1656.html" title="矿大科技园新型研发机构建设取得新成效">矿大科技园新型研发机构建设取得新成效</a> <time class="date text-grey">12-11</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">02</div> <div class="date-month">13</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1692.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">01</div> <div class="date-month">27</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1687.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">01</div> <div class="date-month">24</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1683.html" target="_blank" title="关于2025年春节放假安排的通知">关于2025年春节放假安排的通知</a> </p> </li> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">01</div> <div class="date-month">23</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1682.html" target="_blank" title="徐州市科技企业孵化器协会2025新春年会成功举办">徐州市科技企业孵化器协会2025新春年会成功举办</a> </p> </li> <li class="aside-news-item d-flex jc-between"> <time class="date bg-ashy wrap"> <div class="date-day">01</div> <div class="date-month">16</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1679.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">01</div> <div class="date-month">02</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1675.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">01</div> <div class="date-month">02</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1674.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">01</div> <div class="date-month">02</div> </time> <p class="text-black"> <a href="https://www.cumtusp.com/zxdt/1673.html" target="_blank" title="山西乡宁焦煤集团科技创新与新质生产力研讨班在矿大科技园召开">山西乡宁焦煤集团科技创新与新质生产力研讨班在矿大科技园召开</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/1688.html" target="_blank" title="财务增值税、企业所得税、个税、财产行为税答疑精选">财务增值税、企业所得税、个税、财产行为税答疑精选</a> <time class="date text-grey">01-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/1680.html" target="_blank" title="中共中央、国务院印发《教育强国建设规划纲要(2024-2035年)》">中共中央、国务院印发《教育强国建设规划纲要(2024-2035年)》</a> <time class="date text-grey">01-20</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/1668.html" target="_blank" title="热点丨中央财政资金支持!《中小企业数字化赋能专项行动方案(2025—2027年)》官方解读">热点丨中央财政资金支持!《中小企业数字化赋能专项行动方案(2025—2027年)》官方解读</a> <time class="date text-grey">12-23</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/1667.html" target="_blank" title="一图读懂《中小企业数字化赋能专项行动方案》 (2025-2027年)">一图读懂《中小企业数字化赋能专项行动方案》 (2025-2027年)</a> <time class="date text-grey">12-23</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/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> </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"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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>版权所有:中国矿业大学国家大学科技园 &nbsp;&nbsp; 地址:江苏省徐州市解放南路科技大厦1202室 &nbsp;&nbsp; 邮编:221008</p> <p>苏ICP备10208122号-2 &nbsp;&nbsp; <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>

Pages: 1 2 3 4 5 6 7 8 9 10