/*banner*/
#banner{
    height: 80px;
    background: url(../img/logo3.png) no-repeat;
    background-size: 270px;
    background-position: 50px;
}
#banner,#nav,#main,#footer,.navbar{
	width: 1024px;
	margin:0 auto;
}
.searchbar{
	margin-top: 20px;
	float: right;
}
.btn-search{
	background-color: #0c1678;
	color: #fff;
}
.searchbar form{
	border: #9108b3 1px solid;
}
.container {
    width:100%;
}
.nav>ul>li {
    min-width: 100px;
}
#main{
	display:flex;
	justify-content:space-between;
}
#footer{
	text-align: center;
	background-color:  #0c1678;
	color: #fff;
	height: 100px;
	padding-top:30px; 
}
.navbar-black {
    background-color: #0c1678;
    border-bottom: #080808 1px solid;
    -moz-box-shadow: 0 0 4px #333;
    -webkit-box-shadow: 0 0 4px #333;
    box-shadow: 0 0 4px #333;
}

.dropDown-menu li {
    background-color:rgba(13, 23, 123, 0.69);
    border-bottom: #080808 1px solid;
    -moz-box-shadow: 0 0 4px #333;
    -webkit-box-shadow: 0 0 4px #333;
    box-shadow: 0 0 4px #333;

}

.dropDown-menu li.open>a {
    background-color: rgba(13, 23, 123, 0.69);
    border-bottom: #080808 1px solid;
    -moz-box-shadow: 0 0 4px #333;
    -webkit-box-shadow: 0 0 4px #333;
    box-shadow: 0 0 4px #333;

}

.dropDown-menu li a{
	color:#fff;
}

  /*panal*/
  .panel .panel-header .bktitle{
  	min-width: 200px;
  	margin: 0 auto;
  	/*background-color: #ccc;*/
  	text-align: center;
  }

  .panel-page>.panel-header {
    border-color:  #0c1678;
    background-color:  #0c1678;
    color: #fff;
}

  .panel{
  	margin-top: 10px;
  	width: 100%;
  	border-color: #8760c7;
  	min-height: 500px;
  }
  .panel .panel-body p{
  	font-size: 16px;
  	text-indent: 2em;
  }
  .pages{
    width: 80%;
    margin: 5px auto;
  }
  .pages .first,.pages .end{
    background-color: #8760c7;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
    width: 40px;
  }
  .pages span{
    border: #8760c7 solid 1px;
    padding: 2px 5px;
    width: 20px;
    display: inline-block;
    text-align: center;
  }
  .pages .active{
    background-color: #8760c7;
    /*border-radius: 5px;*/
    color: #fff;
  }
 .first a, .pages .first a,.pages .first a:hover,.pages .end a,.pages .end a:hover,.pages .active a,.active a:hover{
    color: #fff;
    text-decoration: none;
  }
.panel-body ul li div{
    padding: 0 0 10px 0;
    border-bottom: 1px #ccc dashed;
  }
.preandnextbar .prev{
    width: 45%;
    float: left;
    padding: 10px;
  }
  .preandnextbar .next{
    width: 45%;
    float: right;
    padding: 10px;
    text-align:right;
  }
#main>form{
width:1022px;
}
.preandnextbar{
    height: 20px;
    border-top: 1px #8760c7 solid;
}
.panel-body hr{
    border-top: 1px #8760c7 solid;
}
#main .piclist ul li{
  float:left;
  width:25%;
  text-align:center;
  margin-bottom:5px;
  height: 315px;
}
#main .piclist ul li:hover{
  background: #ccc;
}
#main .piclist ul li a,#main .piclist ul li a:visited{
  text-decoration: none;
  display: inline-block;
  width: 100%;
}
#main .piclist ul li a img{
  max-height: 80%;
  max-width: 80%;
  margin: 10px;
}
#main .piclist ul li a p{
  text-align:center;
  line-height: 1.5em;
  text-indent: 0;
}
#main .piclist ul li a:hover{
  color: #f00;
}