/*  reset  */
.container{width: 1300px !important; padding: 0;}
a,a:link,a:active,a:focus{outline: none; text-decoration: none;}
ul,li{padding: 0; margin: 0;}
li{list-style: none;}
h1,h2,h3,h4{padding: 0; margin: 0;}
body{font-family: "MicrosoftYaHei","微软雅黑"; background: #f6f6f6;}
p{margin-bottom: 0;}
/*  reset end  */

/*  header  */
.header{height: 90px; background-color: #013a72; color: #fff;}
.header h1{font-size: 30px; font-weight: normal; line-height: 90px; float: left;}
.header h1 a{color:#fff;}
.header .menu, .header .regbox{float: right;}
.header .menu li {display: block; float: left;}
.header .menu li a{color:#fff; font-size: 16px; line-height: 90px; padding: 12px 20px; }
.header .menu li a:hover, .header .menu li a.indexActive{border-color:#fff;}
.header .regbox{padding-top: 34px;}
.header .regbox span{margin-left:10px;}
.header .regbox a{font-size: 14px; color:#fff;  padding: 6px 10px;  margin-left:10px;cursor: pointer;}
.header .regbox a:hover{background: #fff; color:#013a72;}

.top{padding: 20px 0 28px 0; /*overflow: auto;*/    position: relative; z-index: 999;}
.top .left{width: 234px; height: 440px;	background-color: #bee5fc; border: solid 1px #75c2f0; float: left; position: relative;}
.top .left .title{height: 50px; font-size: 18px; font-weight: bold; color:#fff; background:#017bc1 url("../img/dataExplorer/ico01.png") 16px center no-repeat; line-height: 50px; padding-left: 44px;}
.top .left li a{ padding: 12px 2px; margin: 0 2px; display: block; border-bottom: #a2cee8 1px solid; font-size: 16px; color:#003043;}
.top .left li:last-child a{border-color: rgba(0, 0, 0, 0)}
.top .left li:hover,.top .left li.active{background:#017bc1;}
.top .left li:hover a,.top .left li.active a{color:#fff; border-color:rgba(0, 0, 0, 0); font-weight: bold;}
.top .right{width: 1053px; height: 440px; float: right; background: url("../img/dataExplorer/bg01.png") no-repeat; padding: 80px 140px;}
.top .right h2{font-size: 30px; font-weight: bold; color: #fff; text-align: center; padding-bottom: 13px;}
/*
.top .right input{font-size: 16px; padding: 24px 40px 24px 14px; !*background:#fff url("../img/dataExplorer/ico03.png") right center no-repeat*!;}
*/
.top .right input{font-size: 16px;  padding: 24px 14px;  background: #fff;  border-radius: 5px 0 0 5px;  border: none;}
.top .right button {  background: #fff;  border: none;  border-radius: 0 5px 5px 0;  padding: 8px 0;  border-bottom: #fff 1px solid;  }
.top .right .labels{padding-top: 22px; text-align: left;}
.top .right .labels a{font-size: 18px; color: #a4ef7f; padding: 0 18px;}

.top .left .pop{position: absolute; width:205px; padding: 10px 0; background: #fff;}
.top .left .pop div{border-bottom: #ceebf9 1px solid; padding: 10px 20px;}
.top .left .pop div:last-child{border-bottom: none;}
.top .left .pop a.t1{font-weight: bold; color: #017bc1; }
.top .left .pop a{line-height: 28px; color:#3e3e3e;}
.top .left .pop a:hover{color: #017bc1;}

.content{/*overflow: auto;*/ padding-bottom: 15px;position: relative; z-index: 0; }
.content .title{font-size: 20px; color:#282828; padding-top: 13px; border-bottom: #ddd 1px solid; position: relative;}
.content .title .tab{display: inline-block; margin-right: 45px; cursor: pointer; padding-bottom: 13px; margin-bottom: -1px;}
.content .title .tab.active,.content .title .tab:hover{color:#152976; font-weight: bold; border-bottom: #65be49 2px solid; background: url("../img/dataExplorer/ico05.png") bottom center no-repeat;}

.content .title .right-btn,.right-more{position: absolute; right: 0; bottom: 8px; font-size: 15px;}
.content .title .right-btn i{margin-left: 12px; cursor: pointer; color:#aeaeae;}
.content .title .right-btn i:hover,.content .title .right-btn i.active{color:#017bc1;}
.right-more a{color:#1e9ee1; font-size: 12px; padding: 2px 10px; border:#1e9ee1 1px solid; border-radius: 50px; display: inline-block;}
.right-more a:hover{color:#fff; background: #1e9ee1;}
  
.content .news{float: left; padding: 26px; background: #fff; width:893px; margin-bottom: 26px; padding-bottom: 36px;}
.content .news .list{padding: 30px 0 10px 0;}
.content .news .list .item .image{height:190px; overflow: hidden; position: relative;}
.content .news .list .item .image img{width: 100%;}
.content .news .list-model .list .item h4{position: absolute; height: 35px; background: rgba(0, 0, 0, 0.5); width: 100%; bottom: 0; color:#fff; font-size:16px; padding-left: 10px; line-height: 35px; white-space: nowrap;}
.content .news .list .item p{color:#262626; padding: 14px 0 0 0; margin: 0;  }
.content .news .list .item span{color:#525252; float: right;}
.content .news .list .item:hover h4{font-weight: bold;}
.content .news .list .item:hover p{color:#013a72;}

.content .news .list2{padding-top: 30px;}
.content .news .list2 .item .image{width:126px; height: 95px; float: left; margin-right: 10px;}
.content .news .list2 .item h4{font-size: 18px; color:#152976;}
.content .news .list2 .item h5{font-size: 14px; color: #318417;}
.content .news .list2 .item p{color: #262626;}
.content .news .list2:last-child{padding-bottom: 25px;}
.content .news .list2 .item:hover h4,.content .news .list2 .item:hover h5{font-weight: bold;}
.content .news .list2 .item:hover p{color:#017bc1;}

.content .news .list3 table{width:100%;}
.content .news .list3 tr{border-bottom: #ddd 1px solid;}
.content .news .list3 tbody tr{cursor: pointer;}
.content .news .list3 tbody tr:hover{color:#1e9ee1;}
.content .news .list3 th,.content .news .list3 td{height: 65px; padding: 12px;}
.content .news .list3 th{color:#152976; font-size: 16px; font-weight: normal;}

.content .statics{float: right; padding: 26px 24px; width:383px; background: #fff;}
.content .statics .title .tab.active{background: none;}
.content .statics .num{margin-bottom: 6px; font-size: 16px; color:#152976;}

.content .statics .num .col-xs-6 div{height: 75px; text-align: center; padding: 10px 15px; background: #def1fb;}
.content .statics .num .col-xs-6 div p{margin-top: 10px;}
.content .statics .num .col-xs-6:first-child{padding-right: 3px;}
.content .statics .num .col-xs-6:last-child{padding-left: 3px;}
.content .statics .chart,.content .statics .text-list{border: #ddd 1px solid; border-top: none; overflow: hidden;}
.content .statics .text-list{padding: 24px 14px;}
.content .statics .text-list a{color:#262626; line-height: 30px; height: 30px;}
.content .statics .text-list a:hover{color:#017bc1;}
.content .statics .text-list a span{font-size: 12px; color:#747474; margin-right: 20px;}

.foot{height: 180px; background: #003b6f url("../img/dataExplorer/bg02.png") center center no-repeat; }
.foot-content{width:1200px; margin: 0 auto; padding-top: 34px;}
.foot-content * {color:#fff;}
.foot-content a:hover{color:#fff; font-weight: bold;}
.foot-content .text-right{padding-top: 30px; line-height: 28px;}
.foot-content h3{font-size: 20px; font-weight: bold; margin-bottom: 18px;}
.foot-content td{height: 26px; padding-right: 34px;}

.subsystem{background: #fff;}
/* .subsystem .container{width: 1200px !important;} */
.subsystem .header .return{float:left; color:#f9b339; border-left:#f9b339 1px solid; margin-top: 30px; padding: 6px; padding-left: 40px; margin-left: 18px; background: url("../img/dataExplorer/ico07.png") 13px center no-repeat;}
.subsystem .header .regbox a{background: #1499d7; color: #fff; border:none;}
.subsystem .header .regbox a:hover{background: #0177b5;}
.subsystem .header{height: 314px; background: #00537c url("../img/dataExplorer/bg03.png") top center no-repeat;}
.subsystem .header .search{margin-top: 110px;}
.subsystem .header .search input,.subsystem .header .search button{height: 46px; border-radius: 0; border:none;}
.subsystem .header .search button{background: #0097d7; padding: 0 12px;}
.subsystem .header .search button:hover{background: #0177b5;}
.subsystem .header .labels{padding-top: 13px; text-align: center;}
.subsystem .header .labels a{padding: 9px 14px; background-color: #ff8b36; color:#fff;}
.subsystem .header .labels a:hover{background-color: #f07317;}
.subsystem .main-content{margin-top: -70px; border-top:#0097d7 5px solid; overflow: auto;}
.subsystem .main-content .news1{padding: 28px 36px 22px 20px; border:#ddd 1px solid; border-top: none; background: #e8f7ff; overflow: auto; margin-bottom: 25px;}
.subsystem .main-content .news1 img{float: left; margin-right: 20px;}
.subsystem .main-content .news1 h4{padding: 14px 0; font-size: 16px; color:#00537c; border-bottom: #0097d7 1px solid; margin-bottom: 16px; margin-left: 293px;}
.subsystem .main-content .news1 p{color:#035a9d; line-height: 24px; margin-bottom: 0;}
.subsystem .main-content .pull-left{width: 890px;}
.subsystem .main-content .pull-left>div{margin-bottom: 25px; overflow: auto;}
.subsystem .main-content .pull-left .title{height: 28px; overflow: hidden;}
.subsystem .main-content .pull-right{width: 370px;}
.subsystem .main-content .pull-right>div{margin-bottom: 30px;}
.subsystem .main-content .count div{background-color: #1e9ee1; color:#fff; border-right: #fff 1px solid; width: 25%; float:left;overflow: auto; padding: 18px 20px; cursor: pointer; height: 92px;}
.subsystem .main-content .count img{float: left; margin-right: 8px;}
.subsystem .main-content .count p{font-size: 16px; margin-top: 8px;}
.subsystem .main-content .count div:hover{background: #0177b5;}
.subsystem .main-content .labels{padding: 22px 22px 22px 10px; border:#ddd 1px solid;}
.subsystem .main-content .labels table{width: 100%;}
.subsystem .main-content .labels th{font-size: 18px; font-weight: normal;	color: #1296db; padding-right: 6px;}
.subsystem .main-content .labels a{color:#fff; font-size: 16px; padding: 8px 14px; background: #1296db; margin-right: 3px;}
.subsystem .main-content .labels a:hover{background: #0177b5;}
.subsystem .main-content .labels button{background: #ff8b36 url("../img/dataExplorer/ico17.png") 10px 10px no-repeat; padding: 7px 10px 7px 31px; color:#fff; border:none;}
.subsystem .main-content .labels button:hover{background-color: #f07317;}
.subsystem .main-content .title{position: relative;}
.subsystem .main-content .title h4{font-size: 24px; color:#000;}
.subsystem .main-content .title h4::first-letter{color:#1296db;}
.subsystem .main-content .title .line{height: 1px; background: #ddd; position: absolute; left:105px; top:13px; right: 60px;}
.subsystem .main-content .title .line div{width:20px; height: 1px; background: #152976;}
.subsystem .main-content .title .right-more{bottom: 1px;}
.subsystem .main-content .news-grid{margin-left: -6px; margin-right: -6px; padding-bottom: 20px;}
.subsystem .main-content .news-grid .col-xs-4{padding: 6px;}
.subsystem .main-content .news-grid .col-xs-4>a{border:#ddd 1px solid; padding: 10px; display:block; text-align: center;}
.subsystem .main-content .news-grid .col-xs-4>a>img{width: 100%; height: 165px; margin-bottom: 10px;}
.subsystem .main-content .news-grid .col-xs-4 h4{font-size: 18px; color: #3e3e3e; padding: 3px 0;}
.subsystem .main-content .news-grid .col-xs-4 a>span{color: #7e7e7e; padding-bottom: 20px; display: block;}
.subsystem .main-content .news-grid .col-xs-4 td{padding: 15px 2px; color: #1499d7;}
.subsystem .main-content .news-grid .col-xs-4 td img{ margin-top: -2px;}
.subsystem .main-content .news-grid .col-xs-4 td span{font-size: 12px; padding: 2px 10px; color:#fff; background: #1296db; border-radius: 50px;}
.subsystem .main-content .news-grid .col-xs-4>a:hover h4{color:#0177b5;}
.subsystem .main-content .news-grid .col-xs-4>a:hover>span{color:#000; }

.subsystem .main-content .contact{padding: 32px 22px; background: #c2e8fc url("../img/dataExplorer/bg04.png") top right no-repeat;}
.subsystem .main-content .contact table{width: 100%;}
.subsystem .main-content .contact td{padding: 8px; font-size: 16px; color: #004982;}
.subsystem .main-content .contact tr{ border-bottom: #fff 1px solid;}
.subsystem .main-content .contact tr:last-child{ border-color: rgba(0, 0, 0, 0);}
.subsystem .main-content .news-tab{border:#ddd 1px solid;}
.subsystem .main-content .news-tab .title{padding: 14px 18px; border-bottom: #ddd 1px solid; padding-bottom: 0;}
.subsystem .main-content .news-tab .title a{font-size: 20px; color:#3e3e3e; margin-right: 25px; padding-bottom: 14px; display: inline-block;}
.subsystem .main-content .news-tab .title a.active,.subsystem .main-content .news-tab .title a:hover{border-bottom: #1499d7 1px solid; margin-bottom: -1px; color:#1499d7;}
.subsystem .main-content .news-tab ul{padding:25px; padding-bottom: 35px;}
.subsystem .main-content .news-tab ul a{color:#262626; line-height: 30px;}
.subsystem .main-content .news-tab ul a span{color:#7a7a7a; margin-right: 20px;}
.subsystem .main-content .news-tab ul a:hover{color:#1499d7;}
.subsystem .main-content .news-tab .right-more{bottom: 16px; }
.subsystem .main-content .news-tab .right-more a{font-size: 12px; padding: 2px 10px; color:#1e9ee1;}
.subsystem .main-content .news-tab .right-more a:hover{color:#fff;}
.subsystem .main-content .chart{padding: 25px; border:#ddd 1px solid; text-align: center;}
.subsystem .main-content .link h4{font-size: 20px; color:#1499d7;}
.subsystem .main-content .link .line{left:90px; top:10px; right: 0;}
.subsystem .main-content .link ul{padding: 15px 0;}
.subsystem .main-content .link ul a{font-size: 16px; color: #1499d7; line-height: 28px;}
.subsystem .main-content .link ul a:hover{color:#0177b5;}
.subsystem .foot,.footer{background: #454545; height: auto; padding: 48px; color: #b5b5b5; line-height: 24px;}

.datasets .main-content{border-top: none; padding: 26px 35px; background: #fff;}
.datasets table.label th,.datasets table.label td{padding:0 3px; color: #262626; font-size: 14px;}
.datasets table.label a{padding: 5px 10px; color: #1397db; border:#1397db 1px solid; border-radius: 50px; margin-right: 3px;}
.datasets table.label a:hover,.datasets table.label a.active{color:#fff; background: #1397db;}
.datasets .sort{margin-top: 20px; margin-left: 0px; margin-right: 0px; border-top:#ddd 1px solid; border-bottom: #ddd 1px solid; padding: 24px 0; color:#ddd;}
.datasets .sort span{padding: 0 4px; color:#262626; cursor: pointer;}
.datasets .sort span:first-child{padding-left: 0;}
.datasets .sort i{color:#9d9d9d;}
.datasets .sort span.sorted{color:#f07318; font-weight: bold;}
.datasets .sort span.sorted i{color:#f07318;}
.datasets .sort .result{color: #1296db; text-align: right;}
.datasets .data-list ul{padding-top:20px; border-bottom: #ddd 1px solid;}
.datasets .data-list ul a{display: block; /*overflow: auto; overflow-x: hidden;*/ margin-bottom: 50px;}
.datasets .data-list ul a img{border:#ddd 1px solid; float: left; margin-right: 20px; width: 200px; height: 150px;}
.datasets .data-list ul a h4{font-size: 16px; color:#013a72; padding-top: 6px; padding-bottom: 20px;}
.datasets .data-list ul a h4 span{float: right; font-size:12px; color:#fff; padding: 2px 10px; border-radius: 50px; margin-left: 3px;}
.datasets .data-list ul a h4 span.orange{background: #ff8b36;}
.datasets .data-list ul a h4 span.blue{background: #1296db;}
.datasets .data-list ul a h4 span.green{background: #45ad24;}
.datasets .data-list ul a p{color: #262626; line-height: 24px; padding-bottom: 16px;}
.datasets .data-list ul a>span{color:#7e7e7e; padding-left: 20px; background-position: 0 2px; display: inline-block; background-repeat: no-repeat;}
.datasets .data-list ul a>span.date{background-image: url("../img/dataExplorer/ico51.png");}
.datasets .data-list ul a>span.download{background-image: url("../img/dataExplorer/ico53.png"); float:right; margin-left: 20px;}
.datasets .data-list ul a>span.visit{background-image: url("../img/dataExplorer/ico52.png"); float: right;}
.datasets .data-list ul a>span.owner{color: #318417;}
.pager{padding: 5px 0; text-align: right;}
.pager a{color:#262626; padding: 3px; margin-left: 5px; min-width:26px; text-align: center; display: inline-block;}
.pager a:hover,.pager a.active{background: #1296db; border-radius: 5px; color:#fff;}
.datasets .chart{padding: 0 !important; border:#ddd 1px solid;}
.datasets .chart h4{height: 50px; font-size: 16px; color:#fff; background-color: #1296db; padding-left: 20px; line-height: 50px; text-align: left; font-weight: bold;}
.datasets .chart div{padding: 15px; padding-bottom: 30px;}
.data-search{padding: 18px 0;}