• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

学校官网弄一个

武飞扬头像
谔谔Vv
帮助4

  1.  
    <!DOCTYPE html>
  2.  
    <html>
  3.  
    <head>
  4.  
    <meta charset="utf-8">
  5.  
    <title>南宁理工首页面</title>
  6.  
    <link rel="stylesheet" href="css/reset.css">
  7.  
    <link rel="stylesheet" href="css/index.css">
  8.  
    <style>
  9.  
    ul,ol{
  10.  
    list-style: none;
  11.  
    }
  12.  
    table, td, tr, ul, ol, li, dl, dd, dt, p, input, form, em, p, img, h2, h3, h4, h5 {
  13.  
    margin: 0;
  14.  
    padding: 0;
  15.  
    list-style: none;
  16.  
    }
  17.  
    a{
  18.  
    text-decoration: none;
  19.  
    font-size: 16px;
  20.  
    color: black;
  21.  
    }
  22.  
    h2{
  23.  
    font-size: 16px;
  24.  
    }
  25.  
    li{
  26.  
    display: list-item;
  27.  
    text-align: -webkit-match-parent;
  28.  
    }
  29.  
    </style>
  30.  
     
  31.  
    </head>
  32.  
    <body>
  33.  
    <header class="top">
  34.  
    <div class="top-logo">
  35.  
    <div>
  36.  
    <img src="img/logo.png" class="logo" alt="">
  37.  
    <div class="logo-right">
  38.  
    <input type="search" id="search" value="请输入要搜索内容">
  39.  
    <button id="go"><b>搜索</b></button>
  40.  
    </div>
  41.  
    </div>
  42.  
     
  43.  
    </div>
  44.  
    <nav class="menu">
  45.  
    <ul>
  46.  
    <li><a href="#">首页</a></li>
  47.  
    <li>
  48.  
    <a href="#">学校概况</a>
  49.  
    <!-- <div class="two-list"> -->
  50.  
    <ul>
  51.  
    <li><a href="#">学校简介</a></li>
  52.  
    <li><a href="#">学校领导</a></li>
  53.  
    <li><a href="#">学校标识</a></li>
  54.  
    <li><a href="#">校园风光</a></li>
  55.  
    </ul>
  56.  
    <!-- </div> -->
  57.  
    </li>
  58.  
    <li>
  59.  
    <a href="#">机构设置</a>
  60.  
    <!-- <div class="two-list-1"> -->
  61.  
    <ul>
  62.  
    <li><a href="#">教学单位</a></li>
  63.  
    <li><a href="#">职能部门</a></li>
  64.  
    </ul>
  65.  
    <!-- </div> -->
  66.  
    </li>
  67.  
    <li>
  68.  
    <a href="#">教育教学</a>
  69.  
    </li>
  70.  
    <li>
  71.  
    <a href="#">招生就业</a>
  72.  
    <!-- <div class="two-list-2"> -->
  73.  
    <ul>
  74.  
    <li><a href="#">招生</a></li>
  75.  
    <li><a href="#">就业</a></li>
  76.  
    </ul>
  77.  
    <!-- </div> -->
  78.  
    </li>
  79.  
    <li>
  80.  
    <a href="#">人才建设</a>
  81.  
    <!-- <div class="two-list-3"> -->
  82.  
    <ul>
  83.  
    <li><a href="#">人才引进</a></li>
  84.  
    <li><a href="#">人才培训</a></li>
  85.  
    <li><a href="#">干部学院</a></li>
  86.  
    </ul>
  87.  
    <!-- </div> -->
  88.  
    </li>
  89.  
    <li>
  90.  
    <a href="#">国际交流</a>
  91.  
    <!-- <div class="two-list-4"> -->
  92.  
    <ul>
  93.  
    <li><a href="#">本硕直通</a></li>
  94.  
    <li><a href="#">友好往来</a></li>
  95.  
    </ul>
  96.  
    <!-- </div> -->
  97.  
    </li>
  98.  
    <li>
  99.  
    <a href="#">数字南理</a>
  100.  
    <!-- <div class="two-list-5"> -->
  101.  
    <ul>
  102.  
    <li><a href="#">智慧校园(教师端)</a></li>
  103.  
    <li><a href="#">在线教学平台</a></li>
  104.  
    <li><a href="#">图书检索</a></li>
  105.  
    <li><a href="#">办公自动化系统(OA)</a></li>
  106.  
    <li><a href="#">教务系统</a></li>
  107.  
    <li><a href="#">迎新系统</a></li>
  108.  
    <li><a href="#">缴费系统</a></li>
  109.  
    <li><a href="#">学工系统</a></li>
  110.  
    <li><a href="#">校园邮箱</a></li>
  111.  
    <li><a href="#">上网认证</a></li>
  112.  
    <li><a href="#">五车图书</a></li>
  113.  
    <li><a href="#">京广图书</a></li>
  114.  
    <li><a href="#">资产系统</a></li>
  115.  
    <li><a href="#">数字化实习实训平台</a></li>
  116.  
    </ul>
  117.  
    <!-- </div> -->
  118.  
    </li>
  119.  
    <li>
  120.  
    <a href="#">原门户</a>
  121.  
    <!-- <div class="two-list-6"> -->
  122.  
    <ul>
  123.  
    <li><a href="#">学校简介</a></li>
  124.  
    <li><a href="#">学校领导</a></li>
  125.  
    <li><a href="#">学校标识</a></li>
  126.  
    <li><a href="#">校园风光</a></li>
  127.  
    </ul>
  128.  
    <!-- </div> -->
  129.  
    </li>
  130.  
    </ul>
  131.  
     
  132.  
    </nav>
  133.  
     
  134.  
    <div class="banner">
  135.  
    <img src="img/item.png" alt="">
  136.  
    </div>
  137.  
    </header>
  138.  
    <div class="content">
  139.  
    <div class="left">
  140.  
    <div class="index_title">
  141.  
    <div class="topnav">
  142.  
    <ul id="index_news_left">
  143.  
    <li class="active" data-num="1"><a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xxxw/">学校新闻</a></li>
  144.  
    <li data-num="2" class=""><a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xydt/">校园动态</a></li>
  145.  
    <li data-num="3" class=""><a target="_blank" href="https://www.bwgl.cn/syxw/syxw_mtnl/">媒体南理</a></li>
  146.  
    </ul>
  147.  
    </div>
  148.  
    <div class="more tabmorel active">
  149.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xxxw/">READ MORE</a>
  150.  
    <i>
  151.  
    <img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt="">
  152.  
    </i>
  153.  
    </div>
  154.  
    <div class="more tabmorel">
  155.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xydt/">READ MORE</a>
  156.  
    <i>
  157.  
    <img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt="">
  158.  
    </i>
  159.  
    </div>
  160.  
    <div class="more tabmorel">
  161.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/syxw_mtnl/">READ MORE</a>
  162.  
    <i>
  163.  
    <img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt="">
  164.  
    </i>
  165.  
    </div>
  166.  
    <div class="list index_news_left_list active" data-num="3">
  167.  
    <div class="list_l">
  168.  
    <a target="_blank" href="https://guangxi.eol.cn/gxgd/202210/t20221024_2251637.shtml">
  169.  
    <div class="img"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/10/微信图片_20221024102853-scaled.jpg" alt=""></div>
  170.  
    <div class="nr">
  171.  
    <h2>暖心!南宁理工学院后勤保卫处温暖相助走失老人</h2>
  172.  
    <div class="info">
  173.  
    <span>来源:中国教育在线广西分站</span>
  174.  
    <span>发布日期:2022-10-24</span>
  175.  
    </div>
  176.  
    <p></p>
  177.  
    </div>
  178.  
    </a>
  179.  
    </div>
  180.  
    <div class="list_r" style="margin-top: -21px;">
  181.  
    <ul>
  182.  
    <li>
  183.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/34139/">
  184.  
    <div class="nr">
  185.  
    <h2>【中国青年网】唐莉琼:青年教师要刻苦钻研,紧跟时代,引领行业</h2>
  186.  
    <div class="info">
  187.  
    <span>来源:教学科研管理处</span>
  188.  
    <span>发布日期:2022-10-21</span>
  189.  
    </div>
  190.  
    <p></p>
  191.  
    </div>
  192.  
    </a>
  193.  
    </li>
  194.  
    <li>
  195.  
    <a target="_blank" href="https://xiaoyuan.cycnet.com.cn/s?uid=692024&amp;app_version=1.4.5&amp;sid=1401193&amp;time=1662340652&amp;signature=xZry0KPXd5RYDQVznvq4v9EnKugJnM1GlE6go9mAJkeON2wjWB&amp;sign=b63e6509603854f029a9988567f54ecd">
  196.  
    <div class="nr">
  197.  
    <h2>南理学子三下乡:保护潜经村文化风情,培育特色潜经乡村,我们在路上</h2>
  198.  
    <div class="info">
  199.  
    <span>来源:中青网</span>
  200.  
    <span>发布日期:2022-09-04</span>
  201.  
    </div>
  202.  
    <p></p>
  203.  
    </div>
  204.  
    </a>
  205.  
    </li>
  206.  
    <li>
  207.  
    <a target="_blank" href="https://xiaoyuan.cycnet.com.cn/s?uid=692024&amp;app_version=1.4.5&amp;sid=1398268&amp;time=1662340611&amp;signature=WnG63ezAQDowMB0vlYg4kgn08sDeBy4L8KN5yR9XpjPOxrbdE2&amp;sign=94252076227a00c12f5b14ed02b2a621">
  208.  
    <div class="nr">
  209.  
    <h2>广西大学生三下乡:党旗领航聚合力,乡村振兴谱新篇</h2>
  210.  
    <div class="info">
  211.  
    <span>来源:中青网</span>
  212.  
    <span>发布日期:2022-09-03</span>
  213.  
    </div>
  214.  
    <p></p>
  215.  
    </div>
  216.  
    </a>
  217.  
    </li>
  218.  
    <li>
  219.  
    <a target="_blank" href="https://xiaoyuan.cycnet.com.cn/s?uid=692024&amp;app_version=1.4.5&amp;sid=1398270&amp;time=1662340603&amp;signature=e6y30XlmbkL9oxwAjJd1P6ZR2UK6ny7gMQE2nZKW8RNpvPrqzB&amp;sign=e6411cdf2da2404c1824752ad53363f2">
  220.  
    <div class="nr">
  221.  
    <h2>广西大学生三下乡: 做瑶族文化锦绣,体瑶族文化风味</h2>
  222.  
    <div class="info">
  223.  
    <span>来源:中青网</span>
  224.  
    <span>发布日期:2022-09-03</span>
  225.  
    </div>
  226.  
    <p></p>
  227.  
    </div>
  228.  
    </a>
  229.  
    </li>
  230.  
    </ul>
  231.  
    </div>
  232.  
    </div>
  233.  
    </div>
  234.  
    </div>
  235.  
    <div class="right">
  236.  
    <div class="index_title">
  237.  
    <div class="topnav2">
  238.  
    <ul id="index_news_right">
  239.  
    <li class="active" data-num="1"><a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/">通知公告</a></li>
  240.  
    <li data-num="2"><a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_hdyg/">活动预告</a></li>
  241.  
    </ul>
  242.  
    </div>
  243.  
     
  244.  
    <div class="more tabmore active">
  245.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/">READ MORE</a><i><img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt=""></i>
  246.  
    </div>
  247.  
    <div class="more tabmore">
  248.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_hdyg/">READ MORE</a><i><img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt=""></i>
  249.  
    </div>
  250.  
    </div>
  251.  
    <ul class="index_news_right_list" data-num="1" style="margin-top: 51px; height: 100%; display: block;">
  252.  
    <li>
  253.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35846/">
  254.  
    <div class="list">
  255.  
    <div class="time">
  256.  
    <em>07</em>
  257.  
    <i>2022-11</i>
  258.  
    </div>
  259.  
    <div class="nr">
  260.  
    <h2>关于组织申报2022年广西哲学社会科学规划研究课题“外语学科专项”工作的通知</h2>
  261.  
    <p>
  262.  
    校属各单位、各部门:为进一步提高广西外语科研人员积极性和外向型人才培养质量,广西哲学社会科学……
  263.  
    </p>
  264.  
    </div>
  265.  
    </div>
  266.  
    </a>
  267.  
    </li>
  268.  
    <li>
  269.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35667/">
  270.  
    <div class="list">
  271.  
    <div class="time">
  272.  
    <em>04</em>
  273.  
    <i>2022-11</i>
  274.  
    </div>
  275.  
    <div class="nr">
  276.  
    <h2>
  277.  
    关于2022-2023学年第一学期期中教学检查具体安排的通知
  278.  
    </h2>
  279.  
    <p>
  280.  
    校属各教学单位:&nbsp;根据《关于2022-2023学年第一学期期中教学检查安排的通知》文件要求,学校……
  281.  
    </p>
  282.  
    </div>
  283.  
    </div>
  284.  
    </a>
  285.  
    </li>
  286.  
    <li>
  287.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35680/">
  288.  
    <div class="list">
  289.  
    <div class="time">
  290.  
    <em>04</em>
  291.  
    <i>2022-11</i>
  292.  
    </div>
  293.  
    <div class="nr">
  294.  
    <h2>关于组织申报2023年度广西高校中青年教师基础能力提升项目的通知
  295.  
    </h2>
  296.  
    <p>校属各部门、各单位:2023年度广西高校中青年教师基础能力提升项目申报工作现已启动,根据广西教育……
  297.  
    </p>
  298.  
    </div>
  299.  
    </div>
  300.  
    </a>
  301.  
    </li>
  302.  
    <li>
  303.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35668/">
  304.  
    <div class="list">
  305.  
    <div class="time">
  306.  
    <em>04</em>
  307.  
    <i>2022-11</i>
  308.  
    </div>
  309.  
    <div class="nr">
  310.  
    <h2>
  311.  
    关于南宁东盟校区开展应急综合演练的通知
  312.  
    </h2>
  313.  
    <p>
  314.  
    校属各单位、部门及师生员工:&nbsp; &nbsp; &nbsp; &nbsp;为了加强南宁东盟校区应对突发事故的能……
  315.  
    </p>
  316.  
    </div>
  317.  
    </div>
  318.  
    </a>
  319.  
    </li>
  320.  
    <li>
  321.  
    <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35643/">
  322.  
    <div class="list">
  323.  
    <div class="time">
  324.  
    <em>04</em>
  325.  
    <i>2022-11</i>
  326.  
    </div>
  327.  
    <div class="nr">
  328.  
    <h2>
  329.  
    关于开展2022年度校级一流课程认定工作的通知
  330.  
    </h2>
  331.  
    <p>
  332.  
    各二级学院:为贯彻落实全国教育大会精神和新时代全国高等学校本科教育工作会议要求,进一步深化教……
  333.  
    </p>
  334.  
    </div>
  335.  
    </div>
  336.  
    </a>
  337.  
    </li>
  338.  
    </ul>
  339.  
    </div>
  340.  
    </div>
  341.  
    <footer class="footer">
  342.  
    <div class="footer-1">
  343.  
    <div class="footer-index">
  344.  
    <ul>
  345.  
    <li>
  346.  
    <a target="_blank" href="https://www.vrzhan.com/v/6031666">
  347.  
    <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico1.png" alt="">
  348.  
    <p>VR实景</p>
  349.  
    </a>
  350.  
    </li>
  351.  
    <li>
  352.  
    <a target="_blank" href="https://www.bwgl.cn/gjjyxy/gjjyxy_bszt/1710/">
  353.  
    <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico2.png" alt="">
  354.  
    <p>本硕直通</p>
  355.  
    </a>
  356.  
    </li>
  357.  
    <li>
  358.  
    <a target="_blank" href="https://web.bwgl.cn/site/9PfZGdmWQQweP2Uu">
  359.  
    <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico3.png" alt="">
  360.  
    <p>党团建设</p>
  361.  
    </a>
  362.  
    </li>
  363.  
    <li>
  364.  
    <a target="_blank" href="https://www.bwgl.cn/twxxzx">
  365.  
    <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico4.png" alt="">
  366.  
    <p>图书馆</p>
  367.  
    </a>
  368.  
    </li>
  369.  
    </ul>
  370.  
    </div>
  371.  
     
  372.  
    </div>
  373.  
    <div class="footer-2">
  374.  
    <div class="foot">
  375.  
    <div class="foot_l">
  376.  
    <div class="foot_logo">
  377.  
    <img src="/static_new/nanning/img/foot_logo.png" alt="">
  378.  
    </div>
  379.  
    <ul>
  380.  
    <li>
  381.  
    <img src="/static_new/nanning/img/weibo.png" alt="">
  382.  
    <p>官方微博</p>
  383.  
    <div class="block active"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/wx_.png" alt=""></div>
  384.  
    </li>
  385.  
    <li>
  386.  
    <img src="/static_new/nanning/img/weixin.png" alt="">
  387.  
    <p>官方微信</p>
  388.  
    <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/xxwx.png" alt=""></div>
  389.  
    </li>
  390.  
    <li>
  391.  
    <img src="/static_new/nanning/img/zhaosheng.png" alt="">
  392.  
    <p>招生就业</p>
  393.  
    <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/zsjy.jpg" alt=""></div>
  394.  
    </li>
  395.  
    <li>
  396.  
    <a href="https://www.vrzhan.com/v/6031666">
  397.  
    <img src="/static_new/nanning/img/vrshijing.png" alt="">
  398.  
    <p>VR实景</p>
  399.  
    <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/04/32_842568987bc3fd607a808dbfea467efd.png" alt=""></div>
  400.  
    </a>
  401.  
    </li>
  402.  
    <li>
  403.  
    <img src="/static_new/nanning/img/ipv6_ico.png" alt="">
  404.  
    <p>IPv6</p>
  405.  
    <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/ipv6.png" alt=""></div>
  406.  
    </li>
  407.  
    </ul>
  408.  
    </div>
  409.  
    <div class="foot_r">
  410.  
    <div class="top">
  411.  
    <ul id="footer_ul">
  412.  
    <li>
  413.  
    <p>校内链接</p>
  414.  
    <div class="jt"><img src="/img/foot_logo.png" alt=""></div>
  415.  
    <div class="dr">
  416.  
    <a href="https://oa.bwgl.cn/">办公自动化系统(OA)</a>
  417.  
     
  418.  
    <a href="https://mooc.bwgl.cn/">在线教学平台</a>
  419.  
     
  420.  
    <a href="http://zc.bwgl.cn/">资产系统</a>
  421.  
     
  422.  
    <a href="https://lib.bwgl.cn/opac/BWXY/refineResults">图书检索</a>
  423.  
     
  424.  
    <a href="http://zfjw.bwgl.cn/">正方教务系统</a>
  425.  
     
  426.  
    <a href="http://jw.bwgl.cn/gllgdxbwglxy">教务系统</a>
  427.  
     
  428.  
    <a href="https://eepay.bwgl.cn/wac/pc/login/login.html#/">缴费系统</a>
  429.  
     
  430.  
    <a href="https://xgxt.bwgl.cn/xgxt/">学工系统</a>
  431.  
     
  432.  
    <a href="https://yxxt.bwgl.cn/yxxt/zzyx/xsLogin_index.do">迎新系统</a>
  433.  
     
  434.  
    <a href="https://cnki-image.bwgl.cn/">知网镜像(内网)</a>
  435.  
     
  436.  
    <a href="http://w.bwgl.cn/">上网认证</a>
  437.  
     
  438.  
    <a href="http://172.30.1.14:8007/">心理普测(内网)</a>
  439.  
     
  440.  
    <a href="http://bcxl.bwgl.cn/">北辰心理普测系统</a>
  441.  
    </div>
  442.  
    </li>
  443.  
     
  444.  
    <li>
  445.  
    <p>专题网站</p>
  446.  
    <div class="jt"><img src="/static_new/nanning/img/jt.png" alt=""></div>
  447.  
    <div class="dr">
  448.  
     
  449.  
    <a href="https://www.bwgl.cn/gbxy/web.bwgl.cn/section/SYpXZSpnWDj56gPH/QsFqHpibYZ2tNMM8/1">两学一做</a>
  450.  
     
  451.  
    <a href="https://www.bwgl.cn/gbxy/www.bwgl.cn/gbxy/">干部学院</a>
  452.  
     
  453.  
    <a href="http://zt.bwgl.cn/fzjy/">法治教育</a>
  454.  
     
  455.  
    <a href="https://web.bwgl.cn//site/7D9YM2baWWd6LdM4">网络安全宣传周</a>
  456.  
     
  457.  
    <a href="http://zt.bwgl.cn/hw/">海外课堂</a>
  458.  
     
  459.  
    <a href="http://zt.bwgl.cn/cxzy/ywjj.html">创先争优</a>
  460.  
     
  461.  
    <a href="http://zt.bwgl.cn/pjw/">评建网</a>
  462.  
     
  463.  
    <a href="http://zt.bwgl.cn/wm/">安全文明校园</a>
  464.  
     
  465.  
    <a href="http://zt.bwgl.cn/xf/">学风建设</a>
  466.  
     
  467.  
    <a href="http://zt.bwgl.cn/qzlx/">党的群众路线教育实践活动</a>
  468.  
     
  469.  
    <a href="http://zt.bwgl.cn/mlgx/">美丽广西 清洁乡村</a>
  470.  
     
  471.  
    <a href="http://zt.bwgl.cn/tmgc/">土木工程省级特色专业</a>
  472.  
     
  473.  
    <a href="https://www.bwgl.cn/xyw/">校友网</a>
  474.  
     
  475.  
    <a href="http://web.bwgl.cn/site/BA6HiKsstPHhgM4F">十五周年校庆</a>
  476.  
    </div>
  477.  
    </li>
  478.  
    <li>
  479.  
    <p>友情链接</p>
  480.  
    <div class="jt"><img src="/static_new/nanning/img/jt.png" alt=""></div>
  481.  
    <div class="dr">
  482.  
     
  483.  
    <a href="http://www.enetedu.com/">高校教师网络培训中心</a>
  484.  
     
  485.  
    <a href="http://gxttc.gxnu.edu.cn">广西高等学校师资培训中心</a>
  486.  
     
  487.  
    </div>
  488.  
    </li>
  489.  
    </ul>
  490.  
    </div>
  491.  
    <div class="contact">
  492.  
    <p>南宁东盟校区:广西南宁市广西-东盟经济技术开发区发展大道16号</p>
  493.  
    <p>桂林雁山校区:广西桂林市雁山区雁山镇雁山街317号</p>
  494.  
    <span>招生咨询热线(东盟):0771-6031555 6031666 6031777 </span>&nbsp;
  495.  
    <span>招生咨询热线(桂林):0773-8998009 8998018 8998088 </span>&nbsp;
  496.  
     
  497.  
    <div class="prin">
  498.  
     
  499.  
    <a href="mailto:yz@nnct.edu.cn">&lt; 校长信箱</a>
  500.  
     
  501.  
    <a href="/static_new/nanning/img/jdjbp.jpg">&lt; 监督举报</a>
  502.  
     
  503.  
    <a href="https://www-en.bwgl.cn/" style="margin-left: 40px;">EN</a>
  504.  
    </div>
  505.  
    </div>
  506.  
    </div>
  507.  
    </div>
  508.  
    </div>
  509.  
    </footer>
  510.  
    </html>
  511.  
     
  512.  
     
  513.  
     
  514.  
    /*css部分*/
  515.  
     
  516.  
     
  517.  
    /*顶部开始*/
  518.  
    header.top {
  519.  
    width: 100%;
  520.  
    height: 660px;
  521.  
    }
  522.  
     
  523.  
    .top-logo {
  524.  
    width: 100%;
  525.  
    height: 140px;
  526.  
    /* border: 1px solid red; */
  527.  
    background-image: url(../img/first-logo.png);
  528.  
    background-size: cover;
  529.  
    }
  530.  
     
  531.  
    .top-logo>div {
  532.  
    width: 1402px;
  533.  
    height: 140px;
  534.  
    margin: auto;
  535.  
    line-height: 140px;
  536.  
    }
  537.  
     
  538.  
    .logo {
  539.  
    margin-top: 18px;
  540.  
    }
  541.  
     
  542.  
    .logo-right {
  543.  
    width: 600px;
  544.  
    height: 140px;
  545.  
    float: right;
  546.  
    text-align: right;
  547.  
    }
  548.  
     
  549.  
    #search {
  550.  
    width: 288px;
  551.  
    height: 45px;
  552.  
    border: none;
  553.  
    border-radius: 40px;
  554.  
    background-color: ;
  555.  
    margin-right: 35px;
  556.  
    font-size: 18px;
  557.  
    text-align: center;
  558.  
    }
  559.  
     
  560.  
    #search:focus {
  561.  
    border: 5px solid skyblue;
  562.  
    }
  563.  
     
  564.  
    #go {
  565.  
    width: 120px;
  566.  
    height: 45px;
  567.  
    text-align: center;
  568.  
    line-height: 40px;
  569.  
    border-radius: 40px;
  570.  
    border: none;
  571.  
    background-color: white;
  572.  
    color: #1d3383;
  573.  
    size: 20px;
  574.  
    cursor: pointer;
  575.  
    background-image: linear-gradient(white, skyblue);
  576.  
    font-size: 18px;
  577.  
    }
  578.  
     
  579.  
    nav.menu {
  580.  
    width: 100%;
  581.  
    height: 60px;
  582.  
    /* border: 1px solid red; */
  583.  
    background-color: #0C2373;
  584.  
    }
  585.  
     
  586.  
    .menu>ul {
  587.  
    width: 1402px;
  588.  
    height: 60px;
  589.  
    margin: auto;
  590.  
    /* border: 1px solid red; */
  591.  
    }
  592.  
     
  593.  
    .menu>ul>li {
  594.  
    position: relative;
  595.  
    }
  596.  
     
  597.  
    .menu>ul li {
  598.  
    width: 140px;
  599.  
    height: 60px;
  600.  
    /* border: 1px solid red; */
  601.  
    float: left;
  602.  
    cursor: pointer;
  603.  
    line-height: 60px;
  604.  
    text-align: center;
  605.  
    background-color: #0C2373;
  606.  
    }
  607.  
     
  608.  
    .menu ul li:hover {
  609.  
    background-color: deepskyblue;
  610.  
    }
  611.  
     
  612.  
    .menu>ul li>a {
  613.  
    color: white;
  614.  
    font-size: 18px;
  615.  
    text-decoration: none;
  616.  
    }
  617.  
     
  618.  
    .menu>ul>li>ul {
  619.  
    margin-top: -1px;
  620.  
    display: none;
  621.  
    position: absolute;
  622.  
    }
  623.  
     
  624.  
    .menu>ul>li:hover>ul {
  625.  
    display: block;
  626.  
    }
  627.  
     
  628.  
    div.banner {
  629.  
    width: 100%;
  630.  
    height: 460px;
  631.  
    /* border: 1px solid red; */
  632.  
    background-size: cover;
  633.  
    }
  634.  
     
  635.  
    .banner>img {
  636.  
    width: 100%;
  637.  
    }
  638.  
     
  639.  
    /*顶部结束*/
  640.  
    .content {
  641.  
    width: 1402px;
  642.  
    height: 700px;
  643.  
    /* border: 1px solid red; */
  644.  
    margin:0 auto;
  645.  
    padding:90px;
  646.  
     
  647.  
    }
  648.  
    .content:after {
  649.  
    content: '';
  650.  
    clear: both;
  651.  
    display: block;
  652.  
    visibility: hidden;
  653.  
    overflow: hidden;
  654.  
    }
  655.  
    .left{
  656.  
    width: 925px;
  657.  
    float: left;
  658.  
    height: 100%;
  659.  
    }
  660.  
    .index_title{
  661.  
    height: 33px;
  662.  
    }
  663.  
    .index_news_left > ul{
  664.  
    display: block;
  665.  
    list-style-type: disc;
  666.  
    margin-block-start: 1em;
  667.  
    margin-block-end: 1em;
  668.  
    margin-inline-start: 0px;
  669.  
    margin-inline-end: 0px;
  670.  
    padding-inline-start: 40px;
  671.  
    }
  672.  
    .topnav::before{
  673.  
    content: '';
  674.  
    position: absolute;
  675.  
    display: block;
  676.  
    width: 8px;
  677.  
    height: 100%;
  678.  
    background-color: #1E4C8A;
  679.  
    }
  680.  
    .topnav>ul {
  681.  
    float: left;
  682.  
    }
  683.  
    .topnav>ul li {
  684.  
    margin-left: 24px;
  685.  
    float: left;
  686.  
    }
  687.  
    .more.active {
  688.  
    float: right;
  689.  
    display: block;
  690.  
    }
  691.  
    .more a{
  692.  
    font-size: 14px;
  693.  
    color: #999999;
  694.  
    }
  695.  
    .div{
  696.  
    display:block;
  697.  
    }
  698.  
    /* .left .list {
  699.  
    margin-top: 51px;
  700.  
    float: left;
  701.  
    } */
  702.  
    .content .left .list {
  703.  
    /* margin-top: 51px; */
  704.  
    float: left;
  705.  
    margin: 51px;
  706.  
    margin-left:10px;
  707.  
    width: 100%;
  708.  
    }
  709.  
    .list_l{
  710.  
    float: left;
  711.  
    width: 48.671%;
  712.  
    /* margin-right: 140px;
  713.  
    margin-top: 51px; */
  714.  
    }
  715.  
    .list .img img{
  716.  
    width: 100%;
  717.  
    height: 338px;
  718.  
    object-fit: cover;
  719.  
    }
  720.  
    .left .list .nr {
  721.  
    background-color: #FFFFFF;
  722.  
    padding: 23px;
  723.  
    }
  724.  
    .index_news_left_list .list_l .nr{
  725.  
    height: 157px;
  726.  
    border: 1px solid #F6F6F6;
  727.  
    border-top: none;
  728.  
    box-sizing: border-box;
  729.  
    }
  730.  
     
  731.  
    .index_news_left_list .list_l .nr h2 {
  732.  
    font-size: 16px;
  733.  
    color: #000000;
  734.  
    white-space: nowrap;
  735.  
    overflow: hidden;
  736.  
    text-overflow: ellipsis;
  737.  
    }
  738.  
    /* .h2 {
  739.  
    display: block;
  740.  
    font-size: 16px;
  741.  
    margin-block-start: 0.83em;
  742.  
    margin-block-end: 0.83em;
  743.  
    margin-inline-start: 0px;
  744.  
    margin-inline-end: 0px;
  745.  
    font-weight: bold;
  746.  
    } */
  747.  
    .img {
  748.  
    overflow: hidden;
  749.  
    height: 338px;
  750.  
    }
  751.  
    .content .left .list .list_r {
  752.  
    float: right;
  753.  
    width: 48.671%;
  754.  
    }
  755.  
    .content .left .list .list_r li {
  756.  
    border: 1px solid #F6F6F6;
  757.  
    position: relative;
  758.  
    height: 109px;
  759.  
    overflow: hidden;
  760.  
    /* margin-bottom: 10px; */
  761.  
    }
  762.  
    .content .left .list .list_r li a{
  763.  
    height: 100%;
  764.  
    }
  765.  
    .list_r{
  766.  
    float: right;
  767.  
    width: 48.671%;
  768.  
    }
  769.  
    .content .left .list .list_r ul {
  770.  
    height: 100%;
  771.  
    margin-block-start: 1em;
  772.  
    margin-block-end: 1em;
  773.  
    margin-inline-start: 0px;
  774.  
    margin-inline-end: 0px;
  775.  
    padding-inline-start: 40px;
  776.  
    padding: -5px;
  777.  
    margin-top: 5px;
  778.  
    }
  779.  
    .content .left .list .list_r ul li{
  780.  
    padding: 5px;
  781.  
    }
  782.  
    .content .left .list .list_r li .nr {
  783.  
    padding: 5px 5px;
  784.  
    }
  785.  
    .content .left .list .list_r li::after {
  786.  
    content: '';
  787.  
    height: 0;
  788.  
    background-color: #002e80;
  789.  
    position: absolute;
  790.  
    bottom: 0;
  791.  
    left: 0;
  792.  
    display: block;
  793.  
    width: 100%;
  794.  
    }
  795.  
    .right{
  796.  
    width: 446px;
  797.  
    float: right;
  798.  
    /* border: 1px solid red; */
  799.  
    }
  800.  
    .index_news_right_list>ul{
  801.  
    margin-top: 51px;
  802.  
    height: 100%;
  803.  
    display: block;
  804.  
    }
  805.  
    .list{
  806.  
    height: 80px;
  807.  
    }
  808.  
    .time{
  809.  
    background-color: #1E4C8A;
  810.  
    width: 70px;
  811.  
    height: 80px;
  812.  
    float: left;
  813.  
    text-align: center;
  814.  
    }
  815.  
    .time>em{
  816.  
    font-size: 28px;
  817.  
    margin-top:9px;
  818.  
    color: #FFFFFF;
  819.  
    display: block;
  820.  
    }
  821.  
    .time>i{
  822.  
    font-size: 12px;
  823.  
    color: #ffffff;
  824.  
    font-style: normal;
  825.  
    font-family: 微软雅黑,sans-serif;
  826.  
    }
  827.  
    .content .right>ul .nr{
  828.  
    margin-left: 31px;
  829.  
    float: right;
  830.  
    width: 345px;
  831.  
    margin-top: 9px;
  832.  
    }
  833.  
    .content .right>ul .nr>h2{
  834.  
    font-size: 16px;
  835.  
    display: -webkit-box;
  836.  
    -webkit-box-orient: vertical;
  837.  
    -webkit-line-clamp: 2;
  838.  
    overflow: hidden;
  839.  
    text-overflow: ellipsis;
  840.  
    color: black;
  841.  
    }
  842.  
    .nr>p{
  843.  
    font-size: 14px;
  844.  
    color: #000;
  845.  
    white-space: nowrap;
  846.  
    overflow: hidden;
  847.  
    text-overflow: ellipsis;
  848.  
    }
  849.  
    .footer{
  850.  
    width: 100%;
  851.  
    height: 660px;
  852.  
    /* border: 1px solid red; */
  853.  
    }
  854.  
    .footer-1{
  855.  
    width: 100%;
  856.  
    height: 338px;
  857.  
    background-image: url(../img/last-logo.png);
  858.  
    background-size: cover;
  859.  
    }
  860.  
    .footer-index{
  861.  
    width:1500px;
  862.  
    margin: auto;
  863.  
    min-width: 1500px;
  864.  
    }
  865.  
    .footer-index>ul {
  866.  
    padding: 88px 0;
  867.  
    }
  868.  
    .footer-index>ul:after {
  869.  
    content: '';
  870.  
    clear: both;
  871.  
    display: block;
  872.  
    visibility: hidden;
  873.  
    overflow: hidden;
  874.  
    }
  875.  
    .footer-index>ul li{
  876.  
    height: 160px;
  877.  
    width: 295px;
  878.  
    background-color: rgba(255, 255, 255, 0.38);
  879.  
    border-radius: 4px;
  880.  
    border: 1px solid rgba(255, 255, 255, 0.38);
  881.  
    float: left;
  882.  
    margin-right: 63px;
  883.  
    text-align: center;
  884.  
    }
  885.  
    .footer-index>ul li a {
  886.  
    display: block;
  887.  
    margin-top: 20px;
  888.  
    }
  889.  
    .footer-index>ul li p {
  890.  
    font-size: 20px;
  891.  
    color: #ffffff;
  892.  
    margin-top: 23px;
  893.  
    }
  894.  
    .footer-index ul li:hover {
  895.  
    background-color: deepskyblue;
  896.  
    }
  897.  
    .footer-2{
  898.  
    background-color:black;
  899.  
    width: 100%;
  900.  
    height: 322px;
  901.  
    }
  902.  
    .foot{
  903.  
    padding: 20px 0;
  904.  
    text-align: center;
  905.  
    margin: 0 auto;
  906.  
    width: 1174px;
  907.  
    }
  908.  
    .foot .foot_l {
  909.  
    width: 578px;
  910.  
    box-sizing: border-box;
  911.  
    padding-right: 136px;
  912.  
    position: relative;
  913.  
    float: left;
  914.  
    }
  915.  
    .foot .foot_l:before {
  916.  
    content: '';
  917.  
    clear: both;
  918.  
    display: block;
  919.  
    visibility: hidden;
  920.  
    overflow: hidden;
  921.  
    }
  922.  
    .foot .foot_l .foot_logo img {
  923.  
    height: 99px;
  924.  
    width: 442px;
  925.  
    }
  926.  
    .foot .foot_l>ul {
  927.  
    margin-top: 24px;
  928.  
    }
  929.  
    .foot .foot_l::after {
  930.  
    content: '';
  931.  
    display: block;
  932.  
    position: absolute;
  933.  
    width: 2px;
  934.  
    height: 206px;
  935.  
    top: 50%;
  936.  
    transform: translate(0,-50%);
  937.  
    right: 0;
  938.  
    background-color: #AEAEAE;
  939.  
    }
学新通

效果图:

学新通

 学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhcikkci
系列文章
更多 icon
同类精品
更多 icon
继续加载