a:hover { text-decoration: none; } ul, li { list-style: none; } .pageTop { height: 40px; line-height: 40px; background: #efefef; border-bottom: 1px solid #CCCCCC; color: #999; } .pageTop span i { display: block; float: left; width: 30px; height: 30px; margin-top: 4px; background: url(../img/phone.png) no-repeat center; background-size: 50%; } .right { float: right; } .rightBox { overflow: hidden; } .rightBox a { display: block; width: 60px; float: left; text-align: center; height: 30px; line-height: 30px; color: #FFFFFF; border-radius: 4px; margin-top: 5px; font-size: 14px; margin-left: 10px; } #login { float: right; color: #FFFFFF; font-size: 0.7em; line-height: 25px; display: block; padding: 0 10px; border-radius: 4px; margin-top: 7px; } #login:hover { color:#54a1f7 ; border: 1px solid #54a1f7; } #register:hover { color:#54a1f7 ; border: 1px solid #54a1f7; } #register { float: right; color: #FFFFFF; font-size: 0.7em; line-height: 25px; display: block; padding: 0 10px; border-radius: 4px; margin-top: 7px; margin-right: -30px; } .header { background: #124076; height: 40px; } /*深色*/ .navbar-default { background: #124076; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .nav>li>a { padding: 10px 30px; } .navbar { position: relative; min-height: 40px; height: 40px; margin: 0; box-sizing: border-box; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background: #54a1f7; color: #FFFFFF; } .nav-active{ background: #54a1f7; color: #FFFFFF; } .navbar-toggle { padding: 4px 10px; } .pageTitle h5 { font-size: 28px; font-family: "微软雅黑"; margin: 0; color: #000000; } .pageTitle { padding: 30px 0 5px 0; background: url(../img/top4.jpg) no-repeat top center; background-size:cover; } .pageTitle .col-md-8 span { font-size: 14px; font-family:"微软雅黑"; color: #666; } .navbar-nav a { box-sizing: border-box; } .navbar-nav a.active { background: #54a1f7; color: #FFFFFF; } .navbar-default .navbar-nav>li>a { color: #FFFFFF; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { width: 100%; height: 300px; } .searchBox { overflow: hidden; margin-top: 6px; } .searchBox input { height: 40px; line-height: 40px; border: 1px solid #CCCCCC; border-radius: 4px; border-right: none; float: right; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0 10px; outline: none; width: 70%; } .searchBox i { display: block; float: right; height: 40px; line-height: 40px; border: 1px solid #124076; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 20%; text-align: center; font-style: normal; cursor: pointer; background: #124076; color: #FFFFFF; font-size: 14px; } .searchBox i:hover { background: #54a1f7; border: 1px solid #54a1f7; } /*最新数据*/ .team-wrap { margin: 0; position: relative; height: 300px; overflow: hidden; border: 1px solid #E6E6E6; border-radius: 4px; padding: 10px; } .team-wrap h4 { color: #32313b; font-weight: 500; margin-bottom: 0; overflow: hidden; line-height: 1.5em; text-transform: capitalize; } .team-wrap span.designation { display: block; font-weight: 500; color: #54a1f7; font-size: 16px; line-height: 2em; text-transform: capitalize; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 5%; } .team-wrap .team-img { position: relative; overflow: hidden; } .team-wrap .team-img img { height: 185px; display: block; position: relative; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .team-social { padding: 7px; background: #54a1f7; color: #ed4e6e; position: absolute; height: 42px; width: 100%; top: auto; bottom: 0; opacity: 1; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .team-social a { width: 30px; height: 30px; border: 2px solid #fff; color: #fff; display: inline-block; padding: 3px; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; } .team-social a i { width: 15px; height: 15px; display: block; background: url(../img/eye.png) no-repeat center; background-size: 100%; margin: 4px 3px; } .team-wrap:hover img { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .team-content p { width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 12px; } .team-wrap:hover .team-social { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .newData { padding: 10px 0 0; } .carousel { background: #EFEFEF; } .newData .more{ position: absolute; right: 17px; top: 30px; font-size: 14px; } .newData .more:hover{ color: #54a1f7; } .title { height: 55px; width:400px; text-align: center; line-height: 35px; color: #124076; font-size: 28px; margin: 20px auto; } .title1 { background: url(../img/title.png) no-repeat center 40px ; background-size: 60%; } /*图集*/ #main { width: 1140px; height: 460px; overflow: hidden; position: relative; } .mindiv { position: absolute; cursor: pointer; overflow: hidden; } .divbox { width: 100%; height: 200%; position: absolute; top: 0; left: 0px; } .divbox .boxone { width: 100%; height: 50%; } .divbox .boxtwo { width: 100%; height: 50%; } #main figure{ display: block; width: 100%; height: 100%; } #main .img-dv{ height: 100%; } #min_1 { width: 150px; height: 230px; background: #BF1D1A; top: 0px; left: 0px; } #main img { width: 100%; height: 100%; cursor:crosshair; } #min_2 { width: 190px; height: 270px; background: #2DC3C2; top: 0px; left: 150px; } #min_3 { width: 245px; height: 135px; background: #2DC3C2; top: 0px; left: 340px; } #min_4 { width: 245px; height: 135px; background: #E34546; top: 135px; left: 340px; } #min_5 { width: 180px; height: 135px; background: #F0640F; top: 0px; left: 585px; } #min_6 { width: 180px; height: 135px; background: #F2AB03; top: 135px; left: 585px; } #min_7 { width: 185px; height: 185px; background: #06B6A1; top: 0px; left: 765px; } #min_8 { width: 150px; height: 230px; background: #2F2F2F; top: 230px; left: 0px; } #min_9 { width: 250px; height: 190px; background: #8F8669; top: 270px; left: 150px; } #min_10 { width: 185px; height: 190px; background: #85B32F; top: 270px; left: 400px; } #min_11 { width: 180px; height: 190px; background: #CCCCCC; top: 270px; left: 585px; } #min_12 { width: 185px; height: 275px; background: #CB266B; top: 185px; left: 765px; } #min_13 { width: 200px; height: 500px; background: #CB266B; top: 0px; left: 950px; } /*新闻动态*/ .info-container-list { background: #fff; padding: 10px 0 40px; } .info-listItem-title { font-size: 24px; margin-bottom: 26px; font-weight: normal; } .info-more { width: 100px; height: 36px; display: block; line-height: 36px; border: 1px solid #E4E4E4; text-align: center; transition: all .1s; border-radius: 4px; color: #333333; } .info-more:hover { background: #54a1f7; border-color: #54a1f7; color: #fff; } .info-listItem-list { margin-bottom: 17px; border-radius: 4px; overflow: hidden; } .info-listItem-list dt { height: 180px; position: relative; margin-bottom: 20px; overflow: hidden; } .info-listItem-list dt a img { width: 340px; height: 180px; transition: all .4s; border-radius: 4px; overflow: hidden; } .info-listItem-list dd { margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 14px; color: #909499; height: 66px; line-height: 22px; } .info-listItem-list dt a:hover img { transform: scale(1.05); } .cooperator .item{ padding: 20px 0; } .cooperator .pic{ margin-bottom: 10px; } .pic a{ display: block; height: 60px; line-height: 50px; border: 1px solid #CCCCCC; padding: 5px 10px; border-radius: 4px; color: #333333; background: #eee; } .news-tab-item.active { border: 1px solid #ddd; background: none } .news-tab-item:hover { color: #fff; background: #07c; border-color: #07c; cursor: pointer } .news-item-time { float: left; width: 65px; text-align: center } .news-item-day { position: relative; font-size: 32px; line-height: 1.2; padding-top: 5px; display: block } .news-item-day:after { content: ''; position: absolute; left: 50%; bottom: -6px; margin-left: -8px; width: 16px; height: 2px; background: #ddd } .news-item-month { color: #999; font-size: 12px } .news-item-text { padding: 10px 5px 10px 75px } .news-wrap .news-list-item{ margin-bottom: 10px; border-bottom: 1px solid #E6E6E6; } .news-wrap .news-list-item:hover{ box-shadow:0px 0px 10px #ccc; } .news-wrap .news-list-item:hover .customize-unpreviewable{ color: #54a1f7; } .news-wrap .news-list-item:last-of-type{ border: none; } .news-item-title { display: block; margin-bottom: 5px; font-size: 16px; font-weight: bold; color: #333; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .news-item-title:hover { text-decoration: none; color:#54a1f7 ; } .news-item-content { color: #666; line-height: 20px; height: 40px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .news .carousel-inner>.item>a>img,.news .carousel-inner>.item>img,.news .img-responsive,.news .thumbnail a>img,.news .thumbnail>img{ height: 440px; } .cooperator{ padding: 10px 0 20px; } .cooperator .pic a img{ width: 50px; height: 50px; border-radius: 50%; margin-right: 5px; float: left; } .copyright{ background: #303848; color: #CCCCCC; padding: 30px 0 20px; margin-top: 30px; } .copyright ul li{ font-size: 14px; margin-bottom: 5px; } .copyright ul li a{ font-size: 14px; color: #CCCCCC; } .copyright ul li a:hover{ color:#54a1f7 ; } .copyright ul li.first{ font-size: 16px; font-weight: bold; color: #FFFFFF; margin-bottom: 10px; padding-bottom: 10px; } .bottomOne{ clear: both; border-top: 1px solid #666; padding-top: 20px; text-align: center; } .copyright img{ width: 120px; float: right; } .tuji{ margin-bottom: 60px; } .news{ height: 640px; margin: 30px 0; background:#e5f0fa; padding-top: 10px; } .carousel2{ padding: 10px; background: #FFFFFF; margin-top: 20px; } .xuanchuan{ width: 100%; height: 150px; background: url(../img/bottom.jpg) no-repeat center; background-size:100% ; margin: 30px 0 10px; text-align: center; color: #FFFFFF; padding-top: 40px; } .xuanchuan h5{ font-size: 34px; font-weight: bold; font-family: "宋体"; } /* 地图部分 */ #mapContainer{ position: relative; } #map{ position: relative; } .leftButton{ position: absolute; left: 20px; top: 105px; } .big{ width:50px; height:50px; background:rgba(0,0,0,0.7) url(../img/zoom-in.png) no-repeat center; background-size:60%; border-radius: 50%; margin-left: 5px; margin-bottom: 10px; cursor: pointer; } .small{ width:50px; height:50px; background:rgba(0,0,0,0.7) url(../img/zoom-out.png) no-repeat center; background-size:60%; border-radius: 50%; margin-left: 5px; margin-bottom: 10px; cursor: pointer; } .change{ width:50px; height:50px; background:rgba(0,0,0,0.7) url(../img/change.png) no-repeat center; background-size:50%; border-radius: 50%; margin-left: 5px; margin-top: 10px; cursor: pointer; position: relative; } #layers-selector { width: 500px; background-color: rgba(0,0,0,0.5); color: #fff; font-weight: 600; padding-left: 20px; border: 2px solid #FFFFFF; position: absolute; left: 80px; top: 115px; display: none; } #layers-selector ul{ padding: 0; } #layers-selector li{ float: left; margin-right: 20px; margin-bottom: 10px; } #layers-selector li input{ margin-right: 5px; cursor: pointer; vertical-align: top; } #layers-selector div{ clear: both; } #layers-selector h4{ font-size: 16px; color: #fab808; font-weight: bold; }