﻿﻿/* layout
---------------------------------------------------------------------------------------------------------- */
body { font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#000; background: #fff /*url("../images/bg.jpg") no-repeat center top*/;}
.bgbar{min-width:1000px;background: #fff url("../images/bg.jpg") no-repeat center top;background-size: 100%;/*background-attachment: fixed;*/}
.container { width:1000px; margin:0 auto;}
.branding { width:auto; height:170px;}
.nav { width:auto; height:51px; background-color: #2e71d8;}
.content { width:auto; height:100%;_height:1%;}
.site_info { min-width:1000px;color:#fff; width:auto; height:173px; clear:both; background: url("../images/foot-bg.jpg") top center;background-size: 100%;/*background-attachment: fixed;*/}
.site_info em { font-family:Microsoft Yahei,Arial, Helvetica, sans-serif;}

/*  end layout
---------------------------------------------------------------------------------------------------------- */
.ico {
  display: inline-block;
  vertical-align: middle;
}
/* index
---------------------------------------------------------------------------------------------------------- */
.top {
  height: 50px;
  text-align: right;
}
.top .date {
  font-size: 12px;
  color: #1c4975;
  line-height: 50px;
}
.logo {
  width: 438px;
  height: 70px;
  background: url("../images/logo.png") no-repeat;
}
.serachBar {
  width: 288px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}

.inp-search {
  border: 1px solid #9cd5f8;
  border-right: 0;
  width: 221px;
  height: 30px;
  padding-left: 40px;
  background: #fff url("../images/ico-search.png") no-repeat 10px center;
}
.serachBar .inp-search,
.serachBar .btn-blue-01{
  float: left;
}
.serachBar .btn-blue-01 {
  width: 66px;
  height: 30px;
  padding: 0;
}
.btn-blue-01 {
  background-color: #2e71d8;
  color: #fff;
  border-radius: 0;
}
.btn-blue-01:hover,
.btn-blue-01:focus {
  color: #fff;
}

.ico-24 {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
.ico-24-01 { background: url("../images/ico-24-01.png") no-repeat;}
.ico-24-02 { background: url("../images/ico-24-02.png") no-repeat;}
.ico-24-03 { background: url("../images/ico-24-03.png") no-repeat;}
.ico-24-04 { background: url("../images/ico-24-04.png") no-repeat;}
.ico-24-05 { background: url("../images/ico-24-05.png") no-repeat;}
.ico-24-06 { background: url("../images/ico-24-06.png") no-repeat;}
.ico-24-07 { background: url("../images/ico-24-07.png") no-repeat;}

.nav-list li {
  float: left;
  width: 14.2857142%;
}
.nav-list li a {
  position: relative;
  display: block;
  height:51px;
  line-height: 51px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.nav-list li a:hover,
.nav-list li.on a{
  text-decoration: none;
  background-color: #60bea4;
}
.nav-list li a .ico-24 {
  margin-right: 6px;
}
.nav-list li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -12px;
  width: 1px;
  height: 24px;
  background-color: #a9c9e5;
}
.nav-list li:last-child a:after {
  display: none;
}

.foot {
  padding: 40px 40px 0;
}

.ico-20 {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.ico-20-01 { background: url("../images/ico-20-01.png") no-repeat;}
.ico-20-02 { background: url("../images/ico-20-02.png") no-repeat;}
.ico-20-03 { background: url("../images/ico-20-03.png") no-repeat;}

.list-01 li {
  margin-bottom: 10px;
}
.list-01 li i {
  margin-right: 6px;
}

.sele-01 {
  background: #a0c4ff url('../images/dit-01.png') no-repeat 190px center;
  width: 210px;
  height: 30px;
  overflow: hidden;
  border-radius: 5px;
}
.sele-01 select {
  background: transparent;
  border: none;
  padding-left: 2px;
  width: 225px;
  height: 100%;
  color: #03276e;
}
.sele-01 select option {
  padding: 10px;
}

.titBar {
  height: 41px;
  border-bottom: 1px solid #3c79d3;
}
.titBar .tit {
  width: 200px;
  height: 41px;
  line-height: 41px;
  background: url("../images/tit-bg.png") no-repeat;
  padding-left: 38px;
  font-size: 24px;
  color: #fff;
  font-weight: 500;
}
.titBar .more {
  display: block;
  padding: 10px 5px 0 0;
}
.titBar .more a {
  color: #afadad;
}
.titBar .more a:hover {
  color: #000;
}

.picBox {
  position: relative;
  width: 547px;
  height: 331px;
}
.picBox .tit,
.titBg{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 50px;
  background-color: #d6dceb;
}
.picBox .tit h3,
.titBg h3 {
  line-height: 50px;
  padding-left: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #061b37;
}
.picBox .tit .num {
  position: absolute;
  top: 12px;
  right: 10px;
  height: 7px;
  display: block;
}
.picBox .tit .num i {
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
.picBox .tit .num i:hover,
.picBox .tit .num i.on {
  background-color: #3279f6;
}
.picBox-info {
  margin-left: 554px;
  height: 331px;
  background-color: #f3f7f9;
  padding: 8px;
}

.list-02 li {
  border-bottom: 1px dashed #d8d8d8;
  padding: 8px 8px;
}
.list-02 li:last-child {
  border-bottom: 0;
}
.list-02 li h3 {
  background: url("../images/dit-02.png") no-repeat left 8px;
  padding-left: 15px;
  color: #2c2c2c;
  font-weight: normal;
}
.list-02 li h3 a {
  color: #2c2c2c;
}
.list-02 li h3 .date {
  color: #848484;
  font-weight: normal;
}
.list-02 li:first-child h3 {
  font-size: 18px;
  color: #1c4c99;
  margin-bottom: 10px;
}
.list-02 li:first-child h3 a {
  color: #1c4c99;
}
.list-02 li:first-child p {
  font-size: 12px;
}

/****/
.list-03 li {
  border-bottom: 0px dashed #d8d8d8;
  padding: 6px 8px;
}
.list-03 li:last-child {
  border-bottom: 0;
}
.list-03 li h3 {
  background: url("../images/dit-03.png") no-repeat left 8px;
  padding-left: 15px;
  color: #2c2c2c;
  font-weight: normal;
}
.list-03 li h3 a {
  color: #2c2c2c;
}
.list-03 li h3 .date {
  color: #848484;
  font-weight: normal;
}

.list-04 li {
  border-bottom: 1px dashed #d8d8d8;
  padding: 6px 8px;
}
.list-04 li:last-child {
  /*border-bottom: 0;*/
}
.list-04 li h3 {
  background: url("../images/dit-02.png") no-repeat left 8px;
  padding-left: 15px;
  color: #2c2c2c;
  font-weight: normal;
}
.list-04 li h3 a {
  color: #2c2c2c;
}
.list-04 li h3 a:hover {
  color: #2e71d8;
}
.list-04 li h3 .date {
  color: #848484;
  font-weight: normal;
}

/** 翻页样式 **/
.page-01 {
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:middle;
  margin:10px 0;
  font-size:0;
}
.page-01>a:first-child,.page-01>a:first-child em {
  border-radius:2px 0 0 2px;
}
.page-01>a:last-child,.page-01>a:last-child em {
  border-radius:0 2px 2px 0;
}
.page-01>:first-child {
  margin-left:0!important;
}
.page-01>:last-child {
  margin-right:0!important;
}
.page-01 a,.page-01 button,.page-01 input,.page-01 select,.page-01 span {
  border:1px solid #e2e2e2;
}
.page-01 a,.page-01 span {
  display:inline-block;
  *display:inline;
  *zoom:1;
  vertical-align:middle;
  padding:5px 15px;
  margin:0 5px 5px 0;
  background-color:#fff;
  color:#333;
  font-size:12px;
}
.page-01 a:hover {
  color: #00a4da;
}
.page-01 .layui-laypage-spr {
  color:#999;
  font-weight:700;
}
.page-01 .layui-laypage-curr {
  position:relative;
}
.page-01 .layui-laypage-curr em {
  position:relative;
  color:#fff;
}
.page-01 .layui-laypage-curr .layui-laypage-em {
  position:absolute;
  left:0px;
  top:0px;
  padding:1px;
  width:100%;
  height:100%;
  background-color:#009688;
}
.page-01 .layui-laypage-curr .layui-laypage-em {
  background-color: #2e71d8;
}
.page-01 a, .page-01 button, .page-01 input, .page-01 select, .page-01 span {
  border: 1px solid #dddddd;
}
.page-01 .layui-laypage-count {
  border: 1px solid #dddddd;
}
.page-01 a, .page-01 span {
  background-color:  rgba(255, 255, 255, 0.4);
  color: #333;
}
.page-01 .layui-laypage-refresh {
  background-color: transparent;
}
.page-01 .layui-icon-refresh:before {
  color: #356aff;
}
.page-01>:first-child {
  padding-left: 10px;
  padding-right: 10px;
}
.page-01 .layui-laypage-skip {
  color: #333;
  padding-left: 5px;
}
.layui-laypage-em {
  border-radius:2px;
}
.layui-laypage-next em,.layui-laypage-prev em {
  font-family:Sim sun;
  font-size:16px;
}
.page-01 .count,.page-01 .layui-laypage-limits,.page-01 .layui-laypage-refresh,.page-01 .layui-laypage-skip {
  margin-left:10px;
  margin-right:10px;
  padding:0;
  border:none;
}
.page-01 select {
  height:22px;
  padding:3px;
  border-radius:2px;
  cursor:pointer;
}
.page-01 .layui-laypage-skip {
  height:30px;
  line-height:30px;
  color:#999;
}
.page-01 button,.page-01 input {
  height:30px;
  line-height:30px;
  border-radius:2px;
  vertical-align:top;
  background-color:#fff;
  box-sizing:border-box;
}
.page-01 input {
  display:inline-block;
  width:40px;
  margin:0 10px;
  padding:0 3px;
  text-align:center;
}
.page-01 input:focus,.page-01 select:focus {
  border-color:#009688!important;
}
.page-01 button {
  margin-left:10px;
  padding:0 10px;
  cursor:pointer;
  background-color:#2e71d8;
}
/** end 翻页样式 **/

.titBar-02 {
  border-bottom: 1px solid #dadada;
  padding-bottom: 20px;
}
.titBar-02 .tit {
  font-size: 24px;
  color: #666;
  font-weight: normal;
  line-height: 100%;
}
.boxCon{
  color: #666;
}
.boxCon p,
.boxCon h4 {
  margin-bottom: 5px;
}
.boxCon p,
.num-list-01 li{
  line-height: 1.8em;
}
.boxCon h4 {
  font-size: 16px;
}

.subinfo {
  color: #989898;
  font-size: 12px;
}
.subinfo span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}

.font01 a {
  color: #989898;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}
.font01 a:hover,
.font01 a.on {
  color: #2e71d8;
  text-decoration: none;
}

.ico-add {
  width: 16px;
  height: 16px;
  background: url("../images/ico-add.png") no-repeat;
}

/** 选择框样式 **/
.ui-selectmenu-button.ui-button{
-webkit-appearance: none;
background: #a0c4ff url('../images/dit-01.png') no-repeat 190px center;
width: 210px;
height: 30px;
overflow: hidden;
border-radius: 5px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus
{
-webkit-appearance: none;
background: #a0c4ff url('../images/dit-01.png') no-repeat 190px center;
width: 210px;
height: 30px;
overflow: hidden;
border-radius: 5px;
}

.ui-button {
    padding: 0.5em 1em;
}

.ui-widget {
    font-size: 12px;
}
