/*  reset  */
.container{ width:1440px; padding: 0;}
a,a:link,a:active,a:focus,button:active,button:focus,input:focus,input:active{outline: none; text-decoration: none;}
ul,li{padding: 0; margin: 0;}
li{list-style: none;}
h2,h3,h4{padding: 0; margin: 0;}
body{font-family: "MicrosoftYaHei","微软雅黑" !important; }
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: 55px; float: left;}
.header h1 a{color:#fff;}
.header h1 a:hover{color:#d0f0fd;}
.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 10px; border:rgba(0, 0, 0, 0) 1px solid; border-radius: 50px;}
.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; border: #fff 1px solid; padding: 6px 20px; border-radius: 50px; margin-left:3px;}
.header .regbox a:hover{background: #fff; color:#013a72;}

.top{padding: 20px 0 28px 0; overflow: auto;}
.top .left,.datasets .menubar{width: 234px; height: 440px;	background-color: #bee5fc; border: solid 1px #75c2f0; float: left; position: relative;}
.top .left .title,.datasets .menubar .title{height: 50px; font-size: 18px; font-weight: bold; color:#fff; background:#00a3cc url("../img/dataExplorer/ico01.png") 16px center no-repeat; line-height: 50px; padding-left: 44px;}
.top .left li a,.datasets .menubar li a{ padding: 12px 26px; margin: 0 14px; display: block; border-bottom: #a2cee8 1px solid; font-size: 16px; color:#003043;}
.top .left li:last-child a,.datasets .menubar li:last-child a{border-color: rgba(0, 0, 0, 0)}
.top .left li:hover,.top .left li.active,.datasets .menubar li:hover,.datasets .menubar li.active{background:#017bc1;}
.top .left li:hover a,.top .left li.active a,.datasets .menubar li:hover a,.datasets .menubar li.active a{color:#fff; background:url("../img/dataExplorer/ico02.png") left center no-repeat; 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: 160px 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 .labels{padding-top: 22px; text-align: center;}
.top .right .labels a{font-size: 18px; color: #a4ef7f; padding: 0 18px;}

.top .left .pop,.datasets .menubar .pop{position: absolute; width:205px; padding: 10px 0; background: #fff; border: #ddd 1px solid; box-shadow: 4px 5px 5px 0px rgba(0,0,0,.2);}
.top .left .pop div,.datasets .menubar .pop div{border-bottom: #ceebf9 1px solid; padding: 10px 20px;}
.top .left .pop div:last-child,.datasets .menubar .pop div:last-child{border-bottom: none;}
.top .left .pop a.t1,.datasets .menubar .pop a.t1{font-weight: bold; color: #017bc1; }
.top .left .pop a,.datasets .menubar .pop a{line-height: 28px; color:#3e3e3e;}
.top .left .pop a:hover,.datasets .menubar .pop a:hover{color: #017bc1;}

.content{overflow: auto; padding-bottom: 15px; }
.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 .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;}
.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: 22px;}
.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 .return:hover{font-weight: bold;}
.subsystem .header .regbox a{background: #1499d7; color: #fff; border:none;}
.subsystem .header .regbox a:hover{background: #0177b5;}
.subsystem .header  {height: 244px; background: #00537c url("../img/dataExplorer/bg03.png") top center no-repeat;}
.subsystem .header .search{margin-top: 110px; margin-left: 200px; margin-right: 200px;}
.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: 15px; text-align: center;}
.subsystem .header .labels a{padding: 9px 14px; margin-left: 3px;margin-right: 3px; background-color: #ff8b36; color:#fff;}
.subsystem .header .labels a:hover{background-color: #f07317;}
.subsystem .header .nav-b{background: url("../img/dataExplorer/ico18.png") left center no-repeat; color:#fff; padding: 4px; padding-left: 20px; margin-top: 16px;}
.subsystem .header .nav-b a{color:#fff;}
.subsystem .header .nav-b a:hover,.subsystem .header .nav-b a.active{color:#e0c8a0;}
.subsystem .main-content{margin-top: 0px; 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: 18px; color: #b5b5b5; line-height: 24px;}

.datasets .main-content{border-top: none; background: #fff;}
.datasets table.label th,.datasets table.label td{padding:0 3px; color: #262626; font-size: 14px;}
.datasets table.label a{padding: 2px 10px; color: #1397db; border:#1397db 1px solid; border-radius: 50px; margin-right: 3px; font-size: 12px;}
.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-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; font-weight: normal;}
.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;}
.datasets .data-list ul a:hover h4,.datasets .data-list ul a:hover span.owner{font-weight: bold;}
.datasets .data-list ul a:hover p{color:#013a72;}

.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: 24px; color:#fff; background-color: #1296db; padding-left: 20px; line-height: 50px; text-align: left; font-weight: bold;}
.data-search{padding: 18px 0;  margin-bottom: 10px;}
.data-search .menubar{ position: absolute; z-index: 999; height: auto;}
.data-search .menubar i{float: right; border:solid 1px #f6f6f6; color:#f6f6f6; opacity: 0.6; width: 20px; height: 20px; text-align: center; margin-top: 3px; border-radius: 50px; line-height: 20px; position: relative; margin-top:15px; margin-right: 15px; cursor: pointer;}
.data-search .form{width:660px; height: 40px; float: right; padding-top: 8px;}
.data-search .form input{height: 38px; width: 610px; border: solid 1px #0176bb; border-radius: 50px 0 0 50px; padding-left: 18px;}
.data-search .form button{height: 40px; width: 50px; background-color: #0171b5; border-radius: 0 50px 50px 0; margin-left: -1px; }
.data-search .form button img{height: 26px;}
.data-search .form button:hover{background-color: #01558a;}
.nav-c{float: left; padding: 20px 0 0 30px; position: relative; color:#262626;}
.nav-c i {font-size: 24px; color:#1397db; position: absolute; left: 10px; margin-top: -4px;}
.nav-c a{color:#262626;}
.nav-c a:hover,.nav-c a.active{color:#013a72;}
.portal .sort{border:none; background:#fff; padding: 18px 35px; margin-top:0;}
.portal .sort span{padding:12px; border:rgb(216, 216, 216) 1px solid; display: inline-block;}
.portal .sort span:first-child{padding-left: 12px;}
.portal .sort span.sorted{color:#fff; background: #f07318;}
.portal .sort span.sorted i{color:#fff;}
.portal .sort .result{padding-top: 15px;}
.portal .data-list ul{border-bottom: none;}
.portal .data-list li a{background: #fff; padding: 32px 35px; margin-bottom: 20px;}
.portal .data-list li a img{padding: 1px; border-radius: 20px;}
.portal .data-list li a>span{padding-left: 0; margin-right: 20px;}
.portal .data-list li h4 span{float: right; color:#007eb3 !important; font-size: 14px !important;}
.form-table h4{font-size: 20px; color: #007eb3;}
.form-table h4 span{float: right; padding: 5px 10px; font-size: 14px; color: #1296db; border:#1296db 1px solid; border-radius: 50px; margin-left: 3px; cursor: pointer;}
.form-table h4 span:hover{color:#fff; background: #1296db;}
.form-table table{width:100%;}
.form-table table.info{margin-top: 20px;}
.form-table table.info th,.form-table table.info td{line-height: 30px; font-weight: normal; vertical-align: top; padding:0px 5px; }
.form-table table.info th{color:#007eb3; text-align: right;  width:100px;}
.form-table table.info td{color:#262626;}
.form-table table.info input{float: right; width:260px;}
.form-table table.info span.file-type{font-size: 12px; padding: 2px 10px; color:#fff; background: #ff8b36; border-radius: 50px;}
.form-table table.info span.label{background: #26a6d9; font-size: 14px; padding: 5px 10px; border-radius: 0; margin-right: 5px; cursor: pointer;}
.form-table table.info span.label:hover{background: #007eb3;}
.form-table table.info a{background-color: #ffeee2; border-radius: 50px;	border: solid 1px #ff8b36; padding: 8px 18px; color: #d66b1d; margin-left: 3px; }
.form-table table.info a:hover{background:#ff8b36; color:#fff;}
.form-table .sform{background-color: #f9f9f9;	border: solid 1px #ddd; padding: 36px 16px; margin-top: 30px; position: relative;}
.form-table .sform >i{width: 17px; height: 17px; border-radius: 50px; color:#262626; border:#262626 1px solid; line-height: 13px; text-align: center; position: absolute; right: 10px; top: 10px; cursor: pointer;}
.form-table .sform i:hover{color:#fff; background: #1296db;}
.form-table .sform th{color:#007eb3; text-align: right;  width:120px; font-weight: normal; vertical-align: top; padding: 5px;}
.form-table .sform td{vertical-align: top; line-height: 30px; padding: 1px;}
.form-table .sform td label{margin-right: 10px;}
.form-table .sform td select,.form-table .sform td input[type="text"]{height: 30px; border-radius: 0; width:100%;}
.form-table .sform a{color:#262626;}
.form-table .sform i.fa-plus{width:12px; height: 12px; color:#fff; background: #ff8b36; font-size: 12px; padding: 1px;}
.form-table .sform i.fa-trash{color:#1296db; width: 28px; height: 28px; font-size: 18px; border:#ddd 1px solid; border-radius: 50px; line-height: 26px; text-align: center; margin-right: 10px;}
.form-table .sform a:hover i.fa-trash{color:#fff; background: #1296db;}
.form-table .sform i.fa-search{color:#45ad24; width: 28px; height: 28px; font-size: 18px; border:#ddd 1px solid; border-radius: 50px; line-height: 26px; text-align: center;}
.form-table .sform a:hover i.fa-search{color:#fff; background: #45ad24;}
.form-table .tabs{margin-top: 35px; overflow: auto;}
.form-table .tabs a{padding:7px 18px; color: #1296db; border:#1296db 1px solid; border-bottom: none; border-radius: 5px 5px 0 0; display: block; float: left; margin-right: 2px;}
.form-table .tabs a:hover,.form-table .tabs a.active{color:#fff; background: #1296db;}
.form-table .tab-data{border:#ddd 1px solid; }
/*.form-table .tab-data th{background-color: #f3f9fc;}*/
/*.form-table .tab-data th,*/.form-table .tab-data td{height: 36px; text-align: center; font-weight: normal; color:#262626; border-bottom: #ddd 1px solid;}
.form-table .tab-data tr:hover{background: #f0f0f0;}
.form-table .tab-data a{cursor: pointer;/*color: #1296db;*/ border:#1296db 1px solid; border-radius: 50px; padding: 2px 8px;}
.form-table .tab-data a:hover{cursor: pointer;background:#1296db; color:#fff;}
.form-table .page{padding:10px 0 28px 0; border-bottom: #1296db 1px solid;}
.form-table .page>a{color:#fff; background:#1296db; padding: 6px 14px; border-radius: 5px; margin-left: 16px;}
.form-table .page>a:hover{background: #107fb3;}
ul.pagination{/*margin:0;*/ width:auto!important;}
/*ul.pagination a{width: 18px; height: 18px; padding: 0; line-height: 18px; text-align: center; color:#bcbaba;}*/
ul.pagination li.active a:not(ul.dropdown-menu li[role=menuitem] a){color:#1296db; font-weight: bold; background: none; border-color:#ddd;}
.form-table .down{margin-top: 28px;}
div.down a{color:#fff; background: #45ad24; padding: 8px 15px; border-radius: 5px;}
div.down a:hover{background: #318417;}
div.down{padding-bottom: 20px;}
/*div.api{padding-top: 30px;}
div.api>div{height: 36px; border-bottom: #ddd 1px solid; line-height: 36px; color:#262626;}
div.api span.u{color:#1296db; border-bottom:#1296db 1px solid; padding-bottom: 10px;}
div.api span.score{color:#919191;}
div.api span i{font-size:16px; color:#bababa;}
div.api span i.active{color:#ff8b36;}
div.api span.pull-right{width:auto !important; }*/
.r-item{border:#ddd 1px solid; margin-bottom: 25px;}
.r-item .title{height: 50px; font-size: 16px; color:#fff; font-weight: bold; background: #1296db; line-height: 50px; padding-left: 60px; background-position: 20px center; background-repeat: no-repeat;}
.r-item td{padding: 4px; font-size: 16px; color: #004982;}
.r-item li a{color:#262626; line-height: 30px;}
.r-item li a:hover{font-weight: bold; color: #1296db;}
table.wide span.th{color:#007eb3; }
table.wide span.num{color:#1296db; font-weight: bold; margin-right: 20px;}
table.wide td.contact-t td{color:#1296db; vertical-align: middle; padding: 10px 4px; padding-right: 30px; }
table.wide td.contact-t th{vertical-align: middle; width:auto;}
table.wide img{width: 22px;  margin-top:-2px;}

.left_con_div{  background:#e1e5e3  url(../img/left_bg.png)  bottom no-repeat;  height:100%;}
.left_con_div ul li a{ height:55px; line-height:55px; width:auto; display:block; color:#3a3a3a; font-size:18px; border-bottom:#e6eceb 1px solid; border-top:#e6eceb 1px solid; padding-left:70px; margin-top: -1px; position: relative; background-position: 30px center; background-repeat:no-repeat;}
.left_con_div ul li a i.menu{position: absolute; right:30px; margin-top:19px;}
.left_con_div ul li a div{position: absolute; height: 10px; width: 10px; background: rgba(0,0,0,0); right:-5px; top:21px; transform:rotate(45deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.left_con_div ul li a:hover, .left_con_div ul li a.active{ background-color:#4ab380; font-weight:bold; color:#fff; text-decoration:none;}
.left_con_div ul li a:hover div, .left_con_div ul li a.active div{background: #4ab380;}
.header a:hover{color:#d0f0fd;text-decoration:none;}


.left_con_div {
    width: 18%;
    height: 100%;
    float: left;
}

.right_div {
    width: 82%;
    background: #f1f1f1;
    float: right;
    padding: 10px 20px;
    height: 100%;
    overflow-y: auto;
}

.btn-xs{
    padding: 3px 5px !important;
    border-radius: 6px !important;
}
.sider-bar{
    /*width:180px;*/
    margin-top:26px;
    /*float:left;*/
}
.sider-bar ul{
    width:100%;
    height:418px;
    padding-top:8px;
    background:url(../img/sidebar.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: top left;
}
.sider-bar h3{
    background:#0277b9;
    color:#fff;
    font-size:16px;
    text-align:center;
    width:100%;
    height:62px;
    line-height:62px;
}
.sider-bar li{
    width:120px;
    padding-left:30px;
    margin-left:25px;
    border-bottom:1px solid #5fb9e6;
}
.sider-bar li a{
    font-size:14px;
    display: block;
    height:36px;
    line-height:36px;
    float:left;
    color:#d6d4d4;
}
.sider-bar li a.on{
    color:#fff;
}
.sider-bar li img{
    float:left;
    margin-top:14px;
    margin-left:8px;
}
.sider-bar li:after{
    content: "";
    display: block;
    clear: both;
    height:0;
    overflow:hidden;
}
.sidebar .active{
    color: whitesmoke!important;
}
.sidebar .active a{
    color: whitesmoke!important;
}

.left_con_div_new {
    width: 16.66666667%;
    float: left;
}
.div_right_new{
    float: left;
    width:83%;
    padding: 10px 20px;
}




.red.btn {
    color: white;
    background-color: #d84a38;
    border-color: "";
}

.red.btn:hover, .red.btn:focus, .red.btn:active, .red.btn.active {
    color: white;
    background-color: #c63927;
}

.open .red.btn.dropdown-toggle {
    color: white;
    background-color: #c63927;
}

.red.btn:active, .red.btn.active {
    background-image: none;
    background-color: #b03223;
}

.red.btn:active:hover, .red.btn.active:hover {
    background-color: #b93524;
}

.open .red.btn.dropdown-toggle {
    background-image: none;
}

.red.btn.disabled, .red.btn.disabled:hover, .red.btn.disabled:focus, .red.btn.disabled:active, .red.btn.disabled.active, .red.btn[disabled], .red.btn[disabled]:hover, .red.btn[disabled]:focus, .red.btn[disabled]:active, .red.btn[disabled].active, fieldset[disabled] .red.btn, fieldset[disabled] .red.btn:hover, fieldset[disabled] .red.btn:focus, fieldset[disabled] .red.btn:active, fieldset[disabled] .red.btn.active {
    background-color: #d84a38;
}

.red.btn .badge {
    color: #d84a38;
    background-color: white;
}


/* Button */
.purple.btn {
    color: white;
    background-color: #8e44ad;
    border-color: "";
}

.purple.btn:hover, .purple.btn:focus, .purple.btn:active, .purple.btn.active {
    color: white;
    background-color: #793a93;
}

.open .purple.btn.dropdown-toggle {
    color: white;
    background-color: #793a93;
}

.purple.btn:active, .purple.btn.active {
    background-image: none;
    background-color: #6a3381;
}

.purple.btn:active:hover, .purple.btn.active:hover {
    background-color: #703688;
}

.open .purple.btn.dropdown-toggle {
    background-image: none;
}

.purple.btn.disabled, .purple.btn.disabled:hover, .purple.btn.disabled:focus, .purple.btn.disabled:active, .purple.btn.disabled.active, .purple.btn[disabled], .purple.btn[disabled]:hover, .purple.btn[disabled]:focus, .purple.btn[disabled]:active, .purple.btn[disabled].active, fieldset[disabled] .purple.btn, fieldset[disabled] .purple.btn:hover, fieldset[disabled] .purple.btn:focus, fieldset[disabled] .purple.btn:active, fieldset[disabled] .purple.btn.active {
    background-color: #8e44ad;
}

.purple.btn .badge {
    color: #8e44ad;
    background-color: white;
}

/* Button Strip */
.btn.purple-stripe {
    border-left: 3px solid #8e44ad;
}


.table .btn {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 5px;
}

/* Button */
.blue.btn {
    color: white;
    background-color: #4b8df8;
    border-color: "";
}

.blue.btn:hover, .blue.btn:focus, .blue.btn:active, .blue.btn.active {
    color: white;
    background-color: #2977f7;
}

.open .blue.btn.dropdown-toggle {
    color: white;
    background-color: #2977f7;
}

.blue.btn:active, .blue.btn.active {
    background-image: none;
    background-color: #1068f6;
}

.blue.btn:active:hover, .blue.btn.active:hover {
    background-color: #1a6ef6;
}

.open .blue.btn.dropdown-toggle {
    background-image: none;
}

.blue.btn.disabled, .blue.btn.disabled:hover, .blue.btn.disabled:focus, .blue.btn.disabled:active, .blue.btn.disabled.active, .blue.btn[disabled], .blue.btn[disabled]:hover, .blue.btn[disabled]:focus, .blue.btn[disabled]:active, .blue.btn[disabled].active, fieldset[disabled] .blue.btn, fieldset[disabled] .blue.btn:hover, fieldset[disabled] .blue.btn:focus, fieldset[disabled] .blue.btn:active, fieldset[disabled] .blue.btn.active {
    background-color: #4b8df8;
}

.blue.btn .badge {
    color: #4b8df8;
    background-color: white;
}

/* Button Strip */
.btn.blue-stripe {
    border-left: 3px solid #4b8df8;
}

.page-list{
    width: 60%;
    margin-top: 10px;
    display: inline-flex;
}
.page-list li:not(ul.dropdown-menu li[role=menuitem]){
    width: 30px;
}
.page-list .active a:not(ul.dropdown-menu li[role=menuitem] a){
    color: blue;
    font-weight: 900;
}