/*-------------头部------------*/ /*头部边距*/ .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; } .row-3 { margin-top: 30px; } /* 侧边导航栏标题样式*/ .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; }