/* 页面样式 */ /* 横幅 */ .banner { width: 1200px; overflow: hidden; position: relative; margin: 0px auto 14px; } .banner .hd { height: 15px; overflow: hidden; position: absolute; right: 6px; bottom: 4px; z-index: 1; } .banner .hd ul { overflow: hidden; zoom: 1; float: left; } .banner .hd ul li { float: left; margin-right: 5px; width: 10px; height: 10px; border-radius: 50%; background: #feebdd; cursor: pointer; } .banner .hd ul li.on { background: #2b5e88; } .banner .bd { position: relative; height: 100%; z-index: 0; } .banner .bd li { zoom: 1; vertical-align: middle; } .banner .bd img { width: 100%; height: 136px; display: block; } /* 主体 */ .main { width: 1200px; margin: 0 auto; font-size: 16px; } /* 主体上 */ .main .main-top{ margin-top: 14px; } /* 主体上-横幅 */ .main-top .main-top-banner { width: 560px; height: 385px; overflow: hidden; position: relative; } .main-top .main-top-banner .pic { position: relative; height: 100%; z-index: 0; } .main-top .main-top-banner .pic li { zoom: 1; vertical-align: middle; } .main-top .main-top-banner .pic img { width: 100%; height: 100%; display: block; } .main-top .main-top-banner .txt { height: 36px; overflow: hidden; position: absolute; width: 100%; bottom: 0px; z-index: 1; background-color: rgb(0, 0, 0); filter: alpha(opacity=70); opacity: 0.7; } .main-top .main-top-banner .txt li { line-height: 36px; position: absolute; padding: 0px 15px; display: none; width: 100%; box-sizing: border-box; overflow: hidden; } .main-top .main-top-banner .txt li a { display: block; color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .main-top .main-top-banner .num { height: 15px; overflow: hidden; position: absolute; right: 6px; bottom: 40px; z-index: 1; } .main-top .main-top-banner .num li { float: left; margin-right: 5px; width: 10px; height: 10px; border-radius: 50%; background: #feebdd; cursor: pointer; } .main-top .main-top-banner .num li.on { background: #2b5e88; } /* 主体上-tab */ .main-top .main-top-tab { width: 640px; height: 385px; padding-left: 20px; box-sizing: border-box; } .main-top .main-top-tab .hd { line-height: 40px; border-bottom: 2px solid #337ab7; } .main-top .main-top-tab .hd li { float: left; padding: 0px 25px; /* font-weight: bold; */ font-size: 16px; cursor: pointer; color: #333333; } .main-top .main-top-tab .hd li a{ color: #333333; } .main-top .main-top-tab .hd li.on { background-color: #337ab7; } .main-top .main-top-tab .hd li.on a{ color: #fff; } .main-top .main-top-tab .main-top-tab-top { text-align: center; height: 90px; font-size: 20px; margin: 10px 0px; background: #e4eaf1 0px 0px no-repeat; } .main-top .main-top-tab .main-top-tab-top h1 a { color: #d40a0a; cursor: pointer; text-decoration: none; padding: 0px 20px; display: block; box-sizing: border-box; width: 100%; } .main-top .main-top-tab .main-top-tab-top h1{ padding-top: 22px; } .main-top .main-top-tab .main-top-tab-top h5{ line-height: 40px; font-size: 16px; font-weight: 500; padding: 0px 20px; } .main-top .main-top-tab .main-top-tab-top h5 a{ color: #87969e; } .main-top .main-top-tab .main-top-tab-top h5 .wt-detail{ color: #fba953; } .main-top .main-top-tab .main-top-tab-list { padding: 15px 15px 0px; } .main-top .main-top-tab .main-top-tab-list li { line-height: 36px; } .main-top .main-top-tab .main-top-tab-list li a { display: block; width: 100%; color: #333333; cursor: pointer; } .main-top .main-top-tab .main-top-tab-list li a:before { display: block; float: left; width: 18px; height: 36px; vertical-align: middle; content: ''; background: no-repeat center center; background-size: 4px 4px; } .main-top .main-top-tab .main-top-tab-list li a .title { width: 470px; } /* 主体-服务 */ .main-service { padding: 7px 0px; margin-left: -5px; margin-right: -5px; } .main-service li { width: 20%; padding: 5px; box-sizing: border-box; } .main-service li img { vertical-align: middle; width: 100%; height: 62px; } /* 主体-下 */ .main-bottom .main-bottom-left { width: 50%; box-sizing: border-box; padding-right: 8px; } .main-bottom .main-bottom-right { width: 50%; box-sizing: border-box; padding-left: 8px; } .main-bottom .main-bottom-tab .hd { line-height: 40px; position: relative; border-bottom: 2px solid #337ab7; } .main-bottom .main-bottom-tab .hd li{ color: #333333; } .main-bottom .main-bottom-tab .hd>a { position: absolute; right: 10px; font-size: 14px; cursor: pointer; text-decoration: none; color: #333333; } .main-bottom .main-bottom-tab .hd>a:hover { color: #04599a; } .main-bottom .main-bottom-tab .hd>ul { padding-right: 60px; } .main-bottom .main-bottom-tab .hd li { float: left; padding: 0px 20px; /* font-weight: bold; */ font-size: 16px; cursor: pointer; } .main-bottom .main-bottom-tab .hd li a{ color: #333333; } .main-bottom .main-bottom-tab .hd li.on { background-color: #337ab7; } .main-bottom .main-bottom-tab .hd li.on a{ color: #fff; } .main-bottom .main-bottom-tab .main-bottom-tab-list { padding: 15px 10px; } .main-bottom .main-bottom-tab .main-bottom-tab-list li { line-height: 36px; } .main-bottom .main-bottom-tab .main-bottom-tab-list li a { display: block; width: 100%; color: #333333; cursor: pointer; } .main-bottom .main-bottom-tab .main-bottom-tab-list li a:hover { color: #04599a; } .main-bottom .main-bottom-tab .main-bottom-tab-list li a:before { display: block; float: left; width: 18px; height: 34px; line-height: 34px; vertical-align: middle; content: ''; background: no-repeat center center; background-size: 4px 4px; } .main-bottom .main-bottom-tab .main-bottom-tab-list li a .title { width: 440px; } /* 友情链接 */ .main-link { border: 2px solid #f1f1f1; box-sizing: border-box; margin-bottom: 14px; } .main-link .main-link-list { height: 120px; padding-right: 72px; width: 100%; box-sizing: border-box; } .main-link .main-link-more { display: block; width: 72px; line-height: 120px; background-color: #f1f1f1; text-align: center; text-decoration: none; color: #000; } .main-link .main-link-more:hover{ color: #04599a; } .main-link-list .bd { padding: 10px; box-sizing: border-box; height: 100%; overflow: hidden; } .main-link-list .bd ul li { float: left; overflow: hidden; text-align: center; width: 368px!important; } .main-link-list .bd ul li img { width: 100%; height: 100px; padding: 0px 5px; box-sizing: border-box; display: block; } .main-link-list .bd ul li .pic a:hover img { border-color: #999; } /* 统一设置 */ .bd .fr{ color: #999999; } /*右下角浮窗*/ .right-bottom{ position: fixed; bottom: 45px; right: 20px; width: 260px; height: 160px; z-index: 2; overflow: visible; } .right-bottom .hd{ height: 15px; overflow: hidden; position: inherit; right: 25px; bottom: 25px; z-index: 1 } .right-bottom .hd ul { overflow: hidden; zoom: 1; float: left } .right-bottom .hd ul li { float: left; margin-right: 5px; width: 12px; height: 12px; line-height: 14px; text-align: center; background: #feebdd; cursor: pointer; border-radius: 50%; } .right-bottom .hd .on { background-color: #2b5e88; } .right-bottom .bd img{ width: 260px; height: 160px; } .glyphicon{ float: right; }