@charset "utf-8";
|
/* CSS Document */
|
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,li,ol,form,input,textarea,select,table,th,td{margin:0px; padding:0px;}
|
body{font-size:16px; font-family:"Microsoft YaHei"; color:#333333; cursor:default;}
|
i,b,em{font-style:normal;}
|
li{list-style:none;}
|
a{text-decoration:none; color:#333333;}
|
a:hover{color:#3a667f;}
|
img{border:none; vertical-align:top;}
|
table{border-collapse:collapse;}
|
textarea{resize:none; overflow:auto;}
|
.hide{display:none;}
|
*:focus{outline:none;}
|
.clear{*zoom:1;}
|
.clear:after{content:""; display:block; clear:both;}
|
|
|
body{background-color: #f0f4ff;}
|
.jx{}
|
.header{background: url(images/gdcams/banner-top.jpg) no-repeat; height: 112px; position: relative;}
|
.logopt{padding: 16px 0 0 106px; }
|
.topnav{background: url(images/gdcams/topnavbg.png); height: 34px; line-height: 34px; position:absolute; top: 0px; right: 0px; border-bottom-left-radius: 6px; padding: 0 12px;}
|
.topnav a{ color: #333333; font-size: 12px; font-family: "SimSun"; padding:0 16px 0 28px; border-right: 1px solid #e8eaec; display: inline-block; height: 22px; line-height: 22px; margin:6px 0 0 12px;}
|
.topnav a.ti1{background: url(images/gdcams/i1.png) left center no-repeat;}
|
.topnav a.ti2{background: url(images/gdcams/i2.png) left center no-repeat;}
|
.topnav a.ti3{background: url(images/gdcams/i3.png) left center no-repeat;}
|
.topnav a.ti4{background: url(images/gdcams/i4.png) left center no-repeat;}
|
.topnav a.ti5{background: url(images/gdcams/i5.png) left center no-repeat;}
|
.topnav a.ti6{background: url(images/gdcams/i6.png) left center no-repeat;}
|
.topnav a:hover{color: #1959be; text-decoration: underline;}
|
|
.searchnav{border-bottom: 3px solid #ccdaf0; min-height: 106px; padding: 32px 0 2px 150px; background: #fff;}
|
.searchnav .form-group, .searchnav .input-group{margin: 0 32px 30px 0;}
|
.searchnav .form-group label{font-size: 14px; color: #606266; font-weight: normal;}
|
.searchnav .form-control{height: 40px; border: 1px solid #dcdfe6; box-shadow: none; color: #606266;}
|
.searchnav .btns{display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent;
|
border-radius: 4px; height:38px; padding: 0 16px;}
|
|
.searchnav .btn-js{background: #0047b5; color: #fff; font-size: 14px; font-weight: bold; margin: 0 0 30px 0px;}
|
.searchnav .btn-js:hover{background: #2c6fd6;}
|
.searchnav .btn-gjjs{color: #0047b5; font-size: 14px; font-weight: bold; margin: 0 0 30px 0px; border: 0 none; background: none; }
|
.searchnav .btngjjs-line{border-right: 1px solid #0047b5; line-height: 20px; display: inline-block;height: 20px; vertical-align: top; margin: 10px 0 0 0;}
|
.searchnav .btn-gjjs:hover{color: #2c6fd6;}
|
.searchnav .btn-map{color: #ff9000; font-size: 14px; font-weight: bold; margin: 0 0 30px 0px; background: none;}
|
.searchnav .btn-map i{display: inline-block; width: 15px; height: 14px; background: url(images/gdcams/btn-i.png) no-repeat; margin: 0 6px 0 0;}
|
.searchnav .btn-map:hover{color: #ffaf47;}
|
.btn-default{border-color: #e5e5e5 !important;}
|
.btn-default:hover {color: #ff9000 !important; background-color: #f4f4f4 !important; border-color: #8c8c8c;}
|
|
|
.gjjscon{display: inline-block;}
|
|
/*--------------------- list ----------------------------*/
|
.listmain{background: #fff; margin: 0 44px; padding: 25px 0 38px 0;}
|
.leftlist{width: 20%; /*width: 350px;*/padding: 0 26px; float: left;}
|
|
.title1{margin-bottom: 24px;}
|
.title1 h4{color:#04446a; font-size:32px; font-weight: normal; line-height: 34px; text-align: left; display: inline-block; margin-right: 20px;}
|
.title1 span{color:#c3d2db; font-size: 18px; line-height: 34px;}
|
|
|
.listtab{border-bottom: 1px dashed #c2c2c2; padding: 0 0 20px 0;}
|
.treecon{margin-top: 10px;}
|
.treecon h3{bheight:30px; line-height:30px; font-size:18px; font-weight: bold; color:#0047b5; background: url(images/gdcams/lefttitle-i.png) left 4px no-repeat; padding:0 0 0 20px; margin: 20px 0 0 0;}
|
.treecon h3 span{padding:0 10px; font-size:15px; color: #04446a; font-weight: normal;}
|
.treecon h3 img{padding:8px 6px 0px 0px;}
|
.treecon ul{padding:12px 0px 0 0;}
|
.treecon li{height:30px; line-height:30px; padding:0px 12px 0px 40px ; color:#333; cursor:pointer; font-size: 14px; background: url(images/gdcams/d.gif) 26px center no-repeat;}
|
.treecon li span{color:#59b7e1; margin: 0 0 0 12px;}
|
.treecon li:hover, .treecon li.hot{background:#eff5fa url(images/gdcams/d.gif) 26px center no-repeat; color:#4899eb;}
|
.treecon li.hot span{color:#4899eb;}
|
.treecon .listtab{margin: 0 0 8px 0;}
|
.treecon h3 em{float: right; display: inline-block; width:46px; height: 10px; margin:10px 10px 0 0; cursor:pointer; background: url(images/gdcams/more-open.png) no-repeat;}
|
.treecon .list_close{background: url(images/gdcams/more-close.png) no-repeat;}
|
.treecon .list_open{background: url(images/gdcams/more-open.png) no-repeat;}
|
.treecon h4{bheight:30px; font-size:14px; font-weight: bold; color:#00b592; padding:0 0 0 20px; margin: 20px 0 0 0;}
|
.treecon h4 em{float: right; display: inline-block; width:50px; height: 15px; margin:3px 10px 0 0; cursor:pointer; background: url(images/gdcams/more-open.png) no-repeat;}
|
|
.tabconsub{}
|
.tabconsub h5{font-size: 14px; color: #f48e2e; line-height: 20px; padding: 0 0 0 20px; margin: 10px 0 0 0;}
|
.tabconsub ul{margin: 0 0 0 16px;}
|
|
/*.title{margin-bottom: 18px; position: relative;}*/
|
.title{ position: relative;}
|
.title-txt{background: url(images/gdcams/title.png) center bottom no-repeat; height:52px;}
|
.title-txt span{ color:#c3d2db; font-size: 38px; text-align: right; float:left; width:630px; line-height: 34px; padding-right:14px; font-weight: 500;}
|
.title-txt h4{color:#04446a; font-size:32px; font-weight: normal; line-height: 34px; text-align: left; float:right; width:630px; padding-left:14px;}
|
.title-more{float:right; width:110px; height: 30px; line-height: 30px; border:1px solid #04446a; color:#04446a; text-align: center;}
|
.title-more:hover{background: #1d5679; color:#fff;}
|
.title .title-more{position: absolute; right:0; bottom:0;}
|
|
.rightlist{float: left; width: 1380px; width: 79%; padding: 0 50px; border-left: 1px solid #e4e4e4;}
|
.rightlist .tab-lt{text-align: right; height: 30px; position: absolute; right: 6px;}
|
.rightlist .tab-lt span{display: inline-block; color: #e9e9e9; margin: 0 10px;}
|
.rightlist .num{text-align: right; color: #555555; font-size: 14px;}
|
.rightlist .num span{color: #0047b5; font-weight: bold; margin: 0 6px;}
|
|
.resultcon{}
|
.resultcon .resultli{padding: 30px 30px 20px 30px; border-bottom: 1px solid #dfdbdb;}
|
.resultcon .resultli:hover{background: #f0f3fd;}
|
.resultcon .resultli .rtitle{line-height: 28px; margin: 0 0 10px 0;}
|
.resultcon .resultli .rtitle h2{color: #0047b5; font-size: 18px; font-weight: bold; float: left; width: 920px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
|
.resultcon .resultli .rtitle h2 a{color: #0047b5; font-size: 18px; font-weight: bold;}
|
.resultcon .resultli .rtitle i{float: right; width: 284px; color: #666666; font-size: 14px; text-align: right;}
|
.resultcon .resultli p{line-height: 24px; font-size: 14px; color: #5a5a5a; margin: 0 0 10px 0;}
|
.resultcon .resultli p span{color: #fff; font-size: 14px; display: inline-block; padding: 0 6px; border-radius: 4px; margin-right: 16px;}
|
.resultcon .resultli p span.c1{background: #ff9a40;}
|
.resultcon .resultli p span.c2{background: #35d4a0;}
|
.resultcon .resultli p span.c3{background: #ffbf00;}
|
.resultcon .resultli p em{display: inline-block; padding: 0 0 0 0; margin: 0 0 0 0; background: #f5ece0; font-size: 14px;}
|
.resultcon .resultpage{background: #fafafa; border-bottom: 1px solid #dfdbdb; height: 34px; line-height: 34px; padding: 0 20px;}
|
.resultcon .resultpage p{color: #525252; font-size: 14px; float: left;}
|
.resultcon .resultpage .rpage{float: right;}
|
|
|
.resultcon-table{margin: 16px 0 0 0;}
|
.resultcon-table th{background: #f0f0f0; padding: 10px 6px;}
|
.resultcon-table td{padding: 10px 6px; border-bottom: 1px dashed #ccc;}
|
.resultcon-table td span{margin: 0 10px; font-size: 14px; cursor: pointer;}
|
.resultcon-table td span.color1{color:#ff5a12;}
|
.resultcon-table td span.color2{color:#12b9ff;}
|
|
|
/*--------------------- map ----------------------------*/
|
.maps{position: relative;}
|
.inmap{overflow: hidden;}
|
.navfl{display: inline-block; width: 40px; height: 40px; border-radius: 4px; background: #fff url(images/gdcams/navfl1.png) no-repeat; position: absolute; left: 6px; top: 0px; border: 1px solid #d5d9df; cursor: pointer;}
|
.fl{ position: absolute; left: 0px; top: 0px;}
|
.navfr{display: inline-block; width: 40px; height: 40px; border-radius: 4px; background: #fff url(images/gdcams/navfl2.png) no-repeat; position: absolute; right: 6px; top: 0px; border: 1px solid #d5d9df; cursor: pointer;}
|
.fr{ position: absolute; right: 0px; top: 0px;}
|
.layerlist{width:336px; height: 625px; box-shadow: 5px 5px 6px #bdcae0; background: url(images/gdcams/layerbg.png); border-radius: 6px; z-index: 99;}
|
.layerlistcon{ padding: 16px 16px 0 16px;}
|
.layerlist h2{color: #0047b5; font-size: 21px; font-weight: bold; margin: 0 0 8px 0;}
|
.layerlist .navfl-l{display: inline-block; width: 20px; height: 20px; background: url(images/gdcams/navfl-l.png) no-repeat; position: absolute; right: 24px; top: 24px; cursor: pointer;}
|
.layerlist .navfl-r{display: inline-block; width: 20px; height: 20px; background: url(images/gdcams/navfl-r.png) no-repeat; position: absolute; right: 24px; top: 24px; cursor: pointer;}
|
.layerlist .num{ color: #555555; font-size: 14px; line-height: 26px; border-bottom: 1px solid #cacaca; padding: 0 0 12px 0;}
|
.layerlist .num span{color: #0047b5; font-weight: bold; margin: 0 6px;}
|
.l-list {padding: 8px 0 0 0;}
|
.l-list p{color: #333333; line-height: 20px; font-size: 14px; margin: 0 0 9px 0;}
|
.l-list p span{display: inline-block; background: url(images/gdcams/n.png) no-repeat; width: 22px; height: 22px; line-height: 20px; padding: 0 0 0 3px; color: #fff; font-size: 12px;}
|
.l-list p a{color: #333333; font-size: 14px; padding-left: 12px;}
|
.l-page{background: #f0f4ff; height: 38px; line-height: 38px; position: absolute; bottom: 0; border-radius: 0 0 6px 6px; width: 100%; padding: 0 16px;}
|
|
.layer-icon{height: 46px; border-radius: 4px; background: url(images/gdcams/layerbg.png); position: absolute; right: 350px; top: 0px; padding: 0 8px; box-shadow: 5px 5px 6px #bdcae0;}
|
.layer-icon li{float: left; font-size: 12px; font-family: "SimSun"; padding: 12px 14px; height: 46px; line-height: 22px; background: url(images/gdcams/iline.png) right center no-repeat;}
|
.layer-icon li a{ background: url(images/gdcams/layer-icon.png) no-repeat; padding: 0 0 0 26px; display: inline-block; height: 22px;}
|
.layer-icon li.i1 a{background-position: 0px 0px;}
|
.layer-icon li.i2 a{background-position: 0px -40px;}
|
.layer-icon li.i3 a{background-position: 0px -82px;}
|
.layer-icon li.i4 a{background-position: 0px -122px;}
|
.layer-icon li.i5 a{background-position: 0px -162px;}
|
.layer-icon li.i6 a{background-position: 0px -202px;}
|
|
|
|
|
/*---------------------- show -----------------------------------*/
|
.showmain{background: #fff; margin: 0 84px; padding: 44px 0 38px 0;}
|
.showtitle{color:#04446a; font-size:32px; font-weight: normal; line-height: 34px; text-align: center; margin-right: 20px;margin-bottom: 24px;}
|
|
.detcon{ padding: 0 50px;}
|
.detcon .detbox1{background:#f7f7f7; border:1px solid #ccc; border-radius:4px; margin-bottom:20px; padding: 6px 0;}
|
.detcon .detbox1 table{width:100%;}
|
.detcon .detbox1 td{height:30px; line-height:30px; padding:2px 5px; font-size:14px;}
|
.detcon .detbox1 td .ckbtn{display: inline-block; background: #0047b5; color: #fff; border-radius: 4px; text-align: center; padding: 0 16px; margin: 0 0 0 16px;}
|
.detcon .detbox1 td .ckbtn:hover{opacity: 0.8; color: #fff; text-decoration: none;}
|
.detcon .detbox1 .ml{display: block; text-decoration: underline; cursor: pointer;}
|
.detcon .detbox1 .mllist{text-indent: 2em; display: none;}
|
.detcon .detbox2{width:100%;}
|
.detcon .detbox2 td{height:30px; line-height:30px; padding:2px 5px; font-size:14px; border:1px solid #ccc;}
|
.detcon .detbox2 .ml{display: block; text-decoration: underline; cursor: pointer;}
|
.detcon .detbox2 .mllist{text-indent: 2em; display: none;}
|
