【无标题】

最新推荐文章于 2024-03-26 11:26:31 发布

瞎猫1

最新推荐文章于 2024-03-26 11:26:31 发布

阅读量124

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_65784168/article/details/127772279

版权

html源文件

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>南宁理工首页面</title>
       <link rel="stylesheet" href="css/reset.css">
       <link rel="stylesheet" href="css/index.css">
       <style>
           ul,ol{
               list-style: none;
           }
           table, td, tr, ul, ol, li, dl, dd, dt, p, input, form, em, p, img, h2, h3, h4, h5 {
           margin: 0;
           padding: 0;
               list-style: none;
           }
           a{
               text-decoration: none;
               font-size: 16px;
               color: black;
           }
           h2{
               font-size: 16px;
           }
           li{
               display: list-item;
               text-align: -webkit-match-parent;
           }
       </style>

   </head>
   <body>
       <header class="top">
           <div class="top-logo">
               <div>
                   <img src="img/logo.png" class="logo" alt="">
                   <div class="logo-right">
                       <input type="search" id="search" value="请输入要搜索内容">
                       <button id="go"><b>搜索</b></button>
                   </div>
               </div>

           </div>
           <nav class="menu">
               <ul>
                   <li><a href="#">首页</a></li>
                   <li>
                       <a href="#">学校概况</a>
                       
                       <ul>
                           <li><a href="#">学校简介</a></li>
                           <li><a href="#">学校领导</a></li>
                           <li><a href="#">学校标识</a></li>
                           <li><a href="#">校园风光</a></li>
                       </ul>
                       
                   </li>
                   <li>
                       <a href="#">机构设置</a>
                   
                       <ul>
                           <li><a href="#">教学单位</a></li>
                           <li><a href="#">职能部门</a></li>
                       </ul>
                       
                   </li>
                   <li>
                       <a href="#">教育教学</a>
                   </li>
                   <li>
                       <a href="#">招生就业</a>
                       
                       <ul>
                           <li><a href="#">招生</a></li>
                           <li><a href="#">就业</a></li>
                       </ul>
                   
                   </li>
                   <li>
                       <a href="#">人才建设</a>
                       
                       <ul>
                           <li><a href="#">人才引进</a></li>
                           <li><a href="#">人才培训</a></li>
                           <li><a href="#">干部学院</a></li>
                       </ul>
                   
                   </li>
                   <li>
                       <a href="#">国际交流</a>
                       
                       <ul>
                           <li><a href="#">本硕直通</a></li>
                           <li><a href="#">友好往来</a></li>
                       </ul>
                       
                   </li>
                   <li>
                       <a href="#">数字南理</a>
                       
                       <ul>
                           <li><a href="#">智慧校园（教师端）</a></li>
                           <li><a href="#">在线教学平台</a></li>
                           <li><a href="#">图书检索</a></li>
                           <li><a href="#">办公自动化系统（OA）</a></li>
                           <li><a href="#">教务系统</a></li>
                           <li><a href="#">迎新系统</a></li>
                           <li><a href="#">缴费系统</a></li>
                           <li><a href="#">学工系统</a></li>
                           <li><a href="#">校园邮箱</a></li>
                           <li><a href="#">上网认证</a></li>
                           <li><a href="#">五车图书</a></li>
                           <li><a href="#">京广图书</a></li>
                           <li><a href="#">资产系统</a></li>
                           <li><a href="#">数字化实习实训平台</a></li>
                       </ul>
                       
                   </li>
                   <li>
                       <a href="#">原门户</a>
                       
                       <ul>
                           <li><a href="#">学校简介</a></li>
                           <li><a href="#">学校领导</a></li>
                           <li><a href="#">学校标识</a></li>
                           <li><a href="#">校园风光</a></li>
                       </ul>
                       
                   </li>
               </ul>

           </nav>

           <div class="banner">
               <img src="img/item.png" alt="">
           </div>
       </header>
       <div class="content">
           <div class="left">
               <div class="index_title">
                   <div class="topnav">
                       <ul id="index_news_left">
                           <li class="active" data-num="1"><a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xxxw/">学校新闻</a></li>
                           <li data-num="2" class=""><a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xydt/">校园动态</a></li>
                           <li data-num="3" class=""><a target="_blank" href="https://www.bwgl.cn/syxw/syxw_mtnl/">媒体南理</a></li>
                       </ul>
                   </div>
                   <div class="more tabmorel active">
                       <a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xxxw/">READ MORE</a>
                       <i>
                           <img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt="">
                       </i>
                   </div>
                   <div class="more tabmorel">
                       <a target="_blank" href="https://www.bwgl.cn/syxw/syxw_xydt/">READ MORE</a>
                       <i>
                           <img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt="">
                       </i>
                   </div>
                   <div class="more tabmorel">
                       <a target="_blank" href="https://www.bwgl.cn/syxw/syxw_mtnl/">READ MORE</a>
                       <i>
                           <img src="https://www.bwgl.cn/wp-content/themes/nnlg/static/picture/jtl.svg" alt="">
                       </i>
                   </div>
                   <div class="list index_news_left_list active" data-num="3">
                   <div class="list_l">
                       <a target="_blank" href="https://guangxi.eol.cn/gxgd/202210/t20221024_2251637.shtml">
                       <div class="img"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/10/微信图片_20221024102853-scaled.jpg" alt=""></div>
                       <div class="nr">
                       <h2>暖心！南宁理工学院后勤保卫处温暖相助走失老人</h2>
                       <div class="info">
                       <span>来源：中国教育在线广西分站</span>
                       <span>发布日期：2022-10-24</span>
                       </div>
                       <p></p>
                          </div>
                           </a>
                           </div>
                   <div class="list_r" style="margin-top: -21px;">
                               <ul>
                           <li>
                           <a target="_blank" href="https://www.bwgl.cn/syxw/34139/">
                           <div class="nr">
                           <h2>【中国青年网】唐莉琼：青年教师要刻苦钻研，紧跟时代，引领行业</h2>
                           <div class="info">
                           <span>来源：教学科研管理处</span>
                           <span>发布日期：2022-10-21</span>
                           </div>
                           <p></p>
                           </div>
                           </a>
                           </li>
                           <li>
                           <a target="_blank" href="https://xiaoyuan.cycnet.com.cn/s?uid=692024&app_version=1.4.5&sid=1401193&time=1662340652&signature=xZry0KPXd5RYDQVznvq4v9EnKugJnM1GlE6go9mAJkeON2wjWB&sign=b63e6509603854f029a9988567f54ecd">
                           <div class="nr">
                           <h2>南理学子三下乡：保护潜经村文化风情，培育特色潜经乡村，我们在路上</h2>
                           <div class="info">
                           <span>来源：中青网</span>
                           <span>发布日期：2022-09-04</span>
                           </div>
                           <p></p>
                           </div>
                           </a>
                           </li>
                           <li>
                           <a target="_blank" href="https://xiaoyuan.cycnet.com.cn/s?uid=692024&app_version=1.4.5&sid=1398268&time=1662340611&signature=WnG63ezAQDowMB0vlYg4kgn08sDeBy4L8KN5yR9XpjPOxrbdE2&sign=94252076227a00c12f5b14ed02b2a621">
                           <div class="nr">
                           <h2>广西大学生三下乡：党旗领航聚合力，乡村振兴谱新篇</h2>
                           <div class="info">
                           <span>来源：中青网</span>
                           <span>发布日期：2022-09-03</span>
                           </div>
                           <p></p>
                           </div>
                           </a>
                           </li>
                       <li>
                       <a target="_blank" href="https://xiaoyuan.cycnet.com.cn/s?uid=692024&app_version=1.4.5&sid=1398270&time=1662340603&signature=e6y30XlmbkL9oxwAjJd1P6ZR2UK6ny7gMQE2nZKW8RNpvPrqzB&sign=e6411cdf2da2404c1824752ad53363f2">
                       <div class="nr">
                       <h2>广西大学生三下乡：做瑶族文化锦绣，体瑶族文化风味</h2>
                       <div class="info">
                       <span>来源：中青网</span>
                       <span>发布日期：2022-09-03</span>
                       </div>
                       <p></p>
                       </div>
                       </a>
                       </li>
                              </ul>
                       </div>
                   </div>
               </div>
           </div>
           <div class="right">
               <div class="index_title">
                   <div class="topnav2">
                       <ul id="index_news_right">
                           <li class="active" data-num="1"><a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/">通知公告</a></li>
                           <li data-num="2"><a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_hdyg/">活动预告</a></li>
                       </ul>
                   </div>

                   <div class="more tabmore active">
                       <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>
                   </div>
                   <div class="more tabmore">
                       <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>
                   </div>
               </div>
               <ul class="index_news_right_list" data-num="1" style="margin-top: 51px; height: 100%; display: block;">
                   <li>
                       <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35846/">
                           <div class="list">
                               <div class="time">
                                   <em>07</em>
                                   <i>2022-11</i>
                               </div>
                               <div class="nr">
                                   <h2>关于组织申报2022年广西哲学社会科学规划研究课题“外语学科专项”工作的通知</h2>
                                   <p>
                                       校属各单位、各部门：为进一步提高广西外语科研人员积极性和外向型人才培养质量，广西哲学社会科学……
                                   </p>
                               </div>
                           </div>
                       </a>
                   </li>
                   <li>
                       <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35667/">
                           <div class="list">
                               <div class="time">
                                   <em>04</em>
                                   <i>2022-11</i>
                               </div>
                               <div class="nr">
                                   <h2>
                                       关于2022-2023学年第一学期期中教学检查具体安排的通知
                                   </h2>
                                   <p>
                                       校属各教学单位： 根据《关于2022-2023学年第一学期期中教学检查安排的通知》文件要求，学校……
                                   </p>
                               </div>
                           </div>
                       </a>
                   </li>
                   <li>
                       <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35680/">
                           <div class="list">
                               <div class="time">
                                   <em>04</em>
                                   <i>2022-11</i>
                               </div>
                               <div class="nr">
                                   <h2>关于组织申报2023年度广西高校中青年教师基础能力提升项目的通知
                                   </h2>
                                   <p>校属各部门、各单位：2023年度广西高校中青年教师基础能力提升项目申报工作现已启动，根据广西教育……
                                   </p>
                               </div>
                           </div>
                       </a>
                   </li>
                       <li>
                           <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35668/">
                               <div class="list">
                                   <div class="time">
                                       <em>04</em>
                                       <i>2022-11</i>
                                   </div>
                                   <div class="nr">
                                       <h2>
                                       关于南宁东盟校区开展应急综合演练的通知
                                       </h2>
                                       <p>
                                       校属各单位、部门及师生员工：       为了加强南宁东盟校区应对突发事故的能……
                                       </p>
                               </div>
                           </div>
                       </a>
                   </li>
                   <li>
                       <a target="_blank" href="https://www.bwgl.cn/syxw/tongzhiyuhuodong/syxw_tzgg/35643/">
                           <div class="list">
                               <div class="time">
                                   <em>04</em>
                                   <i>2022-11</i>
                               </div>
                               <div class="nr">
                                   <h2>
                                   关于开展2022年度校级一流课程认定工作的通知
                                   </h2>
                                   <p>
                                   各二级学院：为贯彻落实全国教育大会精神和新时代全国高等学校本科教育工作会议要求，进一步深化教……
                                   </p>
                               </div>
                           </div>
                       </a>
                   </li>
               </ul>
           </div>
       </div>
       <footer class="footer">
           <div class="footer-1">
               <div class="footer-index">
                   <ul>
                       <li>
                       <a target="_blank" href="https://www.vrzhan.com/v/6031666">
                       <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico1.png" alt="">
                       <p>VR实景</p>
                       </a>
                       </li>
                       <li>
                       <a target="_blank" href="https://www.bwgl.cn/gjjyxy/gjjyxy_bszt/1710/">
                       <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico2.png" alt="">
                       <p>本硕直通</p>
                       </a>
                       </li>
                       <li>
                       <a target="_blank" href="https://web.bwgl.cn/site/9PfZGdmWQQweP2Uu">
                       <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico3.png" alt="">
                       <p>党团建设</p>
                       </a>
                       </li>
                       <li>
                       <a target="_blank" href="https://www.bwgl.cn/twxxzx">
                       <img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/09/ico4.png" alt="">
                       <p>图书馆</p>
                       </a>
                       </li>
                   </ul>
               </div>

           </div>
           <div class="footer-2">
               <div class="foot">
                   <div class="foot_l">
                   <div class="foot_logo">
                       <img src="img/foot_logo.png" alt="">
                   </div>
                   <ul>
                       <li>
                   <img src="/static_new/nanning/img/weibo.png" alt="">
                   <p>官方微博</p>
                   <div class="block active"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/wx_.png" alt=""></div>
                   </li>
                   <li>
                   <img src="/static_new/nanning/img/weixin.png" alt="">
                   <p>官方微信</p>
                   <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/xxwx.png" alt=""></div>
                   </li>
                   <li>
                   <img src="/static_new/nanning/img/zhaosheng.png" alt="">
                   <p>招生就业</p>
                   <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/zsjy.jpg" alt=""></div>
                   </li>
                   <li>
                   <a href="https://www.vrzhan.com/v/6031666">
                   <img src="/static_new/nanning/img/vrshijing.png" alt="">
                   <p>VR实景</p>
                   <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/04/32_842568987bc3fd607a808dbfea467efd.png" alt=""></div>
                   </a>
                   </li>
                   <li>
                   <img src="/static_new/nanning/img/ipv6_ico.png" alt="">
                   <p>IPv6</p>
                   <div class="block"><img src="https://www.bwgl.cn/wp-content/uploads/sites/21/2022/01/ipv6.png" alt=""></div>
                   </li>
                   </ul>
                   </div>
                   <div class="foot_r">
                       <div class="top">
                           <ul id="footer_ul">
                               <li>
                                   <p>校内链接</p>
                                   <div class="jt"><img src="/img/foot_logo.png" alt=""></div>
                                   <div class="dr">
                                       <a href="https://oa.bwgl.cn/">办公自动化系统（OA）</a>

                                       <a href="https://mooc.bwgl.cn/">在线教学平台</a>

                                       <a href="http://zc.bwgl.cn/">资产系统</a>

                                       <a href="https://lib.bwgl.cn/opac/BWXY/refineResults">图书检索</a>

                                       <a href="http://zfjw.bwgl.cn/">正方教务系统</a>

                                       <a href="http://jw.bwgl.cn/gllgdxbwglxy">教务系统</a>

                                       <a href="https://eepay.bwgl.cn/wac/pc/login/login.html#/">缴费系统</a>

                                       <a href="https://xgxt.bwgl.cn/xgxt/">学工系统</a>

                                       <a href="https://yxxt.bwgl.cn/yxxt/zzyx/xsLogin_index.do">迎新系统</a>

                                       <a href="https://cnki-image.bwgl.cn/">知网镜像（内网）</a>

                                       <a href="http://w.bwgl.cn/">上网认证</a>

                                       <a href="http://172.30.1.14:8007/">心理普测（内网）</a>

                                       <a href="http://bcxl.bwgl.cn/">北辰心理普测系统</a>
                       </div>
                               </li>

                               <li>
                                   <p>专题网站</p>
                                   <div class="jt"><img src="/static_new/nanning/img/jt.png" alt=""></div>
                                   <div class="dr">

                                           <a href="https://www.bwgl.cn/gbxy/web.bwgl.cn/section/SYpXZSpnWDj56gPH/QsFqHpibYZ2tNMM8/1">两学一做</a>

                                           <a href="https://www.bwgl.cn/gbxy/www.bwgl.cn/gbxy/">干部学院</a>

                                           <a href="http://zt.bwgl.cn/fzjy/">法治教育</a>

                                           <a href="https://web.bwgl.cn//site/7D9YM2baWWd6LdM4">网络安全宣传周</a>

                                           <a href="http://zt.bwgl.cn/hw/">海外课堂</a>

                                           <a href="http://zt.bwgl.cn/cxzy/ywjj.html">创先争优</a>

                                           <a href="http://zt.bwgl.cn/pjw/">评建网</a>

                                           <a href="http://zt.bwgl.cn/wm/">安全文明校园</a>

                                           <a href="http://zt.bwgl.cn/xf/">学风建设</a>

                                           <a href="http://zt.bwgl.cn/qzlx/">党的群众路线教育实践活动</a>

                                           <a href="http://zt.bwgl.cn/mlgx/">美丽广西清洁乡村</a>

                                           <a href="http://zt.bwgl.cn/tmgc/">土木工程省级特色专业</a>

                                           <a href="https://www.bwgl.cn/xyw/">校友网</a>

                                           <a href="http://web.bwgl.cn/site/BA6HiKsstPHhgM4F">十五周年校庆</a>
                                   </div>
                               </li>
                               <li>
                                   <p>友情链接</p>
                                   <div class="jt"><img src="/static_new/nanning/img/jt.png" alt=""></div>
                                   <div class="dr">

                                           <a href="http://www.enetedu.com/">高校教师网络培训中心</a>

                                           <a href="http://gxttc.gxnu.edu.cn">广西高等学校师资培训中心</a>

                                   </div>
                               </li>
                           </ul>
                   </div>
                       <div class="contact">
                           <p>南宁东盟校区：广西南宁市广西-东盟经济技术开发区发展大道16号</p>
                           <p>桂林雁山校区：广西桂林市雁山区雁山镇雁山街317号</p>
                           <span>招生咨询热线（东盟）：0771-6031555 6031666 6031777 </span> 
                           <span>招生咨询热线（桂林）：0773-8998009 8998018 8998088 </span> 

                           <div class="prin">

                                   <a href="mailto:yz@nnct.edu.cn">< 校长信箱</a>

                                   <a href="/static_new/nanning/img/jdjbp.jpg">< 监督举报</a>

                               <a href="https://www-en.bwgl.cn/" style="margin-left: 40px;">EN</a>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
       </footer>
</html>

css源文件

/*顶部开始*/
header.top {
width: 100%;
height: 660px;
}

.top-logo {
   width: 100%;
   height: 140px;
   /*    border: 1px solid red; */
   background-image: url(../img/first-logo.png);
   background-size: cover;
}

.top-logo>div {
   width: 1402px;
   height: 140px;
   margin: auto;
   line-height: 140px;
}

.logo {
margin-top: 18px;
}

.logo-right {
   width: 600px;
   height: 140px;
   float: right;
   text-align: right;
}

#search {
   width: 288px;
   height: 45px;
   border: none;
   border-radius: 40px;
   background-color: ;
   margin-right: 35px;
   font-size: 18px;
   text-align: center;
}

#search:focus {
border: 5px solid skyblue;
}

#go {
   width: 120px;
   height: 45px;
   text-align: center;
   line-height: 40px;
   border-radius: 40px;
   border: none;
   background-color: white;
   color: #1d3383;
   size: 20px;
   cursor: pointer;
   background-image: linear-gradient(white, skyblue);
   font-size: 18px;
}

nav.menu {
   width: 100%;
   height: 60px;
   /*    border: 1px solid red; */
   background-color: #0C2373;
}

.menu>ul {
   width: 1402px;
   height: 60px;
   margin: auto;
   /*    border: 1px solid red; */
}

.menu>ul>li {
position: relative;
}

.menu>ul li {
   width: 140px;
   height: 60px;
   /*    border: 1px solid red; */
   float: left;
   cursor: pointer;
   line-height: 60px;
   text-align: center;
   background-color: #0C2373;
}

.menu ul li:hover {
background-color: deepskyblue;
}

.menu>ul li>a {
   color: white;
   font-size: 18px;
   text-decoration: none;
}

.menu>ul>li>ul {
   margin-top: -1px;
   display: none;
   position: absolute;
}

.menu>ul>li:hover>ul {
display: block;
}

div.banner {
   width: 100%;
   height: 460px;
   /*    border: 1px solid red; */
   background-size: cover;
}

.banner>img {
width: 100%;
}

/*顶部结束*/
.content {
   width: 1402px;
   height: 700px;
   /*    border: 1px solid red; */
   margin:0 auto;
   padding:90px;

}
.content:after {
content: '';
clear: both;
display: block;
visibility: hidden;
overflow: hidden;
}
.left{
   width: 925px;
   float: left;
   height: 100%;
}
.index_title{
   height: 33px;
}
.index_news_left > ul{
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
.topnav::before{
content: '';
position: absolute;
display: block;
width: 8px;
height: 100%;
background-color: #1E4C8A;
}
.topnav>ul {
float: left;
}
.topnav>ul li {
margin-left: 24px;
float: left;
}
.more.active {
float: right;
display: block;
}
.more a{
font-size: 14px;
color: #999999;
}
.div{
   display:block;
}
/* .left .list {
margin-top: 51px;
float: left;
} */
.content .left .list {
/* margin-top: 51px; */
float: left;
   margin: 51px;
   margin-left:10px;
   width: 100%;
}
.list_l{
float: left;
width: 48.671%;
/*    margin-right: 140px;
   margin-top: 51px; */
}
.list .img img{
width: 100%;
height: 338px;
object-fit: cover;
}
.left .list .nr {
background-color: #FFFFFF;
padding: 23px;
}
.index_news_left_list .list_l .nr{
height: 157px;
border: 1px solid #F6F6F6;
border-top: none;
box-sizing: border-box;
}

.index_news_left_list .list_l .nr h2 {
font-size: 16px;
color: #000000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* .h2 {
display: block;
font-size: 16px;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
} */
.img {
overflow: hidden;
height: 338px;
}
.content .left .list .list_r {
float: right;
width: 48.671%;
}
.content .left .list .list_r li {
border: 1px solid #F6F6F6;
position: relative;
height: 109px;
overflow: hidden;
/* margin-bottom: 10px; */
}
.content .left .list .list_r li a{
   height: 100%;
}
.list_r{
float: right;
width: 48.671%;
}
.content .left .list .list_r ul {
height: 100%;
   margin-block-start: 1em;
   margin-block-end: 1em;
   margin-inline-start: 0px;
   margin-inline-end: 0px;
   padding-inline-start: 40px;
   padding: -5px;
   margin-top: 5px;
}
.content .left .list .list_r ul li{
   padding: 5px;
}
.content .left .list .list_r li .nr {
padding: 5px 5px;
}
.content .left .list .list_r li::after {
content: '';
height: 0;
background-color: #002e80;
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
}
.right{
   width: 446px;
   float: right;
   /* border: 1px solid red; */
}
.index_news_right_list>ul{
   margin-top: 51px;
   height: 100%;
   display: block;
}
.list{
   height: 80px;
}
.time{
   background-color: #1E4C8A;
   width: 70px;
   height: 80px;
   float: left;
   text-align: center;
}
.time>em{
   font-size: 28px;
   margin-top:9px;
   color: #FFFFFF;
   display: block;
}
.time>i{
   font-size: 12px;
   color: #ffffff;
   font-style: normal;
   font-family: 微软雅黑,sans-serif;
}
.content .right>ul .nr{
   margin-left: 31px;
   float: right;
   width: 345px;
   margin-top: 9px;
}
.content .right>ul .nr>h2{
   font-size: 16px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   text-overflow: ellipsis;
   color: black;
}
.nr>p{
   font-size: 14px;
   color: #000;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.footer{
   width: 100%;
   height: 660px;
/*    border: 1px solid red; */
   background-color:#2C2C2C;
}
.footer-1{
   width: 100%;
   height: 338px;
   background-image: url(../img/last-logo.png);
   background-size: cover;
}
.footer-index{
   width:1500px;
   margin: auto;
   min-width: 1500px;
}
.footer-index>ul {
padding: 88px 0;
}
.footer-index>ul:after {
content: '';
clear: both;
display: block;
visibility: hidden;
overflow: hidden;
}
.footer-index>ul li{
height: 160px;
width: 295px;
background-color: rgba(255, 255, 255, 0.38);
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.38);
float: left;
margin-right: 63px;
text-align: center;
}
.footer-index>ul li a {
display: block;
margin-top: 20px;
}
.footer-index>ul li p {
font-size: 20px;
color: #ffffff;
margin-top: 23px;
}
.footer-index ul li:hover {
   background-color: deepskyblue;
}
.footer-2{
   background-color:#2C2C2C;
   width: 100%;
   height: 322px;
}
.foot{
   padding: 20px 0;
   text-align: center;
   margin: 0 auto;
   width: 1174px;
}
.foot .foot_l {
width: 578px;
box-sizing: border-box;
padding-right: 136px;
position: relative;
float: left;
}
.foot .foot_l:before {
content: '';
clear: both;
display: block;
visibility: hidden;
overflow: hidden;
}
.foot .foot_l .foot_logo img {
height: 99px;
width: 442px;
}
.foot .foot_l>ul {
margin-top: 24px;
}
.foot .foot_l::after {
content: '';
display: block;
position: absolute;
width: 2px;
height: 206px;
top: 50%;
transform: translate(0,-50%);
right: 0;
background-color: #AEAEAE;
}
css源文件2

@charset "UTF-8";

@import "all.css";

/*全站通用 start*/

h2{font-size: 26px}
h3{font-size: 24px}
.main{margin: 0 auto}
.w73{min-width: 1402px;margin: 0 auto;width: 1402px}
.m_nav{display: none}
.head_bg{width: 100%;background-color: #FFFFFF;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);}
.head_bg.on{position: fixed;z-index: 6;top: 0}
.head_bg.on{animation-name: topfloat;animation-duration:0.5s;}
@keyframes topfloat {
0% {top: -100px}
100% {top: 0}
}
.top_bg{width: 100%;background-image: url("../images/hend_bg_new.png");background-repeat: no-repeat;background-size: cover}
.head{height: 140px;}
.head .logo{float: left;margin-top: 17px}
.head .logo img{width: 365px;height: 105px;object-fit: cover}
.head .search{float: right;line-height:140px }
.head .search input{width: 216px;height:40px;border:1px solid #FFFFFF;border-radius:23px;background: url("../images/search_bg_ico.png") no-repeat transparent left 20px center;padding: 14px 44px;box-sizing: border-box;outline: none;color: #FFFFFF;font-size: 14px;}
.head .search input::-webkit-input-placeholder{color: #FFFFFF}
.head .search input::-moz-placeholder{color: #FFFFFF}
.head .search input::-ms-input-placeholder{color: #FFFFFF}
.head .search button{width: 88px;height: 40px;border: none;border-radius: 23px;background: #FFFFFF;color: #1d3383;cursor:pointer;font-size: 14px;box-sizing: border-box;margin-left: 24px;}
.nav_bg{background-color: #0c2374;position: relative;z-index: 55}

/*new*/
.nav_bg .nav>ul{height: 60px;}
.nav_bg .nav>ul:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.nav_bg .nav>ul>li>a{color: #FFFFFF;font-size: 18px;}
.nav_bg .nav>ul>li{position: relative;height: inherit;float: left;margin-right: 100px;line-height: 60px}
.nav_bg .nav>ul>li:last-child{margin-right: 0;}
.nav_bg .nav .dp1{position: absolute;left: 50%;background: #0c2374;transform: translate(-50%);top: 100%;display: none}
.nav_bg .nav>ul>li:hover .dp1{display: block}
.nav_bg .nav .dp1 ul li:hover{background-color: rgba(255,255,255,0.4);}
.nav_bg .nav .dp1 ul li:hover>a{color: #FFFFFF}

.nav_bg .nav .dp1>ul li{padding: 2px 30px;position: relative;line-height: 25px}
.nav_bg .nav .dp1>ul{padding-bottom:15px;}
.nav_bg .nav .dp1>ul li>a{white-space: nowrap;font-size: 16px;color: #FFFFFF}
.nav_bg .nav .dp2{position: absolute;top: 0;left: 100%;background: #0c2374;display: none}
.nav_bg .nav .dp1>ul>li:hover .dp2{display: block;}
/*news 浮动*/
.nav:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.nav_bg .small_logo{display: none}
.nav_bg.on{position: fixed;z-index: 6;width: 100%;top:0;height: 80px;}
.nav_bg.on .nav>ul{height: 80px;margin-left: 33px;float: left;width: 1313px;}
.nav_bg.on .nav>ul>li{margin-right: 80px;float: left;line-height: 80px}
.nav_bg.on .nav>ul>li:last-child{margin-right: 0;}
.nav_bg.on .small_logo{display: block;height: 56px;float: left;margin-top: 12px;width: 56px}
.nav_bg.on .small_logo img{height: 56px;width: 56px;}

/*PC首页*/

/* .index_banner_bg{background-image: url("../images/index_banner_bg.png");background-size: cover} */
.index_banner{position: relative;overflow: hidden}
.index_banner img{width: 100%;height: 460px;object-fit: cover}
.index_banner .page_slide{position: absolute;width: 100%;text-align: center;bottom:48px;z-index: 2}
.index_banner .swiper-pagination-bullet{width: 18px;height: 18px;margin-right: 24px;border: 1px solid #FFFFFF;opacity: unset;background: transparent}
.index_banner .swiper-pagination-bullet-active{background-color: #FFFFFF;}
.index_new_bg{background-color: #FFFFFF;}
.index_title{height: 33px}
.index_title .topnav{position: relative;float: left;}
.index_title .topnav::before{content: '';position: absolute;display: block;width: 8px;height: 100%;background-color: #1E4C8A}
.index_title .topnav>ul{float: left;}
.index_title .topnav>ul li{margin-left: 24px;float: left;}
.index_title .topnav>ul li a{color: #999999;font-size: 24px;font-family: 'pf_Medium', sans-serif}
.index_title .topnav>ul li.active a{color: #000000}
.index_title .topnav2{position: relative}
.index_title .topnav2>ul{float: left;}
.index_title .topnav2>ul li{float: left;}
.index_title .topnav2>ul li:not(:first-of-type){margin-left: 24px;}
.index_title .topnav2>ul li a{color: #999999;font-size: 24px;font-family: 'pf_Medium', sans-serif}
.index_title .topnav2>ul li.active a{color: #000000}
.index_title .more{display: none;align-items: center}
.index_title .more.active{float: right;display: block}
.index_title .more img{margin-left: 11px;}
.index_title .more a{font-size: 14px;color: #999999}
.index_title .more img{width: 13px;height: 13px;}
.index_new{padding: 90px 0;}
.index_new:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.index_new .left{width: 925px;float: left;}
.index_new .right{width: 446px;float: right;}

.index_new .left .list{margin-top: 51px;float: left;}
.index_new .left .list .list_l{float: left;width: 48.671%}
.index_new .left .list .list_r{float: right;width: 48.671%}
.index_new .left .index_news_left_list{display: none}
.index_new .left .index_news_left_list.active{display: block}

.index_new .left .list .img{overflow: hidden;height: 338px;}
.index_new .left .list .img img{width: 100%;height: 338px;object-fit:cover;}
.index_new .left .list .img:hover img{transform: scale(1.05);transition: all 0.5s}
.index_new .left .list .nr{background-color: #FFFFFF;padding: 23px}
.index_news_left_list .list_l .nr{height: 157px;border: 1px solid #F6F6F6;border-top: none;box-sizing: border-box;}
.index_new .left .list .nr:hover h2{color: #00307B}
.index_new .left .list .nr h2{font-size:16px;color: #000000;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.index_new .left .list .info{padding-top:16px;}
.index_new .left .list .info span{font-size: 14px;color:#000;}
.index_new .left .list .info span:first-of-type{margin-right: 11px}
.index_new .left .list p{font-size: 14px;color: #000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;padding-top:16px ;}

.index_new .left .list .list_r ul{height: 100%;}
.index_new .left .list .list_r li{border: 1px solid #F6F6F6;position: relative;height: 109px;overflow:hidden;margin-bottom: 17px;}
.index_new .left .list .list_r li:last-child{margin-bottom: 0px;}
.index_new .left .list .list_r li .nr .info{padding-top: 2px;}
.index_new .left .list .list_r li .nr p{padding-top: 9px;}
.index_new .left .list .list_r li::after{content: '';height: 0;background-color: #002e80;position: absolute;bottom: 0;left: 0;display: block;width: 100%;}
.index_new .left .list .list_r li:hover:after{height: 4px;}
.index_new .left .list .list_r li:hover h2{color: #00307B}
.index_new .left .list .list_r li a{height: 100%;}
.index_new .left .list .list_r li .nr{padding: 16px 24px;}
.index_new .left .list .list_r li .nr p{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;display: block}
.index_new .right>ul{display: none}
.index_new .right>ul.active{margin-top: 51px;height: 100%;display: block}
.index_new .right>ul li:not(:first-of-type){margin-top: 24px;}
.index_new .right>ul li:last-of-type{margin-bottom: auto}

.index_new .right>ul .list{height: 80px}
.index_new .right>ul .time{background-color: #1E4C8A;width: 70px;height: 80px;float: left;text-align: center;}
.index_new .right>ul .nr{margin-left: 31px;float: right;width: 345px;margin-top: 9px}
.index_new .right>ul .nr h2{font-size: 16px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis;color: #000000}
.index_new .right>ul li:hover h2{color:#1E4C8A }
.index_new .right>ul .nr p{font-size: 14px;color: #000;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.index_new .right>ul .time em,
.index_new .right>ul .time i {font-style: normal;font-family: 微软雅黑,sans-serif}
.index_new .right>ul .time em{font-size: 28px;color: #FFFFFF;margin-top: 9px;display: block}
.index_new .right>ul .time i{font-size: 12px;color: #FFFFFF;}
.index_pic_bg{background-image: url("../images/index_bg.png");background-size: cover;}

.index_pic>ul{padding: 88px 0}
.index_pic>ul:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.index_pic>ul li{height:160px;width: 295px;background-color: rgba(255, 255, 255, 0.38);border-radius: 4px;border: 1px solid rgba(255, 255, 255, 0.38);float: left;margin-right: 63px;text-align: center;}
.index_pic>ul li:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.index_pic>ul li:last-child{margin-right: 0px}
.index_pic>ul li:hover{background-color: rgba(255, 27, 27, 0.38);border: 1px solid rgba(255, 27, 27, 0.38);}
.index_pic>ul li a{display: block;margin-top: 20px}
.index_pic>ul li a img{width: 68px;height: 68px}
.index_pic>ul li p{font-size: 20px;color: #ffffff;margin-top:23px;}

/*底部*/
.index{background-color: #2C2C2C;}
.foot{padding: 20px 0 ;text-align: center;margin: 0 auto;width: 1174px}
.foot:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.foot .foot_l{width: 578px;box-sizing: border-box;padding-right: 136px;position: relative; float:left;}
.foot .foot_l:before{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.foot .foot_l::after{content: '';display: block;position: absolute;width: 2px;height: 206px;top: 50%;transform: translate(0,-50%);right: 0;background-color: #AEAEAE}
.foot .foot_l .foot_logo img{height: 99px;width: 442px}
.foot .foot_r{width:444px;float: right;padding-left: 135px;}
.foot .foot_r:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.foot .foot_l .img img{width: 449px;height: 126px;}
.foot .foot_l>ul{margin-top: 24px}
.foot .foot_l>ul:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.foot .foot_l>ul li{cursor: pointer;position: relative;width: 64px;height: 85px;float: left;margin-right: 30px;}
.foot .foot_l>ul li:last-child{margin-right: 0px;}
.foot .foot_l>ul li img{margin: 0 auto}
.foot .foot_l>ul p{color: #AEAEAE;font-size: 16px;margin-top: 12px;text-align: center}
.foot .foot_l>ul .block{display: none}
.foot .foot_l>ul li:hover .block{display: block;position: absolute;top: -140px;left: 50%;transform: translate(-50%);}
.foot .foot_l>ul li:hover .block img{width: 120px;height: 120px}
.foot .foot_r:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.foot .foot_r .top:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.foot .foot_r .top ul{float: left;}
.foot .foot_r .top ul li{cursor: pointer;position: relative;float: left;}
.foot .foot_r .top ul li:not(:first-of-type){margin-left: 33px}
.foot .foot_r .top ul li p{font-size: 16px;color: white;padding-right: 15px;float: left;}
.foot .foot_r .top ul li .jt{float: right;line-height: 21px;}
.foot .foot_r .top ul li.active::after{content: '';display: block;border-bottom: 10px solid #FFFFFF;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;left: 50%;transform: translate(-50%);top: 35px;}
.foot .foot_r .dr{display: none;}
.foot .foot_r li.active .dr{position: absolute;top: 45px;background-color:#FFFFFF;height: 200px;overflow: auto;overflow-x:hidden;display: block}
.foot .foot_r li.active .dr a{color:#000000;margin-top: 15px;padding: 0px 20px;white-space: nowrap;font-size: 14px;float: left;min-width: 65px;text-align: left;}
.foot .contact{margin-top:16px;font-size: 20px;color: white;text-align: left}
.foot .contact>h2{font-size: 14px;}
.foot .contact p{margin-top: 18px;font-size: 14px;color: #AEAEAE}
.foot .contact span{margin-top: 18px;font-size: 16px;color: #AEAEAE;display:inline-block}
.foot .contact .prin {margin-top: 18px;}
.foot .contact .prin a{font-size: 16px;color: #AEAEAE;}
.foot .contact .prin a:first-of-type{margin-right:40px}
.foot_copyright{background-color: #1B1B1B;}
.foot_copyright .body{margin: 0 auto;text-align: center}
.foot_copyright p,
.foot_copyright a{font-size: 14px;color: #AEAEAE;line-height: 48px;display: unset}
.foot_copyright .body:after{content:''; clear:both; display:block; visibility:hidden; overflow:hidden;}
.foot_copyright a{margin: 0 51px}