/*-------------头部------------*/ /*头部边距*/ .top { margin-top: 10px; } /*电话图标*/ .phone { color: #666; float: right; } /*邮箱图标*/ .mail { color: #666; float: right; } /*取消小图标的下划线*/ .ant:link { text-decoration: none; } .ant:visited { text-decoration: none; } .ant:hover { text-decoration: none; } .ant:active { text-decoration: none; } /*-------------导航栏------------*/ /* 导航条默认属性设置 */ .navbar-default { margin-bottom: 0px; /* 底部边距调整为0 */ border: 0px; /* 去掉边框 */ background-color: #e7e7e7; /* 设置导航栏背景色 */ margin-top: 30px; /* 设置导航栏的上边距 */ } /* 导航栏栏目激活时属性 */ .navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus { background-color: #005197; /* 背景色设置为深蓝色 */ color: #fff; /* 前景文字颜色设置为白色 */ } /* 一级菜单鼠标移过时属性 */ .navbar-default .navbar-nav li a:hover { color: #fff; background-color: #005197; } /* 一级菜单单击展开时属性 */ .navbar-default .navbar-nav li.open a.on { color: #fff; background-color: #005197; } /* 下拉菜单内边距 */ .dropdown-menu { padding: 0px; } /* 二级菜单标签属性 */ .dropdown-menu li a { padding-top: 10px; padding-bottom: 10px; color: #777; text-align: center; } /* 一级菜单宽度和文字对齐方式 */ .nav-top { width: 14%; text-align: center; } /* 导航栏与横幅的分割线 */ .line { height: 3px; width: 100%; background: #005197; } /*-------------主体------------*/ /* 主题标题 */ .model-details-title{ padding:15px 0px; font-size:18px; border-bottom:1px #005197 solid; /* 底部添加蓝色边框 */ color:#005197; margin-bottom:10px; margin-top:30px; } /* 文字段落 */ .model-details p{ line-height:30px; text-indent:2em; text-align:justify; text-justify:inter-ideograph; } /* 主体图像 */ .model-details img{ margin:0px auto; } /*-------------页脚------------*/ .web-footer{ width:100%; /* 占满整个浏览器宽度 */ margin-top:30px; /* 设置与上边缘距离 */ } #map-footer{ background-color:#3A3A3A; /* 对整个站点地图设置背景色灰色 */ } #map-footer dl{ text-align:center; /* 站点链接文字对齐 */ margin-top:40px; /* 设置表格与上边缘边距 */ } #map-footer dt{ padding:3px; /* 表格标题内边距为3像素 */ color:#fff; /* 表格标题颜色为白色 */ } #map-footer dd{ padding:3px; /* 表格内容内边距为3像素 */ } /* 二维码广告段落 */ #map-footer p{ margin-top:20px; margin-bottom:10px; color:#fff; font-size:16px; } #map-footer a{ color:#A6A6A6; /* 站点链接文字颜色设置 */ font-size:13px; /* 站点链接文字大小 设置 */ } #map-footer a:hover{ color:#fff; text-decoration:none; /* 去除站点链接鼠标移过时出现的下划线 */ } #wx{ text-align:center; /* 二维码居中对齐 */ } .qrimg{ max-width: 170px; /* 二维码最大宽度为170像素 */ } /*-------------尾部版权------------*/ #patent-footer{ text-align:center; background-color:#3A3A3A; } #patent-footer p{ margin-top:10px; padding-right:80px; color:#8d8d8d; font-size:11px; } /* 二级菜单鼠标移过时属性*/ .navbar-default .navbar-nav li ul a:hover{ color:#fff; background-color: #005197; } /* 一级菜单激活时,二级菜单鼠标移过时属性*/ .navbar-default .navbar-nav li.active ul a:hover{ color:#fff; background-color: #022a4d; } /* 侧边导航栏标题样式*/ .model-title{ text-align: center; color: #fff; font-size: 22px; padding: 15px 0px; background: #005197; margin-top: 25px; } /*侧边导航栏列表项样式*/ .model-list li{ text-align: center; background-color: #f6f6f6; font-size: 16px; } /*侧边导航栏列表项链接样式*/ .model-list li a{ color: #545353; } /*侧边导航栏列表项链接激活样式*/ .model-list li a:hover{ text-decoration: none; color: #005197; } /* 侧边导航栏激活样式 */ .model-list li:active{ text-align: center; background-color: #f6f6f6; font-size: 16px; border-color: #ddd; } /* 侧边导航栏激活状态下鼠标移过时样式 */ .model-list li.active:hover{ text-align: center; background-color: #f6f6f6; font-size: 16px; border-color: #ddd; } /*侧边导航栏激活状态时链接样式*/ .model-list li.active a{ color: #005197; }